@charset "UTF-8";
@layer legacy, properties, theme, base, components, utilities;
/* Cascade layer precedence, declared before any other stylesheet loads.
   @adv-mt/ui emits Tailwind's `@layer theme,base,components;` statement ahead of
   each `@layer utilities` block — that statement is the only thing putting `base`
   BELOW `utilities`. The production minifier dedupes those statements down to the
   last occurrence, by which point `utilities` is already registered, so `base`
   ends up outranking `utilities` in prod but not in dev. Declaring the order here
   makes it independent of what survives minification.

   This declaration is load-bearing, not defensive. `_normalize.scss` scopes a copy
   of Tailwind's preflight to `[data-adv-mt-ui='adv-mt-ui-components']` — the very
   attribute every @adv-mt/ui component carries — and that block sets
   `border: 0 solid` and `padding: 0`. The DS protects `border-color` with an
   unlayered doubled selector but NOT `border-width` / `border-style`, so the
   outlined Button's ring depends on the preflight losing to
   `.border-[length:var(--button-border-width)]`. Keep `./layers.css` the first
   import in `app/src/styles/index.js`.

   That preflight's scope is wrapped in `:where()` so it contributes zero
   specificity, exactly as upstream Tailwind writes it. Do not unwrap it: a bare
   attribute prefix is 0-1-0, which TIES the DS utilities and makes this layer
   declaration the only tie-breaker. That is a single point of failure, because
   @s-ui/critical-css strips every `@layer` when it builds the inline
   `\3c style id="critical">` from raw Playwright coverage byte ranges — inside that
   style nothing is layered, ties break by source order, and the reset is emitted
   last. It is injected only for `deviceType === 'mobile'` and never removed, so a
   0-1-0 prefix breaks the mobile topbar permanently while every desktop check
   looks healthy. Both defences are wanted: the layer order, and the specificity.

   `properties` must stay first (among the @adv-mt/ui layers): it resets the
   `--tw-*` custom properties to `initial`, and would wipe the values the utility
   classes set if it outranked them.

   `legacy` is declared even lower priority than `properties`. It is the app's
   single bucket for our own pre-DS SCSS: any layered rule always loses to an
   unlayered rule regardless of layer or specificity, so unlayered legacy CSS
   silently beats @adv-mt/ui's layered CSS — that is the whole class of "the new
   components look wrong" bugs, most visible on mobile because the legacy sheets
   concentrate their divergences inside `media-breakpoint-down` blocks.

   POLICY: new app SCSS goes inside `@layer legacy`; nothing new may rely on being
   unlayered to beat the design system. If a DS component needs a different look,
   the fix is a DS prop, or overriding a DS custom property the component reads
   (`--button-height`, `--button-corner-radius`, …) instead of the property it
   derives.

   Note what `@layer legacy` CANNOT do, because it is broader than it looks: a rule
   inside it loses to EVERY unlayered rule on the page, not just to @adv-mt/ui.
   `AppStyles.css` is unlayered and, through the 7 `@adv-mt/mt-*` packages imported
   by `app/src/index.scss`, it re-emits a large part of `@s-ui/*` — e.g.
   `.sui-AtomImage-image { width: 100%; height: 100% }`, pulled in transitively by
   mt-shared-topbar. So wrapping a sheet in `@layer legacy` also drops every
   override that only exists inside that sheet's own chunk, with no error:

     - `--button-height` is set by the DS's own utility class
       `.[--button-height:2.5rem]` in `@layer utilities`, so an override of it only
       wins while it stays unlayered.
     - `.mt-PanelFinancing-lenderInfoProvider img { width: 100px }` ships only in
       `Detail.css`. Layered, it lost to the unlayered `.sui-AtomImage-image` from
       AppStyles and the Santander logo rendered 498x149 instead of 100x30.

   "Wrap the whole entry sheet in `@layer legacy`" is therefore not a pure refactor:
   every one of its ~40 vendor `@import`s would move into the layer with it, and
   each dropped override the same way the Santander one did. The fix that actually
   works is narrower — wrap only the page's OWN rules, and leave the vendor
   `@import`s where they are, above and outside the `@layer legacy { }` block:

     @import '~@adv-mt/mt-panel-financing/lib/index';  // stays unlayered

     @layer legacy {
       .mt-Detail { ... }                              // only this is layered
     }

   `pages/Detail/variants/legacy/styles/index.scss` does exactly this. Its ~49
   vendor imports are untouched (still unlayered, so they keep beating SUI's own
   re-emitted CSS the way they always did); only the page's own `.mt-Detail` block
   moved into `@layer legacy`, which is what stops it from bleeding onto the new
   DS-based variant that's mounted alongside it. An extra `@layer vendor` (declared
   below `legacy`, wrapping the vendor imports themselves) would only be needed if
   the vendor CSS itself had to be layered too — nothing found so far requires that.

   The two local `@import`s this file makes to itself (`ModalDealerRatings`,
   `PanelPriceIndicator`) are NOT wrapped by this pass — still unlayered, same
   behaviour as before wrapping `.mt-Detail`. Audit before folding them in too: any
   `.sui-*` selector inside them is a candidate to silently lose against whatever
   AppStyles re-emits for that same selector once layered.

   Files that deliberately rely on being unlayered to beat the DS, and each needs a
   DS hook before it can be layered:
     packages/ui/components/shared/topbar/src/index.scss (mobile ctaGroup block) —
     the DS Button has no `small` size, so the 32px mobile CTAs are an unlayered
     `--button-height` override. Wrapping this file in `@layer legacy` restores the
     40px `medium` height, with no error anywhere.
   One file is deliberately layered so it LOSES to the DS, the inverse of the same
   mechanism:
     app/src/index.scss (normalize wrapped in `@layer base`) */

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

@layer base {
  /*! 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; /* 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; /* 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;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) {
    /*
      1. Prevent padding and border from affecting element width.
      2. Remove default margins and padding.
      3. Reset all borders.
    */
    /*
      1. Use a consistent sensible line-height in all browsers.
      2. Prevent adjustments of font size after orientation changes in iOS.
      3. Use a more readable tab size.
      4. Resolve the sans-serif family through the theme token.
      5. Use sensible default font-feature-settings.
      6. Use sensible default font-variation-settings.
      7. Disable tap highlights on iOS.
    */
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    tab-size: 4; /* 3 */
    /*
      4. `var(--font-sans)`, NOT a literal stack.

      This whole block is Tailwind's preflight copied by hand and RE-SCOPED from
      `html, :host` down to `[data-adv-mt-ui='adv-mt-ui-components']` - the
      attribute `@adv-mt/ui` stamps on the root of EVERY component it ships. The
      re-scoping is what makes the font-family declaration harmful where upstream's
      is harmless: upstream declares it once on `html` inside `@layer base`, so
      `body { font-family: $ff-sans-serif }` (_default.scss) wins for the whole
      document. Declared on each component root instead, and UNLAYERED - which
      outranks every `@layer` regardless of specificity - it re-declared the font
      BELOW body and every Xassis subtree lost PoppinsMotor: `Field.Label`, the
      typography components and any raw `<a>` inside them all computed
      `-apple-system`, because none of them carries `.font-sans` and therefore none
      re-resolves the variable on its own.

      The token is also the only theme-correct answer: `@adv-mt/theme` defines
      `--font-sans` per theme (`[data-theme=motor]` -> "PoppinsMotor",
      `[data-theme=milanuncios]` -> "Rubik") and `data-theme` sits on `<html>`
      (`app/src/index.html`), an ancestor of every component root — including the
      ones DS components portal into outside `#root` — so it resolves here. The
      literal stack this replaces was additionally a stale copy: upstream now emits
      `var(--default-font-family, ...)`, not the v3 `-apple-system` list.
    */
    font-family: var(--font-sans);
    font-feature-settings: normal; /* 5 */
    font-variation-settings: normal; /* 6 */
    -webkit-tap-highlight-color: transparent; /* 7 */
    /*
      1. Add the correct height in Firefox.
      2. Correct the inheritance of border color in Firefox.
      3. Reset the default border style to a 1px solid border.
    */
    /* Add the correct text decoration in Chrome, Edge, and Safari. */
    /* Remove the default font size and weight for headings. */
    /* Reset links to optimize for opt-in styling instead of opt-out. */
    /* Add the correct font weight in Edge and Safari. */
    /*
      1. Use a sensible default monospace font family.
      2. Use sensible default font-feature-settings.
      3. Use sensible default font-variation-settings.
      4. Correct the odd `em` font sizing in all browsers.
    */
    /* Add the correct font size in all browsers. */
    /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
    /*
      1. Remove text indentation from table contents in Chrome and Safari.
      2. Correct table border color inheritance in all Chrome and Safari.
      3. Remove gaps between table borders by default.
    */
    /* Use the modern Firefox focus style for all focusable elements. */
    /* Add the correct vertical alignment in Chrome and Firefox. */
    /* Add the correct display in Chrome and Safari. */
    /* Make lists unstyled by default. */
    /*
      1. Make replaced elements `display: block` by default.
      2. Add `vertical-align: middle` to align replaced elements more sensibly by default.
    */
    /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. */
    /*
      1. Inherit font styles in all browsers.
      2. Remove border radius in all browsers.
      3. Remove background color in all browsers.
      4. Ensure consistent opacity for disabled states in all browsers.
    */
    /* Restore default font weight. */
    /* Restore indentation. */
    /* Restore space after button. */
    /* Reset the default placeholder opacity in Firefox. */
    /* Set the default placeholder color to a semi-transparent version of the current text color. */
    /* Prevent resizing textareas horizontally by default. */
    /* Remove the inner padding in Chrome and Safari on macOS. */
    /*
      1. Ensure date/time inputs have the same height when empty in iOS Safari.
      2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
    */
    /* Prevent height from changing on date/time inputs in macOS Safari when set to `display: block`. */
    /* Remove excess padding from pseudo-elements in date/time inputs for consistent height. */
    /* Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. */
    /* Remove the additional `:invalid` styles in Firefox. */
    /* Correct the inability to style the border radius in iOS Safari. */
    /* Correct the cursor style of increment and decrement buttons in Safari. */
    /* Make elements with the HTML hidden attribute stay hidden by default. */
    /*
      @adv-mt/ui Icon sizes only its outer <span> through `size-[var(--space-*)]` (inside
      `@layer utilities`); the inner <span><svg viewBox> carry no size. The legacy s-ui
      `.sui-AtomIcon { width: auto }` is unlayered and so wins over that utility: the
      wrapper keeps its height but loses its width, and WebKit then gives the unsized
      SVG no size at all. Inheriting the height that survives lets the viewBox ratio
      derive the width. `&` is the Icon wrapper itself, which carries the marker, so
      legacy sui-AtomIcon (sized by its own size-* class on the svg) is untouched.
    */
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]),
  :where([data-adv-mt-ui=adv-mt-ui-components]) *,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::after,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::before,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::backdrop,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::file-selector-button {
    box-sizing: border-box; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 2 */
    border: 0 solid; /* 3 */
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) h1,
  :where([data-adv-mt-ui=adv-mt-ui-components]) h2,
  :where([data-adv-mt-ui=adv-mt-ui-components]) h3,
  :where([data-adv-mt-ui=adv-mt-ui-components]) h4,
  :where([data-adv-mt-ui=adv-mt-ui-components]) h5,
  :where([data-adv-mt-ui=adv-mt-ui-components]) h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) b,
  :where([data-adv-mt-ui=adv-mt-ui-components]) strong {
    font-weight: bolder;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) code,
  :where([data-adv-mt-ui=adv-mt-ui-components]) kbd,
  :where([data-adv-mt-ui=adv-mt-ui-components]) samp,
  :where([data-adv-mt-ui=adv-mt-ui-components]) pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-feature-settings: normal; /* 2 */
    font-variation-settings: normal; /* 3 */
    font-size: 1em; /* 4 */
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) small {
    font-size: 80%;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) sub,
  :where([data-adv-mt-ui=adv-mt-ui-components]) sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) sub {
    bottom: -0.25em;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) sup {
    top: -0.5em;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) progress {
    vertical-align: baseline;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) summary {
    display: list-item;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ol,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ul,
  :where([data-adv-mt-ui=adv-mt-ui-components]) menu {
    list-style: none;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) img,
  :where([data-adv-mt-ui=adv-mt-ui-components]) svg,
  :where([data-adv-mt-ui=adv-mt-ui-components]) video,
  :where([data-adv-mt-ui=adv-mt-ui-components]) canvas,
  :where([data-adv-mt-ui=adv-mt-ui-components]) audio,
  :where([data-adv-mt-ui=adv-mt-ui-components]) iframe,
  :where([data-adv-mt-ui=adv-mt-ui-components]) embed,
  :where([data-adv-mt-ui=adv-mt-ui-components]) object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) img,
  :where([data-adv-mt-ui=adv-mt-ui-components]) video {
    max-width: 100%;
    height: auto;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) button,
  :where([data-adv-mt-ui=adv-mt-ui-components]) input,
  :where([data-adv-mt-ui=adv-mt-ui-components]) select,
  :where([data-adv-mt-ui=adv-mt-ui-components]) optgroup,
  :where([data-adv-mt-ui=adv-mt-ui-components]) textarea,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::file-selector-button {
    font: inherit; /* 1 */
    font-feature-settings: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
    letter-spacing: inherit; /* 1 */
    color: inherit; /* 1 */
    border-radius: 0; /* 2 */
    background-color: transparent; /* 3 */
    opacity: 1; /* 4 */
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::file-selector-button {
    margin-inline-end: 4px;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    :where([data-adv-mt-ui=adv-mt-ui-components]) ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) textarea {
    resize: vertical;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-date-and-time-value {
    min-height: 1lh; /* 1 */
    text-align: inherit; /* 2 */
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit {
    display: inline-flex;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit-year-field,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit-month-field,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit-day-field,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit-hour-field,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit-minute-field,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit-second-field,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit-millisecond-field,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) :-moz-ui-invalid {
    box-shadow: none;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) button,
  :where([data-adv-mt-ui=adv-mt-ui-components]) input:where([type=button], [type=reset], [type=submit]),
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::file-selector-button {
    appearance: button;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-inner-spin-button,
  :where([data-adv-mt-ui=adv-mt-ui-components]) ::-webkit-outer-spin-button {
    height: auto;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]) [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
  :where([data-adv-mt-ui=adv-mt-ui-components]).sui-AtomIcon > span, :where([data-adv-mt-ui=adv-mt-ui-components]).sui-AtomIcon > span > svg {
    height: inherit;
  }
}

html {
  box-sizing: border-box;
}

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

body {
  background-color: #eef0f4;
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.36;
  margin: 0;
  padding: 0;
}
body.mt-Detail--new-page {
  background-color: #ffffff;
}

a:visited {
  color: currentcolor;
}

/* iOS applies apple default color on all buttons */
button {
  color: #000000;
}

@font-face {
  font-display: swap;
  font-family: "PoppinsMotor";
  font-style: normal;
  font-weight: 400;
  src: local("PoppinsMotor-Regular"),  url("https://s.ccdn.es/fonts/PoppinsMotor-400.woff2") format("woff2"), url("https://s.ccdn.es/fonts/PoppinsMotor-400.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-display: swap;
  font-family: "PoppinsMotor";
  font-style: normal;
  font-weight: 600;
  src: local("PoppinsMotor-SemiBold"),  url("https://s.ccdn.es/fonts/PoppinsMotor-600.woff2") format("woff2"), url("https://s.ccdn.es/fonts/PoppinsMotor-600.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.mt-AdvertisingRoadblock {
  margin: 0 auto;
  max-width: 980px;
  padding-right: 0;
}
.mt-AdvertisingRoadblock--fullWidth {
  margin: 0;
  max-width: 100%;
}
@media (min-width: 1300px) {
  .mt-AdvertisingRoadblock:not(.mt-AdvertisingRoadblock--fullWidth) {
    max-width: 1280px;
    padding-right: 300px;
    position: relative;
  }
  .mt-AdvertisingRoadblock:not(.mt-AdvertisingRoadblock--fullWidth) .mt-AdvertisingRoadblock-inner {
    padding-right: 16px;
  }
}
.mt-AdvertisingRoadblock-right1 {
  display: block;
  height: auto;
  position: sticky;
  top: 0;
}
.mt-AdvertisingRoadblock-right1-brandDay {
  top: auto;
}
.mt-AdvertisingRoadblock-right2 {
  display: block;
  height: auto;
  position: sticky;
  top: 0;
}
.mt-AdvertisingRoadblock-right2-wrapper {
  display: block;
  height: auto;
  position: sticky;
  top: 50%;
}
.mt-AdvertisingRoadblock-top {
  display: none;
}
@media (min-width: 970px) {
  .mt-AdvertisingRoadblock-top {
    width: 980px;
  }
}
@media (min-width: 800px) {
  .mt-AdvertisingRoadblock-top {
    display: block;
    margin: 8px auto 16px;
    min-height: 109px;
    text-align: center;
  }
}
@media (min-width: 800px) {
  body.home.with-brand-day .mt-AdvertisingRoadblock-top {
    height: 250px;
  }
}
.mt-AdvertisingRoadblock-fixed {
  display: none;
}
@media (min-width: 1300px) {
  .mt-AdvertisingRoadblock-fixed {
    display: block;
    margin-left: 980px;
    position: initial;
    top: 8px;
    width: 300px;
  }
}
.mt-AdvertisingRoadblock-fixed .adit-RoadblockSideBanner,
.mt-AdvertisingRoadblock-fixed .mt-AdvertisingRoadblock-sideBanner {
  position: absolute;
  height: 50%;
  top: 0;
}
.mt-AdvertisingRoadblock-fixed .adit-RoadblockSideBanner--full-height,
.mt-AdvertisingRoadblock-fixed .mt-AdvertisingRoadblock-sideBanner--full-height {
  height: 100%;
}
.mt-AdvertisingRoadblock-fixed .adit-RoadblockSideBanner-content,
.mt-AdvertisingRoadblock-fixed .mt-AdvertisingRoadblock-sideBanner-content {
  display: block;
  position: sticky;
  top: 0;
  height: auto;
}
.mt-AdvertisingRoadblock-fixed .mt-AdvertisingRoadblock-right2 {
  display: block;
  position: sticky;
  top: 0;
  height: auto;
}
.mt-AdvertisingRoadblock-fixed .mt-AdvertisingRoadblock-right2-wrapper {
  top: 50%;
  position: absolute;
  height: 50%;
}
.mt-AdvertisingRoadblock-absolute {
  display: none;
}
@media (min-width: 1300px) {
  .mt-AdvertisingRoadblock-absolute {
    display: block;
    top: 0;
    right: 0;
    position: absolute;
  }
}

.sui-ErrorAppBoundary-notification .mt-Icon {
  margin-right: 8px;
}

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* small */
/* medium */
/* large */
/* threeCharacters */
/* disabled */
/* selected */

#didomi-host {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif !important;
}
#didomi-host .didomi-popup-notice-logo {
  min-height: 37px !important;
}
#didomi-host .didomi-popup-container.didomi-popup__dialog.didomi-popup-notice.didomi-popup-notice-info-type.didomi-popup-notice-with-data-processing {
  max-width: 448px !important;
  padding: 24px !important;
}
#didomi-host .didomi-popup-notice.didomi-popup-notice-with-data-processing {
  max-width: 448px !important;
}
#didomi-host .didomi-popup-notice .didomi-popup-notice-buttons {
  gap: 16px !important;
}
#didomi-host .didomi-popup-notice .didomi-popup-notice-buttons button {
  width: 100% !important;
}
#didomi-host .didomi-popup-notice-buttons {
  flex-direction: column !important;
  margin-top: 24px !important;
}
#didomi-host .didomi-popup-notice-buttons .didomi-components-button:nth-child(1) {
  order: 3 !important;
}
#didomi-host .didomi-popup-notice-buttons .didomi-components-button:nth-child(2) {
  order: 2 !important;
}
#didomi-host .didomi-popup-notice-buttons .didomi-components-button:nth-child(3) {
  order: 1 !important;
}
#didomi-host .didomi-popup-container,
#didomi-host .didomi-exterior-border {
  border-radius: 8px !important;
  border: 0 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1) !important;
}
#didomi-host .multiple.didomi-buttons.didomi-popup-notice-buttons button {
  margin-top: 0px !important;
}
#didomi-host .didomi-components-button {
  background-color: #000e23 !important;
  color: white !important;
  min-width: auto !important;
  height: 40px !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  margin-right: 0px !important;
  border-color: transparent !important;
}
#didomi-host .didomi-components-button:hover {
  background-color: #242f44 !important;
}
#didomi-host .didomi-components-button:disabled {
  background-color: #000e23 !important;
  border: none !important;
}
#didomi-host .didomi-components-button:disabled span {
  color: #bfc7d0 !important;
}
#didomi-host .didomi-components-button.didomi-components-button.didomi-button.didomi-learn-more-button.didomi-button-standard.standard-button {
  background-color: #000e23 !important;
  color: #ffffff !important;
  padding: 4px 16px !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
#didomi-host .didomi-components-button.didomi-components-button.didomi-button.didomi-learn-more-button.didomi-button-standard.standard-button:hover {
  background-color: #242f44 !important;
}
#didomi-host .didomi-consent-popup-view-vendors-list-link {
  border-radius: 20px !important;
  background-color: #ffffff !important;
  border: 2px solid #000e23 !important;
  color: #000e23 !important;
  padding: 4px 16px !important;
  height: auto !important;
}
#didomi-host .didomi-consent-popup-view-vendors-list-link:hover {
  background-color: #ffffff !important;
}
#didomi-host .didomi-consent-popup-view-vendors-list-link span {
  color: #000e23 !important;
  font-size: 14px !important;
}
#didomi-host .didomi-popup-footer {
  padding: 24px;
}
#didomi-host .didomi-notice-view-partners-link-in-text {
  font-weight: 600;
}
#didomi-host .didomi-consent-popup-footer.didomi-popup-footer {
  padding: 24px !important;
}
#didomi-host .didomi-consent-popup-body.didomi-popup-body {
  padding: 24px !important;
}
#didomi-host .didomi-components-radio__option {
  border: 1px solid #3b4a5a !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 20px !important;
}
#didomi-host .didomi-components-radio__option span {
  color: #000e23 !important;
}
#didomi-host .didomi-components-radio__option--selected {
  border-color: transparent !important;
}
#didomi-host .didomi-components-radio__option--selected span {
  color: #ffffff !important;
}
#didomi-host .didomi-notice-data-processing-container.didomi-popup-notice-data-processing-list {
  text-align: left !important;
}
#didomi-host .didomi-notice-data-processing-title {
  margin-bottom: 4px !important;
}
#didomi-host .didomi-notice-data-processing-list span {
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #3b4a5a !important;
}
#didomi-host .didomi-popup-notice-text p {
  font-size: 12px !important;
}
#didomi-host .didomi-popup-notice-text a {
  font-weight: 600 !important;
}

@media (min-width: 800px) {
  #didomi-host.didomi-host--motos .didomi-popup-container.didomi-popup__dialog.didomi-popup-notice {
    max-width: 660px !important;
  }
}
@media (min-width: 800px) {
  #didomi-host.didomi-host--motos .didomi-popup-notice-buttons {
    flex-direction: row-reverse !important;
  }
  #didomi-host.didomi-host--motos .didomi-popup-notice-buttons button {
    flex: 1 !important;
    width: auto !important;
    white-space: nowrap !important;
  }
}
#didomi-host.didomi-host--motos .didomi-components-button.didomi-components-button.didomi-button.didomi-learn-more-button.didomi-button-standard.standard-button {
  background-color: transparent !important;
  color: #000e23 !important;
  border: 2px solid #000e23 !important;
}
#didomi-host.didomi-host--motos .didomi-components-button.didomi-components-button.didomi-button.didomi-learn-more-button.didomi-button-standard.standard-button:hover {
  background-color: #000e23 !important;
  color: #ffffff !important;
}

.mt-BannerWebToApp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.mt-BannerWebToApp--hasQr {
  flex-direction: row;
}
.mt-BannerWebToApp--hasQr .mt-BannerWebToApp-cta {
  width: initial;
}
.mt-BannerWebToApp-content {
  display: flex;
  gap: 8px;
}
.mt-BannerWebToApp-contentLogo {
  height: 60px;
  width: 60px;
  flex-shrink: 0;
}
.mt-BannerWebToApp-contentInfoText {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.mt-BannerWebToApp-contentInfoRating {
  margin-top: 4px;
}
.mt-BannerWebToApp-cta {
  width: 100%;
}
.mt-BannerWebToApp-ctaQr {
  height: 68px;
  width: 68px;
}

/* sass-lint:disable class-name-format no-vendor-prefixes no-css-comments force-element-nesting */

/* stylelint-disable */
/* !important because focus should  prevail over hover */
/* stylelint-enable */
.mt-LoginGigya {
  background-color: #ffffff;
  min-height: 450px;
  overflow: hidden;
  padding: 24px;
  width: 100%;
}
.mt-LoginGigya .gigya-required-display {
  display: none;
}
.mt-LoginGigya .gigya-screen .gigya-error-msg.gigya-error-msg-active {
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 4px;
}
.mt-LoginGigya .gigya-screen .gigya-error-msg.gigya-error-msg-active.gigya-form-error-msg {
  color: #3b4a5a;
  margin-bottom: 16px;
}
.mt-LoginGigya-errorContainer {
  margin: 8px;
  color: #b21229;
}
.mt-LoginGigya-error .gigya-form-error-msg.gigya-error-msg-active {
  background: #ffffff;
  border-left: 5px solid #b21229;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  line-height: 24px;
  padding: 16px 16px 16px 48px;
  position: relative;
}
.mt-LoginGigya-error .gigya-form-error-msg.gigya-error-msg-active::before {
  background: url("https://s.ccdn.es/images/gigya-login-alert-circle.png") left center/contain no-repeat;
  bottom: 0;
  content: "";
  height: 24px;
  left: 16px;
  position: absolute;
  top: 16px;
  width: 24px;
}
.mt-LoginGigya-email, .mt-LoginGigya-password, .mt-LoginGigya-name {
  margin-bottom: 16px;
  position: relative;
  padding: 0 !important;
}
.mt-LoginGigya-email::before, .mt-LoginGigya-password::before, .mt-LoginGigya-name::before {
  bottom: 0;
  content: "";
  height: 24px;
  left: 16px;
  position: absolute;
  top: 32px;
  width: 24px;
  z-index: 1;
}
.mt-LoginGigya-remember, .mt-LoginGigya-success, .mt-LoginGigya-reset {
  height: 100px;
  margin-bottom: 16px;
  position: relative;
}
.mt-LoginGigya-remember::before, .mt-LoginGigya-success::before, .mt-LoginGigya-reset::before {
  bottom: 0;
  content: "";
  height: 80px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
}
.mt-LoginGigya-email::before {
  background: url("https://s.ccdn.es/images/gigya-login-mail.svg") left center/contain no-repeat;
}
.mt-LoginGigya-password::before {
  background: url("https://s.ccdn.es/images/gigya-login-password.svg") left center/contain no-repeat;
}
.mt-LoginGigya-password .gigya-show-password-button {
  border: none;
  padding: 0 24px !important;
  cursor: pointer;
}
.mt-LoginGigya-password .gigya-show-password-button:focus {
  border: none !important;
  box-shadow: none !important;
}
.mt-LoginGigya-password .gigya-show-validity-border.gigya-valid:not(.gigya-empty) {
  border: 1px solid #bfc7d0;
}
.mt-LoginGigya-password .gigya-show-validity-border.gigya-valid:not(.gigya-empty):focus {
  border: 2px solid #000e23;
}
.mt-LoginGigya-password .gigya-show-validity-border.gigya-valid:not(.gigya-empty):hover {
  border-color: #000e23;
}
.mt-LoginGigya-password.gigya-reset span {
  border: none;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.mt-LoginGigya-name::before {
  background: url("https://s.ccdn.es/images/gigya-login-user.svg") left center/contain no-repeat;
}
.mt-LoginGigya-success::before {
  background: url("https://s.ccdn.es/images/gigya-login-check-circle.svg") left center/contain no-repeat;
}
.mt-LoginGigya-remember {
  display: none;
}
.mt-LoginGigya-reset::before {
  background: url("https://s.ccdn.es/images/gigya-login-check-circle.svg") left center/contain no-repeat;
  left: 40%;
}
.mt-LoginGigya-title {
  color: #000000;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 24px;
  text-align: center;
}
.mt-LoginGigya input[type=text], .mt-LoginGigya input[type=password] {
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 14px;
  height: 40px;
  outline: none;
  padding: 0 16px 0 48px !important;
  width: 100%;
  border: 1px solid #bfc7d0;
}
.mt-LoginGigya input[type=text]:focus, .mt-LoginGigya input[type=password]:focus {
  border: 2px solid #000e23;
}
.mt-LoginGigya input[type=text]:hover, .mt-LoginGigya input[type=password]:hover {
  border-color: #000e23;
}
.mt-LoginGigya input[type=text]:autofill, .mt-LoginGigya input[type=text]:-webkit-autofill, .mt-LoginGigya input[type=password]:autofill, .mt-LoginGigya input[type=password]:-webkit-autofill {
  box-shadow: 0 0 0 40px white inset;
}
.mt-LoginGigya input[type=checkbox].gigya-input-checkbox {
  align-self: flex-start;
  color: #000e23;
  accent-color: #000e23;
  height: 18px;
  margin: 4px 8px 4px 0;
  width: 18px;
}
.mt-LoginGigya input[type=checkbox].gigya-input-checkbox:focus {
  box-shadow: none !important;
}
.mt-LoginGigya input[type=checkbox].gigya-input-checkbox + label {
  margin: 0;
}
.mt-LoginGigya input[type=submit] {
  align-items: center;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  line-height: 1.36;
  outline: none;
  padding: 11px 16px;
  background-color: #e60e27;
  color: #ffffff;
  font-size: 16px;
  justify-content: center;
  width: 100%;
  border-radius: 21.875px;
  -webkit-appearance: none;
  margin-bottom: 16px;
  font-weight: 600;
}
.mt-LoginGigya input[type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.mt-LoginGigya input[type=submit]:hover {
  background-color: #b21229;
}
.mt-LoginGigya input[type=submit]:active {
  background-color: #f7cbcb;
}
.mt-LoginGigya input[type=submit] > [class$=icon], .mt-LoginGigya input[type=submit] > [class$=Icon] {
  fill: #ffffff !important;
  stroke: transparent !important;
}
.mt-LoginGigya input[type=submit] > [class$=icon], .mt-LoginGigya input[type=submit] > [class$=Icon] {
  height: 24px;
  width: 24px;
}
.mt-LoginGigya input[type=submit] > [class$=icon]:first-child, .mt-LoginGigya input[type=submit] > [class$=Icon]:first-child {
  margin-right: 8px;
}
.mt-LoginGigya input[type=submit] > [class$=icon]:last-child, .mt-LoginGigya input[type=submit] > [class$=Icon]:last-child {
  margin-left: 8px;
}
.mt-LoginGigya input.gigya-input-password {
  padding-right: 40px !important;
}
.mt-LoginGigya label {
  display: inline-block;
  line-height: 1.45;
}
.mt-LoginGigya label:not(.mt-LoginGigya-Message) {
  color: #3b4a5a;
  font-weight: 400;
  margin: 0 0 4px;
}
.mt-LoginGigya label:not(.mt-LoginGigya-Message) a {
  color: #000e23;
  font-weight: 600;
}
.mt-LoginGigya label .gigya-checkbox-text {
  color: #3b4a5a;
}
.mt-LoginGigya-options {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
}
.mt-LoginGigya-options label {
  cursor: pointer;
  margin-bottom: 0;
}
.mt-LoginGigya-options input {
  margin-right: 4px;
}
.mt-LoginGigya-account {
  color: #000e23;
  text-decoration: none;
  align-items: center;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  line-height: 1.36;
  outline: none;
  padding: 11px 16px;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #3b4a5a inset;
  color: #3b4a5a;
  font-size: 16px;
  justify-content: center;
  width: 100%;
  border-radius: 21.875px;
  box-shadow: 0 0 0 1px #000e23 inset;
  color: #000e23;
  margin-bottom: 16px;
  padding: 11px 16px !important;
  font-weight: 600;
}
.mt-LoginGigya-account:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.mt-LoginGigya-account:hover {
  background-color: #eef0f4;
  color: #3b4a5a;
}
.mt-LoginGigya-account:active {
  background-color: #bfc7d0;
}
.mt-LoginGigya-account > [class$=icon], .mt-LoginGigya-account > [class$=Icon] {
  fill: #3b4a5a !important;
  stroke: transparent !important;
}
.mt-LoginGigya-account > [class$=icon], .mt-LoginGigya-account > [class$=Icon] {
  height: 24px;
  width: 24px;
}
.mt-LoginGigya-account > [class$=icon]:first-child, .mt-LoginGigya-account > [class$=Icon]:first-child {
  margin-right: 8px;
}
.mt-LoginGigya-account > [class$=icon]:last-child, .mt-LoginGigya-account > [class$=Icon]:last-child {
  margin-left: 8px;
}
.mt-LoginGigya-account:hover {
  box-shadow: 0 0 0 1px #000e23 inset;
  color: #000e23;
}
.mt-LoginGigya-forgot {
  color: #000e23;
  text-decoration: none;
  color: #000e23;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  text-align: center;
  text-decoration: underline;
  width: 100%;
}
.mt-LoginGigya-forgot:hover {
  color: #242f44;
  text-decoration: underline;
}
.mt-LoginGigya-message {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 24px;
  width: 100%;
}
.mt-LoginGigya-timeoutMessage p {
  margin-top: 0;
}
.mt-LoginGigya .gigya-screen .label-divider {
  height: 40px;
}
.mt-LoginGigya .gigya-screen .label-divider span {
  margin-top: 10px;
  background-color: #ffffff;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen.portrait, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen.portrait, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen.portrait {
  width: inherit;
  padding: inherit;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen.portrait input[type=text], .mt-LoginGigya .gigya-screen.gigya-link-account-screen.portrait input[type=password], .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen.portrait input[type=text], .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen.portrait input[type=password], .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen.portrait input[type=text], .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen.portrait input[type=password] {
  font-size: 14px;
  height: 40px;
  border-radius: 8px;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  color: #000e23;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen.portrait.mobile, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen.portrait.mobile, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen.portrait.mobile {
  width: inherit;
  padding: inherit;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen.portrait.mobile input[type=text], .mt-LoginGigya .gigya-screen.gigya-link-account-screen.portrait.mobile input[type=password], .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen.portrait.mobile input[type=text], .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen.portrait.mobile input[type=password], .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen.portrait.mobile input[type=text], .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen.portrait.mobile input[type=password] {
  font-size: 14px;
  height: 40px;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen.portrait.mobile::before, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen.portrait.mobile::before, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen.portrait.mobile::before {
  width: inherit;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control {
  color: #3b4a5a;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  position: relative;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.link-accounts-input-email::before, .mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.link-accounts-input-password::before, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.link-accounts-input-email::before, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.link-accounts-input-password::before, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.link-accounts-input-email::before, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.link-accounts-input-password::before {
  background: url("https://s.ccdn.es/images/gigya-login-mail.svg") left center/contain no-repeat;
  bottom: 0;
  content: "";
  height: 24px;
  left: 16px;
  position: absolute;
  top: 8px;
  width: 24px;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.link-accounts-input-email::before, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.link-accounts-input-email::before, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.link-accounts-input-email::before {
  background: url("https://s.ccdn.es/images/gigya-login-mail.svg") left center/contain no-repeat;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.link-accounts-input-password::before, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.link-accounts-input-password::before, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.link-accounts-input-password::before {
  background: url("https://s.ccdn.es/images/gigya-login-password.svg") left center/contain no-repeat;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-header:not(.mt-LoginGigya-title), .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-header:not(.mt-LoginGigya-title), .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-header:not(.mt-LoginGigya-title) {
  text-align: left !important;
  font-size: 16px;
  line-height: inherit;
  font-weight: 400 !important;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-header.link-accounts-main-header, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-header.link-accounts-main-header, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-header.link-accounts-main-header {
  display: none;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit {
  align-items: center;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  line-height: 1.36;
  outline: none;
  padding: 11px 16px;
  background-color: #000e23;
  color: #ffffff;
  font-size: 16px;
  justify-content: center;
  width: 100%;
  border-radius: 21.875px;
  -webkit-appearance: none;
  height: inherit;
  margin-bottom: 16px;
  font-weight: 600;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit:disabled, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit:disabled, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit:hover, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit:hover, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit:hover {
  background-color: #242f44;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit:active, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit:active, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit:active {
  background-color: #000e23;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon], .mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon], .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon], .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon], .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon], .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon] {
  fill: #ffffff !important;
  stroke: transparent !important;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon], .mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon], .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon], .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon], .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon], .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon] {
  height: 24px;
  width: 24px;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon]:first-child, .mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon]:first-child, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon]:first-child, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon]:first-child, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon]:first-child, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon]:first-child {
  margin-right: 8px;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon]:last-child, .mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon]:last-child, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon]:last-child, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon]:last-child, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=icon]:last-child, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-submit .gigya-input-submit > [class$=Icon]:last-child {
  margin-left: 8px;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-composite-control-link, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-composite-control-link {
  display: none;
}
.mt-LoginGigya .gigya-screen.gigya-link-account-screen .gigya-composite-control.gigya-spacer, .mt-LoginGigya .gigya-screen#gigya-complete-registration-screen .gigya-composite-control.gigya-spacer, .mt-LoginGigya .gigya-screen.gigya-forgot-password-screen .gigya-composite-control.gigya-spacer {
  display: none;
}
.mt-LoginGigya .gigya-screen-caption {
  color: #000000;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 24px;
  text-align: center;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  border: 0;
}
.mt-LoginGigya #Google_btn,
.mt-LoginGigya #Apple_btn {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #000e23;
  border-radius: 21.875px;
  box-sizing: border-box;
  display: flex;
  height: 45px !important;
  justify-content: center;
  margin: 0 auto;
  padding: 16px;
  width: 100%;
}
.mt-LoginGigya #Google_btn > div,
.mt-LoginGigya #Google_btn > img,
.mt-LoginGigya #Apple_btn > div,
.mt-LoginGigya #Apple_btn > img {
  display: none;
}
.mt-LoginGigya #Google_btn::before {
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  background-image: url("https://s.ccdn.es/images/google-short.svg");
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
}
.mt-LoginGigya #Google_btn::after {
  color: #000e23;
  content: "Continuar con Google";
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-left: 12px;
}
.mt-LoginGigya #Apple_btn::before {
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  background-image: url("https://s.ccdn.es/images/common/logos/apple.svg");
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
}
.mt-LoginGigya #Apple_btn::after {
  color: #000000;
  content: "Continuar con Apple";
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-left: 12px;
}
.mt-LoginGigya .gigya-social-login-container {
  width: 100% !important;
  height: auto !important;
}
.mt-LoginGigya .gigya-social-login-container > div {
  width: 100% !important;
  height: auto !important;
}
.mt-LoginGigya .gigya-social-login-container .gigya-login-providers {
  display: flex;
  height: auto !important;
}
.mt-LoginGigya .gigya-social-login-container .gigya-login-providers .gigya-login-provider-row {
  height: auto !important;
  padding: 0;
  margin-bottom: 16px;
}
.mt-LoginGigya .gigya-social-login-container .gigya-login-providers .gigya-login-provider-row > span {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.mt-LoginGigya .gigya-social-login-container .gigya-login-providers-container {
  width: 100% !important;
  transform: none !important;
  top: auto;
}
.mt-LoginGigya .gigya-social-login-container .gigya-login-providers-container tbody,
.mt-LoginGigya .gigya-social-login-container .gigya-login-providers-container tr,
.mt-LoginGigya .gigya-social-login-container .gigya-login-providers-container td {
  display: block;
  width: 100% !important;
}
.mt-LoginGigya .gigya-social-login-container .gigya-login-providers-list-container .gigya-login-providers-list button {
  height: 45px !important;
  margin-bottom: 16px;
  width: 100%;
}
.mt-LoginGigya span[data-gigya-provider=apple] {
  display: none !important;
}
.mt-LoginGigya--withAppleLogin span[data-gigya-provider=apple] {
  display: block !important;
}

.gigya-screen .gigya-composite-control-password-peek {
  cursor: pointer;
}
.gigya-screen .gigya-composite-control-password-peek[data-show-password=false] .gigya-password-icon, .gigya-screen .gigya-composite-control-password-peek[data-show-password=true] .gigya-password-icon {
  width: 16px;
  height: 16px;
}
.gigya-screen .gigya-composite-control-password-peek[data-show-password=false] .gigya-password-icon {
  content: url("https://s.ccdn.es/images/gigya-login-password-hide.svg") !important;
}
.gigya-screen .gigya-composite-control-password-peek[data-show-password=true] .gigya-password-icon {
  content: url("https://s.ccdn.es/images/gigya-login-password-show.svg") !important;
}

.mt-LoginModal {
  padding: 16px;
  align-items: start;
}
@media (min-width: 800px) {
  .mt-LoginModal {
    display: grid;
    grid-template-columns: 1fr 340px;
  }
}
.mt-LoginModal--stacked {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}
@media (min-width: 800px) {
  .mt-LoginModal--stacked {
    display: flex;
    grid-template-columns: none;
    align-items: stretch;
  }
}
.mt-LoginModal--stacked .mt-LoginModal-valuePropositionImage {
  display: block;
  max-width: none;
  align-self: stretch;
  margin: -24px -24px 0;
}
.mt-LoginModal--stacked .mt-LoginModal-valuePropositionImage .sui-AtomImage {
  width: 100%;
  height: auto;
}
.mt-LoginModal--stacked .mt-LoginModal-webToAppWrapper {
  padding-bottom: 0;
  border-bottom: none;
}
@media (min-width: 800px) {
  .mt-LoginModal--stacked .mt-LoginModal-webToAppWrapper {
    margin: 0 -16px -16px;
    padding: 16px;
  }
  .mt-LoginModal--stacked .mt-LoginModal-webToAppWrapper .mt-BannerWebToApp {
    justify-content: space-between;
    width: 100%;
  }
  .mt-LoginModal--stacked .mt-LoginModal-webToAppWrapper .mt-BannerWebToApp-contentInfoText {
    font-size: 16px;
  }
}
.mt-LoginModal--stacked .mt-LoginModal-form--login {
  min-height: 450px;
  width: 100%;
}
.mt-LoginModal-webToAppWrapper {
  padding-bottom: 24px;
  border-bottom: 1px solid #bfc7d0;
}
@media (min-width: 800px) {
  .mt-LoginModal-webToAppWrapper {
    padding-bottom: initial;
    border-bottom: initial;
  }
}
.mt-LoginModal-valueProposition {
  display: flex;
  padding-bottom: 16px;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
@media (min-width: 800px) {
  .mt-LoginModal-valueProposition {
    padding: 0 40px 16px 16px;
  }
}
.mt-LoginModal-valuePropositionImage {
  display: none;
}
@media (min-width: 800px) {
  .mt-LoginModal-valuePropositionImage {
    align-self: center;
    display: block;
    max-width: 300px;
  }
}
.mt-LoginModal-valueProposition .sui-AtomImage {
  height: auto;
}
.mt-LoginModal-form--login {
  min-height: 450px;
}
.mt-LoginModal-form--register {
  min-height: 569px;
}
.mt-LoginModal-verificationReminderTextContainer {
  padding: 0 16px;
}
.mt-LoginModal-verificationReminderText {
  margin: 0;
}
.mt-LoginModal-verificationReminderButton {
  margin-top: 32px;
}
.mt-LoginModal-verificationReminderNotification {
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
  z-index: 9999;
}
.mt-LoginModal .mt-LoginGigya {
  padding: 0;
}
.mt-LoginModal .mt-LoginGigya .gigya-profile-form .mt-LoginGigya-title,
.mt-LoginModal .mt-LoginGigya .gigya-register-form .mt-LoginGigya-title,
.mt-LoginModal .mt-LoginGigya .gigya-login-form .mt-LoginGigya-title,
.mt-LoginModal .mt-LoginGigya .gigya-reset-password-form .mt-LoginGigya-title {
  display: none;
}

.mt-LoginModal-content--stacked {
  padding: 0 !important;
}
.mt-LoginModal-content--stacked .sui-MoleculeModal-ScrollArea {
  padding-right: 0 !important;
  scrollbar-width: none;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.mt-LoginModal-content--stacked .sui-MoleculeModal-ScrollArea::-webkit-scrollbar {
  display: none;
}

.mt-PanelCta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media (min-width: 800px) {
  .mt-PanelCta {
    gap: 32px;
  }
  .mt-PanelCta--cta-size-small {
    grid-template-columns: 1fr 30%;
  }
  .mt-PanelCta--cta-size-medium {
    grid-template-columns: 1fr 40%;
  }
  .mt-PanelCta--cta-size-large {
    grid-template-columns: 1fr 50%;
  }
  .mt-PanelCta--cta-size-flexible {
    grid-template-columns: 1fr auto;
  }
}
.mt-PanelCta-rightContent {
  display: grid;
  gap: 8px;
  width: 100%;
}
@media (min-width: 800px) {
  .mt-PanelCta-rightContent {
    justify-self: end;
  }
}
.mt-PanelCta-rightContentCta--position-bottom {
  align-self: end;
}
.mt-PanelCta-rightContentCta--position-center {
  align-self: center;
}
.mt-PanelCta-rightContentCta--position-top {
  align-self: start;
}
.mt-PanelCta-title {
  margin-top: 0;
}@layer theme,base,components;/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

.mt-CardConfigurator {
  background: #ffffff;
  border-radius: 8px;
}
.mt-CardConfigurator-image {
  max-width: 100%;
  max-height: 100%;
  padding: 8px;
}
.mt-CardConfigurator-image .sui-AtomImage-image {
  object-fit: contain;
}
.mt-CardConfigurator-content {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 165px;
}
.mt-CardConfigurator-info {
  flex: 1;
}
.mt-CardConfigurator-link {
  text-decoration: none;
}
.mt-CardConfigurator-title {
  font-size: 14px;
  font-weight: 600;
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  margin: 0 0 8px;
}
.mt-CardConfigurator-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-CardConfigurator-priceFrom {
  font-size: 14px;
  color: #777777;
}
.mt-CardConfigurator-price {
  font-size: 16px;
  font-weight: 700;
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
}
.mt-CardConfigurator-newLabel {
  background: #000e23;
  color: #000e23;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: auto;
}
.mt-CardConfigurator-buttonContainer {
  display: flex;
  align-items: flex-end;
  justify-content: right;
  margin-top: 16px;
}
@media (min-width: 800px) {
  .mt-CardConfigurator-buttonContainer {
    margin-top: 4px;
  }
}

.mt-ListCarouselCardNavigation {
  background-color: #000e23;
  border-radius: 8px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 24px;
  text-decoration: none;
}
.mt-ListCarouselCardNavigation-title {
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  word-wrap: break-word;
}
.mt-ListCarouselCardNavigation-title--small {
  font-size: 16px;
}
.mt-ListCarouselCardNavigation-title--large {
  font-size: 16px;
}
@media (min-width: 800px) {
  .mt-ListCarouselCardNavigation-title--large {
    font-size: 24px;
  }
}
.mt-ListCarouselTitle {
  padding-bottom: 8px;
}

.mt-ListLatestModels--success {
  color: #017943;
}
.mt-ListLatestModels-titleWrapper {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  flex-wrap: wrap;
  /* AtomTag has by default some margins that makes it difficult to align properly*/
}
.mt-ListLatestModels-titleWrapper--center {
  justify-content: center;
}
.mt-ListLatestModels-titleWrapper > .sui-AtomTag {
  margin: 0 4px 0 0;
}
.mt-ListLatestModels-title {
  display: block;
  font-size: 16px;
}
.mt-ListLatestModels-title--small {
  font-weight: 600;
  font-size: 14px;
}
.mt-ListLatestModels-title--large {
  font-weight: 400;
  font-size: 24px;
}
.mt-ListLatestModelsSkeleton {
  height: 248px;
}
@media (min-width: 600px) {
  .mt-ListLatestModelsSkeleton {
    height: 362px;
  }
}
@media (min-width: 800px) {
  .mt-ListLatestModelsSkeleton {
    height: 315px;
  }
}

.mt-AdSpace.is-hidden {
  margin: -8px auto;
}

.mt-LatestModels-titleWrapper {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  /* AtomTag has by default some margins that makes it difficult to align properly*/
}
.mt-LatestModels-titleWrapper > .sui-AtomTag {
  margin: 0 4px 0 0;
}
.mt-LatestModels-title {
  display: block;
  font-size: 16px;
  font-weight: 600;
}

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* small */
/* medium */
/* large */
/* threeCharacters */
/* disabled */
/* selected */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* sass-lint:disable no-important */

.mt-ActionsAdDiscard {
  cursor: pointer;
}

.mt-AnimationFadeOut {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.mt-AnimationFadeOut-enter {
  animation-name: animationFadeOut;
}

@keyframes animationFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.sui-ImageSlider {
  position: relative;
}
.sui-ImageSlider--single {
  align-items: center;
  display: flex;
  justify-content: center;
}
.sui-ImageSlider--fullHeight {
  height: 100%;
}
.sui-ImageSlider-image {
  max-width: 100%;
}
.sui-ImageSlider-counter {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  color: #ffffff;
  display: flex;
  font-size: 12px;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
}
.sui-ImageSlider-counter--bottomRight {
  bottom: 8px;
  right: 8px;
}
.sui-ImageSlider-counter--bottomLeft {
  bottom: 8px;
  left: 8px;
}
.sui-ImageSlider-counter--bottomCenter {
  bottom: 8px;
  left: 50%;
  transform: translate(-50%);
}
.sui-ImageSlider-counterIcon {
  fill: #ffffff !important;
  height: 16px;
  margin-right: 4px;
  width: 16px;
}
.sui-ImageSlider-counterText {
  min-width: 34px;
  text-align: right;
}

.mt-CardBasic {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
@media (min-width: 800px) {
  .mt-CardBasic:hover {
    box-shadow: 0 0 20px 5px #bfc7d0;
  }
}
.mt-CardBasic-img {
  width: 100%;
}
.mt-CardBasic-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.36;
  margin: 4px 0;
  min-height: 2.5rem;
}
.mt-CardBasic-titleLink {
  color: #000e23;
  text-decoration: none;
}
.mt-CardBasic-titleLink--preview {
  color: #000e23;
}
.mt-CardBasic-titleLink--highlighted {
  background: #fffed4;
}
.mt-CardBasic-titleLink--highlighted:hover {
  background: #fffed4;
}
.mt-CardBasic-titleLink:hover {
  color: inherit;
}
@media (min-width: 800px) {
  .mt-CardBasic .sui-AtomCard--responsive .sui-AtomCard-media {
    min-width: 250px;
  }
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-LabelPriceDrop {
  color: #017943;
  display: flex;
}
.mt-LabelPriceDrop-text {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.27px;
  margin-left: 4px;
}

.mt-ModalBasicContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent {
    height: 100%;
  }
}
.mt-ModalBasicContent--hasButton {
  margin-bottom: 72px;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent--hasButton {
    margin-bottom: 0;
  }
}
.mt-ModalBasicContent--hasButtonAndFooterText {
  margin-bottom: 108px;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent--hasButtonAndFooterText {
    margin-bottom: 0;
  }
}
.mt-ModalBasicContent--hasButtons {
  margin-bottom: 128px;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent--hasButtons {
    margin-bottom: 0;
  }
}
.mt-ModalBasicContent--hasFullFooter {
  margin-bottom: 164px;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent--hasFullFooter {
    margin-bottom: 0;
  }
}
.mt-ModalBasicContent--verticallyCentered {
  justify-content: center;
  padding: 16px 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent--verticallyCentered {
    padding: unset;
    position: unset;
  }
}
.mt-ModalBasicContent strong {
  font-weight: 600;
}
.mt-ModalBasicContent-bottomContent {
  bottom: 0;
  padding-top: 16px;
  position: fixed;
  right: 0;
  width: 100%;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent-bottomContent {
    bottom: -16px;
    max-width: 980px;
    position: sticky;
  }
}
.mt-ModalBasicContent-footerText {
  margin: 16px 0 0;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent-footerText {
    margin: unset;
  }
}
.mt-ModalBasicContent-buttons {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
  justify-content: flex-end;
  width: 100%;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent-buttons {
    flex-direction: row;
    padding: 0;
  }
}
.mt-ModalBasicContent-buttons--column {
  flex-direction: column-reverse;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent-buttons--fullWidth {
    justify-content: space-between;
    width: 100%;
  }
}
.mt-ModalBasicContent-buttons--inline {
  flex-direction: row;
}
.mt-ModalBasicContent-buttonsWrapper {
  background-color: #ffffff;
  display: flex;
  flex-direction: column-reverse;
  padding: 16px;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent-buttonsWrapper {
    gap: 24px;
    padding: 0;
  }
}
.mt-ModalBasicContent-buttonsWrapper--inline > :first-child {
  flex: 1;
}
.mt-ModalBasicContent-buttonsWrapper--inline > :nth-child(2) {
  flex: 0.3;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent-buttonsWrapper--inline {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.mt-ModalBasicContent-captionText {
  color: #000e23;
  font-size: 12px;
  margin-bottom: 8px;
}
.mt-ModalBasicContent-content {
  margin: 0 auto;
  max-width: 600px;
}
.mt-ModalBasicContent-children {
  display: flex;
  flex-direction: column;
}
.mt-ModalBasicContent-headerImage {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
}
.mt-ModalBasicContent-title {
  margin-bottom: 16px;
}
.mt-ModalBasicContent-steps {
  display: flex;
  justify-content: space-evenly;
  margin: 40px auto;
  width: 15%;
}
.mt-ModalBasicContent-stepsContent {
  padding-bottom: 24px;
  overflow: auto;
}
@media (min-width: 600px) {
  .mt-ModalBasicContent-steps {
    width: 10%;
  }
}
.mt-ModalBasicContent-step {
  background-color: #bfc7d0;
  border-radius: 50%;
  cursor: pointer;
  height: 8px;
  width: 8px;
}
.mt-ModalBasicContent-step.is-selected {
  background-color: #000e23;
}

/* sass-lint:disable no-important */
.mt-TableFinancingDetails-financingInfoItem--bold {
  color: #000000;
  font-weight: 700;
  background-color: #f5f5f5;
  padding: 4px;
  border-radius: 2px;
}
.mt-CardAd {
  position: relative;
}
.mt-CardAd .sui-AtomCard-media {
  flex-shrink: 0;
}
.mt-CardAd-mediaContainer {
  border-bottom: 1px solid #f5f5f5;
}
@media (min-width: 600px) {
  .mt-CardAd-mediaContainer {
    border-bottom: none;
    border-right: 1px solid #f5f5f5;
  }
}
.mt-CardAd-iconRatingStar {
  color: #ff9900;
  display: flex;
  padding-bottom: 2px;
}
.mt-CardAd-favIcon {
  color: #e60e27;
}
.mt-CardAd-media {
  aspect-ratio: 1.3333333333;
  display: block;
  height: 100%;
}
@media (max-width: 969px) {
  .mt-CardAd-media:active {
    transform: scale(0.98);
  }
}
.mt-CardAd-media--blured {
  filter: blur(4px);
}
.mt-CardAd-mediaContactSeller {
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mt-CardAd-mediaContactSellerButtonWrapper {
  display: flex;
  justify-content: center;
}
.mt-CardAd-mediaContactSellerButton {
  width: 120px !important;
}
.mt-CardAd-mediaContactSellerWrapper {
  position: relative;
}
.mt-CardAd-mediaContactSellerTitle {
  margin-bottom: 16px;
}
.mt-CardAd-mediaImage {
  aspect-ratio: 1.3333333333;
  display: block;
  object-fit: cover;
}
.is-error .mt-CardAd-mediaImage {
  opacity: 0;
}
.mt-CardAd-attr {
  display: flex;
  list-style: none;
  padding: 0;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-CardAd-attrItem {
  align-items: center;
  color: #606f80;
  display: flex;
  font-size: 12px;
  line-height: 16px;
}
.mt-CardAd-attrItem::after {
  content: "•";
  color: #bfc7d0;
  margin: 0 4px;
}
.mt-CardAd-attrItem:last-child::after {
  content: "";
}
.mt-CardAd-attrItem:last-child {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-CardAd-attrItemEnvironmentalLabel {
  flex: 0 0 16px;
  margin-right: 4px;
  max-width: 16px;
  width: 16px;
}
.mt-CardAd-attrItemIcon {
  color: #b8e1ff;
}
.mt-CardAd-attrItemIcon:last-child {
  display: inline-flex;
}
.mt-CardAd-attrItemIconLabel {
  color: #606f80;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-CardAd-tags {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-CardAd-tags .sui-AtomBadge {
  margin: 8px 8px 0 0;
}
.mt-CardAd-contact {
  display: flex;
  margin: 16px 0 0;
}
.mt-CardAd-deleted {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  cursor: initial;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.mt-CardAd-deletedContent {
  margin: 0 auto;
  max-width: 200px;
  width: 100%;
}
.mt-CardAd-deletedText {
  font-size: 16px;
  line-height: 1.36;
  text-align: center;
}
.mt-CardAd-deletedActions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-CardAd-priceDropWrapper {
  margin-bottom: 16px;
}
.mt-CardAd-share {
  padding: 16px;
  text-align: center;
}
.mt-CardAd-footer {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: flex-start;
  border-top: 1px solid #f5f5f5;
  padding: 8px 16px 8px 8px;
  gap: 8px;
}
.mt-CardAd-footer > div {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  cursor: auto;
  color: #606f80;
  font-size: 9px;
  gap: 4px;
}
.mt-CardAd-footer--hasLeftItem > :first-child {
  margin-right: auto;
}
.mt-CardAd-footer--smallPadding {
  padding: 4px 16px 4px 0;
}
.mt-CardAd-footer > span:last-of-type {
  margin: 0 4px;
}
@media (min-width: 600px) {
  .mt-CardAd-footer {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (min-width: 600px) {
  .mt-CardAd-footer--grid {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.mt-CardAd-footer-comparatorCheckboxLabel {
  color: #000e23;
  line-height: 24px;
}
.mt-CardAd-financingInfoItem {
  margin: 0;
}
.mt-CardAd-financingInfoItem:after {
  content: "·";
  margin: 0 4px;
}
@media (min-width: 600px) {
  .mt-CardAd-financingInfoItem:after {
    font-size: 12px;
  }
}
.mt-CardAd-financingInfoItem.isVertical:after {
  font-size: 9px;
}
.mt-CardAd-financingInfoItem:last-of-type:after {
  content: none;
  margin: 0;
}
@media (min-width: 600px) {
  .mt-CardAd-financingInfoItem {
    font-size: 12px;
  }
}
.mt-CardAd-financingInfoItem.isVertical {
  font-size: 9px;
}
.mt-CardAd-financingInfoItemUnderline {
  color: #000000;
  cursor: pointer;
  font-weight: 600;
  margin: 0;
  text-decoration: underline;
}
@media (min-width: 600px) {
  .mt-CardAd-financingInfoItemUnderline {
    font-size: 12px;
  }
}
.mt-CardAd-financingInfoItemUnderline.isVertical {
  font-size: 9px;
}
.mt-CardAd-financingInfoLenderImage img {
  height: 16px;
  object-fit: contain;
  width: 60px;
}
.mt-CardAd-footer--smallPadding .mt-CardAd-financingInfoLenderImage img {
  height: 24px;
}
.mt-CardAd-financingInfoModalChildren {
  margin-bottom: 60px;
}
@media (min-width: 600px) {
  .mt-CardAd-financingInfoModalChildren {
    width: 588px;
  }
}
.mt-CardAd-financingInfoModalChildren > :first-child {
  margin-bottom: 32px;
}
.mt-CardAd-infoContainer {
  display: flex;
  flex-direction: column;
}
.mt-CardAd-infoHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.mt-CardAd-infoHeaderTitle {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.36;
  line-clamp: 2;
  margin: 0 0 4px 0;
  min-height: 43.52px;
  overflow: hidden;
}
.mt-CardAd-infoHeaderTitleLink {
  text-decoration: none;
  color: inherit;
}
.mt-CardAd-infoHeaderTitle--oneLine {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  min-height: auto;
}
.mt-CardAd-infoHeaderActions {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.mt-CardAd-menu {
  align-items: flex-start;
  color: #000e23;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-width: 270px;
  padding: 8px;
}
.mt-CardAd-menuItem {
  width: 100%;
}
.mt-CardAd-menuItem > button {
  text-align: left;
}
.mt-CardAd-overImageBadges {
  display: flex;
  gap: 8px;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
}
.mt-CardAd-contactButton {
  padding: 16px;
}

.mt-ListAds-gridLayout {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  width: 100%;
}
@media (min-width: 600px) {
  .mt-ListAds-gridLayout {
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1300px) {
  .mt-ListAds-gridLayout {
    gap: 8px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1680px) {
  .mt-ListAds-gridLayout {
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.mt-ListAds-gridLayout-gridItem {
  width: 100%;
  min-width: 0;
  min-height: 200px;
  display: flex;
  flex-direction: column;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item:last-child {
  flex-grow: 1;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item > .mt-CardAd {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item > .mt-CardAd .sui-AtomCard {
  flex: 1;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item > .mt-CardAd .sui-AtomCard-content {
  flex: 1;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item > .mt-CardAd .mt-CardAd-infoContainer {
  flex: 1;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item > .mt-CardAd .mt-CardAd-infoContainer .mt-CardAd-infoHeader {
  min-height: 45px;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item > .mt-CardAd .mt-CardAd-infoContainer .mt-CardAdPrice {
  min-height: 49px;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item > .mt-CardAd .mt-CardAd-infoContainer .mt-CardAdPrice-cash {
  justify-content: flex-end;
  min-height: 57px;
}
.mt-ListAds-gridLayout-gridItem > .mt-ListAds-item > .mt-CardAd .mt-CardAd-infoContainer .mt-CardAdPrice-cash:has(+ .mt-CardAdPrice-financed) {
  justify-content: space-between;
}
.mt-ListAds-gridLayout-gridItem--tallAd {
  display: none;
}
@media (min-width: 1300px) {
  .mt-ListAds-gridLayout-gridItem--tallAd {
    display: flex;
    grid-row: span 2;
  }
}
@media (min-width: 1300px) {
  .mt-ListAds-gridLayout-gridItem--tallAdThreeCards {
    grid-row: span 3;
  }
}
.mt-ListAds-gridLayout-gridItem--fullWidth {
  grid-column: 1/-1;
  min-height: 0;
  display: block;
}
@media (min-width: 800px) {
  .mt-ListAds-gridLayout-gridItem--fullWidth .mt-ListSlides {
    padding-block: 24px;
  }
}
.mt-ListAds-gridLayout-gridItem--fullWidth .mt-ListSlides .sui-MoleculeCarousel-arrow {
  padding: 0;
}
@media (min-width: 600px) {
  .mt-ListAds-gridLayout-gridItem--fullWidth .mt-ListSlides > .sui-MoleculeCarousel {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.mt-ListAds-gridLayout-gridItem--fullWidth .mt-ListSlides .sui-MoleculeCarousel-itemsList {
  display: flex;
  align-items: stretch;
}
.mt-ListAds-gridLayout-gridItem--fullWidth .mt-ListSlides .sui-MoleculeCarousel-item {
  flex-shrink: 0;
  display: flex;
}
.mt-ListAds-gridLayout-gridItem--fullWidth .mt-ListSlides .mt-ListRelatedAds-listItem--slides {
  flex: 1;
  display: flex;
}
.mt-ListAds-gridLayout-gridItem--fullWidth .mt-ListSlides .mt-CardRelatedAd {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mt-ListAds-gridLayout-gridItem--fullWidth .mt-ListSlides .mt-CardRelatedAd > .sui-AtomCard {
  flex: 1;
}
.mt-ListAds-gridLayout-gridItem-tallAdPlaceholder {
  background-color: transparent;
  height: 100%;
  min-height: 100%;
  position: relative;
}
.mt-ListAds-gridLayout-gridItem-tallAdInnerText {
  margin: 0;
  font-size: 10px;
  margin-bottom: 4px;
}
.mt-ListAds-gridLayout-gridItem-tallAdInner {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 98px;
  min-height: 600px;
  padding: 4px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mt-ListAds {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}
.mt-ListAds-item:last-child {
  flex-grow: unset;
}
.mt-ListAds-item--banner--mobile {
  min-height: 250px;
  text-align: center;
}
.mt-ListAds-item--banner--desktop {
  min-height: 90px;
  width: 728px;
}
.mt-ListAds-item--native {
  width: 100%;
}
.mt-ListAds-item--native--mobile {
  min-height: 490px;
}
.mt-ListAds-item--native--desktop {
  min-height: 206px;
  width: 728px;
}
.mt-ListAds-item--multiformat--desktop {
  min-height: 206px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mt-ListAds-item--textads {
  min-height: 160px;
  width: 100%;
}
.mt-ListAds-item--x65 {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.mt-ListAds--rowItems {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(min(100%, 310px), 1fr);
}
@media (min-width: 600px) {
  .mt-ListAds--rowItems {
    grid-template-columns: repeat(2, minmax(min(100%, 310px), 1fr));
  }
}
@media (min-width: 970px) {
  .mt-ListAds--rowItems {
    grid-template-columns: repeat(3, minmax(min(100%, 310px), 1fr));
  }
}

/* sass-lint:disable no-important, class-name-format*/

.mt-NotificationsAdsComparator {
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 16px;
  z-index: 9999;
}
@media (min-width: 800px) {
  .mt-NotificationsAdsComparator {
    max-width: 400px;
    min-width: 400px;
  }
}
@media (max-width: 969px) {
  .mt-NotificationsAdsComparator {
    left: 0;
  }
}

.mt-NotificationSortManagement-content {
  display: flex;
  flex-direction: column;
}
.mt-NotificationSortManagement-contentText {
  color: #606f80;
  margin: 0;
}
.mt-NotificationSortManagement-contentLink {
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.46;
  text-align: left;
  color: #000e23;
  text-decoration: underline;
}
.mt-NotificationSortManagement-contentLink:hover, .mt-NotificationSortManagement-contentLink:active {
  color: #242f44;
  text-decoration: underline;
}
@media (min-width: 600px) {
  .mt-NotificationSortManagement-content {
    flex-direction: row;
  }
  .mt-NotificationSortManagement-contentText {
    margin: 0 8px 0 0;
  }
}
.mt-PanelFaqs .sui-MoleculeAccordionItemPanelContent {
  background-color: #f5f5f5;
}

.mt-PanelSearchFaqs {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 800px) {
  .mt-PanelSearchFaqs {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
  }
}
@media (min-width: 970px) {
  .mt-PanelSearchFaqs {
    grid-template-columns: repeat(3, 1fr);
  }
}
.mt-PanelSearchFaqs-item {
  margin: 0 0 24px;
}
.mt-PanelSearchFaqs-itemQuestion, .mt-PanelSearchFaqs-itemAnswer {
  margin: 0;
}
.mt-PanelSearchFaqs-itemQuestion {
  color: #3b4a5a;
  margin-bottom: 8px;
}
.mt-PanelSearchFaqs-itemAnswer {
  color: #000e23;
  font-size: 20px;
  font-weight: 600;
}

.mt-SearchAiInput {
  width: 100%;
}
.mt-SearchAiInput .sui-AtomInput-input {
  text-overflow: ellipsis;
}

.mt-SearchAiTopBar {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  padding: 16px;
}
.mt-SearchAiTopBar-category {
  width: 100%;
}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

.mt-SearchAi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.mt-SearchAi-disclamer {
  color: rgba(0, 14, 35, 0.7215686275);
  font-size: 10px;
  text-align: center;
}
@media (min-width: 800px) {
  .mt-SearchAi-disclamer {
    font-size: 12px;
    text-align: unset;
  }
}
.mt-SearchAi-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  justify-content: center;
}
@media (min-width: 800px) {
  .mt-SearchAi-header {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.mt-SearchAi-headerItem {
  align-items: center;
  display: flex;
  margin: 0;
}
.mt-SearchAi-headerTitle {
  background: -webkit-linear-gradient(left, #ff00cc, #333399);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  font-weight: 600;
  order: 1;
}
@media (min-width: 800px) {
  .mt-SearchAi-headerTitle {
    font-size: 24px;
  }
}
.mt-SearchAi-headerBadge {
  order: 2;
}
@media (min-width: 800px) {
  .mt-SearchAi-headerBadge {
    order: 3;
  }
}
.mt-SearchAi-headerDescription {
  font-size: 20px;
  font-weight: 600;
  order: 3;
  text-align: center;
}
@media (min-width: 800px) {
  .mt-SearchAi-headerDescription {
    font-size: 24px;
    order: 2;
  }
}
.mt-SearchAi-content {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid rgba(191, 197, 204, 0.7215686275);
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  padding: 4px 8px 4px 16px;
}
.mt-SearchAi-contentInput {
  flex: 2;
}
.mt-SearchAi-contentInput input[placeholder] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}
@media (min-width: 800px) {
  .mt-SearchAi-contentInput input[placeholder] {
    max-width: 100%;
  }
}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* small */
/* medium */
/* large */
/* threeCharacters */
/* disabled */
/* selected */

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

.sui-MoleculeQuickAction {
  align-items: center;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  display: flex;
  justify-content: space-between;
  line-height: normal;
}
.sui-MoleculeQuickAction:not(.sui-MoleculeQuickAction--disabled):active, .sui-MoleculeQuickAction:not(.sui-MoleculeQuickAction--disabled):hover {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
}
.sui-MoleculeQuickAction:not(.sui-MoleculeQuickAction--disabled):active {
  box-shadow: none;
}
.sui-MoleculeQuickAction-text {
  overflow: hidden;
  width: 100%;
}
.sui-MoleculeQuickAction-leftIcon, .sui-MoleculeQuickAction-rightIcon {
  display: flex;
}
.sui-MoleculeQuickAction-leftIcon [class*=Icon], .sui-MoleculeQuickAction-rightIcon [class*=Icon] {
  fill: #000e23;
  height: 16px;
  width: 16px;
}
.sui-MoleculeQuickAction-leftIcon {
  margin-right: 8px;
}
.sui-MoleculeQuickAction-rightIcon {
  margin-left: 8px;
}
.sui-MoleculeQuickAction--small {
  font-size: 12px;
  font-weight: 600;
  padding: 8px;
}
.sui-MoleculeQuickAction--medium {
  font-size: 14px;
  font-weight: 600;
  padding: 12px;
}
.sui-MoleculeQuickAction--medium .sui-MoleculeQuickAction-leftIcon [class*=Icon] {
  height: 24px;
  width: 24px;
}
.sui-MoleculeQuickAction--large {
  font-size: 16px;
  font-weight: 600;
  padding: 16px;
}
.sui-MoleculeQuickAction--large .sui-MoleculeQuickAction-leftIcon [class*=Icon] {
  height: 32px;
  width: 32px;
}
.sui-MoleculeQuickAction--disabled {
  cursor: default;
  opacity: 0.3;
}

.mt-NavigationLastAdsSearches-example, .mt-NavigationLastAdsSearches-text {
  font-weight: 400;
}
.mt-NavigationLastAdsSearches-example {
  color: #3b4a5a;
  display: block;
  font-size: 12px;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 970px) {
  .mt-NavigationLastAdsSearches-example {
    max-width: 148px;
  }
}
.mt-NavigationLastAdsSearches-buttonArrow {
  padding: 0 4px;
}
.mt-NavigationLastAdsSearches-button .sui-AtomButton-inner {
  width: 100%;
}
.mt-NavigationLastAdsSearches-button .sui-AtomButton-leftIcon {
  width: 24px !important;
  height: 24px !important;
}
.mt-NavigationLastAdsSearches-mobileButton {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-NavigationLastAdsSearches-mobileButton-rightIcon {
  margin-left: auto !important;
}
.mt-NavigationLastAdsSearches-list {
  padding: 0 24px;
}
@media (min-width: 800px) {
  .mt-NavigationLastAdsSearches-list {
    max-height: 500px;
  }
}
.mt-NavigationLastAdsSearches-lastAdsSearchesModal .sui-MoleculeModal-Body {
  flex: 1;
}
.mt-NavigationLastAdsSearches-lastAdsSearchesModal .sui-MoleculeModal-Footer {
  border-top: 1px solid rgba(0, 14, 35, 0.1607843137);
}
.mt-NavigationLastAdsSearches-link {
  align-items: center;
  border-bottom: 1px solid #bfc7d0;
  color: #000e23;
  display: flex;
  justify-content: space-between;
  line-height: 1.72;
  padding: 24px 0;
  text-decoration: none;
}
.mt-NavigationLastAdsSearches-link:last-child {
  border-bottom: none;
}
.mt-NavigationLastAdsSearches-linkText {
  margin: 0 4px;
  padding: 0 8px;
  width: 100%;
}
.mt-NavigationLastAdsSearches-linkTimer {
  width: 40px;
  fill: #606f80 !important;
}
.mt-NavigationLastAdsSearches-linkChev {
  fill: #000e23 !important;
}
.mt-NavigationLastAdsSearches-link:hover {
  color: #000e23;
}

.mt-SearchSidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
@media (min-width: 970px) {
  .mt-SearchSidebar {
    max-width: 236px;
  }
}
@media (min-width: 1300px) {
  .mt-SearchSidebar {
    max-width: 220px;
  }
}
.mt-SearchSidebar--fullWidth {
  max-width: 100%;
}
.mt-SearchSidebar-createAlert {
  border-radius: 32px;
  margin-bottom: 8px;
  position: sticky;
  text-align: center;
  top: 8px;
  z-index: 2;
}
.mt-SearchSidebar-quickFilters--sticky {
  position: sticky;
  z-index: 2;
  animation: fadeIn 0.3s ease-in-out;
  top: 8px;
}
.mt-AdsList:has(.mt-SearchTagsBar--isSticky) .mt-SearchSidebar-quickFilters--sticky, .mt-AdsListSubscription:has(.mt-SearchTagsBar--isSticky) .mt-SearchSidebar-quickFilters--sticky {
  top: calc(48px + 16px * 2);
}
.mt-SearchSidebar-filters--wrapped {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  padding: 16px;
}
.mt-SearchSidebar-filtersHeader {
  border-bottom: 1px solid rgba(191, 197, 204, 0.6784313725);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
}
.mt-SearchSidebar-filtersHeader:has(> .mt-SearchSidebar-filtersHeaderExtended) {
  padding-bottom: 24px;
}
.mt-SearchSidebar-filtersHeaderInfo {
  font-size: 12px;
  margin: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.mt-SearchSort-title {
  font-size: 24px;
}
.mt-SearchSort-options {
  padding: 0;
}
@media (min-width: 600px) {
  .mt-SearchSort-options {
    min-width: 400px;
  }
}
.mt-SearchSort-option {
  align-items: center;
  display: flex;
  list-style: none;
  padding: 16px 0;
  font-size: 16px;
  cursor: pointer;
}
.mt-SearchSort-optionText {
  color: #3b4a5a;
  margin-left: 8px;
}
.mt-SearchSort-button {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center;
}
.mt-SearchSort-buttonFieldLabel {
  line-height: 1.46;
  margin: 0;
}
.mt-SearchSortManagementInfo {
  cursor: pointer;
  display: flex;
}
.mt-SearchSortManagementInfo-content {
  display: flex;
  flex-direction: column;
  max-width: 300px;
  padding: 16px;
}
.mt-SearchSortManagementInfo-contentText {
  color: #ffffff;
  font-size: 12px;
  margin: 0;
}
.mt-SearchSortManagementInfo-contentTextLink {
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.46;
  text-align: left;
  color: #ffffff;
  margin-left: 8px;
  text-decoration: underline;
}
.mt-SearchSortManagementInfo-contentTextLink:hover, .mt-SearchSortManagementInfo-contentTextLink:active {
  color: #242f44;
  text-decoration: underline;
}
.mt-SearchSortManagementInfo-contentTextLink:hover {
  color: #ffffff;
}
.mt-SearchSortManagementInfo-contentCloseBtn {
  align-self: flex-end;
  cursor: pointer;
}
.mt-SearchSortManagementInfo-icon {
  cursor: pointer;
  display: flex;
}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormBodyTypeCategoryBasicContent {
  height: 400px;
  overflow: scroll;
  padding-top: 16px;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormBodyType-list {
  border: none;
  display: flex;
  flex-wrap: wrap;
}
.mt-FormBodyType-item {
  width: 50%;
  cursor: pointer;
  padding: 0 4px;
  text-align: center;
  user-select: none;
}
.mt-FormBodyType-item--berlina:before {
  background-image: url("https://s.ccdn.es/images/form/body-berlina.png");
}
.mt-FormBodyType-item--familiar:before {
  background-image: url("https://s.ccdn.es/images/form/body-familiar.png");
}
.mt-FormBodyType-item--coupe:before {
  background-image: url("https://s.ccdn.es/images/form/body-coupe.png");
}
.mt-FormBodyType-item--monovolumen:before {
  background-image: url("https://s.ccdn.es/images/form/body-monovolumen.png");
}
.mt-FormBodyType-item--suv:before {
  background-image: url("https://s.ccdn.es/images/form/body-4x4-suv.png");
}
.mt-FormBodyType-item--cabrio:before {
  background-image: url("https://s.ccdn.es/images/form/body-cabrio.png");
}
.mt-FormBodyType-item--pickUp:before {
  background-image: url("https://s.ccdn.es/images/form/body-pick-up.png");
}
.mt-FormBodyType-item:before {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  margin: 0 auto;
  opacity: 0.5;
  width: 100%;
}
.mt-FormBodyType-item.is-selected:before {
  opacity: 1;
}
@media (hover: hover) {
  .mt-FormBodyType-item:hover:before {
    opacity: 1;
  }
}
.mt-FormBodyType-itemText {
  display: block;
  color: inherit;
  font-size: 12px;
  font-weight: 400;
  margin: 8px 0 0;
}
.mt-FormBodyType-itemText.is-selected {
  color: #000e23;
}
.mt-FormBodyType-item .sui-AtomCheckbox,
.mt-FormBodyType-item .sui-AtomCheckbox:not(.sui-AtomCheckbox--native) {
  display: none;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FilterItemBasic-itemColorIcon {
  border-radius: 50%;
  height: 16px;
  width: 16px;
}
.mt-FilterItemBasic-itemColorIcon--colorYellow {
  background-color: #ffe613;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorBlue {
  background-color: #6891c9;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorBeige {
  background-color: #d3c2b4;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorWhite {
  background-color: #ffffff;
  border: 1px solid #bfc7d0;
}
.mt-FilterItemBasic-itemColorIcon--colorGarnet {
  background-color: #be4236;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorGray {
  background-color: #aaaaaa;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorBrown {
  background-color: #cd7800;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorOrange {
  background-color: #ff9900;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorBlack {
  background-color: #000000;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorRed {
  background-color: #e74c3d;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorPink {
  background-color: #f3a59e;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorGreen {
  background-color: #27ae60;
  border: none;
}
.mt-FilterItemBasic-itemColorIcon--colorPurple {
  background-color: #b886cd;
  border: none;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormEquipment {
  margin: 0 0 16px;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-formEnvironmentalLabel-icon {
  width: 24px;
  height: 24px;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormCardHasWarranty {
  background-color: #ffffff;
  border: 1px solid #bfc7d0;
  border-radius: 8px;
  padding: 16px;
}
@media (min-width: 970px) {
  .mt-FormCardHasWarranty {
    padding: 16px 12px;
  }
}
.mt-FormCardHasWarranty-labelWrapper {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.mt-FormCardHasWarranty-labelIconWrapper {
  background-color: #eef0f4;
  border-radius: 50%;
  display: flex;
  height: 32px;
  padding: 8px;
  width: 32px;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormHp {
  position: relative;
}
.mt-FormHp-tag {
  left: 67px;
  position: absolute;
  top: -4px;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormLocation-province {
  max-height: 300px;
  overflow-y: scroll;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormLocationAutosuggest {
  position: relative;
}
.mt-FormLocationAutosuggest-popover {
  background-color: #ffffff;
  border: 1px solid #eef0f4;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  margin-top: 4px;
  padding: 16px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.mt-FormLocationContent {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mt-FormLocationContent {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}

.mt-FormLocationPopover-wrapper {
  margin-top: 16px;
  max-height: 400px;
  padding: 0 16px 16px;
}
.mt-FormLocationPopover--rightPopover .sui-MoleculeSelectPopover-popover {
  left: 100%;
  margin-left: 16px;
  margin-top: 0;
  top: 0;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormMakeBasicContent {
  height: 400px;
  overflow: scroll;
  padding-top: 16px;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormModelBasicContent {
  height: 400px;
  overflow: scroll;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormPrice {
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.mt-FormPrice-helpText {
  color: #606f80;
  font-size: 10px;
  margin: 0;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormFilterMultiSelect .sui-AtomTag-label {
  max-width: 140px;
}

.mt-FormProvinceBasicContent {
  height: 400px;
  overflow: scroll;
}
.mt-FormProvinceBasicContent-search {
  background-color: #ffffff;
  padding-top: 16px;
  position: sticky;
  top: 0;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormRating-labelWrapper {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.mt-FormRating-labelIconWrapper {
  background-color: #eef0f4;
  border-radius: 50%;
  display: flex;
  height: 24px;
  padding: 4px;
  width: 24px;
}

.mt-FormSearchText {
  position: relative;
}
.mt-FormSearchText-info {
  align-items: center;
  bottom: 0;
  cursor: help;
  display: flex;
  height: 40px;
  padding: 0 8px;
  position: absolute;
  right: 0;
}
.mt-FormSearchText-infoTooltip {
  font-size: 12px;
  margin: 0;
}
.mt-FormSearchText-infoTooltipText {
  display: block;
}
.mt-FormSearchText-infoTooltipText:last-child {
  margin-top: 4px;
}
.mt-FormSearchText label {
  color: #3b4a5a;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormVehicles-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 400px;
  overflow-x: scroll;
}
.mt-FormVehicles-wrapper--basic {
  padding: 0;
}
.mt-FormVehicles-wrapper--rightPopover, .mt-FormVehicles-wrapper--modal, .mt-FormVehicles-wrapper--centerToCustomRelativePopover {
  padding: 0 16px;
}
.mt-FormVehicles-wrapper--modal {
  height: 100%;
  max-height: 100%;
}
.mt-FormVehicles-wrapperOption .sui-MoleculeAccordionItemHeaderButtonContent {
  font-weight: 400;
}
.mt-FormVehicles-wrapperOption .sui-MoleculeAccordionItemHeaderIcon {
  margin-left: 8px;
}
.mt-FormVehicles-wrapperOptionGroup {
  display: flex;
  flex-direction: column;
}
.mt-FormVehicles-wrapperOptionGroupTile {
  margin-bottom: 8px;
}
.mt-FormVehicles-wrapperSearch {
  background-color: #ffffff;
  padding-top: 16px;
  position: sticky;
  top: 0;
}

.mt-FormVehicles-modeToggle {
  background-color: #ffffff;
}

.mt-FormVehicles {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.mt-FormVehicles--rightPopover .sui-MoleculeSelectPopover-popover {
  left: 100%;
  margin-left: 16px;
  margin-top: 0;
  top: 0;
}
.mt-FormVehicles--centerToCustomRelativePopover .sui-MoleculeSelectPopover {
  position: unset;
}
.mt-FormVehicles--centerToCustomRelativePopover .sui-MoleculeSelectPopover-popover {
  left: 8px;
  right: 8px;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.sui-CssTransitionFadeOutLeft-enter {
  opacity: 0;
  position: absolute;
  transform: translate3d(-100%, 0, 0);
}
.sui-CssTransitionFadeOutLeft-enterActive {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 500ms ease;
}
.sui-CssTransitionFadeOutLeft-enterDone {
  position: initial;
}
.sui-CssTransitionFadeOutLeft-exit {
  opacity: 1;
  position: absolute;
  transform: translate3d(0, 0, 0);
}
.sui-CssTransitionFadeOutLeft-exitActive {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition: 500ms ease;
}
.sui-CssTransitionFadeInRight-enter {
  opacity: 0;
  position: absolute;
  transform: translate3d(100%, 0, 0);
}
.sui-CssTransitionFadeInRight-enterActive {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 500ms ease;
}
.sui-CssTransitionFadeInRight-enterDone {
  position: initial;
}
.sui-CssTransitionFadeInRight-exit {
  opacity: 1;
  position: absolute;
  transform: translate3d(0, 0, 0);
}
.sui-CssTransitionFadeInRight-exitActive {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition: 500ms ease;
}
.sui-CssTransitionFadeOut-enter {
  opacity: 0;
  position: absolute;
}
.sui-CssTransitionFadeOut-enterActive {
  opacity: 1;
  transition: 500ms ease;
}
.sui-CssTransitionFadeOut-exit {
  opacity: 1;
  position: absolute;
}
.sui-CssTransitionFadeOut-exitActive {
  opacity: 0;
  transition: 500ms ease;
}
.sui-CssTransitionFadeIn-enter {
  opacity: 0;
  position: absolute;
}
.sui-CssTransitionFadeIn-enterActive {
  opacity: 1;
  transition: 500ms ease;
}
.sui-CssTransitionFadeIn-exit {
  opacity: 1;
  position: absolute;
}
.sui-CssTransitionFadeIn-exitActive {
  opacity: 0;
  transition: 500ms ease;
}

.mt-FormAutosuggest {
  position: relative;
}
.mt-FormAutosuggest-button {
  border: 1px solid transparent;
  border-left: none;
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.mt-FormAutosuggest label {
  color: #3b4a5a;
}

.mt-FormVersion {
  position: relative;
}
.mt-FormVersion-info {
  align-items: center;
  bottom: 0;
  cursor: help;
  display: flex;
  height: 40px;
  padding: 0 8px;
  position: absolute;
  right: 0;
}
.mt-FormVersion-infoTooltip {
  font-size: 12px;
  margin: 0;
}
.mt-FormVersion-infoTooltipText {
  display: block;
}
.mt-FormVersion-infoTooltipText:last-child {
  margin-top: 4px;
}

.mt-FilterBasicLegacy-singleSelectionItem {
  align-items: center;
  display: flex;
}
.mt-FilterBasicLegacy-singleSelectionItem--spaced {
  gap: 8px;
  padding: 16px;
}
.mt-FilterBasicLegacy-singleSelectionItem:hover {
  cursor: pointer;
}
.mt-FilterBasicLegacy-singleSelectionItem--disabled, .mt-FilterBasicLegacy-singleSelectionItem--disabled:hover {
  cursor: default;
  pointer-events: none;
}
.mt-FilterBasicLegacy-singleSelectionItemLabel {
  margin: 0;
}
.mt-FilterBasicLegacy-singleSelectionItemLabel--bold {
  font-weight: 600;
}
.mt-FilterBasicLegacy-singleSelectionItemLabelWrapper {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  width: 100%;
}
.mt-FilterBasicLegacy-singleSelectionItemLabelWrapper--spaced {
  justify-content: flex-end;
}
.mt-FilterBasicLegacy-singleSelectionItemIconWrapper {
  align-items: center;
  display: flex;
  height: 24px;
  margin-right: 16px;
}
.mt-FilterBasicLegacy-singleSelectionItemExtendedInfo {
  color: #606f80;
  margin: 0;
}

.mt-FilterBasicLegacy-singleSelectionItemWrapper {
  background-color: #ffffff;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-FilterBasicLegacy-singleSelectionItemWrapper:not(:last-child) {
  border-bottom: 1px solid #bfc7d0;
}

.mt-FilterBasicLegacy-multiSelectionItem {
  align-items: center;
  display: flex;
  gap: 8px;
  padding: 16px;
}
.mt-FilterBasicLegacy-multiSelectionItem:hover {
  cursor: pointer;
}
.mt-FilterBasicLegacy-multiSelectionItemIconLabel {
  display: flex;
  align-items: center;
  flex: 1;
}
.mt-FilterBasicLegacy-multiSelectionItemLabel {
  margin: 0;
}
.mt-FilterBasicLegacy-multiSelectionItemLabel--bold {
  font-weight: 600;
}
.mt-FilterBasicLegacy-multiSelectionItemLabelWrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mt-FilterBasicLegacy-multiSelectionItemLabelWrapper--spaced {
  justify-content: flex-end;
}
.mt-FilterBasicLegacy-multiSelectionItemIconWrapper {
  align-items: center;
  display: flex;
  height: 24px;
  margin-right: 16px;
}
.mt-FilterBasicLegacy-multiSelectionItemExtendedInfo {
  color: #606f80;
  margin: 0;
}

.mt-FilterBasicLegacy-multiSelectionItemWrapper {
  background-color: #ffffff;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-FilterBasicLegacy-multiSelectionItemWrapper:not(:last-child) {
  border-bottom: 1px solid #bfc7d0;
}
.mt-FilterBasicLegacy-multiSelectionItemWrapper--highlighted {
  background-color: #eef0f4;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-FilterBasicLegacy-multiSelectionItemWrapper--highlighted:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.mt-FilterBasicLegacy-multiSelectionItemWrapper--highlighted:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mt-FilterBasicLegacy-multiSelectionItemWrapper--highlighted:not(:last-child) {
  border-bottom: none;
}
.mt-FilterBasicLegacy-multiSelectionItemWrapperNested {
  background-color: #ffffff;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-FilterBasicLegacy-multiSelectionItemWrapperNested:not(:last-child) {
  border-bottom: none;
}
.mt-FilterBasicLegacy-multiSelectionItemWrapperNested:last-child {
  border-bottom: 1px solid #bfc7d0;
}

.mt-FilterBasicLegacy-nestedList {
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
}
.mt-FilterBasicLegacy-nestedListWrapper {
  padding: 0;
  border-bottom: 1px solid #bfc7d0;
}
.mt-FilterBasicLegacy-nestedListFieldFilter {
  border-bottom: 1px solid #bfc7d0;
}
.mt-FilterBasicLegacy-nestedListItemWrapper, .mt-FilterBasicLegacy-nestedListSectionWrapper {
  background-color: #ffffff;
}
.mt-FilterBasicLegacy-nestedListItemWrapper:not(:last-child), .mt-FilterBasicLegacy-nestedListSectionWrapper:not(:last-child) {
  border-bottom: 1px solid #bfc7d0;
}
.mt-FilterBasicLegacy-nestedListItemWrapper.is-sticky, .mt-FilterBasicLegacy-nestedListSectionWrapper.is-sticky {
  position: sticky;
  top: 0;
}

.mt-FilterBasicLegacy-list {
  margin: 0;
  padding: 0;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormSelectRange-mobileChips {
  display: none;
}
.mt-FormSelectRange-mobileChipsItem {
  font-size: 14px;
  font-weight: 600;
}
.mt-FormSelectRangeBasicContent {
  height: 400px;
}
.mt-FormSelectRangeBasicContent-tab {
  height: 375px;
  overflow: scroll;
}
.mt-FormSelectRange-labelWrapper {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  margin-bottom: 4px;
}
.mt-FormSelectRangeWrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-FormSelectRange--inline .mt-FormSelectRangeWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mt-FormSelectRange--inline .mt-FormSelectRangeWrapper .mt-FormSelect {
  width: calc(50% - 4px);
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FormSelectToggle-label {
  margin-bottom: 4px;
}
.mt-FormSelectToggle-buttons {
  background-color: #ffffff;
}
.mt-FormSelectToggle-buttonText--disabled {
  color: #606f80;
}
.mt-FormSelectToggle label {
  color: #3b4a5a;
}

/* small */
/* medium */
/* large */
/* threeCharacters */
/* disabled */
/* selected */

.mt-FiltersGroupedByAccordion-groupLabel {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-FiltersGroupedByAccordion-groupLabelText {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.mt-FiltersGroupedByAccordion-groupLabelBadge {
  align-items: center;
  display: flex;
  height: 16px;
  justify-content: center;
  position: relative;
  width: 16px;
  z-index: 1;
}
.mt-FiltersGroupedByAccordion-groupLabelBadgeCount {
  color: #ffffff;
  font-size: 10px;
  line-height: normal;
  margin: 0;
}
.mt-FiltersGroupedByAccordion-groupLabelBadge::after {
  background-color: #e60e27;
  border-radius: 50%;
  content: "";
  height: 16px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  z-index: -1;
}
.mt-FiltersGroupedByAccordion-groupLabelContent {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-FiltersGroupedByAccordion-groupLabelNewBadge {
  font-weight: 400;
  width: 50%;
}
.mt-FiltersGroupedByAccordion-group:not(:last-child) {
  border-bottom: 1px solid rgba(191, 197, 204, 0.6784313725);
}
.mt-FiltersGroupedByAccordion-groupTrigger {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 16px;
  width: 100%;
}
.mt-FiltersGroupedByAccordion-groupPanel {
  overflow: visible;
}
.mt-FiltersGroupedByAccordion-groupPanel[hidden] {
  display: none;
}
.mt-FiltersGroupedByAccordion-groupItem {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-color: transparent;
  margin: 0;
  min-width: 0;
  padding: 0 0 32px;
}
.mt-FiltersGroupedByAccordion .mt-FilterWrapperBasic-selectPopovers {
  gap: 8px;
}

@media (max-width: 799px) {
  .mt-FilterBasicInputNumber-chips {
    display: none;
  }
}

@media (max-width: 799px) {
  .mt-FormSelectRange-mobileChips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 16px;
  }
}

@media (max-width: 799px) {
  .mt-FilterWrapperBasic:has(.mt-FilterBasicInputNumber) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}
@media (min-width: 600px) {
  .mt-FilterWrapperBasic:has(.mt-FilterBasicInputNumber) .mt-FilterBasic:nth-child(2) .mt-FilterBasic-label {
    padding-top: 16px;
  }
}

.mt-ListFilters {
  display: flex;
}
.mt-ListFilters--column {
  flex-direction: column;
  gap: 24px;
}
.mt-ListFilters--row {
  flex-direction: row;
  gap: 8px;
}
.mt-ListFilters--lite {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
}
.mt-ListFilters--lite > * {
  overflow: hidden;
}
.mt-ListFilters--lite.default > :nth-child(1) {
  grid-column: span 2;
}
.mt-ListFilters--lite.default > :nth-child(2) {
  grid-column: span 2;
}
.mt-ListFilters--lite.default > :nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 1;
}
.mt-ListFilters--lite .sui-MoleculeSelectPopover, .mt-ListFilters-popover .sui-MoleculeSelectPopover {
  position: inherit;
}
.mt-ListFilters--lite .sui-MoleculeSelectPopover .sui-MoleculeSelectPopover-popover, .mt-ListFilters-popover .sui-MoleculeSelectPopover .sui-MoleculeSelectPopover-popover {
  left: 8px;
  right: 8px;
}
@media (min-width: 600px) {
  .mt-ListFilters--lite .sui-MoleculeSelectPopover .sui-MoleculeSelectPopover-popover, .mt-ListFilters-popover .sui-MoleculeSelectPopover .sui-MoleculeSelectPopover-popover {
    left: 50%;
    transform: translate(-50%);
  }
}
.mt-ListFilters-popoverContent {
  padding: 16px;
}
.mt-ListFilters-priceType {
  margin-bottom: -8px;
}
.mt-ListFilters-info {
  align-items: center;
  bottom: 0;
  cursor: help;
  display: flex;
  height: 40px;
  padding: 0 8px;
  position: absolute;
  right: 0;
}
.mt-ListFilters-infoTooltip {
  font-size: 12px;
  margin: 0;
}
.mt-ListFilters-infoTooltipText {
  display: block;
}
.mt-ListFilters-infoTooltipText:last-child {
  margin-top: 4px;
}

.mt-NotificationAi {
  background-color: #000e23;
  color: #ffffff;
  display: flex;
  gap: 4px;
  padding: 16px 24px 16px 16px;
  width: 325px;
}
@media (min-width: 800px) {
  .mt-NotificationAi {
    width: 450px;
  }
}
.mt-NotificationAiText {
  margin: 0;
}
.mt-NotificationAi--success {
  background-color: #017943;
}

.mt-SearchAiQuickFilters {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #000e23;
  margin: 24px 0 16px 0;
}
@media (min-width: 800px) {
  .mt-SearchAiQuickFilters {
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
    border: none;
    margin: 0;
  }
}
.mt-SearchAiQuickFilters-cta {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.mt-SearchAiQuickFilters-cta-rightIcon {
  margin-left: auto;
}
.mt-SearchAiQuickFilters-content {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mt-SearchFilters-content {
  padding: 0 4px 190px 16px;
  position: relative;
}
@media (min-width: 480px) {
  .mt-SearchFilters-content {
    max-height: 70vh;
    overflow-y: auto;
    padding: 0 16px 190px 16px;
  }
}
.mt-SearchFilters-lastSavedSearches {
  margin: 16px 0;
}
.mt-SearchFilters-cta {
  background: #ffffff;
  border-top: 1px solid #bfc7d0;
  padding: 16px 24px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
@media (min-width: 480px) {
  .mt-SearchFilters-cta {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.mt-SearchFilters-customRenderActions {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.mt-SearchFilters .sui-AtomButton-rightIcon .sui-MoleculeBadgeCounter {
  display: flex;
}
.mt-SearchFilters .sui-AtomButton-rightIcon .sui-MoleculeBadgeCounter-bullet {
  font-size: 9px;
}
.mt-SearchFilters-filtersModal .sui-MoleculeModal-Header {
  padding-inline: 0;
  padding-block: 0;
  min-height: 64px;
  transition: min-height 0.2s ease-in-out;
}
.mt-SearchFilters-filtersModal--hasTags .sui-MoleculeModal-Header {
  min-height: 88px;
}
.mt-SearchFilters-filtersModal .mt-SearchFiltersModalHeader {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 24px 16px 8px 16px;
  min-height: 64px;
}
.mt-SearchFilters-filtersModal .mt-SearchFiltersModalHeader-tags {
  display: flex;
  gap: 8px;
  max-width: 360px;
  overflow-x: scroll;
}
.mt-SearchFilters-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  inset: 0;
  position: fixed;
  z-index: 3009;
}
.mt-SearchFilters-aiQuickFiltersModal .sui-MoleculeModal-Body {
  flex: 1;
}
.mt-SearchFilters-aiQuickFiltersModal .sui-MoleculeModal-Footer {
  border-top: 1px solid rgba(0, 14, 35, 0.1607843137);
}

.mt-SearchTopbar {
  background-color: #ffffff;
  padding-block: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-SearchTopbar-searchSave {
  margin-left: 16px;
}
.mt-SearchTopbar-filtersBtn {
  display: flex;
  gap: 8px;
  margin-left: 16px;
}
.mt-SearchTopbar-filtersBtn .sui-AtomButton-rightIcon .sui-MoleculeBadgeCounter {
  display: flex;
}
.mt-SearchTopbar-filtersBtn .sui-AtomButton-rightIcon .sui-MoleculeBadgeCounter-bullet {
  font-size: 9px;
}
.mt-SearchTopbar-filtersGroupBasic {
  display: flex;
  gap: 8px;
  overflow-x: scroll;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mt-SearchTopbar-filtersGroupBasic::-webkit-scrollbar {
  /* Needed to iOS devices */
  background: transparent;
  display: none;
  height: 0;
  width: 0;
}
.mt-SearchTopbar-filtersList {
  display: flex;
  gap: 8px;
}
.mt-SearchTopbar-filtersList .mt-FormSelect .sui-AtomInput-input, .mt-SearchTopbar-filtersList .mt-FormSelect .sui-MoleculeSelect, .mt-SearchTopbar-filtersList .mt-FormFilterMultiSelect .sui-AtomInput-input, .mt-SearchTopbar-filtersList .mt-FormFilterMultiSelect .sui-MoleculeSelect {
  font-size: 16px;
}
.mt-SearchTopbar-filtersClear {
  margin-right: 16px;
}

.mt-DrawerAppSuggestion-options {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mt-DrawerAppSuggestion-option {
  padding: 0;
}
.mt-DrawerAppSuggestion-optionContent {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.mt-DrawerAppSuggestion-optionContent .mt-DrawerAppSuggestion-optionLogo {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.mt-DrawerAppSuggestion-optionLabel {
  flex: 1;
  text-align: left;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */
.mt-NetChatHistoryList-item--active {
  background-color: #f5f5f5;
}
.mt-NetChatHistoryList-item--active .mt-NetChatHistoryList-itemLoadingSpinner::before {
  background-color: #f5f5f5;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* small */
/* medium */
/* large */
/* threeCharacters */
/* disabled */
/* selected */

.mt-ComparatorButton-badgeCounter {
  background-color: #ffffff !important;
  color: #000e23 !important;
  font-size: 14px;
  margin-right: 8px;
}
.mt-ComparatorButton-drawerContainer {
  padding: 8px 0;
}
@media (min-width: 800px) {
  .mt-ComparatorButton-drawerContainer {
    width: 400px;
  }
}
.mt-ComparatorButton-drawerContainer-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-ComparatorButton-drawerContainer-content > ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-ComparatorButton-drawerContainer-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mt-ComparatorButton-drawerContainer-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #000e23;
  font-weight: 600 !important;
  font-size: 14px !important;
  flex: 1;
}
.mt-ComparatorButton-drawerContainer-image {
  height: 48px !important;
  width: 64px !important;
  border-radius: 8px;
  object-fit: cover;
}
.mt-ComparatorButton-drawerContainer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.mt-ComparatorButton-drawerContainer-buttonsWrapper {
  padding: 16px;
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
}
.mt-ComparatorButton-drawerWrapper > div {
  overflow-x: auto !important;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
@media (min-width: 800px) {
  .mt-ComparatorButton-drawerWrapper > div {
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
  }
}

.mt-ModalDisclaimer-title {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mt-ModalDisclaimer-icon:hover {
  cursor: pointer;
}
.mt-ModalDisclaimer-link {
  color: #000e23;
  text-decoration: underline;
}

.mt-FaqsSection-title {
  margin-bottom: 8px;
}

.mt-NetAccessBanner {
  align-items: center;
  background-color: #ffffff;
  border-radius: 8px;
  border: none;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  gap: 16px;
  height: 112px;
  left: 8px;
  margin-top: -8px;
  padding: 0 24px;
  position: absolute;
  right: 8px;
  text-align: left;
  z-index: 1;
}
@media (min-width: 800px) {
  .mt-NetAccessBanner {
    height: 96px;
    left: 0;
    margin: 0;
    right: 0;
    top: 68px;
  }
}
@media (min-width: 970px) {
  .mt-NetAccessBanner {
    top: 58px;
  }
}
.mt-NetAccessBanner:focus-visible {
  outline-color: #000e23;
}
.mt-NetAccessBanner-icon {
  align-items: center;
  background: linear-gradient(90deg, #e60e27 0%, #4c57ff 50%, #000e23 100%);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  padding: 2px;
  position: relative;
  width: 32px;
}
@media (min-width: 800px) {
  .mt-NetAccessBanner-icon {
    height: 48px;
    width: 48px;
  }
}
.mt-NetAccessBanner-icon::before {
  background: #ffffff;
  border-radius: 50%;
  content: "";
  inset: 2px;
  position: absolute;
}
.mt-NetAccessBanner-icon > * {
  position: relative;
  z-index: 1;
}
.mt-NetAccessBanner-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.mt-NetAccessBanner-titleRow {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-NetAccessBanner-title {
  color: #000e23;
}
.mt-NetAccessBanner-badgeMobile {
  display: flex;
}
@media (min-width: 800px) {
  .mt-NetAccessBanner-badgeMobile {
    display: none;
  }
}
.mt-NetAccessBanner-badgeDesktop {
  display: none;
}
@media (min-width: 800px) {
  .mt-NetAccessBanner-badgeDesktop {
    display: flex;
  }
}
.mt-NetAccessBanner-description {
  color: #777777;
}
.mt-NetAccessBanner-chevron {
  display: flex;
}

.mt-AdsList-StickyButtons {
  bottom: 0;
  position: fixed;
  padding: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-self: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
}

.mt-SearchTags-tag {
  max-width: 100%;
  padding: 0 0 8px;
}
.mt-SearchTags-tag > * {
  max-width: 100%;
}
.mt-SearchTags-label {
  color: #3b4a5a;
  font-weight: 600;
  margin: 0 0 8px;
}
.mt-SearchTags-reset {
  text-align: right;
}

.mt-SearchTagsBar {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
  padding-inline: 16px;
  transition: background-color 0.2s ease;
  top: 0;
  position: sticky;
  z-index: 1;
  max-width: 100vw;
}
.mt-SearchTagsBar--isSticky {
  z-index: 901;
  background-color: #ffffff;
  padding: 8px 16px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding-left: calc(50vw - 50% + 16px);
  padding-right: calc(50vw - 50% + 16px);
}
.mt-SearchTagsBar-createAlert .mt-SearchSave {
  width: 300px;
  margin-right: 16px;
}
.mt-SearchTagsBar-tagsWrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
}
.mt-SearchTagsBar-tags {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  gap: 8px;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mt-SearchTagsBar-tags::-webkit-scrollbar {
  display: none;
}
.mt-SearchTagsBar-tags .mt-SearchTags-tag {
  padding-bottom: 0;
}
.mt-SearchTagsBar-arrows {
  margin-left: 8px;
  display: flex;
  visibility: hidden;
}
.mt-SearchTagsBar-arrows--visible {
  visibility: visible;
}

@keyframes fadeInBottom {
  to {
    transform: translate(-50%);
  }
}
.mt-AdsList {
  padding: 16px 8px;
}
@media (min-width: 970px) {
  .mt-AdsList {
    padding-inline: 0;
  }
}
.mt-AdsList-sortManagementNotificationWrapper {
  padding: 0;
}
.mt-AdsList-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
@media (min-width: 600px) {
  .mt-AdsList-inner {
    flex-direction: row;
    justify-content: center;
  }
}
@media (min-width: 970px) {
  .mt-AdsList-inner {
    justify-content: space-between;
  }
}
.mt-AdsList-sidebar {
  flex: 1;
}
.mt-AdsList-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}
@media (min-width: 600px) {
  .mt-AdsList-content {
    flex: 0 0 728px;
    max-width: 728px;
  }
}
.mt-AdsList-content--fullWidth {
  flex: 1;
}
.mt-AdsList-notifications > * {
  margin: 0 0 16px;
}
.mt-AdsList-searchFaqsTitle {
  margin-bottom: 24px;
}
.mt-AdsList-searchTopbar {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  z-index: 5;
}
@media (min-width: 800px) {
  .mt-AdsList-searchTopbar {
    margin-top: -8px;
    position: sticky;
    top: 0;
    z-index: 901;
  }
}
.mt-AdsList-searchTopbar::before, .mt-AdsList-searchTopbar::after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 24px;
  z-index: 1;
}
.mt-AdsList-searchTopbar::before {
  background: linear-gradient(to left, transparent, #ffffff);
  left: 0;
}
.mt-AdsList-searchTopbar::after {
  background: linear-gradient(to right, transparent, #ffffff);
  right: 0;
}
.mt-AdsList-searchSave {
  animation: fadeInBottom 300ms both;
  bottom: 0;
  left: 50%;
  padding: 16px;
  position: fixed;
  transform: translate(-50%, 150%);
  z-index: 1;
}
.mt-AdsList-titleHeader {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  .mt-AdsList-titleHeader {
    flex-direction: row;
    justify-content: space-between;
  }
}
.mt-AdsList .mt-NotificationsNoAlertMatches {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-AdsList .mt-NotificationsNoAlertMatches-title, .mt-AdsList .mt-NotificationsNoAlertMatches-text {
  margin: 0;
}
.mt-AdsList .mt-NotificationsNoAlertMatches-title {
  font-size: 16px;
}
.mt-AdsList .mt-NotificationsNoAlertMatches-text {
  font-size: 14px;
}

.mt-AdsList {
  margin: 0 auto;
  max-width: 100%;
  min-height: 100vh;
  padding-top: 96px;
  position: relative;
}
@media (min-width: 800px) {
  .mt-AdsList {
    padding-top: 32px;
  }
  .mt-AdsList--grid > *:not(.mt-SearchTagsBar):not(.sui-MoleculeDrawer-overlay):not(.sui-MoleculeDrawer-content) {
    padding-inline: 16px;
  }
}
@media (min-width: 1680px) {
  .mt-AdsList {
    max-width: 1800px;
    width: 100%;
  }
}
.mt-AdsList-topbarCustomContent {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-AdsList--grid .mt-AdsList-sidebar {
  flex: 1 0 300px;
  max-width: 300px;
}
.mt-AdsList-contactFormModal {
  padding: 16px;
}
.mt-AdsList--grid .mt-AdsList-content {
  flex: 1 1 100%;
  max-width: 100%;
  position: relative;
}
.mt-AdsList--grid .mt-AdsList-content .sui-MoleculeNotification-children {
  overflow: hidden;
}
.mt-AdsList .sui-MoleculeSelectPopover-overlay--light {
  z-index: 1;
}
.mt-AdsList .mt-EmptyCaseDefault {
  height: auto;
}
.mt-AdsList .mt-EmptyCaseDefault-text {
  line-height: inherit;
}
.mt-AdsList-skeleton {
  height: 20000px;
  width: 100vw;
}
@media (min-width: 800px) {
  .mt-AdsList-skeleton {
    height: 10000px;
  }
}
.mt-AdsList-pageNotifications, .mt-AdsList-stickyNotification {
  padding: 16px;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
@media (min-width: 800px) {
  .mt-AdsList-pageNotifications, .mt-AdsList-stickyNotification {
    left: auto;
    max-width: 400px;
    min-width: 400px;
  }
}
.mt-AdsList-stickyNotification--withBottomMargin {
  bottom: 64px;
}
.mt-AdsList-comparatorButton {
  bottom: 0;
  left: 50%;
  padding: 16px;
  position: fixed;
  transform: translateX(-50%);
  z-index: 2;
}
.mt-AdsList-comparatorNotification--withBottomMargin {
  top: auto;
  bottom: 0;
  margin-bottom: 64px;
}
.mt-AdsList-comparatorNotification--top {
  top: 0;
  bottom: auto !important;
}
.mt-AdsList-cardConfiguratorTitle {
  margin-bottom: 16px;
}
.mt-AdsList-faqsForUrl, .mt-AdsList-tagcloudsWrapper {
  display: grid;
  margin-bottom: 24px;
  gap: 24px;
}
.mt-AdsList-searchSave {
  width: 100%;
  text-align: center;
}
.mt-AdsList-tooltip {
  background-color: #242f44;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px;
  gap: 16px;
  width: 350px;
}
.mt-AdsList-tooltip-logo {
  width: 60px;
  height: 24px;
  margin: auto;
}
.mt-AdsList-tooltip-body {
  flex: 1;
  color: #ffffff;
}
.mt-AdsList-tooltip-close {
  cursor: pointer;
  color: #ffffff;
}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

.mt-NewInsuranceCard {
  overflow: hidden;
  position: relative;
}
.mt-NewInsuranceCard-content {
  width: 100%;
}
@media (min-width: 600px) {
  .mt-NewInsuranceCard-content {
    display: flex;
    justify-content: space-between;
  }
}
.mt-NewInsuranceCard-section {
  flex: 1;
}
.has-custom-content .mt-NewInsuranceCard-section {
  display: flex;
  flex-direction: column;
}
@media (min-width: 600px) {
  .has-custom-content .mt-NewInsuranceCard-section {
    align-items: center;
  }
}
.mt-NewInsuranceCard-contentWrapper {
  display: flex;
}
.mt-NewInsuranceCard-title {
  flex: 2;
  margin-bottom: 16px;
}
.has-card-service-icon .mt-NewInsuranceCard-title {
  width: calc(100% - 16px - 40px);
}
@media (min-width: 600px) {
  .mt-NewInsuranceCard-title {
    margin-bottom: 32px;
  }
}
.has-title-image .mt-NewInsuranceCard-titleWrapper {
  margin-bottom: 16px;
}
.mt-NewInsuranceCard-titleDescription {
  color: #3b4a5a;
  flex-basis: 50%;
  font-size: 14px;
  margin: 8px 0 0;
}
@media (min-width: 600px) {
  .mt-NewInsuranceCard-title {
    display: flex;
    justify-content: space-between;
    margin: 0 16px 0 0;
  }
  .mt-NewInsuranceCard-titleWrapper {
    margin-bottom: 16px;
  }
}
.mt-NewInsuranceCard-titleDescriptionBold {
  font-weight: 700;
}
.mt-NewInsuranceCard-serviceIconWrapper {
  position: absolute;
  right: 16px;
  top: 0;
  width: 40px;
}
.mt-NewInsuranceCard-bottomInfoWrapper {
  display: flex;
}
.mt-NewInsuranceCard-buttonWrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 600px) {
  .mt-NewInsuranceCard-buttonWrapper {
    max-width: 250px;
  }
}
.mt-NewInsuranceCard-buttonBottomText {
  color: #606f80;
  font-size: 10px;
  text-align: center;
}
.mt-NewInsuranceCard-imageContainer {
  margin-top: 16px;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.mt-NewInsuranceCard-imageContainerImage {
  height: 30px;
  max-width: 100%;
  width: auto;
}
@media (min-width: 600px) {
  .mt-NewInsuranceCard-imageContainer {
    margin-top: 0;
    justify-content: flex-start;
  }
}
.mt-NewInsuranceCard-imageText {
  color: #606f80;
  font-size: 10px;
}

.mt-AdvertisingTextlinks-item {
  margin-bottom: 24px;
}
.mt-AdvertisingTextlinks-items {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #ffffff;
  align-items: stretch;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 16px;
  margin-top: 8px;
}
@media (min-width: 600px) {
  .mt-AdvertisingTextlinks-items {
    flex-direction: row;
    justify-content: space-between;
  }
}

.mt-CardCarfax-modal {
  min-width: 270px;
}
@media (min-width: 600px) {
  .mt-CardCarfax-modal {
    min-width: 500px;
    min-height: 535px;
  }
}
.mt-CardCarfax-iframe {
  height: 80vh;
  width: 100%;
}
.mt-CardCarfax-serviceContent {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.mt-CardCarfax-serviceContentList {
  column-count: 1;
  list-style: none;
  padding: 0;
}
@media (min-width: 600px) {
  .mt-CardCarfax-serviceContentList {
    column-count: 2;
    padding-left: 24px;
  }
}
.mt-CardCarfax-listIconItemWrapper {
  display: flex;
  align-items: center;
}
.mt-CardCarfax-listIconItemWrapper svg {
  margin-right: 8px;
}
.mt-CardCarfax-listItemValue {
  margin: 0;
}
.mt-CardCarfax--highlighted {
  color: #000e23;
  font-weight: 600;
}

.mt-CardCertification-modal {
  min-width: 270px;
}
@media (min-width: 600px) {
  .mt-CardCertification-modal {
    min-height: 535px;
    min-width: 500px;
  }
}
.mt-CardCertification-serviceContent {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.mt-CardCertification-serviceContentList {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  margin-bottom: 24px;
  padding: 0;
  text-align: center;
}
@media (min-width: 600px) {
  .mt-CardCertification-serviceContentList {
    grid-template-columns: repeat(4, 1fr);
  }
}
.mt-CardCertification-listItemValue {
  font-weight: 600;
  margin: 0;
}
.mt-CardCertification-listIconImage {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mt-CardCertification-listIconImageWrapper {
  height: 32px;
  width: 100%;
}
@media (min-width: 600px) {
  .mt-CardCertification-list {
    display: flex;
    margin: 0 0 32px 0;
    padding-left: 24px;
  }
}
.mt-CardCertification--highlighted {
  color: #000e23;
  font-weight: 600;
}
.mt-CardCertification-modalListItem {
  margin-bottom: 16px;
}
.mt-CardCertification-modalListItem :last-child {
  margin-bottom: 0;
}

.mt-CardThirdPartyServices {
  /* TODO these styles should be inherited from panel/basic */
  /* background-color, border-radius, box-shadow, margin-bottom, padding */
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
  overflow: hidden;
  padding: 16px;
  position: relative;
}
.mt-CardThirdPartyServices-content {
  width: 100%;
}
@media (min-width: 600px) {
  .mt-CardThirdPartyServices-content {
    display: flex;
    justify-content: space-between;
  }
  .has-custom-content .mt-CardThirdPartyServices-content {
    flex-direction: column;
  }
}
.mt-CardThirdPartyServices-section {
  flex: 1.2;
}
.has-custom-content .mt-CardThirdPartyServices-section {
  display: flex;
  flex-direction: column;
}
@media (min-width: 600px) {
  .has-custom-content .mt-CardThirdPartyServices-section {
    align-items: center;
  }
}
@media (min-width: 600px) {
  .mt-CardThirdPartyServices-section.has-card-service-icon {
    margin-right: calc(16px + 40px);
  }
}
.mt-CardThirdPartyServices-contentWrapper {
  display: flex;
}
.mt-CardThirdPartyServices-title {
  flex: 2;
  margin-bottom: 16px;
}
.has-card-service-icon .mt-CardThirdPartyServices-title {
  width: calc(100% - 16px - 40px);
}
@media (min-width: 600px) {
  .mt-CardThirdPartyServices-title {
    margin-bottom: 32px;
  }
}
.has-title-image .mt-CardThirdPartyServices-titleWrapper {
  margin-bottom: 16px;
}
.mt-CardThirdPartyServices-titleDescription {
  color: #3b4a5a;
  flex-basis: 50%;
  font-size: 14px;
  margin: 8px 0 0;
}
.mt-CardThirdPartyServices-titleImage {
  max-height: 80px;
  max-width: 200px;
  object-fit: contain;
}
@media (min-width: 600px) {
  .mt-CardThirdPartyServices-title {
    display: flex;
    justify-content: space-between;
    margin: 0 16px 0 0;
  }
  .has-custom-content .mt-CardThirdPartyServices-title, .has-image .mt-CardThirdPartyServices-title {
    margin-bottom: 16px;
  }
  .has-title-image .mt-CardThirdPartyServices-titleWrapper {
    margin-bottom: 0;
  }
}
.mt-CardThirdPartyServices-serviceIconWrapper {
  position: absolute;
  right: 16px;
  top: 0;
  width: 40px;
}
.mt-CardThirdPartyServices-bottomInfoWrapper {
  display: flex;
}
.mt-CardThirdPartyServices-buttonWrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 600px) {
  .mt-CardThirdPartyServices-buttonWrapper:not(.has-custom-content .mt-CardThirdPartyServices-buttonWrapper) {
    max-width: 266px;
  }
}
.mt-CardThirdPartyServices-buttonBottomContent {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mt-CardThirdPartyServices-buttonBottomText {
  color: #606f80;
  font-size: 10px;
  text-align: center;
}
.mt-CardThirdPartyServices-imageContainer {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.has-custom-content .mt-CardThirdPartyServices-imageContainer {
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 600px) {
  .has-custom-content .mt-CardThirdPartyServices-imageContainer {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
  }
}
@media (min-width: 600px) {
  .mt-CardThirdPartyServices-imageContainer {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
  }
}
.mt-CardThirdPartyServices-image {
  height: 18px;
}
.has-custom-content .mt-CardThirdPartyServices-image {
  margin: 0 0 8px 0;
}
@media (min-width: 600px) {
  .has-custom-content .mt-CardThirdPartyServices-image {
    margin: 0 8px 0 0;
  }
}
@media (min-width: 600px) {
  .mt-CardThirdPartyServices-image {
    height: 20px;
  }
}
.mt-CardThirdPartyServices-imageText {
  color: #606f80;
  font-size: 10px;
}
.mt-CardThirdPartyServices-imageBottomText {
  height: 16px;
  margin-left: 4px;
  object-fit: contain;
  width: 135px;
}
.mt-CardThirdPartyServices-imageBottomTextGooglePay {
  height: 16px;
  margin-left: 4px;
  object-fit: contain;
  width: 48px;
}

.mt-CardFinancingLendo-bottomButtonText {
  display: flex;
}
.mt-CardFinancingLendo-iframe {
  width: 100%;
}
.mt-CardFinancingLendo-modal {
  display: flex;
  height: 88vh;
  min-width: 270px;
}
@media (min-width: 600px) {
  .mt-CardFinancingLendo-modal {
    min-width: 500px;
    max-height: 535px;
  }
}
.mt-CardFinancingLendo-textItem {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  font-size: 10px;
  margin-right: 4px;
}
.mt-CardFinancingLendo-textItem:last-child {
  margin-right: 0;
}

/* sass-lint:disable no-important, class-name-format*/

/* sass-lint:disable class-name-format */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-Detail-cardUser .sui-AtomSpinner--fullPage::before, .mt-Detail-cardUser .sui-AtomSpinner::before, .sui-AtomSpinner--fullPage::before, .sui-AtomSpinner::before {
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}

.mt-RatingBasic {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-RatingBasic--dark {
  color: #000000;
}
.mt-RatingBasic--light {
  color: #ffffff;
}
.mt-RatingBasic-info {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-RatingBasic-infoValue {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.mt-RatingBasic-description {
  margin: 0;
  font-size: 14px;
}
.mt-RatingBasic-label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  text-decoration: underline;
}
.mt-RatingBasic-label--is-not-link {
  cursor: default;
  text-decoration: none;
}

.mt-HeroDealer {
  background-color: #000e23;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.mt-HeroDealer-titleLink {
  color: #ffffff;
  display: block;
  font-size: 32px;
  font-weight: 600;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  text-wrap: wrap;
  white-space: nowrap;
}
.mt-HeroDealer-titleLink:visited {
  color: #ffffff;
}
.mt-HeroDealer--compressed {
  margin-bottom: 215px;
}
@media (min-width: 600px) {
  .mt-HeroDealer--compressed {
    margin-bottom: 0;
  }
}
@media (min-width: 600px) {
  .mt-HeroDealer {
    border-radius: 8px;
    flex-direction: column;
  }
}
.mt-HeroDealer-content {
  display: flex;
}
@media (min-width: 600px) {
  .mt-HeroDealer-content .mt-TitleBasic-title {
    text-wrap: wrap;
  }
}
@media (min-width: 600px) {
  .mt-HeroDealer-content--compressed .mt-TitleBasic-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.mt-HeroDealer-favoriteIcon {
  display: flex;
  color: #e60e27;
}
.mt-HeroDealer-firstBlock {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
@media (min-width: 600px) {
  .mt-HeroDealer-firstBlock {
    flex-wrap: wrap;
    display: flex;
  }
}
.mt-HeroDealer-firstBlock-wrapper {
  display: flex;
  gap: 16px;
}
@media (max-width: 599px) {
  .mt-HeroDealer-firstBlock-wrapper {
    flex-wrap: wrap;
  }
}
.mt-HeroDealer-firstBlock-actions {
  flex: 1;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
@media (max-width: 799px) {
  .mt-HeroDealer-firstBlock-actions {
    height: fit-content;
  }
}
.mt-HeroDealer-location {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
.mt-HeroDealer-logo {
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  object-fit: cover;
  width: 125px;
}
.mt-HeroDealer-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 24px 24px 24px;
}
.mt-HeroDealer-buttons-action {
  display: block;
}
@media (min-width: 600px) {
  .mt-HeroDealer-buttons {
    display: flex;
    padding: 24px;
  }
}
@media (max-width: 599px) {
  .mt-HeroDealer-buttons-action.is-hidden {
    display: none;
  }
}
@media (min-width: 600px) {
  .mt-HeroDealer-buttons-action-mobile.is-hidden {
    display: none;
  }
}
.mt-HeroDealer-containerAddress, .mt-HeroDealer-containerWeb {
  align-items: flex-start;
  color: #ffffff;
  display: flex;
  gap: 8px;
}
.mt-HeroDealer-containerInfo {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}
.mt-HeroDealer-containerInfoAddress {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}
.mt-HeroDealer-containerInfoAddress::after {
  content: "•";
  display: inline-block;
  margin: 0 4px 0 4px;
  text-decoration: none;
}
.mt-HeroDealer-containerInfoWebsite {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  margin: 8px 0 0;
  text-decoration: underline;
}
.mt-HeroDealer-panelButtons {
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  margin: 0 16px -160px 16px;
  padding: 16px;
  position: relative;
  top: 15px;
}
@media (min-width: 600px) {
  .mt-HeroDealer-panelButtons {
    background-color: #000e23;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 24px;
    position: unset;
  }
}
.mt-HeroDealer-panelButtons-containerButton {
  border-bottom: 1px solid #bfc7d0;
  display: flex;
  justify-content: center;
  padding: 16px;
}
.mt-HeroDealer-panelButtons-containerButton--noBorder {
  border-bottom: none;
  display: flex;
  justify-content: center;
  padding: 16px 16px 0 16px;
}
@media (min-width: 600px) {
  .mt-HeroDealer-panelButtons-containerButton--noBorder {
    padding: 0;
  }
}
@media (min-width: 600px) {
  .mt-HeroDealer-panelButtons-containerButton {
    border-bottom: none;
    padding: 0;
  }
}
.mt-HeroDealer-address {
  display: inline;
  color: #ffffff;
  font-size: 14px;
  margin: 0;
}
.mt-HeroDealer-directions {
  line-height: 1.36;
  margin: 16px 0 0;
}
.mt-HeroDealer-directionsLink {
  color: #000e23;
  text-decoration: underline;
}
.mt-HeroDealer-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 206px;
  padding: 24px;
  width: 100%;
  z-index: 1;
}
@media (min-width: 600px) {
  .mt-HeroDealer-info {
    margin-top: 0;
  }
}
@media (min-width: 800px) {
  .mt-HeroDealer-info {
    max-width: 100%;
  }
}
@media (min-width: 600px) {
  .mt-HeroDealer-info--compressed {
    max-width: 185px;
  }
}
.mt-HeroDealer-content--withoutImage .mt-HeroDealer-info {
  margin-top: 0;
}
@media (min-width: 600px) {
  .mt-HeroDealer-content--withoutImage .mt-HeroDealer-info {
    max-width: 100%;
  }
}
.mt-HeroDealer-media {
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 600px) {
  .mt-HeroDealer-media {
    position: relative;
  }
}
.mt-HeroDealer-media img {
  height: 206px;
  object-fit: cover;
  width: 100%;
}
@media (min-width: 600px) {
  .mt-HeroDealer-media img {
    border-radius: 0 8px 0 0;
    height: 100%;
    width: 100%;
    aspect-ratio: 1.7777777778;
  }
}
.mt-HeroDealer-videoPlayer {
  left: 0;
  max-width: 100%;
  position: absolute;
  width: 100%;
}
.mt-HeroDealer-videoPlayer.is-playing {
  top: 16px;
}
@media (min-width: 600px) {
  .mt-HeroDealer-videoPlayer {
    position: static;
  }
}
.mt-HeroDealer-videoControl {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0px;
  width: calc(100% - 8px);
  z-index: 1;
}
@media (min-width: 600px) {
  .mt-HeroDealer-videoControl {
    width: 100%;
  }
}
.mt-HeroDealer-videoControlPlay {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  color: #000e23;
  cursor: pointer;
  padding: 16px;
  transition: background-color 0.3s ease-in-out;
}
.mt-HeroDealer-videoControlPlay:hover {
  background: #ffffff;
}
.mt-HeroDealer-videoButton {
  align-items: center;
  background-color: #000e23;
  border-radius: 16px;
  bottom: 16px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  gap: 8px;
  padding: 8px 16px;
  position: absolute;
  right: 16px;
  z-index: 1;
}
@media (min-width: 600px) {
  .mt-HeroDealer-videoButton {
    bottom: 8px;
    right: 8px;
  }
}
.mt-HeroDealer-videoButton:hover {
  background-color: rgba(0, 14, 35, 0.75);
}
.mt-HeroDealer-overlay.is-fullwidth {
  align-items: center;
  background: black;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3010;
}
@media (min-width: 600px) {
  .mt-HeroDealer-video {
    width: 490px;
    height: 323px;
  }
}
.mt-HeroDealer-video .sui-AtomVideoPlayer-youtubePlayer {
  position: static;
}
.mt-HeroDealer-fullSizeActionBtn {
  position: fixed;
  right: 8px;
  top: 8px;
  z-index: 3010;
}

.sui-AtomTooltip--auto {
  z-index: 2;
}

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* small */
/* medium */
/* large */
/* threeCharacters */
/* disabled */
/* selected */

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

.mt-GigyaModalWrapper {
  padding-bottom: 24px;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
}
.mt-GigyaModalWrapper .gigya-screen-caption {
  border-bottom: none !important;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 24px !important;
  font-weight: 600;
  padding-left: 11px;
  line-height: 40px;
  text-align: center;
}
.mt-GigyaModalWrapper .gigya-screen,
.mt-GigyaModalWrapper .gigya-screen * {
  margin: 0 auto;
  padding: 0;
  border: none;
  text-decoration: none;
  width: auto;
  float: none;
  border-radius: 0;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #4e515e;
  text-align: left;
  box-sizing: content-box;
}
.mt-GigyaModalWrapper .gigya-locale-ar .gigya-checkbox-text,
.mt-GigyaModalWrapper .gigya-locale-ar .gigya-composite-control-header,
.mt-GigyaModalWrapper .gigya-locale-ar .gigya-composite-control-label,
.mt-GigyaModalWrapper .gigya-locale-ar .gigya-composite-control-link,
.mt-GigyaModalWrapper .gigya-locale-ar .gigya-label,
.mt-GigyaModalWrapper .gigya-locale-ar .gigya-multi-choice-item label,
.mt-GigyaModalWrapper .gigya-locale-ar input,
.mt-GigyaModalWrapper .gigya-locale-ar select,
.mt-GigyaModalWrapper .gigya-locale-he .gigya-checkbox-text,
.mt-GigyaModalWrapper .gigya-locale-he .gigya-composite-control-header,
.mt-GigyaModalWrapper .gigya-locale-he .gigya-composite-control-label,
.mt-GigyaModalWrapper .gigya-locale-he .gigya-composite-control-link,
.mt-GigyaModalWrapper .gigya-locale-he .gigya-label,
.mt-GigyaModalWrapper .gigya-locale-he .gigya-multi-choice-item label,
.mt-GigyaModalWrapper .gigya-locale-he input,
.mt-GigyaModalWrapper .gigya-locale-he select {
  direction: rtl;
}
.mt-GigyaModalWrapper .gigya-screen {
  box-sizing: border-box;
}
.mt-GigyaModalWrapper .gigya-screen .mt-LoginGigya-title {
  color: #000000;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 24px;
  text-align: center;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-label {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #4e515e;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-label-text,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-label,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-number,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone {
  display: inline-block;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #4e515e;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-checkbox-text {
  display: inline;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-message {
  font-size: 14px;
  color: #333;
  display: block;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-message.left {
  text-align: left;
  padding-bottom: 40px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-social-login-container {
  margin: auto;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-forgotPassword,
.mt-GigyaModalWrapper .gigya-screen .gigya-forgotPassword:link {
  display: block !important;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-keep-me-logged-in {
  display: block;
  padding-top: 16px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-input-password,
.mt-GigyaModalWrapper .gigya-screen .gigya-input-text,
.mt-GigyaModalWrapper .gigya-screen .gigya-textarea,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox {
  padding-left: 7px;
  box-sizing: border-box;
  width: 100%;
  text-indent: 5px;
  border-color: #b6bdc5;
  color: #4e515e;
  outline: none;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-input-password:focus,
.mt-GigyaModalWrapper .gigya-screen .gigya-input-text:focus,
.mt-GigyaModalWrapper .gigya-screen .gigya-textarea:focus,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox:focus {
  border: 1px solid #000e23;
  outline: none;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-code-textbox,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text {
  border: 1px solid #b6bdc5;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-code-textbox:disabled,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password:disabled,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text:disabled {
  background-color: #eef0f4;
  border-color: #bfc7d0;
  color: #3b4a5a;
}
.mt-GigyaModalWrapper .birthdate-field .gigya-error-msg {
  display: none !important;
}
.mt-GigyaModalWrapper #gigya-update-consents {
  margin-top: 24px;
}
.mt-GigyaModalWrapper #gigya-update-consents label {
  font-size: 14px;
  margin-left: 24px;
  margin-bottom: 5px;
}
.mt-GigyaModalWrapper #gigya-update-consents .gigya-input-checkbox {
  position: absolute;
  visibility: hidden;
}
.mt-GigyaModalWrapper #gigya-update-consents .gigya-input-checkbox + .gigya-label {
  position: relative;
  margin-left: 0;
}
.mt-GigyaModalWrapper #gigya-update-consents .gigya-input-checkbox + .gigya-label span {
  font-size: 16px;
  vertical-align: middle;
}
.mt-GigyaModalWrapper #gigya-update-consents .gigya-input-checkbox + .gigya-label::before {
  background: #ffffff;
  border: 1px solid #000e23;
  content: "​";
  display: inline-block;
  height: 16px;
  margin-right: 0.5em;
  vertical-align: middle;
  width: 16px;
  border-radius: 4px;
}
.mt-GigyaModalWrapper #gigya-update-consents .gigya-input-checkbox:checked + .gigya-label::after {
  background-color: #000e23;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2018%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke-width%3D%222%22%20stroke%3D%22%23FFFFFF%22%20d%3D%22M15%2C5%20L6.75%2C14%20L3%2C9.90909091%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  content: "​";
  height: 18px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 18px;
  border-radius: 4px;
}
.mt-GigyaModalWrapper #gigya-update-consents.gigya-screen.portrait {
  padding: 0;
}
.mt-GigyaModalWrapper #gigya-update-consents .gigya-composite-control-submit {
  padding-bottom: 0;
}
.mt-GigyaModalWrapper #gigya-pre-update-profile input {
  float: right !important;
  width: 70%;
  background-color: transparent;
  box-shadow: none;
  border-color: transparent;
  margin-bottom: 0;
  height: auto;
  padding: 0;
  pointer-events: none;
}
.mt-GigyaModalWrapper #gigya-pre-update-profile label {
  clear: both;
  cursor: default;
  float: left !important;
  pointer-events: none;
}
.mt-GigyaModalWrapper .birthdate-label {
  display: block !important;
}
.mt-GigyaModalWrapper .birthdate-field {
  width: 100px !important;
  display: inline-block !important;
  margin-right: 12px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-error.gig-tfa-code-textbox,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password.gigya-error,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text.gigya-error {
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #f44c23;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-code-textbox,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-code-textbox:focus,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-error.gig-tfa-code-textbox,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-error.gig-tfa-code-textbox:focus,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-pending.gig-tfa-code-textbox,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-pending.gig-tfa-code-textbox:focus,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-valid.gig-tfa-code-textbox,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-valid.gig-tfa-code-textbox:focus,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password.gigya-error,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password.gigya-error:focus,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password.gigya-pending,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password.gigya-pending:focus,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password.gigya-valid,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password.gigya-valid:focus,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-password:focus,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text.gigya-error,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text.gigya-error:focus,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text.gigya-pending,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text.gigya-pending:focus,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text.gigya-valid,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text.gigya-valid:focus,
.mt-GigyaModalWrapper .gigya-screen input.gigya-input-text:focus {
  padding-left: 7px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-input-password,
.mt-GigyaModalWrapper .gigya-screen .gigya-input-text,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox,
.mt-GigyaModalWrapper .gigya-screen select {
  height: 43px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-required-display {
  color: #f44c23;
  display: inline-block;
  padding: 0 5px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-error-display {
  display: none;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-error-display.gigya-error-display-active {
  display: block;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-error-msg,
.mt-GigyaModalWrapper .gigya-screen .gigya-error-msg-active.gigya-form-error-msg {
  line-height: 14px;
  font-size: 13px;
  font-weight: 400;
  box-sizing: border-box;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-error-msg-active.gigya-form-error-msg,
.mt-GigyaModalWrapper .gigya-screen .gigya-error-msg.gigya-error-msg-active {
  color: #f44c23;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-error-msg-active.gigya-form-error-msg {
  _height: 26px;
  font-size: 13px;
  min-height: 26px;
  border: 1px #f44c23;
  border-radius: 8px;
  font-weight: 700;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-login-provider-row:first-child {
  padding-top: 0;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-container {
  text-align: inherit;
  text-decoration: inherit;
  font-size: inherit;
  color: inherit;
}
.mt-GigyaModalWrapper .gigya-screen div.gigya-container.gigya-visible-when .gigya-composite-control {
  display: block;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-myPhoto-profile-box-wrapper {
  margin-left: 0;
  margin-top: 0;
}
.mt-GigyaModalWrapper .gigya-screen .label-divider {
  display: block;
  width: 100%;
  height: 80px;
  background-repeat: repeat-x;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY7h8+TIABPYCeicnV7oAAAAASUVORK5CYII=);
  background-position: 50%;
  box-sizing: border-box;
  padding: 0 !important;
}
.mt-GigyaModalWrapper .gigya-screen .label-divider span {
  display: inline-block;
  background-color: #fff;
  margin-top: 31px;
  padding-left: 10px;
  padding-right: 10px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend:active,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend:link,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend:visited,
.mt-GigyaModalWrapper .gigya-screen a,
.mt-GigyaModalWrapper .gigya-screen a:active,
.mt-GigyaModalWrapper .gigya-screen a:link,
.mt-GigyaModalWrapper .gigya-screen a:visited {
  color: #000e23;
  text-decoration: none;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend:hover,
.mt-GigyaModalWrapper .gigya-screen a:hover {
  text-decoration: underline;
}
.mt-GigyaModalWrapper .gigya-screen h1,
.mt-GigyaModalWrapper .gigya-screen h2 {
  line-height: 15px;
  font-size: 14px;
  color: #4e515e;
  font-weight: 400;
  text-align: center;
}
.mt-GigyaModalWrapper .gigya-screen h1 {
  border-bottom: 1px solid #dbdbdb;
  font-weight: 700;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-button.gig-tfa-phone-code-resend,
.mt-GigyaModalWrapper .gigya-screen a.gigya-button,
.mt-GigyaModalWrapper .gigya-screen input[type=email],
.mt-GigyaModalWrapper .gigya-screen input[type=password],
.mt-GigyaModalWrapper .gigya-screen input[type=text],
.mt-GigyaModalWrapper .gigya-screen select,
.mt-GigyaModalWrapper .gigya-screen textarea {
  width: 100%;
  border-radius: 0;
  border: 1px solid #bbb;
  background-color: #fff;
  box-sizing: border-box;
}
.mt-GigyaModalWrapper .gigya-screen input:-ms-input-placeholder {
  color: #a9a9a9;
}
.mt-GigyaModalWrapper .gigya-screen .gig-tfa-button-submit,
.mt-GigyaModalWrapper .gigya-screen .gigya-button,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control-link,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control-submit,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link,
.mt-GigyaModalWrapper .gigya-screen input[type=button],
.mt-GigyaModalWrapper .gigya-screen input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-button.gig-tfa-phone-code-resend,
.mt-GigyaModalWrapper .gigya-screen a.gigya-button,
.mt-GigyaModalWrapper .gigya-screen input[type=button],
.mt-GigyaModalWrapper .gigya-screen input[type=submit] {
  cursor: pointer;
  width: 100%;
  height: 43px;
  border-radius: 8px;
  color: #fff;
  background-color: #000e23;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  font-size: 16px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit:active,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit:hover,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button:active,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button:hover,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link:active,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link:hover,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-button.gig-tfa-phone-code-resend:active,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-button.gig-tfa-phone-code-resend:hover,
.mt-GigyaModalWrapper .gigya-screen a.gigya-button:active,
.mt-GigyaModalWrapper .gigya-screen a.gigya-button:hover,
.mt-GigyaModalWrapper .gigya-screen input[type=button]:active,
.mt-GigyaModalWrapper .gigya-screen input[type=button]:hover,
.mt-GigyaModalWrapper .gigya-screen input[type=submit]:active,
.mt-GigyaModalWrapper .gigya-screen input[type=submit]:hover {
  background-color: #242f44;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox,
.mt-GigyaModalWrapper .gigya-screen input[type=checkbox],
.mt-GigyaModalWrapper .gigya-screen input[type=radio] {
  width: auto;
  margin: 5px 0 0 0;
  padding: 0;
  border-radius: 0;
  border: none;
  vertical-align: middle;
}
.mt-GigyaModalWrapper .gigya-screen option {
  width: 100%;
  padding: 5px;
}
.mt-GigyaModalWrapper .gigya-screen option:hover {
  background-color: #3593c1;
}
.mt-GigyaModalWrapper .gigya-screen label.letter-spacing-s {
  letter-spacing: -0.1px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-row {
  zoom: 1;
  display: block;
  text-align: center;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-row:after {
  content: "";
  display: table;
  clear: both;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-row.with-two-inputs .gigya-composite-control {
  padding-right: 7.5px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-row.with-two-inputs > .gigya-layout-cell + .gigya-layout-cell > .gigya-composite-control {
  padding-right: 0;
  padding-left: 7.5px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-cell {
  text-align: center;
  float: left;
  width: 50%;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-cell .gigya-error-cell {
  width: 100%;
  max-width: none;
  min-width: 0;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-cell .gigya-layout-cell {
  max-width: 50%;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-footer {
  text-align: right;
  clear: both;
}
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-layout-row .submit-button {
  padding-bottom: 25px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-layout-row .gigya-layout-cell.responsive,
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-layout-row.with-divider .gigya-layout-cell.responsive {
  float: none;
  min-width: 100%;
  width: 100%;
}
.mt-GigyaModalWrapper .gigya-screen-content div.gigya-screen.landscape {
  padding-left: 43px;
  padding-right: 43px;
  width: 446px;
}
.mt-GigyaModalWrapper .gigya-screen.landscape {
  padding-top: 20px;
}
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-composite-control.gigya-composite-control-social-login {
  position: relative;
  right: 25px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait {
  max-width: 500px;
  font-size: 14px;
  padding-left: 68px;
  padding-right: 68px;
  padding-top: 20px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait .sub-title-text {
  font-size: 14px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-error-msg-active.gigya-form-error-msg,
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-error-msg.gigya-error-msg-active {
  font-size: 13px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait .text-field-disabled {
  background-color: #f2f2f2;
  border: 1px solid #d6dee4;
  border-radius: 4px;
  color: #4e515e;
}
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-composite-control {
  padding-left: 0;
  padding-right: 0;
}
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-composite-control.gigya-composite-control-social-login {
  width: calc(100% + 50px);
  position: relative;
  right: 27px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile:before {
  display: block;
  width: 375px;
  content: "";
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .text-field-disabled {
  color: #4e515e;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .forgotpassword,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-composite-control-label,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-error-msg-active.gigya-form-error-msg,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-error-msg.gigya-error-msg-active,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-forgotPassword,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-label,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-label-text,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-login-footer-text-wrapper,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-message,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-terms-of-use,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .main-header,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .site-title,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .sub-title-text,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile a,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-label,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-number,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile h1,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile h2 {
  font-size: 13px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile input[type=email],
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile input[type=password],
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile input[type=text],
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile select {
  height: 36px;
  font-size: 13px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-error-msg-active.gigya-form-error-msg,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-error-msg.gigya-error-msg-active {
  font-size: 13px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile .gigya-composite-control-social-login {
  width: calc(100% + 40px);
  position: relative;
  right: 20px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile input[type=checkbox] {
  margin-bottom: 2px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile label.letter-spacing-s {
  letter-spacing: 0;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control {
  padding-bottom: 18px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-label,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-link {
  display: inline-block;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-label.main-text,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text {
  padding-bottom: 20px;
  display: block;
  text-align: left;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-label.main-text.inlined,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .inlined.gig-tfa-header-text {
  display: inline-block;
  text-align: center;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-label.social-login-title {
  padding-bottom: 26px;
  display: inline-block;
  text-align: center;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-header {
  padding-bottom: 26px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-password,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-textbox {
  padding-bottom: 5px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown .gigya-label,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-password .gigya-label,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-textbox .gigya-label {
  padding-bottom: 6px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown input,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-password input,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-password select,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-textbox input,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-textbox select {
  margin-bottom: 13px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown .gigya-error-msg-active,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-password .gigya-error-msg-active,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-textbox .gigya-error-msg-active {
  padding-top: 0;
  padding-bottom: 8px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget {
  padding-bottom: 0;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper {
  margin-bottom: 5px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha {
  margin: 0 auto 13px auto;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha input {
  height: auto;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha .recaptcha_only_if_privacy a,
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha .recaptcha_only_if_privacy div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-captcha .recaptcha_only_if_privacy .gig-tfa-phone-code-resend {
  font-size: 12px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-captcha-widget .gigya-captcha-wrapper .gigya-error-msg-active {
  padding-top: 0;
  padding-bottom: 8px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-tfa-widget {
  padding-bottom: 0;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-button,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-button + .gigya-error-display-active,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-link.gigya-button-link,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-link.gigya-button-link + .gigya-error-display-active,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-submit,
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-submit + .gigya-error-display-active {
  padding-bottom: 25px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-link.gigya-button-link {
  display: block;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-social-login {
  padding: 0;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-label {
  padding-bottom: 8px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-input-radio {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 8px;
  width: 100%;
  display: block;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 5px;
  margin-bottom: 18px;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 8px;
  width: 100%;
  display: block;
}
.mt-GigyaModalWrapper .gigya-screen div.gigya-loginID-availability-available {
  margin-bottom: 18px;
}
.mt-GigyaModalWrapper .gigya-screen form.gigya-form-error .gigya-composite-control.gigya-composite-control-button,
.mt-GigyaModalWrapper .gigya-screen form.gigya-form-error .gigya-composite-control.gigya-composite-control-form-error.gigya-error-display-active,
.mt-GigyaModalWrapper .gigya-screen form.gigya-form-error .gigya-composite-control.gigya-composite-control-link.gigya-button-link,
.mt-GigyaModalWrapper .gigya-screen form.gigya-form-error .gigya-composite-control.gigya-composite-control-submit {
  padding-bottom: 10px;
}
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-layout-row.with-divider {
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-button,
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-link.gigya-button-link,
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-submit {
  padding-bottom: 0;
}
.mt-GigyaModalWrapper .gigya-screen.landscape form.gigya-form-error .gigya-layout-row.with-divider,
.mt-GigyaModalWrapper .gigya-screen.landscape form.gigya-form-error .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-button,
.mt-GigyaModalWrapper .gigya-screen.landscape form.gigya-form-error .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-link.gigya-button-link,
.mt-GigyaModalWrapper .gigya-screen.landscape form.gigya-form-error .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-submit {
  padding-bottom: 10px;
}
.mt-GigyaModalWrapper .gigya-screen.landscape form.gigya-form-error .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-form-error.gigya-error-display-active {
  padding-bottom: 0;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-row.with-divider > .gigya-layout-cell {
  min-width: 48%;
  width: 48%;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider {
  min-width: 4%;
  width: 4%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY7h8+TIABPYCeicnV7oAAAAASUVORK5CYII=);
  background-position: 50%;
}
.mt-GigyaModalWrapper .gigya-screen .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content {
  padding: 0;
  position: relative;
  line-height: 16px;
  background: #fff;
  text-align: center;
  min-width: 10px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider {
  height: 81px;
  background-repeat: repeat-x;
  position: relative;
}
.mt-GigyaModalWrapper .gigya-screen.portrait .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content {
  padding: 0 10px 2px 10px;
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-layout-row .gigya-layout-cell.under-site-login {
  width: 370px;
  text-align: center;
  min-width: 0;
  margin-left: 460px;
}
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider {
  margin-top: 41px;
  width: 87px;
  background-repeat: repeat-y;
}
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content {
  display: block;
  line-height: 15px;
  padding: 10px 0;
  top: 83px;
  left: 0;
}
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-site-login,
.mt-GigyaModalWrapper .gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-social-login {
  min-width: 0;
  width: 370px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-link {
  margin-left: 24%;
  margin-top: 8%;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-email-text {
  font-weight: 700;
  width: 207px;
  margin: 0 auto;
  font-size: 14px;
  padding-bottom: 25px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-email-code-header-text {
  width: 240px;
  margin: 0 auto;
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: 14px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber {
  display: inline;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-header-subtext + .gig-tfa-label {
  margin-top: 40px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example {
  display: block;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-label {
  padding-bottom: 6px;
  display: block;
  margin: 0;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-select,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone-label {
  margin: 0 0 18px 0;
  padding: 0;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text {
  margin: 0;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox {
  font-size: 14px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-error {
  margin-bottom: 18px;
  margin-top: -10px;
  font-size: 14px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-error:empty {
  display: none;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span {
  display: inline;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-prefix {
  display: none;
  height: 43px;
  width: 10%;
  margin-top: 0;
  margin-right: 16px;
  text-align: center;
  background-color: #f2f2f2;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-number {
  margin-top: 0;
  height: 43px;
  width: 100%;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container label {
  display: inline;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type-label,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type-label {
  display: inline-block;
  width: 33.33333333%;
  margin-bottom: 18px;
  margin-top: 18px;
  vertical-align: top;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type-label,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type-label {
  padding: 5px 0;
  width: 30.33333333%;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type {
  margin-right: 0;
  margin-left: 0;
  width: 33.33333333%;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type-sms,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type-sms {
  width: 38.33333333%;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type-voice-call,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type-voice-call {
  width: 31.33333333%;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container {
  margin: 0;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit {
  background-image: none;
  -webkit-filter: none;
  filter: none;
  font-weight: 400;
  line-height: normal;
  padding-top: 10px;
  margin-bottom: 25px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link {
  width: 70px;
  line-height: 43px;
  float: right;
  margin-top: -10px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-numbers {
  margin-top: 26px;
  line-height: 31px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-numbers:last-child {
  padding-bottom: 25px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container input.gig-tfa-phone-prefix,
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gig-tfa-phone-prefix {
  display: none;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link {
  font-size: 19px;
  padding: 0;
  margin-top: 0;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-prefix {
  display: none;
  width: 10%;
  margin-right: 8px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-number {
  width: 100%;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label {
  margin-left: 0;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-error,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-resend {
  font-size: 13px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text {
  font-size: 13px;
  color: #4e515e;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-numbers {
  margin-top: 30px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-numbers .gig-tfa-phone-edit-number {
  font-size: 13px;
  margin-top: 8px;
  color: #4e515e;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-number,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-prefix {
  font-size: 13px;
  height: 36px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button,
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit {
  margin-bottom: 15px;
}
.mt-GigyaModalWrapper .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text {
  display: block;
}
.mt-GigyaModalWrapper .gigya-screen-dialog-mobile .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-number {
  width: 100%;
}
.mt-GigyaModalWrapper #gigya-login-screen.gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content {
  top: 83px;
}
.mt-GigyaModalWrapper #gigya-login-screen.gigya-screen.portrait.mobile .gigya-prefered-content-width {
  width: 375px;
}
.mt-GigyaModalWrapper #gigya-register-screen.gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider > .gigya-divider-content {
  top: 127px;
}
.mt-GigyaModalWrapper #gigya-change-password-screen .error-wrapper {
  width: 100%;
}
.mt-GigyaModalWrapper #gigya-change-password-screen.portrait.mobile input[password] {
  width: 260px;
}
.mt-GigyaModalWrapper #gigya-change-password-screen.portrait.mobile input[submit] {
  width: 276px;
}
.mt-GigyaModalWrapper .gigya-screen div.gigya-composite-control-my-photo-widget.update-profile-my-photo {
  padding-right: 20px;
}
.mt-GigyaModalWrapper .gigya-screen .link-accounts-main-header,
.mt-GigyaModalWrapper .gigya-screen .reauthentication-main-header {
  margin-bottom: 10px;
}
.mt-GigyaModalWrapper .gigya-subscribe-with-email-form .gigya-header {
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bolder;
  text-align: center;
}
.mt-GigyaModalWrapper .subscribe-thank-you {
  line-height: 1.2em;
  font-size: 1.3em;
  text-align: center;
}
.mt-GigyaModalWrapper .subscribe-thank-you p {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: inherit;
}
.mt-GigyaModalWrapper .gigya-mac .gigya-screen label.letter-spacing-s {
  letter-spacing: -0.3px;
}
.mt-GigyaModalWrapper .gigya-ios .gigya-screen.landscape .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox,
.mt-GigyaModalWrapper .gigya-ios .gigya-screen.landscape input[type=checkbox],
.mt-GigyaModalWrapper .gigya-ios .gigya-screen.portrait.mobile div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox,
.mt-GigyaModalWrapper .gigya-ios .gigya-screen.portrait.mobile input[type=checkbox],
.mt-GigyaModalWrapper .gigya-ios .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox,
.mt-GigyaModalWrapper .gigya-ios .gigya-screen.portrait input[type=checkbox],
.mt-GigyaModalWrapper .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-ios .gigya-screen.landscape .gig-tfa-code-remember-checkbox {
  margin-bottom: 5px;
}
.mt-GigyaModalWrapper .gigya-ios .gigya-screen#gigya-change-password-screen form label:first-child {
  letter-spacing: -0.1px;
}
.mt-GigyaModalWrapper .gigya-ios .gigya-screen#gigya-forgot-password-screen form label:first-child {
  letter-spacing: -0.3px;
}
.mt-GigyaModalWrapper .gigya-native-mobile-app.gigya-android .gigya-screen.portrait.mobile .gigya-composite-control.gigya-composite-control-social-login {
  right: 28px;
}
.mt-GigyaModalWrapper .gigya-edge .gigya-screen label.letter-spacing-s,
.mt-GigyaModalWrapper .gigya-ie10 .gigya-screen.portrait label {
  letter-spacing: -0.3px;
}
.mt-GigyaModalWrapper .gigya-ie10 .gigya-screen.mobile label {
  letter-spacing: 0;
}
.mt-GigyaModalWrapper .gigya-ie10 .gigya-screen #gigya-change-password-screen.portrait .gigya-message {
  letter-spacing: -0.2px;
}
.mt-GigyaModalWrapper .gigya-ie10 .gigya-screen #gigya-change-password-screen.mobile {
  letter-spacing: 0;
}
.mt-GigyaModalWrapper .gigya-ie9 .gigya-screen#gigya-login-screen.landscape .gigya-layout-row.with-divider .gigya-layout-cell.with-divider {
  height: 202px;
}
.mt-GigyaModalWrapper .gigya-ie9 .gigya-screen#gigya-register-screen.landscape .gigya-layout-row.with-divider .gigya-layout-cell.with-divider {
  height: 300px;
}
.mt-GigyaModalWrapper .gigya-ie9 .gigya-screen select {
  font-size: 13px;
}
.mt-GigyaModalWrapper .gigya-ie9 .gigya-screen .gigya-input-password:not(.gigya-placeholder),
.mt-GigyaModalWrapper .gigya-ie9 .gigya-screen .gigya-input-text:not(.gigya-placeholder),
.mt-GigyaModalWrapper .gigya-ie9 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox:not(.gigya-placeholder) {
  line-height: 40px;
}
.mt-GigyaModalWrapper .gigya-ie9 .gigya-screen .gigya-composite-control-checkbox .gigya-label,
.mt-GigyaModalWrapper .gigya-ie9 .gigya-screen .gigya-composite-control-multi-choice .gigya-multi-choice-item label {
  display: inline;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen .gigya-layout-cell {
  margin-left: 0 !important;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen .gigya-layout-cell.under-site-login {
  margin-left: 460px !important;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen .gigya-input-password,
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen .gigya-input-text,
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox {
  padding-top: 11px;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait .gigya-layout-row.with-divider .gigya-layout-cell.with-divider .gigya-divider-content {
  top: 31px;
  left: 45%;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait .gigya-input-password,
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait .gigya-input-text,
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-textbox {
  padding-top: 11px;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait .gigya-layout-cell {
  margin-left: 0 !important;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait #gigya-change-password-screen.portrait .gigya-message {
  letter-spacing: -0.2px;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait #gigya-change-password-screen.mobile {
  letter-spacing: 0;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait #gigya-forgot-password-screen.portrait label {
  letter-spacing: -0.3px;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen.portrait #gigya-forgot-password-screen.mobile label {
  letter-spacing: 0;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen#gigya-login-screen.landscape .gigya-layout-row.with-divider .gigya-layout-cell.with-divider {
  height: 202px;
}
.mt-GigyaModalWrapper .gigya-ie8 .gigya-screen#gigya-register-screen.landscape .gigya-layout-row.with-divider .gigya-layout-cell.with-divider {
  height: 300px;
}
.mt-GigyaModalWrapper .gigya-already-account,
.mt-GigyaModalWrapper .gigya-create-account {
  font-size: 16px !important;
  font-weight: 600 !important;
}
.mt-GigyaModalWrapper .consents-error {
  display: block;
}
.mt-GigyaModalWrapper #gigya-profile,
.mt-GigyaModalWrapper #gigya-consents {
  min-height: auto;
}
.mt-GigyaModalWrapper #gigya-profile .gigya-screen.portrait,
.mt-GigyaModalWrapper #gigya-consents .gigya-screen.portrait {
  margin-left: 0 !important;
  padding-left: 0;
}
.mt-GigyaModalWrapper #gigya-profile .gigya-screen-caption,
.mt-GigyaModalWrapper #gigya-consents .gigya-screen-caption {
  margin-left: 0;
  padding-left: 0;
  text-align: left !important;
}
.mt-GigyaModalWrapper #gigya-profile .gigya-composite-control-link,
.mt-GigyaModalWrapper #gigya-consents .gigya-composite-control-link {
  margin-bottom: 20px;
}
.mt-GigyaModalWrapper #gigya-profile .gigya-screen .gigya-layout-row,
.mt-GigyaModalWrapper #gigya-consents .gigya-screen .gigya-layout-row {
  text-align: left;
}
.mt-GigyaModalWrapper #gigya-consents {
  padding: 32px 0;
}
.mt-GigyaModalWrapper .gigya-reset-password-form .gigya-composite-control-label {
  text-align: center;
}
.mt-GigyaModalWrapper #gigya-update-profile {
  padding: 0px;
  margin-top: 24px;
}
.mt-GigyaModalWrapper #gigya-update-profile .gigya-composite-control-submit {
  padding-bottom: 32px;
}
.mt-GigyaModalWrapper .userInsertErrorWrapper .val-error-under {
  float: none;
  max-width: initial;
  width: auto;
  margin: 0 10px 20px 0;
}
@media screen and (max-width: 767px) {
  .mt-GigyaModalWrapper .userInsertErrorWrapper .val-error-under {
    margin-right: 0;
  }
}
.mt-GigyaModalWrapper #phone-content,
.mt-GigyaModalWrapper #unsubscribe-content {
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  max-width: 432px;
  float: none;
  border-radius: 0;
  font-size: 14px;
  color: #4e515e;
  text-align: left;
  box-sizing: content-box;
}
.mt-GigyaModalWrapper #phone-content .gigya-screen-caption,
.mt-GigyaModalWrapper #unsubscribe-content .gigya-screen-caption {
  border-bottom: none !important;
  font-size: 20px !important;
  line-height: 40px;
  padding-left: 0;
}
.mt-GigyaModalWrapper #phone-content .box,
.mt-GigyaModalWrapper #unsubscribe-content .box {
  border: 0;
  border-bottom: 1px solid #bbb;
  margin: 0;
  padding: 32px 0;
}
.mt-GigyaModalWrapper #phone-content .box-content,
.mt-GigyaModalWrapper #unsubscribe-content .box-content {
  padding: 0;
}
.mt-GigyaModalWrapper #phone-content .box strong,
.mt-GigyaModalWrapper #unsubscribe-content .box strong {
  font-weight: normal;
}
.mt-GigyaModalWrapper #phone-content .fc-icon-phone,
.mt-GigyaModalWrapper #unsubscribe-content .fc-icon-phone {
  display: none;
}
.mt-GigyaModalWrapper #phone-content section,
.mt-GigyaModalWrapper #phone-content .form,
.mt-GigyaModalWrapper #unsubscribe-content section,
.mt-GigyaModalWrapper #unsubscribe-content .form {
  max-width: 432px;
}
.mt-GigyaModalWrapper #phone-content section .form_field_inputs,
.mt-GigyaModalWrapper #phone-content section .form_field_label,
.mt-GigyaModalWrapper #phone-content .form .form_field_inputs,
.mt-GigyaModalWrapper #phone-content .form .form_field_label,
.mt-GigyaModalWrapper #unsubscribe-content section .form_field_inputs,
.mt-GigyaModalWrapper #unsubscribe-content section .form_field_label,
.mt-GigyaModalWrapper #unsubscribe-content .form .form_field_inputs,
.mt-GigyaModalWrapper #unsubscribe-content .form .form_field_label {
  float: none;
  width: auto;
  font-weight: normal;
}
.mt-GigyaModalWrapper #phone-content section .form_actions,
.mt-GigyaModalWrapper #phone-content .form .form_actions,
.mt-GigyaModalWrapper #unsubscribe-content section .form_actions,
.mt-GigyaModalWrapper #unsubscribe-content .form .form_actions {
  margin: 0;
}
.mt-GigyaModalWrapper #phone-content section .form_field_inputs input,
.mt-GigyaModalWrapper #phone-content .form .form_field_inputs input,
.mt-GigyaModalWrapper #unsubscribe-content section .form_field_inputs input,
.mt-GigyaModalWrapper #unsubscribe-content .form .form_field_inputs input {
  border-radius: 0;
  padding-left: 7px;
  box-sizing: border-box;
  width: 100%;
  text-indent: 5px;
  border-color: #b6bdc5;
  color: #4e515e;
  outline: none;
}
.mt-GigyaModalWrapper #phone-content section .form_field_inputs input:focus,
.mt-GigyaModalWrapper #phone-content .form .form_field_inputs input:focus,
.mt-GigyaModalWrapper #unsubscribe-content section .form_field_inputs input:focus,
.mt-GigyaModalWrapper #unsubscribe-content .form .form_field_inputs input:focus {
  border: 1px solid #000e23;
  outline: none;
}
.mt-GigyaModalWrapper #phone-content .button--primary,
.mt-GigyaModalWrapper #unsubscribe-content .button--primary {
  border: none;
  cursor: pointer;
  width: 100%;
  height: 43px;
  border-radius: 2px;
  color: #fff;
  background-color: #000e23;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  font-size: 16px;
}
.mt-GigyaModalWrapper #phone-content .button--primary:hover,
.mt-GigyaModalWrapper #unsubscribe-content .button--primary:hover {
  background-color: #242f44;
}
.mt-GigyaModalWrapper #gigya-login_register_recoverPassword {
  border: none;
  margin: 0 auto;
}
.mt-GigyaModalWrapper .sociallogin-buttons {
  display: block;
}
.mt-GigyaModalWrapper .sociallogin-div {
  display: block;
}
.mt-GigyaModalWrapper .gigya-composite-control.gigya-composite-control-label.title-sociallogin {
  display: block;
}
.mt-GigyaModalWrapper .gigya-composite-control.gigya-composite-control-label.label-divider {
  display: block;
}
.mt-GigyaModalWrapper .link-accounts-main-header {
  display: none !important;
}
.mt-GigyaModalWrapper .link-accounts-forgot-password {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media (min-width: 600px) {
  .mt-GigyaModalWrapper .link-accounts-forgot-password {
    bottom: 40px;
  }
}
.mt-GigyaModalWrapper .link-accounts-new-account {
  display: none !important;
}
.mt-GigyaModalWrapper input[type=checkbox].gigya-input-checkbox {
  align-self: flex-start;
  color: #000e23;
  accent-color: #000e23;
  height: 18px;
  margin: 4px 8px 4px 0;
  width: 18px;
}
.mt-GigyaModalWrapper input[type=checkbox].gigya-input-checkbox:focus {
  box-shadow: none !important;
}
.mt-GigyaModalWrapper input[type=checkbox].gigya-input-checkbox + label {
  margin: 0;
}

.mt-NavigationActions {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}
.mt-NavigationActions .mt-NavigationActions-backButton {
  padding: 0 8px;
}

.mt-NavigationAdToolbar {
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  padding: 4px;
  position: sticky;
  top: 0;
  z-index: 5;
}
@media (min-width: 800px) {
  .mt-NavigationAdToolbar {
    border-radius: 8px;
    z-index: 7;
  }
}
.mt-NavigationAdToolbar--topbar {
  z-index: 2;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mt-NavigationAdToolbar-firstSegment {
  display: flex;
  align-items: center;
}
.mt-NavigationAdToolbar-firstSegmentGroup {
  align-items: center;
  display: flex;
  margin-right: 16px;
}
.mt-NavigationAdToolbar-firstSegmentGroup--topbar {
  margin-right: 0;
}
.mt-NavigationAdToolbar-actions, .mt-NavigationAdToolbar-info {
  align-items: center;
  display: flex;
}
.mt-NavigationAdToolbar-infoPrice {
  color: #e60e27;
}
.mt-NavigationAdToolbar-infoTitle {
  margin-left: 8px;
}

.mt-NavigationAdToolbar-favoriteLeadPopover {
  padding: 16px;
  position: relative;
}
.mt-NavigationAdToolbar-favoriteLeadPopover-close {
  position: absolute;
  right: 0;
  top: 0;
}
.mt-NavigationAdToolbar-favoriteLeadPopover-enrichment {
  align-items: flex-start;
  display: flex;
  gap: var(--space-small);
}
.mt-NavigationAdToolbar-favoriteLeadPopover-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-tiny);
}
.mt-NavigationAdToolbar-favoriteLeadPopover-cta {
  align-self: flex-start;
  margin-top: var(--space-standard);
}

/* sass-lint:disable no-important, class-name-format*/

.mt-NotificationsAdFavorite {
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 16px;
  z-index: 9999;
}
@media (min-width: 800px) {
  .mt-NotificationsAdFavorite {
    max-width: 400px;
    min-width: 400px;
  }
}
@media (max-width: 969px) {
  .mt-NotificationsAdFavorite {
    left: 0;
  }
}

.mt-NotificationsDealerFavorite {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  z-index: 9999;
}

.mt-NotificationsVehicleReservation {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  z-index: 9999;
}
.mt-NotificationsVehicleReservation-content {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 4px;
}
.mt-NotificationsVehicleReservation-title {
  font-size: 18px;
  font-weight: 600;
}

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}

.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  touch-action: pan-x;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}

.rc-slider-handle:focus {
  outline: none;
}

.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}

.rc-slider-handle:hover {
  border-color: #57c5f7;
}

.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

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

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}

.rc-slider-mark-text-active {
  color: #666;
}

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

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

.rc-slider-dot-active {
  border-color: #96dbfa;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}

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

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

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

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

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

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

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

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

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

.sui-AtomSlider {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 16px;
  position: relative;
}
.sui-AtomSlider input[type=range] {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}
.sui-AtomSlider output {
  left: 0;
  position: absolute;
  top: 0;
}
.sui-AtomSlider ul {
  display: flex;
  justify-content: space-between;
  margin-left: -2px;
  padding: 0;
  width: 104%;
}
.sui-AtomSlider li {
  align-items: flex-end;
  background-position-x: center;
  background-position-y: -15px;
  display: flex;
  justify-content: center;
  width: 2ex;
  z-index: -1;
}
.sui-AtomSlider .rc-slider-handle {
  background-color: #ffffff;
  border: 1px solid #000e23;
  border-color: #000e23;
  height: 24px;
  margin-left: 0;
  margin-top: -8px;
  width: 24px;
  box-shadow: none;
}
.sui-AtomSlider .rc-slider-rail {
  background: #eef0f4;
  height: 8px;
}
.sui-AtomSlider .rc-slider-track {
  background: #000e23;
  height: 8px;
}
.sui-AtomSlider .rc-slider-dot {
  display: none;
}
.sui-AtomSlider .rc-slider-mark {
  color: #777777;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-top: 10px;
}
.sui-AtomSlider .rc-slider-mark-text {
  color: #eef0f4;
}
.sui-AtomSlider .rc-slider-mark-text-active {
  color: #777777;
}
.sui-AtomSlider-labelContainer {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.sui-AtomSlider-labelContainer--inner {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.sui-AtomSlider-labelContainer .sui-AtomSlider-label {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  transform: translateX(-50%);
  margin-left: 0;
  margin-bottom: 8px;
  bottom: 0;
  box-sizing: border-box;
  color: #000000;
  width: auto;
}
.sui-AtomSlider--disabled .rc-slider-disabled {
  background-color: transparent;
}
.sui-AtomSlider--disabled .rc-slider-handle {
  border: 1px solid #777777;
}
.sui-AtomSlider--disabled .rc-slider-rail {
  height: 8px;
}
.sui-AtomSlider--disabled .rc-slider-track {
  background: color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
  height: 8px;
}
.sui-AtomSlider--inverse .rc-slider-rail {
  background: #000e23;
}
.sui-AtomSlider--inverse .rc-slider-track {
  background: #eef0f4;
}
.sui-AtomSlider--fullWidth {
  padding: 16px 0;
  width: 100%;
}

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

.rc-slider-tooltip {
  z-index: auto;
}
.rc-slider-tooltip .rc-slider-tooltip-inner {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.rc-slider-tooltip .rc-slider-tooltip-arrow {
  background: transparent;
  border-color: transparent;
  color: transparent;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.sui-FormBuilder-DropdownAutosuggestSelect--l .sui-AtomInput-input {
  height: 48px;
  min-height: 48px;
}
.sui-FormBuilder-DropdownAutosuggestSelect .sui-AtomInput--withIcon-icon--right svg {
  fill: #606f80 !important;
  height: 24px;
  width: 24px;
}
.sui-FormBuilder-DropdownAutosuggestSelect .sui-AtomInput--withIcon-icon--right path {
  fill: #606f80 !important;
}
.sui-FormBuilder-DropdownAutosuggestSelect .sui-MoleculeAutosuggest--disabled .sui-AtomInput--withIcon-icon--right svg,
.sui-FormBuilder-DropdownAutosuggestSelect .sui-MoleculeAutosuggest--disabled .sui-AtomInput--withIcon-icon--right path {
  fill: #bfc7d0 !important;
}
.sui-FormBuilder-DropdownAutosuggestSelect-arrow--open {
  display: inline-flex;
  transform: rotate(180deg);
}

.sui-FormBuilder-FieldSet {
  border: none;
  margin: 0;
  padding: 0;
}
.sui-FormBuilder-FieldSetContainer {
  align-items: flex-end;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.sui-FormBuilder-FieldSet legend {
  display: flex;
  align-items: center;
}
.sui-FormBuilder-FieldSet legend > * {
  margin-right: 8px;
}
.sui-FormBuilder-FieldSet legend > *:last-child {
  margin-right: 0;
}

.sui-MoleculeRadioButtonField {
  margin: 0;
}
.sui-MoleculeRadioButtonField input[type=radio] {
  margin: 0;
}
.sui-MoleculeRadioButtonField input[type=radio]:disabled + .sui-MoleculeField-nodeLabelContainer .sui-AtomLabel {
  color: color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
}
.sui-MoleculeRadioButtonField .sui-AtomLabel {
  cursor: pointer;
  left: 23px;
  top: -1px;
}

.sui-MoleculeDataCounter-container {
  display: flex;
}
.sui-MoleculeDataCounter-container .sui-AtomInput-input {
  margin: 0 4px;
  min-height: inherit;
  text-align: center;
  width: inherit;
}
.sui-MoleculeDataCounter-container--s {
  height: 32px;
}
.sui-MoleculeDataCounter-container--s .sui-AtomInput-input {
  height: 32px;
}
.sui-MoleculeDataCounter-container--s .sui-AtomButton {
  height: 32px;
  width: 32px;
}
.sui-MoleculeDataCounter-container--m {
  height: 40px;
}
.sui-MoleculeDataCounter-container--m .sui-AtomInput-input {
  height: 40px;
}
.sui-MoleculeDataCounter-container--m .sui-AtomButton {
  height: 40px;
  width: 40px;
}
.sui-MoleculeDataCounter-container--m .sui-AtomButton, .sui-MoleculeDataCounter-container--s .sui-AtomButton {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sui-FormBuilder-MultiButton-itemList {
  display: flex;
  flex-wrap: wrap;
}

.sui-FormBuilder-DefaultRange-inputs {
  display: flex;
  gap: 8px;
}
.sui-FormBuilder-DefaultRange-to {
  align-self: flex-end;
}

.sui-FormBuilder {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.sui-FormBuilder > .sui-FormBuilder-field,
.sui-FormBuilder > .sui-FormBuilder-fieldSet {
  width: calc(100% - 16px);
}
.sui-FormBuilder .sui-FormBuilder-Radio-label {
  display: inline-block;
  margin: 0 0 16px 0;
}
.sui-FormBuilder-field {
  box-sizing: border-box;
  flex-grow: 1;
  margin: 0 8px 16px 8px;
}
@media (min-width: 600px) {
  .sui-FormBuilder-field {
    flex-grow: 0;
    width: calc(50% - 8px);
  }
}
@media (min-width: 970px) {
  .sui-FormBuilder-field {
    width: calc(32% - 8px);
  }
}

.mt-modalAdComplaint-form {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.mt-modalAdComplaint-formCaptcha {
  margin-bottom: 24px;
}
@media (min-width: 480px) {
  .mt-modalAdComplaint-formButton {
    align-self: flex-end;
    width: fit-content;
  }
}
.mt-modalAdComplaint-formNotification {
  margin-bottom: 24px;
}
.mt-modalAdComplaint-form-dataPrivacyCheckbox {
  margin: 0 0 8px;
}
@media (min-width: 600px) {
  .mt-modalAdComplaint-form .sui-FormBuilder {
    column-gap: 24px;
    display: flex;
    flex-wrap: wrap;
  }
  .mt-modalAdComplaint-form .sui-FormBuilder-name, .mt-modalAdComplaint-form .sui-FormBuilder-email {
    flex: 1;
  }
}
.mt-modalAdComplaint-form .sui-FormBuilder-field {
  margin: 0 0 24px;
  width: 100%;
}
.mt-modalAdComplaint-form .sui-FormBuilder-dataPrivacyCheckbox-link {
  color: currentColor;
  font-weight: 600;
  text-decoration: underline;
}

.mt-modalAdComplaint-selectComplaintType-iconArrowDown {
  background-color: #ffffff;
}

.mt-modalAdComplaint-content {
  min-height: 380px;
  padding: 8px 0;
}

.mt-CardDealerLocations-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px 0 0;
  position: relative;
}
.mt-CardDealerLocations-content--hasTag {
  align-items: flex-start;
}
@media (min-width: 800px) {
  .mt-CardDealerLocations-content--hasTag {
    align-items: flex-end;
  }
}
@media (min-width: 800px) {
  .mt-CardDealerLocations-contentLine {
    flex-direction: row;
  }
}
@media (min-width: 800px) {
  .mt-CardDealerLocations-contentLine .mt-CardDealerLocations-text {
    width: 100%;
  }
}
@media (min-width: 800px) {
  .mt-CardDealerLocations-contentLine .mt-CardDealerLocations-locations {
    justify-content: flex-end;
  }
}
.mt-CardDealerLocations-text {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  width: 100%;
}
@media (min-width: 800px) {
  .mt-CardDealerLocations-text {
    margin-bottom: 0;
  }
}
.mt-CardDealerLocations-textDescription {
  margin-top: 8px;
}
.mt-CardDealerLocations-textLink {
  position: absolute;
  right: 0;
  top: 0;
}
.mt-CardDealerLocations-textTag {
  margin-bottom: 16px;
}
.mt-CardDealerLocations-modalContent {
  margin-top: 24px;
}
@media (min-width: 600px) {
  .mt-CardDealerLocations-modalContent {
    max-height: 430px;
    overflow-y: auto;
  }
}
.mt-CardDealerLocations-modalService {
  margin-bottom: 24px;
}

.mt-PanelAdDetails {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mt-PanelAdDetails > * {
  margin: 0 0 24px 0;
}
.mt-PanelAdDetails > *:last-child {
  margin: 0;
}
.mt-PanelAdDetailsLocation {
  padding: 0;
}
.mt-PanelAdDetails-actions {
  display: flex;
  justify-content: space-around;
  margin: 0 0 24px 0;
}
.mt-PanelAdDetails-comments {
  display: flex;
  flex-direction: column;
  margin: 0 0 24px 0;
}
.mt-PanelAdDetails-commentsContent {
  color: #3b4a5a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.72;
  margin: 8px 0 0 0;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.mt-PanelAdDetails-data {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  overflow: hidden;
  padding: 0;
}
.mt-PanelAdDetails-dataItem {
  align-items: center;
  border-top: 1px solid #bfc7d0;
  box-shadow: -9px 0 0 -8px #bfc7d0;
  color: #3b4a5a;
  padding: 8px;
  width: 50%;
}
.mt-PanelAdDetails-dataItemEcoLabel {
  display: flex;
  align-items: center;
}
.mt-PanelAdDetails-dataItemEcoLabelImage {
  height: 24px;
  width: 24px;
}
.mt-PanelAdDetails-dataItemEcoLabelImageWrapper {
  height: 24px;
  margin-left: 8px;
  width: 24px;
}
.mt-PanelAdDetails-dataItem:nth-child(-n+2) {
  border-top: none;
}
.mt-PanelAdDetails-dataItem:nth-child(odd) {
  box-shadow: none;
}
@media (min-width: 970px) {
  .mt-PanelAdDetails-dataItem {
    width: 25%;
  }
  .mt-PanelAdDetails-dataItem:nth-child(odd) {
    box-shadow: -9px 0 0 -8px #bfc7d0;
  }
  .mt-PanelAdDetails-dataItem:nth-child(-n+4) {
    border-top: none;
  }
  .mt-PanelAdDetails-dataItem:nth-child(4n+1) {
    box-shadow: none;
  }
  .mt-PanelAdDetails-dataItem:last-child {
    flex-grow: 1;
  }
}
.mt-PanelAdDetails-optionalEquipment > :first-child {
  margin-bottom: 24px;
}
.mt-PanelAdDetails-optionalEquipmentGroup {
  margin-bottom: 16px;
}
.mt-PanelAdDetails-optionalEquipmentGroup:last-child {
  margin-bottom: 0;
}

.mt-CardAdPrice-priceIndicator {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 110px;
  width: fit-content;
}
.mt-CardAdPrice-priceIndicator.is-clickable {
  cursor: pointer;
}
.mt-CardAdPrice-priceIndicatorTitle {
  align-items: center;
  display: flex;
  gap: 4px;
}
.mt-CardAdPrice-priceIndicatorContainer {
  display: flex;
  gap: 2px;
}
.mt-CardAdPrice-priceIndicatorContainer--large {
  height: 8px;
}
.mt-CardAdPrice-priceIndicatorContainer--medium {
  height: 6px;
}
.mt-CardAdPrice-priceIndicatorContainer--small {
  height: 3px;
}
.mt-CardAdPrice-priceIndicatorContainerItem {
  flex: 1;
}
.mt-CardAdPrice-priceIndicatorContainerItem--default {
  background-color: #bfc7d0;
}
.mt-CardAdPrice-priceIndicatorContainerItem--green {
  background-color: #017943;
}
.mt-CardAdPrice-priceIndicatorContainerItem--red {
  background-color: #e60e27;
}
.mt-CardAdPrice-priceIndicatorContainerItem--yellow {
  background-color: #d97703;
}
.mt-CardAdPrice-priceIndicatorContainerItem:first-child {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}
.mt-CardAdPrice-priceIndicatorContainerItem:last-child {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
}
.mt-CardAdPrice-priceIndicatorAverage {
  color: #606f80;
  font-size: 12px;
  margin: 0;
}

.mt-CardAdPrice {
  --column-gap: 16px;
  column-gap: 16px;
  display: flex;
  flex-wrap: wrap;
}
.mt-CardAdPrice--space {
  min-width: 210px;
  margin-bottom: 16px;
}
@media (min-width: 800px) {
  .mt-CardAdPrice {
    grid-template-columns: repeat(4, max-content);
  }
  .mt-CardAdPrice--vertical {
    grid-template-columns: repeat(2, max-content);
  }
}
.mt-CardAdPrice-financed {
  justify-content: space-between;
}
.mt-CardAdPrice--extended {
  row-gap: var(--column-gap);
}
.mt-CardAdPrice--extended .mt-CardAdPrice-financed {
  justify-content: flex-start;
}
.mt-CardAdPrice-cash, .mt-CardAdPrice-financed, .mt-CardAdPrice-subscription, .mt-CardAdPrice-extended {
  display: flex;
  flex-direction: column;
}
.mt-CardAdPrice-cashAmount, .mt-CardAdPrice-financedAmount, .mt-CardAdPrice-subscriptionAmount, .mt-CardAdPrice-extendedAmount {
  color: #e60e27;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.mt-CardAdPrice-cashAmount--strikethrough, .mt-CardAdPrice-financedAmount--strikethrough, .mt-CardAdPrice-subscriptionAmount--strikethrough, .mt-CardAdPrice-extendedAmount--strikethrough {
  text-decoration: line-through;
}
.mt-CardAdPrice-cash > .mt-CardAdPrice-infoItem, .mt-CardAdPrice-financed > .mt-CardAdPrice-infoItem, .mt-CardAdPrice-subscription > .mt-CardAdPrice-infoItem, .mt-CardAdPrice-extended > .mt-CardAdPrice-infoItem {
  color: #000e23;
}
.mt-CardAdPrice-cashLabel, .mt-CardAdPrice-financedLabel, .mt-CardAdPrice-subscriptionLabel, .mt-CardAdPrice-extendedLabel {
  color: #606f80;
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.mt-CardAdPrice-cashLabel--small, .mt-CardAdPrice-financedLabel--small, .mt-CardAdPrice-subscriptionLabel--small, .mt-CardAdPrice-extendedLabel--small {
  font-size: 11px;
}
@media (min-width: 800px) {
  .mt-CardAdPrice-cashLabel--small, .mt-CardAdPrice-financedLabel--small, .mt-CardAdPrice-subscriptionLabel--small, .mt-CardAdPrice-extendedLabel--small {
    font-size: 12px;
  }
}
.mt-CardAdPrice-cashLabel--extraSpace, .mt-CardAdPrice-financedLabel--extraSpace, .mt-CardAdPrice-subscriptionLabel--extraSpace, .mt-CardAdPrice-extendedLabel--extraSpace {
  margin-bottom: 8px;
}
.mt-CardAdPrice-cashLabel--noWrap, .mt-CardAdPrice-financedLabel--noWrap, .mt-CardAdPrice-subscriptionLabel--noWrap, .mt-CardAdPrice-extendedLabel--noWrap {
  text-wrap: nowrap;
}
.mt-CardAdPrice-cashFooter, .mt-CardAdPrice-financedFooter, .mt-CardAdPrice-subscriptionFooter, .mt-CardAdPrice-extendedFooter {
  color: #606f80;
  display: block;
  font-size: 12px;
  line-height: 12px;
}
.mt-CardAdPrice-cashFooter--withTaxes, .mt-CardAdPrice-financedFooter--withTaxes, .mt-CardAdPrice-subscriptionFooter--withTaxes, .mt-CardAdPrice-extendedFooter--withTaxes {
  color: #017943;
}
.mt-CardAdPrice-cashFooter--withoutTaxes, .mt-CardAdPrice-financedFooter--withoutTaxes, .mt-CardAdPrice-subscriptionFooter--withoutTaxes, .mt-CardAdPrice-extendedFooter--withoutTaxes {
  color: #e60e27;
}
.mt-CardAdPrice-cashFooter button, .mt-CardAdPrice-financedFooter button, .mt-CardAdPrice-subscriptionFooter button, .mt-CardAdPrice-extendedFooter button {
  height: auto;
}
.mt-CardAdPrice-offer {
  display: flex;
  column-gap: 8px;
}
@media (min-width: 800px) {
  .mt-CardAdPrice-extended {
    padding-left: var(--column-gap);
  }
  .mt-CardAdPrice-extended:nth-last-of-type(2) {
    border-left: 1px solid #bfc7d0;
  }
}
.mt-CardAdPrice-extendedAmount {
  color: #3b4a5a;
  font-size: 16px;
  line-height: 1.46;
}
.isHighlighted .mt-CardAdPrice-extendedAmount {
  color: #e60e27;
}
.mt-CardAdPrice-extendedFooter {
  color: #606f80;
}
.isHighlighted .mt-CardAdPrice-extendedFooter {
  color: #e60e27;
}
.mt-CardAdPrice-extendedFooter.is-link {
  color: #242f44;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
}
@media (min-width: 800px) {
  .mt-CardAdPrice-extended--vertical {
    border: none;
    padding-left: 0;
  }
}
.mt-CardAdPrice-financedAmount {
  align-items: baseline;
  color: #242f44;
  display: flex;
}
.mt-CardAdPrice-financedAmount--withoutInstalment {
  margin-bottom: 8px;
}
.mt-CardAdPrice-financedAmountCuota {
  align-items: baseline;
  color: #242f44;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.mt-CardAdPrice-instalment {
  font-size: 14px;
}
.mt-CardAdPrice-subscriptionAmount {
  align-items: baseline;
  color: #000000;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.mt-CardAdPrice-subscriptionAmountPerMonth {
  font-weight: 600;
}
.mt-CardAdPrice-subscriptionLabel {
  display: flex;
  line-height: 1.46;
  white-space: pre;
}
@media (min-width: 800px) {
  .mt-CardAdPrice-subscriptionLabel {
    flex-direction: column;
  }
}
.mt-CardAdPrice-subscriptionLabel--highlight {
  color: #017943;
}
.mt-CardAdPrice-subscriptionTargetBuyer {
  max-width: fit-content;
}
.mt-CardAdPrice-priceRank {
  margin-bottom: 8px;
}
.mt-CardAdPrice-info {
  display: flex;
  grid-column-start: span 2;
  align-items: center;
  border-left: 0;
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 0;
  width: 100%;
}
@media (min-width: 800px) {
  .mt-CardAdPrice-info {
    grid-column-end: span 4;
    margin: 4px 0;
  }
}
.mt-CardAdPrice-info--warrantyFreeText {
  justify-content: flex-start;
  margin: 0;
}
.mt-CardAdPrice-info--hideLeftBorderInDesktop {
  border-left: none;
}
.mt-CardAdPrice-infoItem {
  font-size: 12px;
  align-items: center;
  color: #000e23;
  display: flex;
}
.mt-CardAdPrice-infoItem:nth-child(n+2) {
  border-left: 1px solid #bfc7d0;
  padding-left: 8px;
}
.mt-CardAdPrice-infoItem::after {
  color: #000e23;
  content: "•";
  font-size: 10px;
  margin: 0 4px;
}
.mt-CardAdPrice-infoItem:last-child::after {
  content: "";
}
.mt-CardAdPrice-infoItem--without {
  color: #b21229;
}
@media (min-width: 800px) {
  .mt-CardAdPrice-infoItem:nth-child(n+2) {
    border: none;
    padding-left: 0;
  }
}
.mt-CardAdPrice-info--vertical {
  width: 100%;
}
@media (min-width: 800px) {
  .mt-CardAdPrice-info--vertical {
    border: none;
    flex-direction: row;
    justify-content: start;
    margin: 0;
    padding-left: 0;
    grid-column-start: span 2;
  }
}
.mt-CardAdPrice-info--vertical .mt-CardAdPrice-infoItem {
  border-left: 0;
  padding-left: 0;
}
.mt-CardAdPrice-priceDrop {
  display: flex;
  font-weight: 600;
  font-size: 14px;
  margin: 0;
  width: fit-content;
}
.mt-CardAdPrice-priceDropIcon {
  align-self: center;
  color: #017943;
  display: flex;
}
.mt-CardAdPrice-priceDropPercentage {
  color: #017943;
  margin-right: 4px;
}
.mt-CardAdPrice-priceDropOriginalPrice {
  text-decoration: line-through;
}
.mt-CardAdPrice-cashFooter--withTaxes {
  color: #000e23;
}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

.mt-LeadContactButtons {
  margin-top: 16px;
  width: 100%;
}
@media (min-width: 970px) {
  .mt-LeadContactButtons {
    margin-top: 0;
  }
}
.mt-LeadContactButtons-inner {
  background-color: #ffffff;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.mt-LeadContactButtons-inner--twoColumns {
  grid-template-columns: repeat(2, 1fr);
}
.mt-LeadContactButtons-inner--autoColumns {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.mt-LeadContactButtons-inner--condensedLayout {
  grid-template-columns: auto auto 1fr;
}
.mt-LeadContactButtons-inner--whatsappLayout {
  grid-template-columns: repeat(3, 1fr);
}
.mt-LeadContactButtons-inner--whatsappLayoutWithPhoneLabel {
  grid-template-columns: 2fr 1fr 1fr;
}
.mt-LeadContactButtons-innerContactHint {
  color: rgba(0, 14, 35, 0.7215686275);
  font-size: 12px;
  grid-column: 1/-1;
  margin: 0;
  text-align: center;
}
.mt-LeadContactButtons-innerButtonMail {
  order: 2;
}
.mt-LeadContactButtons-innerButtonPhone {
  order: 1;
}
.mt-LeadContactButtons-innerButtonPhone--hideText .sui-AtomButton .sui-AtomButton-leftIcon {
  margin-right: 0;
}
.mt-LeadContactButtons-innerButtonPhone--hideText .sui-AtomButton-content {
  display: none;
}
.mt-LeadContactButtons-innerButtonReservation {
  grid-column: 1/-1;
  order: 4;
}
.mt-LeadContactButtons-innerButtonWhatsapp {
  order: 3;
}
@media (min-width: 970px) {
  .mt-LeadContactButtons-inner {
    display: none;
  }
}
.mt-LeadContactButtons--onlySticky {
  display: none;
}
.mt-LeadContactButtons.is-sticky {
  display: block;
  min-height: 48px;
  bottom: 0;
  left: 0;
  gap: 0;
  position: fixed;
  right: 0;
  z-index: 2;
  transform: translateY(100%);
  animation-name: stickyToolbarUp;
  animation-delay: 500ms;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
}
@media (min-width: 970px) {
  .mt-LeadContactButtons.is-sticky {
    display: none;
  }
}
.mt-LeadContactButtons.is-sticky .mt-LeadContactButtons-inner--wrapper {
  padding: 16px 16px 24px;
}
.mt-LeadContactButtons-modal {
  display: none;
}

.mt-LeadContactButtons-contactDrawer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px 24px;
}
.mt-LeadContactButtons-contactDrawerButtons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-LeadContactButtons-contactDrawerGroupedButtons {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

@keyframes stickyToolbarUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.mt-PanelAdInfo {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mt-PanelAdInfo-published {
  color: #3b4a5a;
  font-size: 12px;
  margin: 0;
}
@media (min-width: 800px) {
  .mt-PanelAdInfo-published {
    font-size: 14px;
  }
}
.mt-PanelAdInfo-title {
  margin: 8px 0;
  min-height: 2.5rem;
}
.mt-PanelAdInfo-title--withPriceDrop {
  min-height: auto;
}
.mt-PanelAdInfo-price {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
  .mt-PanelAdInfo-price {
    flex-direction: row;
  }
}
.mt-PanelAdInfo-priceCash {
  display: flex;
}
.mt-PanelAdInfo-priceSubscriptionCommitments {
  margin-bottom: 8px;
}
.mt-PanelAdInfo-priceSubscriptionCommitments, .mt-PanelAdInfo-priceSubscriptionKmsIncluded {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-PanelAdInfo-priceSubscriptionLabel {
  color: #606f80;
  display: block;
  font-size: 12px;
  line-height: 1.72;
}
.mt-PanelAdInfo-priceDropLabelWrapper {
  margin-bottom: 16px;
}
.mt-PanelAdInfo-priceDropButtonWrapper {
  margin-top: 16px;
  width: 100%;
}
.mt-PanelAdInfo-contact, .mt-PanelAdInfo-contactInner {
  width: 100%;
}
.mt-PanelAdInfo-contact {
  margin-top: 24px;
}
.mt-PanelAdInfo-contactInner {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 970px) {
  .mt-PanelAdInfo-contactInner {
    display: none;
  }
}
.mt-PanelAdInfo-contactInner > :first-child {
  margin-right: 8px;
}
.mt-PanelAdInfo-contactInner > * {
  width: 50% !important;
  flex: 1;
}
.mt-PanelAdInfo-contact--isSticky {
  min-height: 48px;
}
.mt-PanelAdInfo-contact--isSticky .mt-PanelAdInfo-contactInner {
  background: #ffffff;
  bottom: 0;
  left: 0;
  padding: 16px 16px 24px;
  position: fixed;
  right: 0;
  z-index: 2;
}
.mt-PanelAdInfo-c2cFinancingCallToAction {
  align-items: center;
  background: #eef0f4;
  border-radius: 8px;
  color: #606f80;
  display: flex;
  font-size: 12px;
  gap: 8px;
  padding: 8px 16px 8px 8px;
}
.mt-PanelAdInfo-c2cFinancingCallToActionContent {
  display: flex;
  flex-direction: column;
}
.mt-PanelAdInfo-c2cFinancingCallToActionLink {
  color: #000000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
}

.mt-ListModelDetails {
  padding: 24px;
}
.mt-ListModelDetails--paddingless {
  padding: 0;
}
.mt-ListModelDetails.with-wrapper {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-ListModelDetails.with-wrapper .mt-ListModelDetails-list {
  margin-left: 16px;
}
.mt-ListModelDetails-groupedList:not(:last-child) {
  border-bottom: 1px solid #bfc7d0;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.mt-ListModelDetails-groupedListTitleWrapper {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
.mt-ListModelDetails-groupedListTitleWrapper svg {
  margin-right: 8px;
}
.mt-ListModelDetails-table--vertical {
  display: flex;
  flex-direction: column;
}
.mt-ListModelDetails-tableItem {
  font-size: 14px;
}
.mt-ListModelDetails-tableItem--strong {
  color: #000e23;
  font-size: 16px;
  font-weight: 600;
}
.mt-ListModelDetails-table .react-AtomTable-row > .react-AtomTable-cell:first-of-type {
  width: 30%;
}
.mt-ListModelDetails-list {
  margin: 0;
  margin-inline-end: 1em;
  padding: 0;
}
.mt-ListModelDetails-listIcon {
  list-style: none;
}
.mt-ListModelDetails-listIconItemWrapper {
  display: flex;
}
.mt-ListModelDetails-listIconItemTitleWrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.mt-ListModelDetails-listItem {
  break-inside: avoid-column;
  color: #606f80;
  margin-bottom: 16px;
  page-break-inside: avoid;
}
.mt-ListModelDetails-listItem svg {
  margin-right: 8px;
}
.mt-ListModelDetails-listItemValue {
  margin: 0;
}
.mt-ListModelDetails-listItemValue--blackBold {
  color: #000e23;
  font-weight: 600;
}
.mt-ListModelDetails-listItem:last-child {
  margin-bottom: 0;
}
.mt-ListModelDetails-accordion {
  margin-bottom: 8px;
}
.mt-ListModelDetails-accordionHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.mt-ListModelDetails-accordionLabel {
  font-size: 18px;
  font-weight: 600;
  margin-left: 16px;
}
@media (min-width: 800px) {
  .mt-ListModelDetails-list {
    column-count: 2;
  }
}
@media (min-width: 970px) {
  .mt-ListModelDetails-list {
    column-count: 3;
  }
  .mt-ListModelDetails-listIcon {
    column-count: 2;
  }
}

.react-AtomTable {
  background-color: inherit;
  border-collapse: collapse;
  border-radius: 0;
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  font-size: 12px;
  padding: 0;
  overflow: hidden;
}
.react-AtomTable--fullWidth {
  width: 100%;
}
.react-AtomTable-headerCell {
  background-color: transparent;
  font-weight: 400;
  text-align: left;
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  border-bottom: none;
}
.react-AtomTable-row--zebraStriped:nth-child(2n+2) {
  background-color: #eef0f4;
}
.react-AtomTable-row--actionable {
  cursor: pointer;
}
.react-AtomTable-row--actionable:hover {
  background-color: #eef0f4;
}
.react-AtomTable-row--actionable:active {
  background-color: #eef0f4;
}
.react-AtomTable-cell--borderBottom {
  border-bottom: 1px solid #bfc7d0;
}
.react-AtomTable-cell--xs {
  padding: 2px;
}
.react-AtomTable-cell--s {
  padding: 4px;
}
.react-AtomTable-cell--m {
  padding: 8px;
}
.react-AtomTable-cell--l {
  padding: 16px;
}
.react-AtomTable-cell--xl {
  padding: 24px;
}
.react-AtomTable-cell--noWrap {
  white-space: nowrap;
}

.mt-PanelEquipment {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-PanelEquipment-group {
  padding: 24px 16px;
}
@media (min-width: 800px) {
  .mt-PanelEquipment-group {
    padding: 24px 32px;
  }
}
.mt-PanelEquipment-cta {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}
.mt-PanelEquipment-tabLabel {
  margin: 0 8px;
}
.mt-PanelEquipment-title {
  margin: 40px 0 24px;
}
.mt-PanelEquipment-accordion {
  margin-bottom: 8px;
}
.mt-PanelEquipment-accordionLabel {
  font-size: 18px;
  font-weight: 600;
  padding: 8px 16px;
}
.mt-PanelEquipment-tableItem {
  color: #000e23;
  font-size: 16px;
}

.mt-TableFinancingDetails-financingInfoItem {
  align-items: center;
  color: #000e23;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 0 4px;
}
.mt-TableFinancingDetails-financingInfoItem--bold {
  color: #000000;
  font-weight: 700;
  background-color: #eef0f4;
  padding: 4px;
  border-radius: 2px;
}
.mt-TableFinancingDetails-financingInfoItem--modal {
  font-size: 14px;
}
.mt-TableFinancingDetails-financingInfoItem:last-child {
  margin-bottom: 0;
}
.mt-TableFinancingDetails-financingInfoItemImage {
  height: 100%;
  max-height: 25px;
  width: 82px;
  object-fit: contain;
}
.mt-TableFinancingDetails-financingInfoItem strong {
  color: #000000;
}
.mt-TableFinancingDetails-financingInfoLabel--small {
  font-size: 8px;
  margin-left: 4px;
}
.mt-TableFinancingDetails-financingInfoLink {
  font-size: 10px;
  font-weight: 400 !important;
}
.mt-TableFinancingDetails-financingInfoItemLabel--modal {
  font-size: 14px;
}
.mt-TableFinancingDetails-financingLenderInfo {
  color: #606f80;
  max-width: 530px;
  padding-left: 4px;
  word-wrap: break-word;
}
.mt-TableFinancingDetails--santanderPriLender .mt-TableFinancingDetails-financingInfoItem {
  font-size: 14px;
  margin-bottom: 4px;
}

.sui-MoleculeSelect {
  display: flex;
  flex-grow: 1;
  width: 100%;
  border-radius: 8px;
  position: relative;
}
.sui-MoleculeSelect:not(.sui-MoleculeSelect--isBorderless).sui-MoleculeSelect:focus-within:has(.sui-MoleculeSelect-inputSelect-search-container:focus-within):not(:has(.sui-MoleculeSelect-inputSelect-search:focus-within)), .sui-MoleculeSelect:not(.sui-MoleculeSelect--isBorderless).sui-MoleculeSelect:focus-within:has(.sui-MoleculeSelect-inputSelect-container:focus-within) {
  outline-style: solid;
  outline-color: color-mix(in srgb, #000e23 80%, transparent);
  outline-width: 2px;
  outline-offset: 2px;
  border-radius: 8px;
}
.sui-MoleculeSelect .sui-AtomInput-input {
  padding-right: 48px;
}
.sui-MoleculeSelect .sui-AtomInput--withTags {
  padding-right: 56px;
  padding-left: 8px;
}
.sui-MoleculeSelect .sui-AtomInput--withTags .sui-AtomInput-input {
  padding-right: 0;
}
.sui-MoleculeSelect.is-disabled {
  cursor: default;
}
.sui-MoleculeSelect.is-disabled .sui-AtomInput-input {
  -webkit-text-fill-color: #bfc7d0;
  background: #ffffff;
  color: #bfc7d0;
}
.sui-MoleculeSelect.is-disabled .sui-MoleculeSelect-inputSelect-arrow svg {
  fill: #bfc7d0 !important;
}
.sui-MoleculeSelect.is-read-only .sui-MoleculeSelect-inputSelect-arrow {
  cursor: default;
}
.sui-MoleculeSelect.is-read-only .sui-MoleculeSelect-inputSelect-arrow svg {
  fill: #bfc7d0 !important;
}
.sui-MoleculeSelect .sui-MoleculeDropdownList {
  z-index: 800;
}
.sui-MoleculeSelect-inputSelect-search-container {
  position: absolute;
  width: 100%;
  z-index: 800;
  top: calc(100% - 1px);
}
.sui-MoleculeSelect-inputSelect-search {
  border-radius: 0;
  border: 1px solid color-mix(in srgb, var(--c-base, white) 40%, #777777);
  border-bottom: none;
  padding: 8px 16px;
  background-color: #ffffff;
  z-index: 3;
}
.sui-MoleculeSelect-inputSelect-search--hidden {
  display: none;
}
.sui-MoleculeSelect-inputSelect-container {
  background: #ffffff;
  border: 1px solid #bfc7d0;
  box-sizing: border-box;
  color: var(--c-base-inverse, initial);
  font-family: inherit;
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  box-shadow: none;
  border: 1px solid #bfc7d0;
  align-items: center;
  border-radius: 8px;
  padding: 0;
  cursor: pointer;
  display: flex;
}
.sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input {
  caret-color: transparent;
  background: #ffffff;
  color: var(--c-base-inverse, initial);
}
.sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input:disabled {
  opacity: 1;
  -webkit-appearance: none;
}
.sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input--readOnly {
  caret-color: transparent;
  background: #eef0f4;
  color: #000e23;
}
.sui-MoleculeSelect-inputSelect-arrow {
  position: absolute;
  right: 16px;
  height: 24px;
  width: 24px;
}
.sui-MoleculeSelect-inputSelect-arrow--down {
  transform: rotate(0deg);
}
.sui-MoleculeSelect-inputSelect-arrow--up {
  transform: rotate(180deg);
}
.sui-MoleculeSelect-inputSelect-arrow svg {
  fill: #606f80 !important;
  height: 24px;
  width: 24px;
}
.sui-MoleculeSelect--focus .sui-MoleculeSelect-inputSelect-container {
  border: 1px solid #000e23;
  box-shadow: none;
  outline: 2px solid #000e23;
  outline-offset: -2px;
  box-shadow: none;
}
.sui-MoleculeSelect--focus .sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input,
.sui-MoleculeSelect--focus .sui-MoleculeSelect-inputSelect-container .sui-AtomInput--withTags {
  border-color: transparent;
}
.sui-MoleculeSelect.sui-MoleculeSelect--success .sui-MoleculeSelect-inputSelect-container {
  border-color: #017943;
}
.sui-MoleculeSelect.sui-MoleculeSelect--success .sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input,
.sui-MoleculeSelect.sui-MoleculeSelect--success .sui-MoleculeSelect-inputSelect-container .sui-AtomInput--withTags {
  border-color: inherit;
}
.sui-MoleculeSelect.sui-MoleculeSelect--success.sui-MoleculeSelect--focus .sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input,
.sui-MoleculeSelect.sui-MoleculeSelect--success.sui-MoleculeSelect--focus .sui-MoleculeSelect-inputSelect-container .sui-AtomInput--withTags {
  border-color: transparent;
}
.sui-MoleculeSelect.sui-MoleculeSelect--error .sui-MoleculeSelect-inputSelect-container {
  border-color: #b21229;
}
.sui-MoleculeSelect.sui-MoleculeSelect--error .sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input,
.sui-MoleculeSelect.sui-MoleculeSelect--error .sui-MoleculeSelect-inputSelect-container .sui-AtomInput--withTags {
  border-color: inherit;
}
.sui-MoleculeSelect.sui-MoleculeSelect--error.sui-MoleculeSelect--focus .sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input,
.sui-MoleculeSelect.sui-MoleculeSelect--error.sui-MoleculeSelect--focus .sui-MoleculeSelect-inputSelect-container .sui-AtomInput--withTags {
  border-color: transparent;
}
.sui-MoleculeSelect.sui-MoleculeSelect--alert .sui-MoleculeSelect-inputSelect-container {
  border-color: #d97703;
}
.sui-MoleculeSelect.sui-MoleculeSelect--alert .sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input,
.sui-MoleculeSelect.sui-MoleculeSelect--alert .sui-MoleculeSelect-inputSelect-container .sui-AtomInput--withTags {
  border-color: inherit;
}
.sui-MoleculeSelect.sui-MoleculeSelect--alert.sui-MoleculeSelect--focus .sui-MoleculeSelect-inputSelect-container .sui-AtomInput-input,
.sui-MoleculeSelect.sui-MoleculeSelect--alert.sui-MoleculeSelect--focus .sui-MoleculeSelect-inputSelect-container .sui-AtomInput--withTags {
  border-color: transparent;
}

.mt-PanelFinancing-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-content {
    flex-direction: row;
  }
}
.mt-PanelFinancing-footerB2c {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  width: 100%;
}
.mt-PanelFinancing-footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-footer {
    flex-direction: row;
  }
}
.mt-PanelFinancing-footerError {
  color: #b21229;
  font-size: 12px;
  text-align: center;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-footerError {
    text-align: left;
  }
}

.mt-PanelFinancing-boxInfo {
  background-color: #eef0f4;
  border-radius: 8px;
  display: flex;
  padding: 16px;
}
.mt-PanelFinancing-boxInfoIcon {
  color: #000e23;
  margin-right: 8px;
}
.mt-PanelFinancing-boxInfoText {
  color: #3b4a5a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.36;
}
.mt-PanelFinancing-instalmentSection {
  border-bottom: 1px solid #bfc7d0;
  padding-bottom: 8px;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-instalmentSection {
    border-bottom: none;
    flex: 1;
    min-width: 290px;
    padding-bottom: 0;
    padding-right: 24px;
  }
}
.mt-PanelFinancing-instalmentSelectorsContainer {
  color: #3b4a5a;
}
.mt-PanelFinancing-instalmentSelectorsContainer > :first-child {
  margin-bottom: 4px;
}
.mt-PanelFinancing-instalmentSelectors {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 4px;
}
.mt-PanelFinancing-instalmentSelector {
  display: flex;
  flex-direction: column;
  border: solid 1px #bfc5cc;
  border-radius: 4px;
  cursor: pointer;
  flex: 1;
  padding: 8px;
}
.mt-PanelFinancing-instalmentSelector:nth-child(2) {
  justify-content: space-between;
}
.mt-PanelFinancing-instalmentSelector--selected {
  border: solid 2px #3b4a5a;
  border-radius: 4px;
  cursor: pointer;
  flex: 1;
  padding: 8px;
}
.mt-PanelFinancing-insuranceInfo {
  display: flex;
  margin: 8px 0 4px;
}
.mt-PanelFinancing-insuranceInfoText {
  font-size: 12px;
  margin-left: 4px;
  text-decoration: underline;
}
.mt-PanelFinancing-instalmentCalculatorField {
  margin-bottom: 16px;
}
.mt-PanelFinancing-instalmentCalculatorField:last-child {
  margin: 0;
}
.mt-PanelFinancing-instalmentCalculatorField--inline {
  align-items: baseline;
  display: flex;
  gap: 4px;
}
.mt-PanelFinancing-instalmentCalculatorFieldErrorMessage {
  color: #b21229;
  font-size: 12px;
}
.mt-PanelFinancing-instalmentContainerSimplified {
  align-items: baseline;
  border-bottom: 1px solid #bfc5cc;
  display: flex;
  gap: 4px;
  justify-content: space-between;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-instalmentContainerSimplified {
    margin: 0 32px 0 0;
    border-bottom: none;
    display: block;
  }
}
.mt-PanelFinancing-instalment {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.72;
}
.mt-PanelFinancing-instalmentItem {
  display: flex;
  align-items: baseline;
}
.mt-PanelFinancing-footerErrorB2c {
  color: #b21229;
  font-size: 12px;
  text-align: left;
}
.mt-PanelFinancing-instalmentContainer {
  margin-bottom: 16px;
}
.mt-PanelFinancing-instalmentContainer:last-child {
  margin: 0;
}
.mt-PanelFinancing-instalmentContainer--inline {
  align-items: baseline;
  display: flex;
  gap: 4px;
}
.mt-PanelFinancing-instalmentContainerErrorMessage {
  color: #b21229;
  font-size: 12px;
}

@media (min-width: 970px) {
  .mt-PanelFinancing-modalIsuranceInfo {
    max-width: 627px;
  }
}
.mt-PanelFinancing-modalIsuranceInfo > ul > li {
  gap: 16px;
}
.mt-PanelFinancing-modalIsuranceInfoDescription {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.72;
  margin-bottom: 24px;
}
.mt-PanelFinancing-modalInsuranceInfoList {
  font-size: 16px;
  line-height: 1.72;
  margin-bottom: 16px;
}
.mt-PanelFinancing-modalInsuranceImportantInfo {
  display: flex;
  gap: 16px;
  margin: 24px 0;
  padding: 24px 16px;
  background-color: #eef0f4;
  border-radius: 8px;
}
.mt-PanelFinancing-modalInsuranceImportantInfoText {
  font-size: 14px;
}
.mt-PanelFinancing-modalInsuranceLink {
  font-size: 16px;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-modalInsuranceLink {
    max-width: 627px;
  }
}
.mt-PanelFinancing-modalInsuranceLinkText {
  color: #000e23;
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
}
.mt-PanelFinancing-modalInsuranceInfoListItem {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.mt-PanelFinancing-modalInsuranceInfoListText > :first-child {
  margin-bottom: 4px;
}
.mt-PanelFinancing-modalContentFdaError {
  font-size: 24px;
  font-weight: 600;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-modalContentFdaError {
    width: 535px;
  }
}
.mt-PanelFinancing-modalContentFda {
  min-height: 164px;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-modalContentFda {
    width: 535px;
  }
}
@media (min-width: 970px) {
  .mt-PanelFinancing-modalContentLegalConditions {
    min-height: 398px;
    width: 535px;
  }
}
.mt-PanelFinancing-modalContentLegalConditions > :first-child {
  margin-bottom: 32px;
}

.mt-PanelFinancing-cta {
  width: 100%;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-cta {
    width: auto;
  }
}

.mt-PanelFinancing-claims {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-claims {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 970px) {
  .mt-PanelFinancing-claims.mt-PanelFinancing-claimsB2C {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.mt-PanelFinancing-claimsItem {
  display: flex;
  gap: 16px;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-claimsItem {
    flex-direction: column;
    gap: 8px;
  }
}
.mt-PanelFinancing-claimsItem.mt-PanelFinancing-claimsItemB2C {
  flex-direction: row;
}
.mt-PanelFinancing-claimsItemIcon {
  color: #606f80;
}
.mt-PanelFinancing-claimsItemText--clickable {
  cursor: pointer;
}
.mt-PanelFinancing-claimsItemText--underline {
  text-decoration: underline;
}

.mt-PanelFinancing-header {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-PanelFinancing-headerImage {
  height: auto;
  width: 110px;
}
.mt-PanelFinancing-headerImage.mt-PanelFinancing-headerImage--isProfessional {
  width: 92px;
}

.mt-PanelFinancing-info {
  color: #000e23;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding-top: 24px;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-info {
    border-left: 1px solid #bfc7d0;
    flex: 1;
    padding-left: 24px;
    padding-top: 0;
  }
}
.mt-PanelFinancing-lenderInfo {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.mt-PanelFinancing-lenderInfoProvider {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-PanelFinancing-lenderInfoProvider span {
  white-space: nowrap;
}
.mt-PanelFinancing-lenderInfoProvider img {
  height: auto;
  width: 100px;
}
.mt-PanelFinancing-lenderInfoCta {
  overflow-x: scroll;
  width: 100%;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-lenderInfoCta {
    overflow-x: hidden;
  }
}

.mt-PanelFinancing {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
@media (min-width: 970px) {
  .mt-PanelFinancing {
    gap: 32px;
  }
}
.mt-PanelFinancing-container {
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  gap: 32px;
  width: 100%;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-container {
    display: grid;
  }
}
.mt-PanelFinancing-containerSimplified {
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  gap: 16px;
  width: 100%;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-containerSimplified {
    display: grid;
  }
}
.mt-PanelFinancing-simplified {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
@media (min-width: 970px) {
  .mt-PanelFinancing-simplified {
    gap: 16px;
  }
}

.mt-PanelSearchSave {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.mt-PanelSearchSave-info {
  display: flex;
  gap: 16px;
}
@media (min-width: 600px) {
  .mt-PanelSearchSave-info {
    flex: 2;
  }
}
.mt-PanelSearchSave-imageWrapper {
  height: 55px;
  width: 55px;
}
.mt-PanelSearchSave-button {
  flex: 1;
}

.mt-RatingBadge-iconRatingStar {
  color: #ff9900;
  display: flex;
  padding-bottom: 2px;
}

.mt-NotificationReservationStatus-content {
  margin-top: 4px;
}

.mt-PanelVehicleReservation-container {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 16px;
  position: relative;
}
.mt-PanelVehicleReservation-contentWrapper {
  margin-top: 16px;
}
@media (min-width: 600px) {
  .mt-PanelVehicleReservation-contentWrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
  }
}
.mt-PanelVehicleReservation-contentWrapper > :nth-child(1) {
  flex: 1;
}
.mt-PanelVehicleReservation-contentWrapper > :nth-child(2) {
  flex: 0.5;
}
.mt-PanelVehicleReservation-titleDescription {
  margin: 8px 8px 16px 0;
}
@media (min-width: 600px) {
  .mt-PanelVehicleReservation-titleDescription {
    margin: 8px 48px 0 0;
  }
}
@media (min-width: 600px) {
  .mt-PanelVehicleReservation {
    flex-direction: column;
  }
}
.mt-PanelVehicleReservation-cardNewEntryPoint {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 16px;
}
.mt-PanelVehicleReservation-cardContent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "info" "button" "link";
}
@media (min-width: 600px) {
  .mt-PanelVehicleReservation-cardContent {
    grid-template-columns: 1.2fr 1fr;
    grid-template-areas: "info button" "link button";
    column-gap: 24px;
  }
}
.mt-PanelVehicleReservation-cardInfoWrapper {
  grid-area: info;
}
.mt-PanelVehicleReservation-cardSubtitle {
  color: rgba(0, 14, 35, 0.7215686275);
  margin: 8px 0 0;
}
.mt-PanelVehicleReservation-cardSubtitle--refund {
  color: #017943;
}
.mt-PanelVehicleReservation-cardButtonWrapper {
  grid-area: button;
  margin-top: 24px;
}
@media (min-width: 600px) {
  .mt-PanelVehicleReservation-cardButtonWrapper {
    margin-top: 8px;
  }
}
.mt-PanelVehicleReservation-module {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
  padding: 16px;
}
.mt-PanelVehicleReservation-moduleHeader {
  color: rgba(0, 14, 35, 0.7215686275);
  font-size: 12px;
  margin: 0 0 4px;
}
.mt-PanelVehicleReservation-moduleBenefitsList {
  list-style: none;
  margin: 16px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-PanelVehicleReservation-moduleBenefitItem {
  background-color: rgba(191, 197, 204, 0.1607843137);
  border-radius: 4px;
  display: flex;
  gap: 8px;
  padding: 8px;
  align-items: flex-start;
}
.mt-PanelVehicleReservation-moduleBenefitIcon {
  color: #000e23;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}
.mt-PanelVehicleReservation-moduleBenefitTitle {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.mt-PanelVehicleReservation-moduleBenefitText {
  color: rgba(0, 14, 35, 0.7215686275);
  font-size: 14px;
  margin: 0;
}
.mt-PanelVehicleReservation-moduleActions {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.mt-PanelVehicleReservation-moduleCtaWrapper {
  display: flex;
  justify-content: center;
  max-width: 344px;
  width: 100%;
}
.mt-PanelVehicleReservation-modulePaymentLogos {
  display: flex;
  justify-content: center;
}
.mt-PanelVehicleReservation-modulePaymentLogosCards {
  height: 17px;
  width: 135px;
}
.mt-PanelVehicleReservation-modulePaymentLogosGooglePay {
  height: 17px;
  width: 48px;
}
.mt-PanelVehicleReservation-modalCardVehicle {
  border: 1px solid #bfc5cc;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.mt-PanelVehicleReservation-modalCardVehicleAd {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-PanelVehicleReservation-modalCardVehicleAdImage {
  border-radius: 8px;
}
.mt-PanelVehicleReservation-modalCardVehicleAdImage, .mt-PanelVehicleReservation-modalCardVehicleAdImageWrapper {
  width: 95px;
}
.mt-PanelVehicleReservation-modalCardVehicleAdInfo {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-PanelVehicleReservation-modalCardVehicleAdContent {
  display: flex;
  gap: 16px;
}
.mt-PanelVehicleReservation-modalCardVehicleDealer {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-PanelVehicleReservation-modalCardVehicleDealerContact {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 16px;
}
@media (min-width: 970px) {
  .mt-PanelVehicleReservation-modalCardVehicleDealerContact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}
.mt-PanelVehicleReservation-modalCardVehicleDealerContactAddress {
  display: flex;
  gap: 8px;
}
.mt-PanelVehicleReservation-modalCardVehicleDealerContactAddressText {
  display: flex;
  flex-direction: column;
}
.mt-PanelVehicleReservation-modalCardVehicleBreak {
  border: none;
  border-top: 1px solid #bfc5cc;
  margin: 0;
  width: 100%;
}
.mt-PanelVehicleReservation-modalCardVehicleFavNotificationIcon {
  color: #e60e27;
}

.mt-SectionDetailInstantOffer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 600px) {
  .mt-SectionDetailInstantOffer {
    flex-direction: row;
    gap: 32px;
  }
}
.mt-SectionDetailInstantOffer-titleDescription {
  color: #3b4a5a;
  margin: 8px 0 0;
}

.mt-MarkdownWrapper a {
  color: #000e23;
  text-decoration: underline;
  font-weight: 600;
  text-decoration: underline;
  word-wrap: break-word;
}
.mt-MarkdownWrapper a:hover {
  text-decoration: underline;
}
.mt-MarkdownWrapper h1 {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 8px;
}
.mt-MarkdownWrapper h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 8px;
}
.mt-MarkdownWrapper h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 4px;
}
.mt-MarkdownWrapper h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 4px;
}
.mt-MarkdownWrapper h5 {
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 4px;
}
.mt-MarkdownWrapper-table {
  overflow-x: scroll;
}
.mt-MarkdownWrapper-table table {
  border: 1px solid #f5f0ec;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-bottom: 16px;
  margin-top: 8px;
}
.mt-MarkdownWrapper-table table thead {
  background: #f5f0ec;
  text-align: left;
  vertical-align: bottom;
}
.mt-MarkdownWrapper-table table td {
  border-bottom: 1px solid #f5f0ec;
  border-width: 0 0 1px;
  margin: 0;
  overflow: visible;
  padding: 4px 16px;
}
.mt-MarkdownWrapper-table table th {
  border-bottom: 1px solid #f5f0ec;
  border-width: 0 0 1px;
  margin: 0;
  overflow: visible;
  padding: 4px 16px;
}
.mt-MarkdownWrapper-table--hideHeader th {
  display: none;
}
.mt-MarkdownWrapper-table--hideHeader tr:first-child {
  border: 1px solid #f5f0ec;
}
.mt-MarkdownWrapper-index {
  background-color: #eef0f4;
  border-radius: 8px;
  margin: 24px 0;
  padding: 8px;
}
@media (min-width: 800px) {
  .mt-MarkdownWrapper-index {
    padding: 24px 32px;
  }
}
.mt-MarkdownWrapper-index > ol > li > a {
  line-height: 1.72;
}

.mt-SectionFinancingLegalTerms {
  font-size: 10px;
}
.mt-SectionFinancingLegalTerms-title {
  font-size: 12px;
  margin-top: 24px;
}

.mt-CardDealerService--brief {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  color: #606f80;
  overflow: hidden;
  padding: 16px;
  width: 102px;
}
@media (min-width: 800px) {
  .mt-CardDealerService--brief {
    width: 130px;
  }
}
.mt-CardDealerService--brief-content {
  text-align: center;
  padding-top: 4px;
}
.mt-CardDealerService--brief-serviceTitle {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 15.6px;
  height: 30px;
  margin: 16px 0 0;
  overflow: hidden;
}

.mt-CardDealerService--compact-content,
.mt-CardDealerService--extended-content {
  display: flex;
  gap: 16px;
}
.mt-CardDealerService--compact-service,
.mt-CardDealerService--extended-service {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-CardDealerService--compact-serviceDescription,
.mt-CardDealerService--extended-serviceDescription {
  font-size: 14px;
  line-height: 1.46;
  margin: 0;
}
.mt-CardDealerService--compact-serviceTitle,
.mt-CardDealerService--extended-serviceTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.36;
  margin: 0;
}
.mt-CardDealerService--compact .mt-CardDealerService--compact-serviceTitle,
.mt-CardDealerService--compact .mt-CardDealerService--extended-serviceTitle {
  font-weight: inherit;
}
.mt-CardDealerService--compact .mt-CardDealerService--compact-serviceTitle:hover:not(.strikethrough),
.mt-CardDealerService--compact .mt-CardDealerService--extended-serviceTitle:hover:not(.strikethrough) {
  text-decoration: underline;
}
.mt-CardDealerService--compact-serviceTitle.strikethrough,
.mt-CardDealerService--extended-serviceTitle.strikethrough {
  text-decoration: line-through;
}

.mt-SectionServices {
  padding: 0 8px;
}
@media (min-width: 600px) {
  .mt-SectionServices {
    padding: 0;
  }
}
.mt-SectionServices-title {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 8px;
}
.mt-SectionServices-link {
  color: #000e23;
  line-height: 1.36;
  margin: 2px 8px;
  text-decoration: none;
}
.mt-SectionServices-content {
  display: flex;
  padding: 0 0 8px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}
@media (min-width: 600px) {
  .mt-SectionServices-content {
    justify-content: space-between;
    overflow-x: unset;
    padding: 0;
  }
}
.mt-SectionServices-content--panel {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  display: grid;
  padding: 24px 16px;
  row-gap: 16px;
}
@media (min-width: 600px) {
  .mt-SectionServices-content--panel {
    grid-template-columns: 1fr 1fr;
  }
}
.mt-SectionServices-content--list {
  display: grid;
  padding: 24px 0;
  row-gap: 16px;
}
@media (min-width: 600px) {
  .mt-SectionServices-content--list {
    grid-template-columns: 1fr 1fr;
  }
}
.mt-SectionServices-service {
  padding: 0 4px;
  scroll-snap-align: start;
}
.mt-SectionServices-service:first-child {
  padding-left: 8px;
}
.mt-SectionServices-service:last-child {
  padding-right: 8px;
}
@media (min-width: 600px) {
  .mt-SectionServices-service {
    padding: 0;
  }
  .mt-SectionServices-service--hidden:nth-child(n+6) {
    display: none;
  }
  .mt-SectionServices-service:first-child, .mt-SectionServices-service:last-child {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (hover: hover) {
  .mt-SectionServices-service:hover {
    cursor: pointer;
  }
}
.mt-SectionServices-modalContent {
  margin-top: 24px;
}
@media (min-width: 600px) {
  .mt-SectionServices-modalContent {
    max-height: 430px;
    overflow-y: auto;
  }
}
.mt-SectionServices-modalService {
  margin-bottom: 24px;
}
.mt-SectionServicesRenting {
  display: flex;
  flex-direction: column;
}
.mt-SectionServicesRenting--footer {
  align-self: center;
  width: 100%;
}
@media (min-width: 600px) {
  .mt-SectionServicesRenting--footer {
    align-self: start;
    width: auto;
  }
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */
.sui-AtomTooltip--top, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=top], .sui-AtomTooltip--auto[x-placement*=top] {
  margin: 8px 0;
}
.sui-AtomTooltip--right, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=right], .sui-AtomTooltip--auto[x-placement*=right] {
  margin: 0 8px;
}
.sui-AtomTooltip--bottom, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=bottom], .sui-AtomTooltip--auto[x-placement*=bottom] {
  margin: 8px 0;
}
.sui-AtomTooltip--left, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=left], .sui-AtomTooltip--auto[x-placement*=left] {
  margin: 0 8px;
}

.mt-DisclaimerBasic {
  display: flex;
  gap: 8px;
}
.mt-DisclaimerBasicInfoIcon {
  align-self: center;
  display: flex;
}

.mt-DisclaimerRatingsTooltip {
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.mt-DisclaimerRatingsTooltipHeader {
  display: flex;
  flex-direction: row-reverse;
}
.mt-DisclaimerRatingsTooltipHeaderSubTitle {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 16px;
}
.sui-AtomTooltip:has(.mt-DisclaimerRatingsTooltip) {
  pointer-events: all;
}
.sui-AtomTooltip-inner {
  box-sizing: content-box;
  max-height: max-content !important;
  padding: 4px;
}

.mt-DisclaimerRatingsTooltipButton {
  align-self: flex-end;
  display: flex;
}

.mt-Detail-modalDealerRatings {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-Detail-modalDealerRatings .sui-PrimitiveVisuallyHidden {
  position: absolute;
  border: 0;
  width: 0;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  word-wrap: normal;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper {
  width: calc(100% + 2 * 8px);
  height: calc(100% + 2 * 8px);
  margin: calc(-1 * 8px);
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard {
  padding: 8px;
  box-sizing: content-box;
  width: calc(100% - 2 * 8px);
  height: calc(100% - 2 * 8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: grid;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container .sui-AtomCard-Container-Content {
  overflow: hidden;
  grid-area: 1/1;
  z-index: 1;
  box-sizing: border-box;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container .sui-AtomCard-Panel {
  grid-area: 1/1;
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-filled {
  color: var(--atom-card-on-color);
  border: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-filled .sui-AtomCard-Panel {
  background-color: var(--atom-card-color);
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-tinted {
  color: var(--atom-card-on-color-mix);
  border: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-tinted .sui-AtomCard-Panel {
  background-color: color-mix(in srgb, var(--atom-card-color) 20%, var(--atom-card-color-mix));
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-outlined {
  color: var(--atom-card-color);
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-outlined .sui-AtomCard-Panel {
  background-color: transparent;
  border: 1px solid var(--atom-card-color);
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-dashed {
  color: var(--atom-card-color);
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-dashed .sui-AtomCard-Panel {
  background-color: transparent;
  border: 1px dashed var(--atom-card-color);
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-ghosted {
  color: var(--atom-card-color);
  border: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-ghosted .sui-AtomCard-Panel {
  background-color: color-mix(in srgb, var(--atom-card-color) 20%, transparent);
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-glassed {
  color: var(--atom-card-color);
  backdrop-filter: blur(4px);
  border: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-design-glassed .sui-AtomCard-Panel {
  background-color: color-mix(in srgb, var(--atom-card-color) 20%, transparent);
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-color-primary {
  --atom-card-color: #000e23;
  --atom-card-on-color: #ffffff;
  --atom-card-color-mix: #ffffff;
  --atom-card-on-color-mix: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-color-accent {
  --atom-card-color: #e60e27;
  --atom-card-on-color: #ffffff;
  --atom-card-color-mix: #ffffff;
  --atom-card-on-color-mix: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-color-neutral {
  --atom-card-color: #777777;
  --atom-card-on-color: #ffffff;
  --atom-card-color-mix: #ffffff;
  --atom-card-on-color-mix: #777777;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-color-success {
  --atom-card-color: #017943;
  --atom-card-on-color: #ffffff;
  --atom-card-color-mix: #ffffff;
  --atom-card-on-color-mix: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-color-alert {
  --atom-card-color: #d97703;
  --atom-card-on-color: #ffffff;
  --atom-card-color-mix: #ffffff;
  --atom-card-on-color-mix: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-color-error {
  --atom-card-color: #b21229;
  --atom-card-on-color: #ffffff;
  --atom-card-color-mix: #ffffff;
  --atom-card-on-color-mix: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-color-surface {
  --atom-card-color: #ffffff;
  --atom-card-on-color: #000000;
  --atom-card-color-mix: #000000;
  --atom-card-on-color-mix: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-none {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-none > .sui-AtomCard-Panel {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-s {
  border-radius: 2px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-s > .sui-AtomCard-Panel {
  border-radius: 2px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-m {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-m > .sui-AtomCard-Panel {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-l {
  border-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-l > .sui-AtomCard-Panel {
  border-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-xl {
  border-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-xl > .sui-AtomCard-Panel {
  border-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-xxl {
  border-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-xxl > .sui-AtomCard-Panel {
  border-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-xxxl {
  border-radius: 32px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-cornerSize-xxxl > .sui-AtomCard-Panel {
  border-radius: 32px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-xl {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 16px 8px, color-mix(in srgb, #000000 15%, transparent) 0 0 8px 4px, color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-xl .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 16px 8px, color-mix(in srgb, #000000 15%, transparent) 0 0 8px 4px, color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-l {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 8px 4px, color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-l .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 8px 4px, color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-m {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-m .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-s {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-s .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-xs {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-xs .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-none {
  box-shadow: none;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation-none .sui-AtomCard-Panel {
  box-shadow: none;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--xs {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--xs .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--s {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--s .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--m {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--m .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--l {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 8px 4px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--l .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 8px 4px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--xl {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 16px 8px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 8px 4px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container-elevation--xl .sui-AtomCard-Panel {
  box-shadow: color-mix(in srgb, #000000 15%, transparent) 0 0 16px 8px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 8px 4px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 4px 2px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 2px 1px inset, color-mix(in srgb, #000000 15%, transparent) 0 0 1px 0.5px inset;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container:not(.sui-AtomCard-Container-is-inset) {
  padding-inline: 16px;
  padding-block: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container:not(.sui-AtomCard-Container-is-inset) .sui-AtomCard-Panel {
  margin-inline: calc(-1 * 16px);
  margin-block: calc(-1 * 16px);
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container:has(.sui-AtomCard-Container-is-inset) {
  padding-inline: 0;
  margin-block: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container:has(.sui-AtomCard-Container-is-inset) .sui-AtomCard-Panel {
  padding-inline: 0;
  margin-block: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomCard-Wrapper .sui-AtomCard .sui-AtomCard-Container:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip-target {
  color: inherit;
  font-size: inherit;
  margin-left: 0;
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip-target--wrapper {
  display: inline-flex;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip {
  display: contents;
  font-size: 14px;
  margin: 8px 8px 8px 8px;
  pointer-events: none;
  word-wrap: break-word;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip .sui-AtomTooltip-inner {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  background-color: #000000;
  border-color: #000000;
  border-radius: 8px;
  border-style: solid;
  border-width: 0;
  color: #ffffff;
  display: -webkit-box;
  line-height: 1.36;
  max-height: 120px;
  max-width: 340px;
  padding: 8px 8px 8px 8px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip .sui-AtomTooltip-arrow {
  display: block;
  height: 8px;
  position: absolute;
  width: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip .sui-AtomTooltip-arrow::before {
  border-color: transparent;
  border-bottom-color: #000000;
  border-style: solid;
  border-width: 0 6px 6px;
  bottom: 4px;
  content: "";
  position: absolute;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip .sui-AtomTooltip-arrow::after {
  border-width: 0 6px 6px 6px;
  border-color: transparent;
  border-bottom-color: #000000;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--top, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=top] {
  margin: 8px 0;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--top .sui-AtomTooltip-arrow, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=top] .sui-AtomTooltip-arrow {
  bottom: -4px;
  transform: rotate(180deg);
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--right, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=right] {
  margin: 0 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--right .sui-AtomTooltip-arrow, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=right] .sui-AtomTooltip-arrow {
  left: -6px;
  transform: rotate(-90deg);
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--bottom, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=bottom] {
  margin: 8px 0;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--bottom .sui-AtomTooltip-arrow, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=bottom] .sui-AtomTooltip-arrow {
  top: -4px;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--left, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=left] {
  margin: 0 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--left .sui-AtomTooltip-arrow, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=left] .sui-AtomTooltip-arrow {
  right: -6px;
  transform: rotate(90deg);
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--auto {
  z-index: 3011;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=top][x-placement*=start] .sui-AtomTooltip-arrow, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=bottom][x-placement*=start] .sui-AtomTooltip-arrow {
  right: 8px;
  left: auto !important;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=top][x-placement*=end] .sui-AtomTooltip-arrow, .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=bottom][x-placement*=end] .sui-AtomTooltip-arrow {
  left: 8px !important;
  right: auto;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--primaryColor .sui-AtomTooltip-inner {
  background-color: #000e23;
  border-color: #000e23;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--primaryColor .sui-AtomTooltip-arrow::before, .mt-Detail-modalDealerRatings .sui-AtomTooltip--primaryColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--secondaryColor .sui-AtomTooltip-inner {
  background-color: #d97703;
  border-color: #d97703;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--secondaryColor .sui-AtomTooltip-arrow::before, .mt-Detail-modalDealerRatings .sui-AtomTooltip--secondaryColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--accentColor .sui-AtomTooltip-inner {
  background-color: #e60e27;
  border-color: #e60e27;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--accentColor .sui-AtomTooltip-arrow::before, .mt-Detail-modalDealerRatings .sui-AtomTooltip--accentColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--neutralColor .sui-AtomTooltip-inner {
  background-color: #3b4a5a;
  border-color: #3b4a5a;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--neutralColor .sui-AtomTooltip-arrow::before, .mt-Detail-modalDealerRatings .sui-AtomTooltip--neutralColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--successColor .sui-AtomTooltip-inner {
  background-color: #017943;
  border-color: #017943;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--successColor .sui-AtomTooltip-arrow::before, .mt-Detail-modalDealerRatings .sui-AtomTooltip--successColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--alertColor .sui-AtomTooltip-inner {
  background-color: #d97703;
  border-color: #d97703;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--alertColor .sui-AtomTooltip-arrow::before, .mt-Detail-modalDealerRatings .sui-AtomTooltip--alertColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--errorColor .sui-AtomTooltip-inner {
  background-color: #b21229;
  border-color: #b21229;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomTooltip--errorColor .sui-AtomTooltip-arrow::before, .mt-Detail-modalDealerRatings .sui-AtomTooltip--errorColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #b21229;
}
.mt-Detail-modalDealerRatings .mt-CardRating-categories {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 16px;
  column-gap: 64px;
}
@media (min-width: 600px) {
  .mt-Detail-modalDealerRatings .mt-CardRating-categories {
    grid-template-columns: repeat(3, max-content);
    column-gap: 100px;
  }
}
.mt-Detail-modalDealerRatings .mt-CardRating-category {
  display: flex;
  flex-direction: column-reverse;
}
.mt-Detail-modalDealerRatings .mt-CardRating-category:first-child {
  grid-column: 1/-1;
}
@media (min-width: 800px) {
  .mt-Detail-modalDealerRatings .mt-CardRating-category:first-child {
    grid-column: auto;
  }
}
.mt-Detail-modalDealerRatings .mt-CardRating-category--opacity30 {
  opacity: 0.3;
}
.mt-Detail-modalDealerRatings .mt-CardRating-categoryLabel {
  font-size: 12px;
  color: rgba(0, 14, 35, 0.7215686275);
}
.mt-Detail-modalDealerRatings .sui-AtomBadge {
  align-items: center;
  background-color: transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  fill: currentColor;
  display: inline-flex;
  max-width: 100%;
  justify-content: center;
  white-space: nowrap;
  cursor: default;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-size-small {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  height: 16px;
  padding: 0 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-size-medium {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  height: 16px;
  padding: 0 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-size-large {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  height: 24px;
  padding: 0 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge-icon {
  height: 16px;
  width: 16px;
  align-items: center;
  display: flex;
  line-height: initial;
  margin-right: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge-icon--iconRight {
  margin-left: 4px;
  margin-right: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-success {
  background-color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-success.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #017943;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-error {
  background-color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-error.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b21229;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-alert {
  background-color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-alert.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #d97703;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-info {
  background-color: #777777;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-info.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #777777;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-new {
  background-color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-new.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #e60e27;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-neutral {
  background-color: #ffffff;
  color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-neutral.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ffffff;
  padding: 0;
  color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-primary {
  background-color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-solid.mt-Detail-modalDealerRatings .sui-AtomBadge-type-primary.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #000e23;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-alert {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #d97703);
  color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-alert.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 80%, #d97703);
  padding: 0;
  color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-info {
  background-color: #eef0f4;
  color: #777777;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-info.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #eef0f4;
  padding: 0;
  color: #777777;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-new {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-new.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  padding: 0;
  color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-neutral {
  background-color: #eef0f4;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-neutral.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #eef0f4;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-neutralDark {
  background-color: rgba(191, 197, 204, 0.7215686275);
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-neutralDark.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: rgba(191, 197, 204, 0.7215686275);
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-neutralLight {
  background-color: #dfe2e6;
  color: rgba(0, 14, 35, 0.7215686275);
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-neutralLight.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #dfe2e6;
  padding: 0;
  color: rgba(0, 14, 35, 0.7215686275);
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-primary {
  background-color: color-mix(in srgb, var(--c-base, white) 90%, #000e23);
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-primary.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 90%, #000e23);
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-accentWithoutHover {
  background-color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-accentWithoutHover.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #e60e27;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-aqua {
  background-color: #b8e1ff;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-aqua.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b8e1ff;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-aquaWithoutHover {
  background-color: #b8e1ff;
  color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-aquaWithoutHover.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b8e1ff;
  padding: 0;
  color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-bloodOrange {
  background-color: #f4bbb8;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-bloodOrange.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #f4bbb8;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-blue {
  background-color: #bbb7f9;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-blue.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #bbb7f9;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-brown {
  background-color: #ead6ce;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-brown.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ead6ce;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-error {
  background-color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-error.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b21229;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-gray {
  background-color: #eef0f4;
  color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-gray.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #eef0f4;
  padding: 0;
  color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-grayDarkWithoutHover {
  background-color: #606f80;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-grayDarkWithoutHover.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #606f80;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-lemon {
  background-color: #fff19f;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-lemon.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #fff19f;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-lightBlue {
  background-color: #eef0f4;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-lightBlue.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #eef0f4;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-orangeJuice {
  background-color: #fccfa2;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-orangeJuice.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #fccfa2;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-primaryWithoutHover {
  background-color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-primaryWithoutHover.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #000e23;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-purple {
  background-color: #f7bff7;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-purple.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #f7bff7;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-softGreen {
  background-color: #b0f4d5;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-softGreen.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b0f4d5;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-success {
  background-color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-success.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #017943;
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-successLight {
  background-color: color-mix(in srgb, var(--c-base, white) 60%, #017943);
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-successLight.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 60%, #017943);
  padding: 0;
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-pros {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-pros.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  padding: 0;
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-prosLight {
  background-color: #ebf4f0;
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-prosLight.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ebf4f0;
  padding: 0;
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-cons {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-cons.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  padding: 0;
  color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-offer {
  background-color: #bdd3f9;
  color: #2323c8;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-offer.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #bdd3f9;
  padding: 0;
  color: #2323c8;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-teal {
  background-color: #b8f4f4;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-teal.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b8f4f4;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-white {
  background-color: #ffffff;
  color: #606f80;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-white.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ffffff;
  padding: 0;
  color: #606f80;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-tealWithoutHover {
  background-color: #b8f4f4;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-tealWithoutHover.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b8f4f4;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-lime {
  background-color: #c3ffb5;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-lime.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #c3ffb5;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-recommended {
  background-color: #bdd3f9;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-recommended.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #bdd3f9;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-recommendedLight {
  background-color: #d9e6ff;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-recommendedLight.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #d9e6ff;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-recommendedLighter {
  background-color: #d9e6ff;
  color: rgba(0, 14, 35, 0.7215686275);
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-recommendedLighter.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #d9e6ff;
  padding: 0;
  color: rgba(0, 14, 35, 0.7215686275);
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-salmon {
  background-color: #ff99ad;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-salmon.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ff99ad;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-discount {
  background-color: #f7cbcb;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomBadge.mt-Detail-modalDealerRatings .sui-AtomBadge-design-soft.mt-Detail-modalDealerRatings .sui-AtomBadge-type-discount.mt-Detail-modalDealerRatings .sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #f7cbcb;
  padding: 0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .mt-CardRating-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-Detail-modalDealerRatings .mt-CardRating-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-Detail-modalDealerRatings .mt-CardRating-message {
  margin: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomImage {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomImage-figure {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  height: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomImage-figure--skeleton {
  background-size: contain;
}
.mt-Detail-modalDealerRatings .sui-AtomImage-figure--placeholder {
  background-size: cover;
}
.sui-AtomImage.is-loading .mt-Detail-modalDealerRatings .sui-AtomImage-figure--placeholder {
  filter: blur(5px);
}
.sui-AtomImage.is-loaded .mt-Detail-modalDealerRatings .sui-AtomImage-figure--placeholder {
  filter: blur(0);
  transition: 1s filter linear;
}
.mt-Detail-modalDealerRatings .sui-AtomImage.is-loaded .mt-Detail-modalDealerRatings .sui-AtomImage-spinner {
  display: none;
}
.mt-Detail-modalDealerRatings .sui-AtomImage-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomImage.is-loading .mt-Detail-modalDealerRatings .sui-AtomImage-image {
  opacity: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomImage.is-loaded .mt-Detail-modalDealerRatings .sui-AtomImage-image {
  opacity: 1;
}
.mt-Detail-modalDealerRatings .sui-AtomImage.is-error .mt-Detail-modalDealerRatings .sui-AtomImage-image {
  display: none;
}
.mt-Detail-modalDealerRatings .sui-AtomImage-error, .mt-Detail-modalDealerRatings .sui-AtomImage-spinner {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomSkeleton {
  background-color: #eef0f4;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 1;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomSkeleton--wave {
  background-image: linear-gradient(90deg, #eef0f4, #eef0f4, #eef0f4);
  background-size: 200px 100%;
  animation: wave 1.2s ease-in-out infinite;
}
.mt-Detail-modalDealerRatings .sui-AtomSkeleton--pulse {
  animation: pulse 1.5s ease-in-out infinite;
}
.mt-Detail-modalDealerRatings .sui-AtomSkeleton--round {
  border-radius: 3px;
}
.mt-Detail-modalDealerRatings .sui-AtomSkeleton--circle {
  border-radius: 50%;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #eef0f4;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar, .mt-Detail-modalDealerRatings .sui-MoleculeAvatar > * {
  border-radius: 50%;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--loading {
  background-color: transparent;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--xxlarge {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--xlarge {
  width: 64px;
  min-width: 64px;
  height: 64px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--large {
  width: 48px;
  min-width: 48px;
  height: 48px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--medium {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--small {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--xsmall {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--xxlarge {
  font-size: 40px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--xlarge {
  font-size: 32px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--large {
  font-size: 24px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--medium {
  font-size: 20px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--small {
  font-size: 14px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar--xsmall {
  font-size: 12px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatarFallbackName {
  align-items: center;
  color: #ffffff;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatarFallbackIcon {
  width: 100%;
  height: 100%;
}
.mt-Detail-modalDealerRatings .sui-MoleculeAvatar {
  fill: inherit;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon {
  --color: inherit;
  display: inherit;
  border: none;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon:focus {
  outline: none;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--color-accent svg {
  --color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--color-alert svg {
  --color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--color-currentColor svg {
  --color: currentColor;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--color-error svg {
  --color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--color-primary svg {
  --color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--color-success svg {
  --color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--color-gray svg {
  --color: #777777;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--design-filled svg {
  fill: var(--color, currentColor);
  stroke: none;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--design-filled svg path {
  stroke: none !important;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--design-filled svg path:not([fill=none]) {
  fill: inherit !important;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--design-outline svg {
  stroke: var(--color, currentColor);
  fill: none;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--design-outline svg path {
  fill: none !important;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--design-outline svg path:not([stroke=none]) {
  stroke: inherit !important;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraSmall svg {
  height: 12px;
  width: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraSmall.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraSmall.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraSmall.sui-AtomIcon--shape-circular {
  border-radius: 6px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-small svg {
  height: 16px;
  width: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-small.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-small.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-small.sui-AtomIcon--shape-circular {
  border-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-medium svg {
  height: 24px;
  width: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-medium.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-medium.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-medium.sui-AtomIcon--shape-circular {
  border-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-large svg {
  height: 32px;
  width: 32px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-large.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-large.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-large.sui-AtomIcon--shape-circular {
  border-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraLarge svg {
  height: 40px;
  width: 40px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraLarge.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraLarge.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraLarge.sui-AtomIcon--shape-circular {
  border-radius: 20px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge svg {
  height: 48px;
  width: 48px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge.sui-AtomIcon--shape-circular {
  border-radius: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon > span {
  display: inherit;
}
.mt-Detail-modalDealerRatings .sui-AtomIcon svg {
  vertical-align: middle;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating-Star {
  align-items: center;
  color: #ff9900;
  display: flex;
  margin-left: 0;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating-Star svg {
  fill: currentColor;
  height: 100%;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating {
  align-items: center;
  display: flex;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating-containerStars {
  display: flex;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating .sui-MoleculeRating-label {
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  display: flex;
  margin: 0 0 0 8px;
  padding: 8px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--small {
  font-size: 12px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--small .sui-MoleculeRating-Star {
  height: 16px;
  width: 16px;
  margin-left: 0;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--small .sui-MoleculeRating-label {
  font-size: inherit;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--medium {
  font-size: 14px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--medium .sui-MoleculeRating-Star {
  height: 24px;
  width: 24px;
  margin-left: 0;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--medium .sui-MoleculeRating-label {
  font-size: inherit;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--large {
  font-size: 16px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--large .sui-MoleculeRating-Star {
  height: 32px;
  width: 32px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--large .sui-MoleculeRating-label {
  font-size: inherit;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--withLink .sui-MoleculeRating-label:hover {
  background: color-mix(in srgb, var(--c-base, white) 90%, #000e23);
  cursor: pointer;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--withLink .sui-MoleculeRating-labelLink {
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  text-decoration: none;
}
.mt-Detail-modalDealerRatings .sui-MoleculeRating--withLink .sui-MoleculeRating-labelLink:hover {
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  text-decoration: none;
}
.mt-Detail-modalDealerRatings .mt-CardRating-headerLeft {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-Detail-modalDealerRatings .mt-CardRating-headerLabel {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
.mt-Detail-modalDealerRatings .mt-CardRating-headerRight {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
@media (min-width: 800px) {
  .mt-Detail-modalDealerRatings .mt-CardRating-headerRight {
    width: auto;
  }
}
.mt-Detail-modalDealerRatings .mt-CardRating-date {
  margin: 0;
  font-size: 12px;
  color: rgba(0, 14, 35, 0.7215686275);
}
.mt-Detail-modalDealerRatings .mt-CardRating-header {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
@media (min-width: 800px) {
  .mt-Detail-modalDealerRatings .mt-CardRating-header {
    flex-direction: row;
    align-items: center;
  }
}
.mt-Detail-modalDealerRatings .mt-CardRating-divider {
  position: relative;
}
.mt-Detail-modalDealerRatings .mt-CardRating-divider::before {
  background-color: #bfc7d0;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
}
.mt-Detail-modalDealerRatings .mt-CardRating-reply {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #eef0f4;
  padding: 16px;
  border-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-PrimitiveLoadingIcon {
  display: inline-block;
  border-width: 2px;
  border-color: currentcolor currentcolor transparent transparent;
  border-style: solid;
  border-radius: 9999px;
  animation: spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.mt-Detail-modalDealerRatings .sui-AtomButton {
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  user-select: none;
  border-radius: 8px;
  border: 1px solid;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: normal;
  min-width: 40px;
  outline: 0;
  padding: 0 16px;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.mt-Detail-modalDealerRatings .sui-AtomButton:focus {
  outline: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-leftIcon:not(.mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-rightIcon:not(.mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-centerIcon:not(.mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-centerIcon [class*=Icon]) {
  height: 16px;
  width: 16px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-leftIcon {
  margin-right: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton .sui-AtomButton-rightIcon {
  margin-left: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton + .mt-Detail-modalDealerRatings .sui-AtomButton:not(.mt-Detail-modalDealerRatings .sui-AtomButton--fitted):not(.mt-Detail-modalDealerRatings .sui-AtomButton-group) {
  margin-left: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-inner, .mt-Detail-modalDealerRatings .sui-AtomButton-content {
  display: inline-flex;
  align-items: center;
  height: 100%;
  pointer-events: none;
  text-decoration: inherit;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--loading .sui-AtomButton-inner {
  justify-content: center;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--loading .sui-AtomButton-content {
  opacity: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-leftIcon, .mt-Detail-modalDealerRatings .sui-AtomButton-rightIcon, .mt-Detail-modalDealerRatings .sui-AtomButton-centerIcon {
  display: inline-flex;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-leftIcon .sui-AtomIcon, .mt-Detail-modalDealerRatings .sui-AtomButton-rightIcon .sui-AtomIcon, .mt-Detail-modalDealerRatings .sui-AtomButton-centerIcon .sui-AtomIcon {
  display: inline-flex;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-leftIcon svg, .mt-Detail-modalDealerRatings .sui-AtomButton-rightIcon svg, .mt-Detail-modalDealerRatings .sui-AtomButton-centerIcon svg {
  fill: currentColor;
  stroke: currentColor;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-centerIcon {
  align-items: center;
  justify-content: center;
  position: absolute;
}
.mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  background: transparent;
  user-select: text;
  border: none;
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.46;
  text-align: left;
  padding: 0;
  justify-content: center;
  text-align: center;
  text-decoration: underline;
}
.mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover, .mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
  text-decoration: underline;
}
.mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  background: transparent;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    background: transparent;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  background: transparent;
}
.mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  background: transparent;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    background: transparent;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--solid {
  background: #000e23;
  border-color: #000e23;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--solid:active {
  background: #242f44;
  border-color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--solid:hover {
    background: #242f44;
    border-color: #242f44;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--outline, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--flat {
  border-color: #000e23;
  color: #000e23;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--outline:active, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--flat:active {
  background: #eef0f4;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--outline:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--flat:hover {
    background: #eef0f4;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--solid {
  background: #e60e27;
  border-color: #e60e27;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--solid:active {
  background: #b21229;
  border-color: #b21229;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--solid:hover {
    background: #b21229;
    border-color: #b21229;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--outline, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--flat {
  border-color: #e60e27;
  color: #e60e27;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--outline:active, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--flat:active {
  background: #f7cbcb;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--outline:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--flat:hover {
    background: #f7cbcb;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #e60e27);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #e60e27);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #e60e27;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--solid {
  background: #3b4a5a;
  border-color: #3b4a5a;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--outline, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--flat {
  border-color: #3b4a5a;
  color: #3b4a5a;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--outline:active, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--outline:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--solid {
  background: #017943;
  border-color: #017943;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--outline, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--flat {
  border-color: #017943;
  color: #017943;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--outline:active, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--outline:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--solid {
  background: #b21229;
  border-color: #b21229;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--outline, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--flat {
  border-color: #b21229;
  color: #b21229;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--outline:active, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--outline:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--solid {
  background: #25d366;
  border-color: #25d366;
  color: #000000;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #000000);
  border-color: #000000;
  color: #25d366;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--outline, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--flat {
  border-color: #25d366;
  color: #25d366;
  text-decoration-line: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--outline:active, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--outline:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #000000;
  color: #000000;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #25d366;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #000000;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000000);
}
@media (hover: hover) {
  .mt-Detail-modalDealerRatings .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000000);
  }
}
.mt-Detail-modalDealerRatings .sui-AtomButton--outline, .mt-Detail-modalDealerRatings .sui-AtomButton--negative {
  background: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--flat {
  border: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--solid.sui-AtomButton--primary {
  box-shadow: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--solid.sui-AtomButton--primary.sui-AtomButton--negative {
  box-shadow: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--elevation-large {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-modalDealerRatings .sui-AtomButton--elevation-large.sui-AtomButton--primary {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-modalDealerRatings .sui-AtomButton--elevation-large.sui-AtomButton--primary.sui-AtomButton--negative {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-modalDealerRatings .sui-AtomButton--elevation-medium {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-modalDealerRatings .sui-AtomButton--elevation-medium.sui-AtomButton--primary {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-modalDealerRatings .sui-AtomButton--elevation-medium.sui-AtomButton--primary.sui-AtomButton--negative {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-modalDealerRatings .sui-AtomButton:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--squared {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--circular {
  border-radius: 20px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--center {
  text-align: center;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--left {
  text-align: left;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--right {
  text-align: right;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--small {
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  min-width: 32px;
  padding: 0 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-leftIcon:not(.mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-rightIcon:not(.mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-centerIcon:not(.mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-centerIcon [class*=Icon]) {
  height: 16px;
  width: 16px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-leftIcon {
  margin-right: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--small .sui-AtomButton-rightIcon {
  margin-left: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--small.sui-AtomButton--squared {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--small.sui-AtomButton--circular {
  border-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--large {
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  height: 48px;
  min-width: 48px;
  padding: 0 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-leftIcon:not(.mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-rightIcon:not(.mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-centerIcon:not(.mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-centerIcon [class*=Icon]) {
  height: 24px;
  width: 24px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-leftIcon {
  margin-right: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--large .sui-AtomButton-rightIcon {
  margin-left: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--large.sui-AtomButton--squared {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--large.sui-AtomButton--circular {
  border-radius: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--fullWidth {
  justify-content: center;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--empty {
  padding: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton--empty .sui-AtomButton-leftIcon,
.mt-Detail-modalDealerRatings .sui-AtomButton--empty .sui-AtomButton-rightIcon {
  margin: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-group {
  margin-left: -1px;
  margin-right: 0;
  padding: 0 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-group + .mt-Detail-modalDealerRatings .sui-AtomButton-group {
  margin-left: -1px;
  margin-right: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-group--middle.sui-AtomButton {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-group--first.sui-AtomButton {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-group--last.sui-AtomButton {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-group--selected.sui-AtomButton {
  border-radius: none;
  box-shadow: none;
}
.mt-Detail-modalDealerRatings .sui-AtomButton-group--focused {
  border: 1px solid;
}
.mt-Detail-modalDealerRatings .mt-CardRating-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff;
  border: 1px solid #bfc7d0;
  box-sizing: border-box;
  color: var(--c-base-inverse, initial);
  font-family: inherit;
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  border-radius: 8px;
  min-height: auto;
  text-overflow: unset;
  flex-grow: 1;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input--charsSize {
  width: inherit;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input--hidden {
  display: none;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input--readOnly {
  background: #eef0f4;
  border: 1px solid #bfc7d0;
  color: #000e23;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input > *,
.mt-Detail-modalDealerRatings .sui-AtomInput-input .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input > *:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input > *:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-square {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-square > *,
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-square .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-square > *:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-square > *:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-rounded > *,
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-rounded .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-rounded > *:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-rounded > *:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle > *,
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl {
  border-radius: 28px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl > *,
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl > *:first-child {
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl > *:last-child {
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l {
  border-radius: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l > *,
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l > *:first-child {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l > *:last-child {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m {
  border-radius: 20px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m > *,
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m > *:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m > *:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s {
  border-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s > *,
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s > *:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s > *:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs {
  border-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs > *,
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs > *:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs > *:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input--noBorder, .mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input--noBorder:disabled {
  border: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input--noBorder:focus, .mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input--noBorder:disabled:focus {
  border: 0;
  box-shadow: none;
  outline: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input::placeholder {
  color: #606f80;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input:disabled {
  pointer-events: none;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input:disabled:not(.sui-AtomInput-input--readOnly) {
  -webkit-text-fill-color: #bfc7d0;
  background: #ffffff;
  color: #bfc7d0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input:focus {
  outline: none;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-size-xl {
  height: 56px;
  min-height: 56px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-size-l {
  height: 48px;
  min-height: 48px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-size-m {
  height: 40px;
  min-height: 40px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-size-s {
  height: 32px;
  min-height: 32px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-size-xs {
  height: 24px;
  min-height: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input--state-success {
  border-color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input--state-error {
  border-color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input.sui-AtomInput-input--state-alert {
  border-color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input[type=number] {
  -moz-appearance: textfield;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input[type=number]::-webkit-outer-spin-button, .mt-Detail-modalDealerRatings .sui-AtomInput-input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput_Container {
  display: flex;
  flex-grow: 1;
  width: 100%;
  border-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder) {
  border-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder).mt-Detail-modalDealerRatings .sui-AtomInput_Container-shape-square {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder).mt-Detail-modalDealerRatings .sui-AtomInput_Container-shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder).mt-Detail-modalDealerRatings .sui-AtomInput_Container-shape-circle {
  border-radius: 100dvh;
}
.mt-Detail-modalDealerRatings .sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder).mt-Detail-modalDealerRatings .sui-AtomInput_Container:focus-within:has(.sui-AtomInput-input:focus-visible) {
  outline-style: solid;
  outline-color: color-mix(in srgb, #000e23 80%, transparent);
  outline-width: 2px;
  outline-offset: 2px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddon {
  align-items: center;
  background-color: #eef0f4;
  border-color: color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
  border-style: solid;
  color: #bfc7d0;
  display: flex;
  flex-direction: column;
  height: inherit;
  justify-content: center;
  line-height: inherit;
  padding-left: 16px;
  padding-right: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddon--right {
  border-width: 1px 1px 1px 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddon--left {
  border-width: 1px 0 1px 1px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper {
  display: flex;
  flex-grow: 1;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper > *,
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper > *:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper > *:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square > *,
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square > *:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square > *:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded > *,
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded > *:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded > *:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle > *,
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl {
  border-radius: 28px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl > *,
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl > *:first-child {
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl > *:last-child {
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l {
  border-radius: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l > *,
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l > *:first-child {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l > *:last-child {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m {
  border-radius: 20px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m > *,
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m > *:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m > *:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s {
  border-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s > *,
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s > *:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s > *:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs {
  border-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs > *,
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs .sui-AtomInput-input {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs > *:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs > *:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withIcon {
  position: relative;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withIcon--left .sui-AtomInput-input {
  padding-left: 44px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withIcon--right .sui-AtomInput-input {
  padding-right: 44px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withIcon-icon {
  align-items: center;
  color: #000e23;
  display: flex;
  fill: #000e23;
  height: 24px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  pointer-events: none;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withIcon-icon--withHandler {
  cursor: pointer;
  pointer-events: auto;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withIcon-icon--left {
  left: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withIcon-icon--right {
  right: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withIcon-icon > * {
  height: 100%;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withButton {
  display: flex;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withButton-input {
  flex: 1;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomInput--withButton-button {
  margin-left: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password {
  position: relative;
  width: 100%;
  display: flex;
  background: #ffffff;
  border: 1px solid #bfc7d0;
  box-sizing: border-box;
  color: var(--c-base-inverse, initial);
  font-family: inherit;
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  padding-left: 0;
  border-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password > input {
  padding-right: 0px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password-shape-square {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password-shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password-shape-circle {
  border-radius: 100dvh;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password--toggleButton {
  margin-top: 8px;
  margin-bottom: 8px;
  border: none;
  background: #ffffff;
  color: #000e23;
  display: inline-block;
  user-select: none;
  border-radius: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password--toggleButton-shape-square {
  border-radius: 0;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password--toggleButton-shape-rounded {
  border-radius: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password--toggleButton-shape-circle {
  border-radius: 100dvh;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password--toggleButton:focus-visible {
  outline-style: solid;
  outline-color: color-mix(in srgb, #000e23 80%, transparent);
  outline-width: 2px;
  outline-offset: 2px;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password--state-error {
  border-color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password--state-success {
  border-color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomInput-input-password--state-alert {
  border-color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea {
  background: initial;
  border: 1px solid color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--c-base-inverse, initial);
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 8px;
  resize: auto;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea[disabled] {
  background: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 1px solid initial;
  color: color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea::placeholder {
  color: #606f80;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea:focus {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea--short {
  height: calc(20px * 4 + 9px * 2);
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea--long {
  height: calc(20px * 7 + 9px * 2);
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--success {
  border-color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--error {
  border-color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--alert {
  border-color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--resize-auto {
  overflow: auto;
  resize: auto;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--resize-both {
  overflow: auto;
  resize: both;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--resize-horizontal {
  overflow: auto;
  resize: horizontal;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--resize-inherit {
  overflow: auto;
  resize: inherit;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--resize-initial {
  overflow: auto;
  resize: initial;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--resize-none {
  overflow: auto;
  resize: none;
}
.mt-Detail-modalDealerRatings .sui-AtomTextarea.sui-AtomTextarea--resize-vertical {
  overflow: auto;
  resize: vertical;
}
.mt-Detail-modalDealerRatings .sui-AtomValidationText {
  display: block;
  font-size: 10px;
  margin: 4px 0 0;
}
.mt-Detail-modalDealerRatings .sui-AtomValidationText--success {
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomValidationText--error {
  color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomValidationText--alert {
  color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel {
  display: block;
  color: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: inherit;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel-optionalText {
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  margin-left: 4px;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--xsmall {
  font-size: 10px;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--small {
  font-size: 12px;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--medium {
  font-size: 14px;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--large {
  font-size: 16px;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--inlineLeft {
  display: inline;
  margin-right: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--inlineRight {
  display: inline;
  margin-left: 8px;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--success {
  color: #017943;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--success .sui-AtomLabel-optionalText {
  color: #777777;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--error {
  color: #b21229;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--error .sui-AtomLabel-optionalText {
  color: #777777;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--alert {
  color: #d97703;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--alert .sui-AtomLabel-optionalText {
  color: #777777;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--contrast {
  color: var(--c-base-inverse, #ffffff);
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--contrast .sui-AtomLabel-optionalText {
  color: #777777;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--disabled {
  color: #3b4a5a;
}
.mt-Detail-modalDealerRatings .sui-AtomLabel--disabled .sui-AtomLabel-optionalText {
  color: #777777;
}
.mt-Detail-modalDealerRatings :root [data-theme-mode=light] {
  --c-base: #ffffff;
  --c-base-inverse: #000000;
  --c-primary: #0052ff;
  --c-accent: #e80262;
  --c-gray: color-mix(in srgb, var(--c-base-inverse) 80%, var(--c-base));
  --c-success: #008537;
  --c-alert: #bd5b00;
  --c-error: #e72326;
}
.mt-Detail-modalDealerRatings :root [data-theme-mode=dark] {
  --c-base: #000000;
  --c-base-inverse: #ffffff;
  --c-primary: #2469ff;
  --c-accent: #e80262;
  --c-gray: color-mix(in srgb, var(--c-base-inverse) 80%, var(--c-base));
  --c-success: #008a39;
  --c-alert: #bd5b00;
  --c-error: #e72326;
}
.mt-Detail-modalDealerRatings .sui-AtomHelpText {
  color: #606f80;
  display: block;
  font-size: 10px;
  margin: 4px 0 0;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField--inline {
  display: flex;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField--inline-reverse {
  display: flex;
  flex-direction: column;
  position: relative;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField--inline-reverse .sui-AtomLabel {
  align-items: center;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField--inline-reverse .sui-MoleculeField-nodeLabelContainer {
  margin-left: 8px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField--fullWidth .sui-MoleculeField-nodeLabelContainer {
  min-width: 0;
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField-labelContainer {
  align-items: flex-start;
  display: flex;
  font-weight: 400;
  margin-bottom: 4px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField-nodeLabelContainer {
  align-self: center;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField-inputContainer {
  width: 100%;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField-inputContainer--aligned {
  padding-left: 24px;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField--autohide .sui-AtomHelpText {
  display: none;
}
.mt-Detail-modalDealerRatings .sui-MoleculeField--autohide .sui-MoleculeField-inputContainer *:focus + .sui-AtomHelpText {
  display: block;
}
.mt-Detail-modalDealerRatings .sui-TextareaField-helpText {
  margin: 0;
}
.mt-Detail-modalDealerRatings .mt-CardRating-replyForm {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-inline: 4px;
}
.mt-Detail-modalDealerRatings .mt-CardRating-replyForm-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.mt-Detail-modalDealerRatings .mt-CardRating-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.mt-Detail-modalDealerRatings .mt-ListRatings {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-Detail-modalDealerRatings-spinner {
  min-height: 300px;
}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/
.sui-AtomTooltip--top, .sui-AtomTooltip--auto[x-placement*=top], .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=top] {
  margin: 8px 0;
}
.sui-AtomTooltip--right, .sui-AtomTooltip--auto[x-placement*=right], .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=right] {
  margin: 0 8px;
}
.sui-AtomTooltip--bottom, .sui-AtomTooltip--auto[x-placement*=bottom], .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=bottom] {
  margin: 8px 0;
}
.sui-AtomTooltip--left, .sui-AtomTooltip--auto[x-placement*=left], .mt-Detail-modalDealerRatings .sui-AtomTooltip--auto[x-placement*=left] {
  margin: 0 8px;
}

.mt-BannerInfo {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: #d9e6ff;
  padding: 8px 16px;
}
.mt-BannerInfo--rounded {
  border-radius: 8px 8px 0 0;
}
.mt-BannerInfo-text {
  flex: 1;
  margin: 0;
  font-size: 14px;
  color: #000e23;
}
.mt-BannerInfo-infoButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #000e23;
  flex-shrink: 0;
}
.mt-BannerInfo-tooltipContent {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
}
.mt-BannerInfo-tooltipHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  margin-bottom: 4px;
}
.mt-BannerInfo-tooltipCloseButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #ffffff;
  flex-shrink: 0;
}
.mt-BannerInfo-tooltipTitle {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  margin: 4px 0 0;
}
.mt-BannerInfo-tooltipBody {
  color: #ffffff;
  font-size: 14px;
  margin: 0;
}

.mt-Detail-cardUser .sui-AtomSpinner--fullPage::before, .mt-Detail-cardUser .sui-AtomSpinner::before, .sui-AtomSpinner::before, .sui-AtomSpinner--fullPage::before {
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}

.mt-PanelPriceIndicator-faqsText {
  color: #606f80;
  margin: 0;
  font-size: 10px;
}
.mt-PanelPriceIndicator-faqsText:not(:last-child) {
  margin-bottom: 16px;
}

.mt-PanelPriceIndicator-rank {
  flex: 1;
  position: relative;
}
.mt-PanelPriceIndicator-rank:first-of-type > .mt-PanelPriceIndicator-rankBar {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}
.mt-PanelPriceIndicator-rank:last-of-type > .mt-PanelPriceIndicator-rankBar {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
}
.mt-PanelPriceIndicator-rankBar {
  background-color: red;
  display: block;
  height: 8px;
  margin-bottom: 4px;
}
.mt-PanelPriceIndicator-rankBar--defaultColor {
  background-color: #bfc7d0;
}
.mt-PanelPriceIndicator-rankBar--greenColor {
  background-color: #017943;
}
.mt-PanelPriceIndicator-rankBar--redColor {
  background-color: #e60e27;
}
.mt-PanelPriceIndicator-rankBar--yellowColor {
  background-color: #d97703;
}
.mt-PanelPriceIndicator-rankLabel {
  margin: 0;
}
.mt-PanelPriceIndicator-rank:not(.mt-PanelPriceIndicator-rank--highlighted) {
  background-color: #ffffff;
  opacity: 0.5;
}

.mt-PanelPriceIndicator-ranks {
  display: flex;
  gap: 4px;
  margin-bottom: 32px;
}

.mt-PanelPriceIndicator-title, .mt-PanelPriceIndicator-description {
  margin: 0 0 16px;
}

.mt-PanelPriceIndicator-tooltip {
  display: flex;
  justify-content: center;
  position: relative;
}
.mt-PanelPriceIndicator-tooltip--leftPosition {
  justify-content: flex-start;
}
.mt-PanelPriceIndicator-tooltip--rightPosition {
  justify-content: flex-end;
}
.mt-PanelPriceIndicator-tooltipContent {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
  padding: 24px;
  width: 100%;
}
@media (min-width: 600px) {
  .mt-PanelPriceIndicator-tooltipContent {
    min-width: 325px;
    width: auto;
  }
}
.mt-PanelPriceIndicator-tooltipText {
  color: #000e23;
  font-size: 16px;
  margin: 0;
}
.mt-PanelPriceIndicator-tooltipText:first-child {
  margin-bottom: 8px;
}
.mt-PanelPriceIndicator-tooltipText--bold {
  font-weight: 700;
}
.mt-PanelPriceIndicator-tooltipArrow {
  position: absolute;
  bottom: 6px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  margin-left: -5px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
}
.mt-PanelPriceIndicator-tooltipArrow--firstPosition {
  left: 10%;
}
.mt-PanelPriceIndicator-tooltipArrow--secondPosition {
  left: 30%;
}
.mt-PanelPriceIndicator-tooltipArrow--thirdPosition {
  left: 50%;
}
.mt-PanelPriceIndicator-tooltipArrow--fourthPosition {
  left: 70%;
}
.mt-PanelPriceIndicator-tooltipArrow--fifthPosition {
  left: 90%;
}

@layer legacy {
  .mt-Detail {
    margin-top: 8px;
  }
  .mt-Detail-whatsappSpinner {
    color: #ffffff;
    font-size: 14px;
    position: fixed;
    text-align: center;
    top: calc(50% + 40px);
    width: 100%;
    z-index: 1000;
  }
  @media (min-width: 970px) {
    .mt-Detail {
      margin-top: 16px;
    }
  }
  .mt-Detail > * {
    margin-bottom: 8px;
  }
  @media (max-width: 1299px) {
    .mt-Detail > * {
      padding: 0 8px;
    }
  }
  .mt-Detail-mainSection {
    display: flex;
    flex-wrap: wrap;
  }
  .mt-Detail-inner > * {
    margin-bottom: 24px;
  }
  .mt-Detail-galleryWrapper {
    margin-bottom: 8px;
  }
  @media (min-width: 970px) {
    .mt-Detail-galleryWrapper {
      margin-bottom: 24px;
    }
  }
  .mt-Detail-infoWrapper {
    width: 100%;
  }
  @media (min-width: 970px) {
    .mt-Detail-infoWrapper {
      flex: 1;
      margin-right: 16px;
      max-width: 712px;
    }
  }
  .mt-Detail-aside {
    width: 100%;
  }
  .mt-Detail-aside > * {
    margin-bottom: 16px;
  }
  @media (min-width: 970px) {
    .mt-Detail-aside {
      max-width: 236px;
      width: 236px;
      padding: 0;
    }
  }
  .mt-Detail-bannerInfoWrapper {
    border-radius: 8px 8px 0 0;
    display: none;
    margin-bottom: 0;
  }
  @media (min-width: 970px) {
    .mt-Detail-bannerInfoWrapper {
      display: block;
    }
  }
  .mt-Detail-formContactSellerWrapper {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 64px;
    z-index: 1;
  }
  .mt-Detail-financingTermsWrapper {
    padding: 16px;
  }
  @media (min-width: 970px) {
    .mt-Detail-financingTermsWrapper {
      padding: 0;
    }
  }
  .mt-Detail-skeleton {
    height: 100vh;
    width: 100vw;
  }
  .mt-Detail-thirdPartyServicesTitleWrapper {
    margin-bottom: 8px;
  }
  .mt-Detail-panel, .mt-Detail-panel .sui-MoleculeCollapsible-content > div {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
  }
  @media (min-width: 970px) {
    .mt-Detail-panel, .mt-Detail-panel .sui-MoleculeCollapsible-content > div {
      gap: 24px;
    }
  }
  .mt-Detail-panelAdInfoWrapper {
    position: relative;
  }
  .mt-Detail-panelAdInfoWrapper--withOffer .mt-PanelBasic {
    padding-top: 48px;
  }
  .mt-Detail-contactFormModal {
    padding: 16px;
  }
  .mt-Detail-panel {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    padding: 16px;
  }
  .mt-Detail-panelFooter {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
  }
  @media (min-width: 970px) {
    .mt-Detail-panelFooter {
      flex-direction: row;
    }
  }
  .mt-Detail-panelFooterCta {
    align-self: flex-end;
    color: #b21229;
    font-size: 12px;
    width: 100%;
  }
  @media (min-width: 970px) {
    .mt-Detail-panelFooterCta {
      width: auto;
    }
  }
  .mt-Detail-panelFooterError {
    color: #b21229;
    font-size: 12px;
    text-align: center;
  }
  @media (min-width: 970px) {
    .mt-Detail-panelFooterError {
      text-align: left;
    }
  }
  .mt-Detail-panelHeader {
    align-items: center;
    display: flex;
    gap: 8px;
  }
  .mt-Detail-panelHeaderImage {
    height: 24px;
  }
  .mt-Detail-panelTabContent {
    padding: 16px;
  }
  .mt-DetailPanelFinancing-loading {
    min-height: 484px;
  }
}
.mt-Detail-cardUser .sui-AtomCard {
  background: transparent;
  border-radius: 0;
  display: flex;
  padding: 0;
  flex-direction: row-reverse;
}
@media (min-width: 800px) {
  .mt-Detail-cardUser .sui-AtomCard {
    padding: 0;
  }
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomCard:hover {
    background: transparent;
    box-shadow: none;
  }
}
.mt-Detail-cardUser .sui-AtomCard .sui-AtomCard-media {
  background: #ffffff;
  margin-right: 0;
  width: 250px;
}
.mt-Detail-cardUser .sui-AtomCard .sui-AtomCard-info {
  padding: 16px;
  flex-grow: 1;
  min-width: 0;
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard-link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomCard.sui-AtomCard-link:hover {
    background: transparent;
  }
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard-link.sui-AtomCard--highlight {
  background: #faf9e5;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomCard.sui-AtomCard-link.sui-AtomCard--highlight:hover {
    background: #faf9e5;
  }
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--vertical {
  flex-direction: column-reverse;
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--vertical .sui-AtomCard-media {
  width: 100%;
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--responsive {
  flex-direction: column-reverse;
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--responsive .sui-AtomCard-media {
  width: 100%;
}
@media (min-width: 800px) {
  .mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--responsive {
    flex-direction: row-reverse;
  }
  .mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--responsive .sui-AtomCard-media {
    width: 250px;
  }
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--rounded-s {
  border-radius: 2px;
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--rounded-m {
  border-radius: 4px;
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--rounded-l {
  border-radius: 8px;
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--rounded-xl {
  border-radius: 12px;
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--rounded-xxl {
  border-radius: 16px;
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--elevation-s {
  box-shadow: 0px 1px 2px 0px rgba(0, 14, 35, 0.2);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--elevation-s:hover {
    box-shadow: 0px 1px 2px 0px rgba(0, 14, 35, 0.2);
  }
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--elevation-m {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--elevation-m:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  }
}
.mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--elevation-l {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomCard.sui-AtomCard--elevation-l:hover {
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  }
}
.mt-Detail-cardUser .sui-AtomTag {
  border-radius: 16px;
  height: 32px;
  padding: 0 16px;
  border: none;
  align-items: center;
  align-content: center;
  background-color: #eef0f4;
  box-sizing: border-box;
  cursor: text;
  display: inline-flex;
  font-size: 12px;
  justify-content: center;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
}
.mt-Detail-cardUser .sui-AtomTag:has(.mt-Detail-cardUser .sui-AtomTag-closeable) {
  padding-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag-hasClose {
  padding-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #000e23;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #000e23 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #000e23 10%, transparent);
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #000e23;
  background-color: color-mix(in srgb, #000e23 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #000e23 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #000e23;
  border-width: 1px;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #000e23 15%, #777777);
  color: color-mix(in srgb, #000e23 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #000e23 20%, #777777);
  color: color-mix(in srgb, #000e23 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-primary .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #e60e27;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #e60e27 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #e60e27;
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #e60e27;
  border-width: 1px;
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #e60e27 15%, #777777);
  color: color-mix(in srgb, #e60e27 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #e60e27 20%, #777777);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-accent .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #017943;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #017943 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #017943 10%, transparent);
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #017943;
  background-color: color-mix(in srgb, #017943 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #017943 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #017943;
  border-width: 1px;
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #017943 15%, #777777);
  color: color-mix(in srgb, #017943 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #017943 20%, #777777);
  color: color-mix(in srgb, #017943 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-success .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #d97703;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #d97703 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #d97703 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #d97703 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #d97703 10%, transparent);
  color: #d97703;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #d97703;
  background-color: color-mix(in srgb, #d97703 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #d97703 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #d97703 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #d97703 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #d97703 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #d97703;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #d97703 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #d97703;
  border-width: 1px;
  color: #d97703;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #d97703 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #d97703 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #d97703 15%, #777777);
  color: color-mix(in srgb, #d97703 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #d97703 20%, #777777);
  color: color-mix(in srgb, #d97703 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #d97703;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #d97703 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-alert .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #b21229;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b21229 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b21229 10%, transparent);
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b21229;
  background-color: color-mix(in srgb, #b21229 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b21229 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b21229 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b21229;
  border-width: 1px;
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b21229 15%, #777777);
  color: color-mix(in srgb, #b21229 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b21229 20%, #777777);
  color: color-mix(in srgb, #b21229 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b21229 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-error .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #777777;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #777777 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #777777 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #777777 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #777777 10%, transparent);
  color: #777777;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #777777;
  background-color: color-mix(in srgb, #777777 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #777777 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #777777 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #777777 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #777777 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #777777;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #777777 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #777777;
  border-width: 1px;
  color: #777777;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #777777 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #777777 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #777777 15%, #777777);
  color: color-mix(in srgb, #777777 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #777777 20%, #777777);
  color: color-mix(in srgb, #777777 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #777777;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #777777 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-neutral .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #ffffff;
  color: #000000;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #ffffff 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000000;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000000 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000000 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-solid:focus-visible {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #ffffff 10%, transparent);
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #ffffff;
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #ffffff 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-tinted:focus-visible {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #ffffff;
  border-width: 1px;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #ffffff 15%, #777777);
  color: color-mix(in srgb, #ffffff 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #ffffff 20%, #777777);
  color: color-mix(in srgb, #ffffff 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline:focus-visible, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed:focus-visible {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--color-surface .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #e60e27;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #e60e27 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #e60e27;
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #e60e27;
  border-width: 1px;
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #e60e27 15%, #777777);
  color: color-mix(in srgb, #e60e27 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #e60e27 20%, #777777);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-accentWithoutHover .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #b8e1ff;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b8e1ff 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b8e1ff 10%, transparent);
  color: #b8e1ff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b8e1ff;
  background-color: color-mix(in srgb, #b8e1ff 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b8e1ff 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b8e1ff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8e1ff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b8e1ff;
  border-width: 1px;
  color: #b8e1ff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b8e1ff 15%, #777777);
  color: color-mix(in srgb, #b8e1ff 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b8e1ff 20%, #777777);
  color: color-mix(in srgb, #b8e1ff 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b8e1ff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8e1ff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aqua .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #b8e1ff;
  color: #3b4a5a;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b8e1ff 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #3b4a5a;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #3b4a5a 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #3b4a5a 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b8e1ff 10%, transparent);
  color: #b8e1ff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b8e1ff;
  background-color: color-mix(in srgb, #b8e1ff 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b8e1ff 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b8e1ff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8e1ff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b8e1ff;
  border-width: 1px;
  color: #b8e1ff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b8e1ff 15%, #777777);
  color: color-mix(in srgb, #b8e1ff 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b8e1ff 20%, #777777);
  color: color-mix(in srgb, #b8e1ff 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b8e1ff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8e1ff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-aquaWithoutHover .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #f4bbb8;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #f4bbb8 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f4bbb8 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #f4bbb8 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #f4bbb8 10%, transparent);
  color: #f4bbb8;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #f4bbb8;
  background-color: color-mix(in srgb, #f4bbb8 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #f4bbb8 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f4bbb8 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f4bbb8 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #f4bbb8 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #f4bbb8;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #f4bbb8 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #f4bbb8;
  border-width: 1px;
  color: #f4bbb8;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #f4bbb8 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f4bbb8 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #f4bbb8 15%, #777777);
  color: color-mix(in srgb, #f4bbb8 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #f4bbb8 20%, #777777);
  color: color-mix(in srgb, #f4bbb8 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #f4bbb8;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #f4bbb8 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-bloodOrange .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #bbb7f9;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #bbb7f9 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bbb7f9 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #bbb7f9 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #bbb7f9 10%, transparent);
  color: #bbb7f9;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #bbb7f9;
  background-color: color-mix(in srgb, #bbb7f9 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #bbb7f9 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bbb7f9 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bbb7f9 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #bbb7f9 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #bbb7f9;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #bbb7f9 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #bbb7f9;
  border-width: 1px;
  color: #bbb7f9;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #bbb7f9 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bbb7f9 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #bbb7f9 15%, #777777);
  color: color-mix(in srgb, #bbb7f9 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #bbb7f9 20%, #777777);
  color: color-mix(in srgb, #bbb7f9 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #bbb7f9;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #bbb7f9 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-blue .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #ead6ce;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #ead6ce 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ead6ce 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #ead6ce 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #ead6ce 10%, transparent);
  color: #ead6ce;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #ead6ce;
  background-color: color-mix(in srgb, #ead6ce 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #ead6ce 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ead6ce 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ead6ce 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #ead6ce 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ead6ce;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ead6ce 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #ead6ce;
  border-width: 1px;
  color: #ead6ce;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #ead6ce 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ead6ce 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #ead6ce 15%, #777777);
  color: color-mix(in srgb, #ead6ce 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #ead6ce 20%, #777777);
  color: color-mix(in srgb, #ead6ce 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ead6ce;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ead6ce 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-brown .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #e60e27;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #e60e27 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #e60e27;
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #e60e27;
  border-width: 1px;
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #e60e27 15%, #777777);
  color: color-mix(in srgb, #e60e27 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #e60e27 20%, #777777);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-clear .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #e60e27 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 10%, transparent);
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  border-width: 1px;
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, #777777);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-cons .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #b21229;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b21229 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b21229 10%, transparent);
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b21229;
  background-color: color-mix(in srgb, #b21229 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b21229 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b21229 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b21229;
  border-width: 1px;
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b21229 15%, #777777);
  color: color-mix(in srgb, #b21229 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b21229 20%, #777777);
  color: color-mix(in srgb, #b21229 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b21229 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-error .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #eef0f4;
  color: #3b4a5a;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #eef0f4 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #3b4a5a;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #3b4a5a 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #3b4a5a 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #eef0f4 10%, transparent);
  color: #eef0f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #eef0f4;
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #eef0f4 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #eef0f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #eef0f4 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #eef0f4;
  border-width: 1px;
  color: #eef0f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #eef0f4 15%, #777777);
  color: color-mix(in srgb, #eef0f4 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #eef0f4 20%, #777777);
  color: color-mix(in srgb, #eef0f4 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #eef0f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #eef0f4 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-gray .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #606f80;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #606f80 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #606f80 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #606f80 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #606f80 10%, transparent);
  color: #606f80;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #606f80;
  background-color: color-mix(in srgb, #606f80 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #606f80 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #606f80 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #606f80 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #606f80 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #606f80;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #606f80 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #606f80;
  border-width: 1px;
  color: #606f80;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #606f80 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #606f80 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #606f80 15%, #777777);
  color: color-mix(in srgb, #606f80 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #606f80 20%, #777777);
  color: color-mix(in srgb, #606f80 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #606f80;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #606f80 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-grayDarkWithoutHover .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #fff19f;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #fff19f 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fff19f 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #fff19f 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #fff19f 10%, transparent);
  color: #fff19f;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #fff19f;
  background-color: color-mix(in srgb, #fff19f 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #fff19f 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fff19f 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fff19f 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #fff19f 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #fff19f;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #fff19f 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #fff19f;
  border-width: 1px;
  color: #fff19f;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #fff19f 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fff19f 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #fff19f 15%, #777777);
  color: color-mix(in srgb, #fff19f 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #fff19f 20%, #777777);
  color: color-mix(in srgb, #fff19f 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #fff19f;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #fff19f 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lemon .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #eef0f4;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #eef0f4 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #eef0f4 10%, transparent);
  color: #eef0f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #eef0f4;
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #eef0f4 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #eef0f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #eef0f4 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #eef0f4;
  border-width: 1px;
  color: #eef0f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #eef0f4 15%, #777777);
  color: color-mix(in srgb, #eef0f4 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #eef0f4 20%, #777777);
  color: color-mix(in srgb, #eef0f4 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #eef0f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #eef0f4 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightBlue .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #000000;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #000000 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000000 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #000000 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #000000 10%, transparent);
  color: #000000;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #000000;
  background-color: color-mix(in srgb, #000000 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #000000 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000000 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000000 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #000000 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000000;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000000 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #000000;
  border-width: 1px;
  color: #000000;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #000000 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000000 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #000000 15%, #777777);
  color: color-mix(in srgb, #000000 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #000000 20%, #777777);
  color: color-mix(in srgb, #000000 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000000;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000000 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lightGray .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #c3ffb5;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #c3ffb5 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #c3ffb5 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #c3ffb5 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #c3ffb5 10%, transparent);
  color: #c3ffb5;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #c3ffb5;
  background-color: color-mix(in srgb, #c3ffb5 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #c3ffb5 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #c3ffb5 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #c3ffb5 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #c3ffb5 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #c3ffb5;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #c3ffb5 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #c3ffb5;
  border-width: 1px;
  color: #c3ffb5;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #c3ffb5 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #c3ffb5 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #c3ffb5 15%, #777777);
  color: color-mix(in srgb, #c3ffb5 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #c3ffb5 20%, #777777);
  color: color-mix(in srgb, #c3ffb5 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #c3ffb5;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #c3ffb5 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-lime .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #bdd3f9;
  color: #2323c8;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #bdd3f9 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bdd3f9 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #bdd3f9 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #2323c8;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #2323c8 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #2323c8 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #bdd3f9 10%, transparent);
  color: #bdd3f9;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #bdd3f9;
  background-color: color-mix(in srgb, #bdd3f9 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #bdd3f9 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bdd3f9 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bdd3f9 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #bdd3f9 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #bdd3f9;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #bdd3f9 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #bdd3f9;
  border-width: 1px;
  color: #bdd3f9;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #bdd3f9 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bdd3f9 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #bdd3f9 15%, #777777);
  color: color-mix(in srgb, #bdd3f9 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #bdd3f9 20%, #777777);
  color: color-mix(in srgb, #bdd3f9 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #bdd3f9;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #bdd3f9 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-offer .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #fccfa2;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #fccfa2 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fccfa2 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #fccfa2 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #fccfa2 10%, transparent);
  color: #fccfa2;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #fccfa2;
  background-color: color-mix(in srgb, #fccfa2 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #fccfa2 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fccfa2 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fccfa2 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #fccfa2 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #fccfa2;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #fccfa2 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #fccfa2;
  border-width: 1px;
  color: #fccfa2;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #fccfa2 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fccfa2 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #fccfa2 15%, #777777);
  color: color-mix(in srgb, #fccfa2 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #fccfa2 20%, #777777);
  color: color-mix(in srgb, #fccfa2 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #fccfa2;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #fccfa2 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-orangeJuice .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #000e23;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #000e23 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #000e23 10%, transparent);
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #000e23;
  background-color: color-mix(in srgb, #000e23 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #000e23 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #000e23;
  border-width: 1px;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #000e23 15%, #777777);
  color: color-mix(in srgb, #000e23 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #000e23 20%, #777777);
  color: color-mix(in srgb, #000e23 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-primaryWithoutHover .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #017943 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 10%, transparent);
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  border-width: 1px;
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, #777777);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-pros .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #f7bff7;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #f7bff7 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f7bff7 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #f7bff7 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #f7bff7 10%, transparent);
  color: #f7bff7;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #f7bff7;
  background-color: color-mix(in srgb, #f7bff7 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #f7bff7 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f7bff7 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f7bff7 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #f7bff7 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #f7bff7;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #f7bff7 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #f7bff7;
  border-width: 1px;
  color: #f7bff7;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #f7bff7 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f7bff7 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #f7bff7 15%, #777777);
  color: color-mix(in srgb, #f7bff7 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #f7bff7 20%, #777777);
  color: color-mix(in srgb, #f7bff7 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #f7bff7;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #f7bff7 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-purple .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #ff99ad;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #ff99ad 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ff99ad 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #ff99ad 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #ff99ad 10%, transparent);
  color: #ff99ad;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #ff99ad;
  background-color: color-mix(in srgb, #ff99ad 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #ff99ad 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ff99ad 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ff99ad 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #ff99ad 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ff99ad;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ff99ad 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #ff99ad;
  border-width: 1px;
  color: #ff99ad;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #ff99ad 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ff99ad 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #ff99ad 15%, #777777);
  color: color-mix(in srgb, #ff99ad 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #ff99ad 20%, #777777);
  color: color-mix(in srgb, #ff99ad 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ff99ad;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ff99ad 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-salmon .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #b0f4d5;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b0f4d5 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b0f4d5 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b0f4d5 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b0f4d5 10%, transparent);
  color: #b0f4d5;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b0f4d5;
  background-color: color-mix(in srgb, #b0f4d5 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b0f4d5 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b0f4d5 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b0f4d5 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b0f4d5 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b0f4d5;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b0f4d5 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b0f4d5;
  border-width: 1px;
  color: #b0f4d5;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b0f4d5 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b0f4d5 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b0f4d5 15%, #777777);
  color: color-mix(in srgb, #b0f4d5 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b0f4d5 20%, #777777);
  color: color-mix(in srgb, #b0f4d5 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b0f4d5;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b0f4d5 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-softGreen .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #017943;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #017943 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #017943 10%, transparent);
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #017943;
  background-color: color-mix(in srgb, #017943 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #017943 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #017943;
  border-width: 1px;
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #017943 15%, #777777);
  color: color-mix(in srgb, #017943 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #017943 20%, #777777);
  color: color-mix(in srgb, #017943 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-success .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #b8f4f4;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b8f4f4 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b8f4f4 10%, transparent);
  color: #b8f4f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b8f4f4;
  background-color: color-mix(in srgb, #b8f4f4 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b8f4f4 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b8f4f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8f4f4 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b8f4f4;
  border-width: 1px;
  color: #b8f4f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b8f4f4 15%, #777777);
  color: color-mix(in srgb, #b8f4f4 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b8f4f4 20%, #777777);
  color: color-mix(in srgb, #b8f4f4 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b8f4f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8f4f4 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-teal .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #b8f4f4;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b8f4f4 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b8f4f4 10%, transparent);
  color: #b8f4f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b8f4f4;
  background-color: color-mix(in srgb, #b8f4f4 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b8f4f4 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b8f4f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8f4f4 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b8f4f4;
  border-width: 1px;
  color: #b8f4f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b8f4f4 15%, #777777);
  color: color-mix(in srgb, #b8f4f4 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b8f4f4 20%, #777777);
  color: color-mix(in srgb, #b8f4f4 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #b8f4f4;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8f4f4 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-tealWithoutHover .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid {
  background-color: #ffffff;
  color: #606f80;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 90%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 80%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 70%, #000000);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 80%, #000000) 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #ffffff 5%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #606f80;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #606f80 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-solid .mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #606f80 80%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #ffffff 10%, transparent);
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #ffffff;
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 25%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 20%, #777777) 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #ffffff 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-tinted .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #ffffff;
  border-width: 1px;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed.mt-Detail-cardUser .sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 10%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 20%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #ffffff 15%, #777777);
  color: color-mix(in srgb, #ffffff 15%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed:disabled, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #ffffff 20%, #777777);
  color: color-mix(in srgb, #ffffff 20%, #777777);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline .mt-Detail-cardUser .sui-AtomTag-closeable:hover, .mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed .mt-Detail-cardUser .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-outline {
  border-style: solid;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white.mt-Detail-cardUser .sui-AtomTag--design-dashed {
  border-style: dashed;
}
.mt-Detail-cardUser .sui-AtomTag.mt-Detail-cardUser .sui-AtomTag--type-white .mt-Detail-cardUser .sui-AtomTag-closeable {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag * ~ .sui-AtomTag-label {
  margin: 0 0 0 4px;
}
.mt-Detail-cardUser .sui-AtomTag .sui-AtomTag-label + * {
  margin: 0 0 0 4px;
}
.mt-Detail-cardUser .sui-AtomTag .sui-AtomTag-label {
  display: inline-block;
  line-height: 32px;
  max-width: 208px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.sui-AtomTag-hasIcon .mt-Detail-cardUser .sui-AtomTag .sui-AtomTag-label, .sui-AtomTag-hasClose .mt-Detail-cardUser .sui-AtomTag .sui-AtomTag-label {
  max-width: 188px;
}
.sui-AtomTag-hasIcon.sui-AtomTag-hasClose .mt-Detail-cardUser .sui-AtomTag .sui-AtomTag-label {
  max-width: 168px;
}
.mt-Detail-cardUser .sui-AtomTag-closeable {
  padding: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 16px;
}
.mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible {
  box-shadow: none;
  outline: none;
}
.mt-Detail-cardUser .sui-AtomTag-closeable:focus-visible .mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 1px;
}
.mt-Detail-cardUser .sui-AtomTag-closeableIcon {
  cursor: pointer;
  line-height: initial;
  position: relative;
  border-radius: 50%;
  background-color: transparent;
  fill: inherit;
  color: inherit;
}
.mt-Detail-cardUser .sui-AtomTag-icon {
  align-items: center;
  height: 16px;
  width: 16px;
  display: flex;
  justify-content: center;
  line-height: initial;
  vertical-align: middle;
  margin-left: 0;
}
.mt-Detail-cardUser .sui-AtomTag-secondary-icon {
  align-items: center;
  height: 16px;
  width: 16px;
  display: flex;
  justify-content: center;
  line-height: initial;
  vertical-align: middle;
  margin-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag-actionable:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  cursor: pointer;
}
.mt-Detail-cardUser .sui-AtomTag:disabled, .mt-Detail-cardUser .sui-AtomTag[data-disabled=true], .mt-Detail-cardUser .sui-AtomTag[data-read-only=true] {
  cursor: default;
}
.mt-Detail-cardUser .sui-AtomTag--size-xs {
  border-radius: 8px;
  height: 16px;
  padding: 0 4px;
}
.mt-Detail-cardUser .sui-AtomTag--size-xs.mt-Detail-cardUser .sui-AtomTag-hasClose {
  padding-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-xs .mt-Detail-cardUser .sui-AtomTag-closeable {
  padding: 0 4px 0 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-xs .mt-Detail-cardUser .sui-AtomTag-label {
  line-height: 16px;
}
.mt-Detail-cardUser .sui-AtomTag--size-s {
  border-radius: 12px;
  height: 24px;
  padding: 0 8px;
}
.mt-Detail-cardUser .sui-AtomTag--size-s.mt-Detail-cardUser .sui-AtomTag-hasClose {
  padding-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-s .mt-Detail-cardUser .sui-AtomTag-closeable {
  padding: 0 8px 0 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-s .mt-Detail-cardUser .sui-AtomTag-label {
  line-height: 24px;
}
.mt-Detail-cardUser .sui-AtomTag--size-m {
  border-radius: 16px;
  height: 32px;
  padding: 0 16px;
}
.mt-Detail-cardUser .sui-AtomTag--size-m.mt-Detail-cardUser .sui-AtomTag-hasClose {
  padding-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-m .mt-Detail-cardUser .sui-AtomTag-closeable {
  padding: 0 16px 0 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-m .mt-Detail-cardUser .sui-AtomTag-label {
  line-height: 32px;
}
.mt-Detail-cardUser .sui-AtomTag--size-l {
  border-radius: 20px;
  height: 40px;
  padding: 0 24px;
}
.mt-Detail-cardUser .sui-AtomTag--size-l.mt-Detail-cardUser .sui-AtomTag-hasClose {
  padding-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-l .mt-Detail-cardUser .sui-AtomTag-closeable {
  padding: 0 24px 0 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-l .mt-Detail-cardUser .sui-AtomTag-label {
  line-height: 40px;
}
.mt-Detail-cardUser .sui-AtomTag--size-xl {
  border-radius: 24px;
  height: 48px;
  padding: 0 32px;
}
.mt-Detail-cardUser .sui-AtomTag--size-xl.mt-Detail-cardUser .sui-AtomTag-hasClose {
  padding-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-xl .mt-Detail-cardUser .sui-AtomTag-closeable {
  padding: 0 32px 0 0;
}
.mt-Detail-cardUser .sui-AtomTag--size-xl .mt-Detail-cardUser .sui-AtomTag-label {
  line-height: 48px;
}
.mt-Detail-cardUser .sui-AtomTag--responsive {
  border-radius: 20px;
  height: 40px;
}
.mt-Detail-cardUser .sui-AtomTag--responsive:has(.mt-Detail-cardUser .sui-AtomTag-closeable) {
  padding-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag-hasClose {
  padding-right: 0;
}
.mt-Detail-cardUser .sui-AtomTag--responsive .sui-AtomTag-label {
  line-height: 40px;
}
@media (min-width: 600px) {
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-xs {
    border-radius: 8px;
    height: 16px;
    padding: 0 4px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-xs .sui-AtomTag-label {
    line-height: 16px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-xs.mt-Detail-cardUser .sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-xs .mt-Detail-cardUser .sui-AtomTag-closeable {
    padding: 0 4px 0 0;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-s {
    border-radius: 12px;
    height: 24px;
    padding: 0 8px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-s .sui-AtomTag-label {
    line-height: 24px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-s.mt-Detail-cardUser .sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-s .mt-Detail-cardUser .sui-AtomTag-closeable {
    padding: 0 8px 0 0;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-m {
    border-radius: 16px;
    height: 32px;
    padding: 0 16px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-m .sui-AtomTag-label {
    line-height: 32px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-m.mt-Detail-cardUser .sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-m .mt-Detail-cardUser .sui-AtomTag-closeable {
    padding: 0 16px 0 0;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-l {
    border-radius: 20px;
    height: 40px;
    padding: 0 24px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-l .sui-AtomTag-label {
    line-height: 40px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-l.mt-Detail-cardUser .sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-l .mt-Detail-cardUser .sui-AtomTag-closeable {
    padding: 0 24px 0 0;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-xl {
    border-radius: 24px;
    height: 48px;
    padding: 0 32px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-xl .sui-AtomTag-label {
    line-height: 48px;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-xl.mt-Detail-cardUser .sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .mt-Detail-cardUser .sui-AtomTag--responsive.mt-Detail-cardUser .sui-AtomTag--size-xl .mt-Detail-cardUser .sui-AtomTag-closeable {
    padding: 0 32px 0 0;
  }
}
@media print {
  .mt-Detail-cardUser .sui-AtomTag {
    border-color: #eef0f4;
    border-style: solid;
    border-width: 2px;
  }
}
.mt-Detail-cardUser .sui-AtomImage {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.mt-Detail-cardUser .sui-AtomImage-figure {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  height: 100%;
}
.mt-Detail-cardUser .sui-AtomImage-figure--skeleton {
  background-size: contain;
}
.mt-Detail-cardUser .sui-AtomImage-figure--placeholder {
  background-size: cover;
}
.sui-AtomImage.is-loading .mt-Detail-cardUser .sui-AtomImage-figure--placeholder {
  filter: blur(5px);
}
.sui-AtomImage.is-loaded .mt-Detail-cardUser .sui-AtomImage-figure--placeholder {
  filter: blur(0);
  transition: 1s filter linear;
}
.mt-Detail-cardUser .sui-AtomImage.is-loaded .mt-Detail-cardUser .sui-AtomImage-spinner {
  display: none;
}
.mt-Detail-cardUser .sui-AtomImage-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.mt-Detail-cardUser .sui-AtomImage.is-loading .mt-Detail-cardUser .sui-AtomImage-image {
  opacity: 0;
}
.mt-Detail-cardUser .sui-AtomImage.is-loaded .mt-Detail-cardUser .sui-AtomImage-image {
  opacity: 1;
}
.mt-Detail-cardUser .sui-AtomImage.is-error .mt-Detail-cardUser .sui-AtomImage-image {
  display: none;
}
.mt-Detail-cardUser .sui-AtomImage-error, .mt-Detail-cardUser .sui-AtomImage-spinner {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail {
  background-color: transparent;
  border-radius: initial;
  border: 1px solid transparent;
  box-shadow: none;
  display: inline-block;
  margin: 0;
  overflow: visible;
  position: relative;
  width: 100%;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail-link {
  border: 1px solid transparent;
  display: inline-block;
  text-decoration: none;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail-link:hover {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
  border-color: #000e23;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail-link:hover .sui-MoleculeThumbnail-containerImage {
  border: 0;
  border-color: #000e23;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--circled > * {
  border-radius: 50%;
  overflow: hidden;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--circled .sui-MoleculeThumbnail-containerImage {
  border: 0;
  border-radius: 50%;
  overflow: hidden;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--circled .sui-MoleculeThumbnail-caption {
  display: none;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail-caption {
  background: color-mix(in srgb, var(--c-base, white) 60%, color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777)));
  border: 1px solid transparent;
  color: #000e23;
  display: block;
  font-size: 12px;
  overflow: hidden;
  padding: 8px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail-containerImage {
  border: 0;
  border-radius: initial;
  overflow: visible;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--small .sui-MoleculeThumbnail-caption, .mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall .sui-MoleculeThumbnail-caption {
  display: none;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--large {
  width: 96px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--large .sui-MoleculeThumbnail-containerImage--1-1 {
  height: 96px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--large .sui-MoleculeThumbnail-containerImage--4-3 {
  height: 72px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--large .sui-MoleculeThumbnail-containerImage--16-9 {
  height: 54px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--medium {
  width: 72px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--medium .sui-MoleculeThumbnail-containerImage--1-1 {
  height: 72px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--medium .sui-MoleculeThumbnail-containerImage--4-3 {
  height: 54px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--medium .sui-MoleculeThumbnail-containerImage--16-9 {
  height: 40.5px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--small {
  width: 40px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--small .sui-MoleculeThumbnail-containerImage--1-1 {
  height: 40px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--small .sui-MoleculeThumbnail-containerImage--4-3 {
  height: 30px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--small .sui-MoleculeThumbnail-containerImage--16-9 {
  height: 22.5px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall {
  width: 32px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall .sui-MoleculeThumbnail-containerImage--1-1 {
  height: 32px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall .sui-MoleculeThumbnail-containerImage--4-3 {
  height: 24px;
}
.mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall .sui-MoleculeThumbnail-containerImage--16-9 {
  height: 18px;
}
@media (min-width: 800px) {
  .mt-Detail-cardUser .sui-MoleculeThumbnail--large {
    width: 144px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--large .sui-MoleculeThumbnail-containerImage--1-1 {
    width: 144px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--large .sui-MoleculeThumbnail-containerImage--1-1 {
    height: 144px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--large .sui-MoleculeThumbnail-containerImage--4-3 {
    height: 108px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--large .sui-MoleculeThumbnail-containerImage--16-9 {
    height: 81px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--medium {
    width: 72px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--medium .sui-MoleculeThumbnail-containerImage--1-1 {
    width: 72px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--medium .sui-MoleculeThumbnail-containerImage--1-1 {
    height: 72px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--medium .sui-MoleculeThumbnail-containerImage--4-3 {
    height: 54px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--medium .sui-MoleculeThumbnail-containerImage--16-9 {
    height: 40.5px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--small {
    width: 48px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--small .sui-MoleculeThumbnail-containerImage--1-1 {
    width: 48px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--small .sui-MoleculeThumbnail-containerImage--1-1 {
    height: 48px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--small .sui-MoleculeThumbnail-containerImage--4-3 {
    height: 36px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--small .sui-MoleculeThumbnail-containerImage--16-9 {
    height: 27px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall {
    width: 40px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall .sui-MoleculeThumbnail-containerImage--1-1 {
    width: 40px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall .sui-MoleculeThumbnail-containerImage--1-1 {
    height: 40px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall .sui-MoleculeThumbnail-containerImage--4-3 {
    height: 30px;
  }
  .mt-Detail-cardUser .sui-MoleculeThumbnail--xsmall .sui-MoleculeThumbnail-containerImage--16-9 {
    height: 22.5px;
  }
}
.mt-Detail-cardUser .mt-TitleBasic-pre {
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  margin: 0 0 4px;
}
.mt-Detail-cardUser .mt-TitleBasic-pre--xxl, .mt-Detail-cardUser .mt-TitleBasic-pre--xl, .mt-Detail-cardUser .mt-TitleBasic-pre--l {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.36;
}
.mt-Detail-cardUser .mt-TitleBasic-pre--m, .mt-Detail-cardUser .mt-TitleBasic-pre--s, .mt-Detail-cardUser .mt-TitleBasic-pre--xs {
  font-size: 12px;
  line-height: 15.6px;
}
.mt-Detail-cardUser .mt-TitleBasic-pre--xxs {
  font-size: 10px;
  line-height: 12px;
}
.mt-Detail-cardUser .mt-TitleBasic-title {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0;
}
.mt-Detail-cardUser .mt-TitleBasic-title--xxl {
  font-size: 54px;
}
.mt-Detail-cardUser .mt-TitleBasic-title--xl {
  font-size: 40px;
}
.mt-Detail-cardUser .mt-TitleBasic-title--l {
  font-size: 32px;
}
.mt-Detail-cardUser .mt-TitleBasic-title--m {
  font-size: 28px;
}
.mt-Detail-cardUser .mt-TitleBasic-title--s {
  font-size: 24px;
}
.mt-Detail-cardUser .mt-TitleBasic-title--xs-s {
  font-size: 20px;
}
.mt-Detail-cardUser .mt-TitleBasic-title--xs {
  font-size: 16px;
}
.mt-Detail-cardUser .mt-TitleBasic-title--xxs {
  font-size: 14px;
}
.mt-Detail-cardUser .mt-TitleBasic-title--xxxs {
  font-size: 12px;
}
.mt-Detail-cardUser .mt-TitleBasic-title--maxLines-1 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mt-Detail-cardUser .mt-TitleBasic-title--maxLines-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mt-Detail-cardUser .mt-TitleBasic-title--maxLines-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mt-Detail-cardUser .mt-TitleBasic-titleWrapper {
  display: flex;
  align-items: center;
}
.mt-Detail-cardUser .mt-TitleBasic-titleWrapper--left {
  justify-content: flex-start;
  text-align: left;
}
.mt-Detail-cardUser .mt-TitleBasic-titleWrapper--right {
  justify-content: flex-end;
  text-align: right;
}
.mt-Detail-cardUser .mt-TitleBasic-titleWrapper--center {
  justify-content: center;
  text-align: center;
}
.mt-Detail-cardUser .mt-TitleBasic-titleIcon {
  margin-right: 8px;
}
.mt-Detail-cardUser .mt-TitleBasic-desc {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  line-height: 1.36;
  margin: 4px 0 0;
}
.mt-Detail-cardUser .mt-TitleBasic-desc--xxl, .mt-Detail-cardUser .mt-TitleBasic-desc--xl, .mt-Detail-cardUser .mt-TitleBasic-desc--l, .mt-Detail-cardUser .mt-TitleBasic-desc--m {
  font-size: 20px;
}
.mt-Detail-cardUser .mt-TitleBasic-desc--xs-s {
  font-size: 16px;
}
.mt-Detail-cardUser .mt-TitleBasic-desc--s, .mt-Detail-cardUser .mt-TitleBasic-desc--xs {
  font-size: 14px;
}
.mt-Detail-cardUser .mt-TitleBasic-desc--xxs {
  font-size: 12px;
}
.mt-Detail-cardUser .mt-TitleBasic-desc--xxxs {
  font-size: 10px;
}
.mt-Detail-cardUser .mt-TitleBasic-desc--left {
  text-align: left;
}
.mt-Detail-cardUser .mt-TitleBasic-desc--right {
  text-align: right;
}
.mt-Detail-cardUser .mt-TitleBasic-desc--center {
  text-align: center;
}
.mt-Detail-cardUser .mt-TitleBasic-pre strong, .mt-Detail-cardUser .mt-TitleBasic-pre small, .mt-Detail-cardUser .mt-TitleBasic-title strong, .mt-Detail-cardUser .mt-TitleBasic-title small, .mt-Detail-cardUser .mt-TitleBasic-desc strong, .mt-Detail-cardUser .mt-TitleBasic-desc small, .mt-Detail-cardUser .mt-TitleBasic-titleWrapper strong, .mt-Detail-cardUser .mt-TitleBasic-titleWrapper small {
  color: #e60e27;
}
.mt-Detail-cardUser .mt-TitleBasic-pre--white, .mt-Detail-cardUser .mt-TitleBasic-title--white, .mt-Detail-cardUser .mt-TitleBasic-desc--white, .mt-Detail-cardUser .mt-TitleBasic-titleWrapper--white {
  color: #ffffff;
}
.mt-Detail-cardUser .mt-TitleBasic-pre--black, .mt-Detail-cardUser .mt-TitleBasic-title--black, .mt-Detail-cardUser .mt-TitleBasic-desc--black, .mt-Detail-cardUser .mt-TitleBasic-titleWrapper--black {
  color: #000e23;
}
.mt-Detail-cardUser .mt-TitleBasic-pre--currentColor, .mt-Detail-cardUser .mt-TitleBasic-title--currentColor, .mt-Detail-cardUser .mt-TitleBasic-desc--currentColor, .mt-Detail-cardUser .mt-TitleBasic-titleWrapper--currentColor {
  color: currentColor;
}
.mt-Detail-cardUser .mt-TitleBasic-pre--gray, .mt-Detail-cardUser .mt-TitleBasic-title--gray, .mt-Detail-cardUser .mt-TitleBasic-desc--gray, .mt-Detail-cardUser .mt-TitleBasic-titleWrapper--gray {
  color: #3b4a5a;
}
.mt-Detail-cardUser .sui-PrimitiveLoadingIcon {
  display: inline-block;
  border-width: 2px;
  border-color: currentcolor currentcolor transparent transparent;
  border-style: solid;
  border-radius: 9999px;
  animation: spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.mt-Detail-cardUser .sui-AtomButton {
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  user-select: none;
  border-radius: 8px;
  border: 1px solid;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: normal;
  min-width: 40px;
  outline: 0;
  padding: 0 16px;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.mt-Detail-cardUser .sui-AtomButton:focus {
  outline: 0;
}
.mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-leftIcon:not(.mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-rightIcon:not(.mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-centerIcon:not(.mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-centerIcon [class*=Icon]) {
  height: 16px;
  width: 16px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-leftIcon {
  margin-right: 8px;
}
.mt-Detail-cardUser .sui-AtomButton .sui-AtomButton-rightIcon {
  margin-left: 8px;
}
.mt-Detail-cardUser .sui-AtomButton + .mt-Detail-cardUser .sui-AtomButton:not(.mt-Detail-cardUser .sui-AtomButton--fitted):not(.mt-Detail-cardUser .sui-AtomButton-group) {
  margin-left: 8px;
}
.mt-Detail-cardUser .sui-AtomButton-inner, .mt-Detail-cardUser .sui-AtomButton-content {
  display: inline-flex;
  align-items: center;
  height: 100%;
  pointer-events: none;
  text-decoration: inherit;
}
.mt-Detail-cardUser .sui-AtomButton--loading .sui-AtomButton-inner {
  justify-content: center;
}
.mt-Detail-cardUser .sui-AtomButton--loading .sui-AtomButton-content {
  opacity: 0;
}
.mt-Detail-cardUser .sui-AtomButton-leftIcon, .mt-Detail-cardUser .sui-AtomButton-rightIcon, .mt-Detail-cardUser .sui-AtomButton-centerIcon {
  display: inline-flex;
}
.mt-Detail-cardUser .sui-AtomButton-leftIcon .sui-AtomIcon, .mt-Detail-cardUser .sui-AtomButton-rightIcon .sui-AtomIcon, .mt-Detail-cardUser .sui-AtomButton-centerIcon .sui-AtomIcon {
  display: inline-flex;
}
.mt-Detail-cardUser .sui-AtomButton-leftIcon svg, .mt-Detail-cardUser .sui-AtomButton-rightIcon svg, .mt-Detail-cardUser .sui-AtomButton-centerIcon svg {
  fill: currentColor;
  stroke: currentColor;
}
.mt-Detail-cardUser .sui-AtomButton-centerIcon {
  align-items: center;
  justify-content: center;
  position: absolute;
}
.mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  background: transparent;
  user-select: text;
  border: none;
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.46;
  text-align: left;
  padding: 0;
  justify-content: center;
  text-align: center;
  text-decoration: underline;
}
.mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover, .mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
  text-decoration: underline;
}
.mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  background: transparent;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    background: transparent;
  }
}
.mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  background: transparent;
}
.mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  background: transparent;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    background: transparent;
  }
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--solid {
  background: #000e23;
  border-color: #000e23;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--solid:active {
  background: #242f44;
  border-color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--solid:hover {
    background: #242f44;
    border-color: #242f44;
  }
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
  }
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--outline, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--flat {
  border-color: #000e23;
  color: #000e23;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--outline:active, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--flat:active {
  background: #eef0f4;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--outline:hover, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--flat:hover {
    background: #eef0f4;
  }
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23);
  }
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #000e23;
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--solid {
  background: #e60e27;
  border-color: #e60e27;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--solid:active {
  background: #b21229;
  border-color: #b21229;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--solid:hover {
    background: #b21229;
    border-color: #b21229;
  }
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  }
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--outline, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--flat {
  border-color: #e60e27;
  color: #e60e27;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--outline:active, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--flat:active {
  background: #f7cbcb;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--outline:hover, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--flat:hover {
    background: #f7cbcb;
  }
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #e60e27);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #e60e27);
  }
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--solid {
  background: #3b4a5a;
  border-color: #3b4a5a;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  }
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #3b4a5a;
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  }
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--outline, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--flat {
  border-color: #3b4a5a;
  color: #3b4a5a;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--outline:active, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--outline:hover, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  }
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  }
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #3b4a5a;
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--solid {
  background: #017943;
  border-color: #017943;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  }
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  }
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--outline, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--flat {
  border-color: #017943;
  color: #017943;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--outline:active, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--outline:hover, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  }
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  }
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #017943;
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--solid {
  background: #b21229;
  border-color: #b21229;
  color: #ffffff;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  }
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  }
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--outline, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--flat {
  border-color: #b21229;
  color: #b21229;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--outline:active, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--outline:hover, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  }
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  }
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #b21229;
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--solid {
  background: #25d366;
  border-color: #25d366;
  color: #000000;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  }
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #000000);
  border-color: #000000;
  color: #25d366;
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  }
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--outline, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--flat {
  border-color: #25d366;
  color: #25d366;
  text-decoration-line: none;
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--outline:active, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--outline:hover, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  }
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #000000;
  color: #000000;
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative:active, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative:hover, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  }
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #25d366;
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #000000;
}
.mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000000);
}
@media (hover: hover) {
  .mt-Detail-cardUser .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000000);
  }
}
.mt-Detail-cardUser .sui-AtomButton--outline, .mt-Detail-cardUser .sui-AtomButton--negative {
  background: none;
}
.mt-Detail-cardUser .sui-AtomButton--flat {
  border: 0;
}
.mt-Detail-cardUser .sui-AtomButton--solid.sui-AtomButton--primary {
  box-shadow: none;
}
.mt-Detail-cardUser .sui-AtomButton--solid.sui-AtomButton--primary.sui-AtomButton--negative {
  box-shadow: none;
}
.mt-Detail-cardUser .sui-AtomButton--elevation-large {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-cardUser .sui-AtomButton--elevation-large.sui-AtomButton--primary {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-cardUser .sui-AtomButton--elevation-large.sui-AtomButton--primary.sui-AtomButton--negative {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-cardUser .sui-AtomButton--elevation-medium {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-cardUser .sui-AtomButton--elevation-medium.sui-AtomButton--primary {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-cardUser .sui-AtomButton--elevation-medium.sui-AtomButton--primary.sui-AtomButton--negative {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-cardUser .sui-AtomButton:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.mt-Detail-cardUser .sui-AtomButton--squared {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomButton--circular {
  border-radius: 20px;
}
.mt-Detail-cardUser .sui-AtomButton--center {
  text-align: center;
}
.mt-Detail-cardUser .sui-AtomButton--left {
  text-align: left;
}
.mt-Detail-cardUser .sui-AtomButton--right {
  text-align: right;
}
.mt-Detail-cardUser .sui-AtomButton--disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
.mt-Detail-cardUser .sui-AtomButton--small {
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  min-width: 32px;
  padding: 0 8px;
}
.mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-leftIcon:not(.mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-rightIcon:not(.mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-centerIcon:not(.mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-centerIcon [class*=Icon]) {
  height: 16px;
  width: 16px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-leftIcon {
  margin-right: 4px;
}
.mt-Detail-cardUser .sui-AtomButton--small .sui-AtomButton-rightIcon {
  margin-left: 4px;
}
.mt-Detail-cardUser .sui-AtomButton--small.sui-AtomButton--squared {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomButton--small.sui-AtomButton--circular {
  border-radius: 16px;
}
.mt-Detail-cardUser .sui-AtomButton--large {
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  height: 48px;
  min-width: 48px;
  padding: 0 16px;
}
.mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-leftIcon:not(.mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-rightIcon:not(.mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-centerIcon [class*=Icon]), .mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-centerIcon:not(.mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-leftIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-rightIcon [class*=Icon], .mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-centerIcon [class*=Icon]) {
  height: 24px;
  width: 24px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-leftIcon {
  margin-right: 8px;
}
.mt-Detail-cardUser .sui-AtomButton--large .sui-AtomButton-rightIcon {
  margin-left: 8px;
}
.mt-Detail-cardUser .sui-AtomButton--large.sui-AtomButton--squared {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomButton--large.sui-AtomButton--circular {
  border-radius: 24px;
}
.mt-Detail-cardUser .sui-AtomButton--fullWidth {
  justify-content: center;
  width: 100%;
}
.mt-Detail-cardUser .sui-AtomButton--empty {
  padding: 0;
}
.mt-Detail-cardUser .sui-AtomButton--empty .sui-AtomButton-leftIcon,
.mt-Detail-cardUser .sui-AtomButton--empty .sui-AtomButton-rightIcon {
  margin: 0;
}
.mt-Detail-cardUser .sui-AtomButton-group {
  margin-left: -1px;
  margin-right: 0;
  padding: 0 16px;
}
.mt-Detail-cardUser .sui-AtomButton-group + .mt-Detail-cardUser .sui-AtomButton-group {
  margin-left: -1px;
  margin-right: 0;
}
.mt-Detail-cardUser .sui-AtomButton-group--middle.sui-AtomButton {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomButton-group--first.sui-AtomButton {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.mt-Detail-cardUser .sui-AtomButton-group--last.sui-AtomButton {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.mt-Detail-cardUser .sui-AtomButton-group--selected.sui-AtomButton {
  border-radius: none;
  box-shadow: none;
}
.mt-Detail-cardUser .sui-AtomButton-group--focused {
  border: 1px solid;
}
.mt-Detail-cardUser .sui-AtomToast {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #777777;
  box-shadow: none;
  color: #000e23;
  font-size: 14px;
  overflow: hidden;
}
.mt-Detail-cardUser .sui-AtomToast-container {
  margin: 8px;
  position: fixed;
  z-index: 1200;
}
.mt-Detail-cardUser .sui-AtomToast-icon {
  cursor: pointer;
  margin: 4px;
  position: absolute;
  right: 0;
}
.mt-Detail-cardUser .sui-AtomToast-icon svg {
  fill: #ffffff !important;
  height: 16px;
  width: 16px;
}
.mt-Detail-cardUser .sui-AtomToast-position--bottom, .mt-Detail-cardUser .sui-AtomToast-position--bottom-right, .mt-Detail-cardUser .sui-AtomToast-position--bottom-left {
  bottom: 0;
}
.mt-Detail-cardUser .sui-AtomToast-position--top, .mt-Detail-cardUser .sui-AtomToast-position--top-right, .mt-Detail-cardUser .sui-AtomToast-position--top-left {
  top: 0;
}
.mt-Detail-cardUser .sui-AtomToast-position--bottom, .mt-Detail-cardUser .sui-AtomToast-position--top {
  left: 50%;
}
.mt-Detail-cardUser .sui-AtomToast-position--bottom .mt-Detail-cardUser .sui-AtomToast, .mt-Detail-cardUser .sui-AtomToast-position--top .mt-Detail-cardUser .sui-AtomToast {
  left: -50%;
  position: relative;
}
.mt-Detail-cardUser .sui-AtomToast-position--bottom-right, .mt-Detail-cardUser .sui-AtomToast-position--top-right {
  right: 0;
}
.mt-Detail-cardUser .sui-AtomToast-position--bottom-left, .mt-Detail-cardUser .sui-AtomToast-position--top-left {
  left: 0;
}
.mt-Detail-cardUser .sui-AtomToast-effect--top {
  transition: top 0.5s ease-out;
}
.mt-Detail-cardUser .sui-AtomToast-effect--top.mt-Detail-cardUser .sui-AtomToast-effect--hide {
  top: -50%;
  transition: top 0.5s ease-in;
}
.mt-Detail-cardUser .sui-AtomToast-effect--bottom {
  transition: bottom 0.5s ease-out;
}
.mt-Detail-cardUser .sui-AtomToast-effect--bottom.mt-Detail-cardUser .sui-AtomToast-effect--hide {
  bottom: -50%;
  transition: bottom 0.5s ease-in;
}
.mt-Detail-cardUser .sui-AtomToast-effect--top-right, .mt-Detail-cardUser .sui-AtomToast-effect--bottom-right {
  transition: right 0.5s ease-out;
}
.mt-Detail-cardUser .sui-AtomToast-effect--top-right.mt-Detail-cardUser .sui-AtomToast-effect--hide, .mt-Detail-cardUser .sui-AtomToast-effect--bottom-right.mt-Detail-cardUser .sui-AtomToast-effect--hide {
  right: -100vh;
  transition: right 0.5s ease-in;
}
.mt-Detail-cardUser .sui-AtomToast-effect--top-left, .mt-Detail-cardUser .sui-AtomToast-effect--bottom-left {
  transition: left 0.5s ease-out;
}
.mt-Detail-cardUser .sui-AtomToast-effect--top-left.mt-Detail-cardUser .sui-AtomToast-effect--hide, .mt-Detail-cardUser .sui-AtomToast-effect--bottom-left.mt-Detail-cardUser .sui-AtomToast-effect--hide {
  left: -100vh;
  transition: left 0.5s ease-in;
}
.mt-Detail-cardUser .sui-AtomIcon {
  --color: inherit;
  display: inherit;
  border: none;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
}
.mt-Detail-cardUser .sui-AtomIcon:focus {
  outline: none;
}
.mt-Detail-cardUser .sui-AtomIcon:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--color-accent svg {
  --color: #e60e27;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--color-alert svg {
  --color: #d97703;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--color-currentColor svg {
  --color: currentColor;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--color-error svg {
  --color: #b21229;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--color-primary svg {
  --color: #000e23;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--color-success svg {
  --color: #017943;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--color-gray svg {
  --color: #777777;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--design-filled svg {
  fill: var(--color, currentColor);
  stroke: none;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--design-filled svg path {
  stroke: none !important;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--design-filled svg path:not([fill=none]) {
  fill: inherit !important;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--design-outline svg {
  stroke: var(--color, currentColor);
  fill: none;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--design-outline svg path {
  fill: none !important;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--design-outline svg path:not([stroke=none]) {
  stroke: inherit !important;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraSmall svg {
  height: 12px;
  width: 12px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraSmall.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraSmall.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraSmall.sui-AtomIcon--shape-circular {
  border-radius: 6px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-small svg {
  height: 16px;
  width: 16px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-small.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-small.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-small.sui-AtomIcon--shape-circular {
  border-radius: 8px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-medium svg {
  height: 24px;
  width: 24px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-medium.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-medium.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-medium.sui-AtomIcon--shape-circular {
  border-radius: 12px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-large svg {
  height: 32px;
  width: 32px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-large.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-large.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-large.sui-AtomIcon--shape-circular {
  border-radius: 16px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraLarge svg {
  height: 40px;
  width: 40px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraLarge.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraLarge.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraLarge.sui-AtomIcon--shape-circular {
  border-radius: 20px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge svg {
  height: 48px;
  width: 48px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.mt-Detail-cardUser .sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge.sui-AtomIcon--shape-circular {
  border-radius: 24px;
}
.mt-Detail-cardUser .sui-AtomIcon > span {
  display: inherit;
}
.mt-Detail-cardUser .sui-AtomIcon svg {
  vertical-align: middle;
}
.mt-Detail-cardUser .sui-AtomSpinner--fullPage::before, .mt-Detail-cardUser .sui-AtomSpinner::before {
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}
.mt-Detail-cardUser .sui-AtomSpinner {
  position: relative;
}
.mt-Detail-cardUser .sui-AtomSpinner::before {
  position: absolute;
}
.mt-Detail-cardUser .sui-AtomSpinner-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mt-Detail-cardUser .sui-AtomSpinner--fullPage::before {
  position: fixed;
}
.mt-Detail-cardUser .sui-AtomSpinner--fullPage .sui-AtomSpinner-loader {
  display: block;
  position: fixed;
}
.mt-Detail-cardUser .sui-AtomSpinner .mt-Detail-cardUser .sui-AtomSpinner-loader {
  display: block;
}
.mt-Detail-cardUser .sui-AtomSpinner--accent::before {
  background-color: rgba(230, 14, 39, 0.6);
}
.mt-Detail-cardUser .sui-AtomSpinner--dark::before {
  background-color: rgba(0, 0, 0, 0.6);
}
.mt-Detail-cardUser .sui-AtomSpinner--light::before {
  background-color: rgba(255, 255, 255, 0.6);
}
.mt-Detail-cardUser .sui-AtomSpinner--primary::before {
  background-color: rgba(0, 14, 35, 0.6);
}
.mt-Detail-cardUser .sui-AtomSpinner--transparent::before {
  background-color: transparent;
}
.mt-Detail-cardUser .sui-AtomSpinner--small .sui-AtomSpinner-loader {
  height: 12px;
  width: 12px;
}
.mt-Detail-cardUser .sui-AtomSpinner--medium .sui-AtomSpinner-loader {
  height: 16px;
  width: 16px;
}
.mt-Detail-cardUser :root [data-theme-mode=light] {
  --c-base: #ffffff;
  --c-base-inverse: #000000;
  --c-primary: #0052ff;
  --c-accent: #e80262;
  --c-gray: color-mix(in srgb, var(--c-base-inverse) 80%, var(--c-base));
  --c-success: #008537;
  --c-alert: #bd5b00;
  --c-error: #e72326;
}
.mt-Detail-cardUser :root [data-theme-mode=dark] {
  --c-base: #000000;
  --c-base-inverse: #ffffff;
  --c-primary: #2469ff;
  --c-accent: #e80262;
  --c-gray: color-mix(in srgb, var(--c-base-inverse) 80%, var(--c-base));
  --c-success: #008a39;
  --c-alert: #bd5b00;
  --c-error: #e72326;
}
.mt-Detail-cardUser .sui-AtomSpinner-loader {
  border-radius: 50%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  z-index: 999;
}
.mt-Detail-cardUser .sui-AtomSpinner--accent-small .sui-AtomSpinner-loader {
  animation: atom-spinner-accent-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}
.mt-Detail-cardUser .sui-AtomSpinner--accent-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-accent-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}
.mt-Detail-cardUser .sui-AtomSpinner--dark-small .sui-AtomSpinner-loader {
  animation: atom-spinner-dark-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}
.mt-Detail-cardUser .sui-AtomSpinner--dark-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-dark-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}
.mt-Detail-cardUser .sui-AtomSpinner--light-small .sui-AtomSpinner-loader {
  animation: atom-spinner-light-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}
.mt-Detail-cardUser .sui-AtomSpinner--light-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-light-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}
.mt-Detail-cardUser .sui-AtomSpinner--primary-small .sui-AtomSpinner-loader {
  animation: atom-spinner-primary-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}
.mt-Detail-cardUser .sui-AtomSpinner--primary-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-primary-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}
.mt-Detail-cardUser .sui-AtomSpinner--transparent-small .sui-AtomSpinner-loader {
  animation: atom-spinner-transparent-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}
.mt-Detail-cardUser .sui-AtomSpinner--transparent-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-transparent-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}
.mt-Detail-cardUser .mt-SpinnerBasic-text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-top: 96px;
  padding: 8px 16px 0;
  position: fixed;
  text-align: center;
  z-index: 1500;
}
.mt-Detail-cardUser .mt-SpinnerBasic-text.mt-SpinnerBasic-text--inheritColorText {
  color: inherit;
}
.mt-Detail-cardUser .mt-LeadPhoneCall-link {
  align-items: center;
  display: flex;
  color: #000e23;
  cursor: pointer;
  margin: 0;
}
.mt-Detail-cardUser .mt-LeadPhoneCall-link--small {
  height: 12px;
}
.mt-Detail-cardUser .mt-LeadPhoneCall-link--medium {
  height: 24px;
}
.mt-Detail-cardUser .mt-LeadPhoneCall-linkIcon {
  position: relative;
}
.mt-Detail-cardUser .mt-LeadPhoneCall-linkText {
  font-weight: 600;
  padding-left: 8px;
  text-decoration: underline;
}
.mt-Detail-cardUser .mt-LeadPhoneCall-link--small .mt-Detail-cardUser .mt-LeadPhoneCall-linkText {
  font-size: 14px;
}

.mt-Detail-cardUser .mt-LeadPhoneCall-link--medium .mt-Detail-cardUser .mt-LeadPhoneCall-linkText {
  font-size: 16px;
}

.mt-Detail-cardUser .mt-LeadPhoneCall-buttonText--revealed {
  text-decoration: underline;
}
.mt-Detail-cardUser .mt-LeadPhoneCall-error {
  background-color: #d97703;
  padding: 24px;
}
.mt-Detail-cardUser .mt-LeadPhoneCall-errorText {
  margin: 0;
}
.mt-Detail-cardUser .mt-CardUser {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-Detail-cardUser .mt-CardUser-content {
  display: flex;
}
.mt-Detail-cardUser .mt-CardUser-avatar {
  text-align: center;
}
@media (min-width: 600px) {
  .mt-Detail-cardUser .mt-CardUser-avatar {
    padding: 0 32px;
  }
}
.mt-Detail-cardUser .mt-CardUser-info {
  flex: 1;
  padding-left: 16px;
}
.mt-Detail-cardUser .mt-CardUser-title {
  margin: 4px 0 8px;
}
.mt-Detail-cardUser .mt-CardUser-location {
  margin: 0;
}
.mt-Detail-cardUser .mt-CardUser-phone {
  margin: 24px 0 8px;
}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotateShine {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes bgToBlack {
  to {
    background: #000000;
  }
}
.mt-NetInput {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  border-radius: 24px;
  padding: 2px;
  background: linear-gradient(90deg, #e60e27 0%, #4c57ff 50%, #000e23 100%);
  position: relative;
}
.mt-NetInput--initialAutoFocus:focus-within {
  background: transparent;
  animation: bgToBlack 0.4s ease 2s forwards;
}
.mt-NetInput--initialAutoFocus:focus-within::before {
  content: "";
  inset: 0;
  position: absolute;
  border-radius: inherit;
  padding: inherit;
  background: conic-gradient(from var(--gradient-angle), #e60e27 0%, #ffffff 33%, #4c57ff 66%, #000e23 100%);
  mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);
  mask-composite: exclude;
  animation: rotateShine 2s linear, fadeOut 0.4s ease 2s forwards;
}
.mt-NetInput:focus-within:not(.mt-NetInput--initialAutoFocus) {
  background: #000000;
}
.mt-NetInput--isDisabled {
  opacity: 0.4;
}
.mt-NetInput-inputContainer {
  background: #ffffff;
  border-radius: 22px;
  display: flex;
  align-items: center;
  width: 100%;
}
.mt-NetInput-icon {
  cursor: pointer;
}
.mt-NetInput-icon[disabled] {
  cursor: default;
}
.mt-NetInput textarea {
  border: none;
  font-size: 16px;
  height: auto;
  line-height: 1.72;
  margin: 8px 16px;
  overflow: hidden;
  padding: 0;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777)) transparent;
}
.mt-NetInput textarea[disabled] {
  background: transparent;
  border: none;
}
.mt-NetInput textarea::placeholder {
  color: rgba(0, 14, 35, 0.4);
}
.mt-NetInput textarea:focus {
  outline: none;
}
.mt-NetInput textarea::-webkit-scrollbar {
  width: 6px;
}
.mt-NetInput textarea::-webkit-scrollbar-track {
  background: transparent;
}
.mt-NetInput-sendButton, .mt-NetInput-recordButton {
  margin-right: 8px;
}

.sui-PrimitiveLinkBox {
  position: relative;
}
.sui-PrimitiveLinkBox .sui-PrimitiveLinkBoxLink::before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  cursor: inherit;
}
.sui-PrimitiveLinkBox .sui-PrimitiveLinkBoxRaised {
  z-index: 3;
}

.mt-AiTypingText {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mt-AiTypingText-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.mt-AiTypingText-text {
  display: inline;
}

.mt-NetLoading-aiTypingText {
  height: 16px;
}
.mt-NetLoading--skeleton {
  margin-left: 24px;
}

.mt-NetMessageList-messages {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0 16px 16px;
}
.mt-NetMessageList-bubble--user {
  align-self: flex-end;
  background-color: #bdd3f9;
  border-radius: 12px 12px 0 12px;
  padding: 8px 16px;
  max-width: 300px;
}
.mt-NetMessageList-bubble--assistant {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}
.mt-NetMessageList-bubble--loading {
  flex-direction: column;
}
.mt-NetMessageList-retryButton {
  width: fit-content;
  margin-top: 8px;
}
.mt-NetMessageList-searchResults {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.mt-NetMessageList-contactOptions, .mt-NetMessageList-searchActions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 800px) {
  .mt-NetMessageList-contactOptions--wide, .mt-NetMessageList-searchActions--wide {
    flex-direction: row-reverse;
  }
  .mt-NetMessageList-contactOptions--wide > *, .mt-NetMessageList-searchActions--wide > * {
    flex: 1;
  }
}
.mt-NetMessageList-contactOptions {
  margin-top: 24px;
}
.mt-NetMessageList-searchResultsFooter {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
  .mt-NetMessageList-searchResultsFooter--wide {
    align-items: center;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
  }
  .mt-NetMessageList-searchResultsFooter--wide > *:first-child {
    border-top: none;
    margin-top: 0;
    padding: 0;
  }
  .mt-NetMessageList-searchResultsFooter--wide > *:last-child {
    flex-shrink: 0;
    width: auto;
  }
}
.mt-NetMessageList-resultsButton {
  width: 100%;
}
.mt-NetMessageList-blocks {
  min-width: 0;
  width: 100%;
}
.mt-NetMessageList-blocks-message > *:first-child, .mt-NetMessageList-blocks-message > * > *:first-child {
  margin-top: 0;
}
.mt-NetMessageList-blocks-ad-card {
  margin-bottom: 24px;
}
.mt-NetMessageList-endChatCard {
  background-color: #fedcb4;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.mt-NetMessageList-endChatCard-button {
  align-self: flex-end;
}
.mt-NetMessageList-messageReview {
  display: flex;
  align-items: center;
  border-top: 1px solid #bfc5cc;
  padding: 8px 0;
  margin-top: 24px;
}
.mt-NetMessageList-messageReview-label {
  flex: 1;
  padding-right: 4px;
}
.mt-NetMessageList-messageReview-iconButton:disabled {
  opacity: 1;
}

.mt-NetFilterTagsCard {
  border-radius: 8px;
  overflow: hidden;
  background-color: #eef0f4;
}
.mt-NetFilterTagsCard-tags {
  padding: 16px;
  line-height: 1.46;
}
.mt-NetFilterTagsCard-action {
  border-top: 2px solid #ffffff;
}
@media (min-width: 800px) {
  .mt-NetFilterTagsCard-action--wide {
    border-top: none;
    padding: 0 16px 16px 16px;
    text-align: right;
  }
}

.mt-NetAdCarousel-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.mt-NetAdCarousel-arrows {
  display: flex;
}
.mt-NetAdCarousel-list {
  display: flex;
  gap: 8px;
  margin-right: -16px;
  margin-left: -40px;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -ms-overflow-style: none;
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: none;
}
.mt-NetAdCarousel-list::-webkit-scrollbar {
  display: none;
}
.mt-NetAdCarousel-item {
  flex: 0 0 38%;
}
.mt-NetAdCarousel-item:first-child {
  margin-left: 40px;
}
.mt-NetAdCarousel-item:last-child {
  margin-right: 16px;
}
@media (min-width: 800px) {
  .mt-NetAdCarousel-item--wide {
    flex: 0 0 21%;
  }
}

.mt-NetAdCard {
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: 100%;
}
.mt-NetAdCard-card {
  display: flex;
  flex-direction: column;
}
.mt-NetAdCard-card--horizontal {
  flex-direction: row;
}
.mt-NetAdCard-content {
  padding: 8px;
}
.mt-NetAdCard-content--horizontal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 800px) {
  .mt-NetAdCard-content--horizontal--wide {
    padding: 16px;
  }
}
.mt-NetAdCard-content--horizontal:not([class*="--wide"]) > *:not(:first-child) {
  margin: 1px 0 0;
}
.mt-NetAdCard-media {
  position: relative;
}
.mt-NetAdCard-media:not([class*="--horizontal"])::before {
  content: "";
  display: block;
  padding-top: 75%;
  width: 100%;
}
.mt-NetAdCard-media--horizontal {
  width: 100%;
  max-width: 122px;
}
@media (min-width: 800px) {
  .mt-NetAdCard-media--horizontal--wide {
    max-width: 166px;
  }
}
.mt-NetAdCard-media .sui-AtomImage {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.mt-NetAdCard-media .sui-AtomImage img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.mt-NetAdCard-favoriteButton {
  position: absolute;
  top: 0;
  right: 0;
}
.mt-NetAdCard-price {
  margin: 4px 0 0;
}
.mt-NetAdCard-priceDrop {
  display: flex;
  font-size: 14px;
  font-weight: 600;
  margin: 4px 0 0;
}
.mt-NetAdCard-priceDropIcon {
  align-self: center;
  color: #017943;
  display: flex;
}
.mt-NetAdCard-priceDropPercentage {
  color: #017943;
  margin-right: 4px;
}
.mt-NetAdCard-priceDropOriginalPrice {
  text-decoration: line-through;
}
.mt-NetAdCard-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: inherit;
  display: -webkit-box;
  margin: 8px 0 0;
  overflow: hidden;
  text-decoration: none;
}
.mt-NetAdCard-info {
  color: #606f80;
  margin: 2px 0 0;
}

.mt-NetFeedback {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  height: 100%;
}
.mt-NetFeedback-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-NetFeedback-labelOptional {
  color: rgba(0, 14, 35, 0.4);
  font-weight: 400;
  margin-left: 4px;
}
.mt-NetFeedback-footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mt-NetChatHistoryList {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mt-NetChatHistoryList-actions {
  padding: 16px;
}
.mt-NetChatHistoryList-section {
  padding: 16px 16px 24px 16px;
}
.mt-NetChatHistoryList-sectionSubtitle {
  align-items: center;
  color: rgba(0, 14, 35, 0.6784313725);
  display: flex;
  gap: 4px;
  margin: 4px 0 0 0;
}
.mt-NetChatHistoryList-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-NetChatHistoryList-item--active {
  background-color: #eef0f4;
}
.mt-NetChatHistoryList-item--active .mt-NetChatHistoryList-itemLoadingSpinner::before {
  background-color: #eef0f4;
}
.mt-NetChatHistoryList-itemButton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  color: inherit;
}
.mt-NetChatHistoryList-itemButton:hover {
  background-color: #dfe2e6;
}
.mt-NetChatHistoryList-itemButton:hover .mt-NetChatHistoryList-itemLoadingSpinner::before {
  background-color: #dfe2e6;
}
.mt-NetChatHistoryList-itemTitle {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
  font-size: 14px;
}
.mt-NetChatHistoryList-itemIcons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-NetChatHistoryList-itemLoadingSpinner {
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: linear-gradient(90deg, #e60e27 0%, #4c57ff 50%, #000e23 100%);
  animation: 1s rotate infinite linear;
}
.mt-NetChatHistoryList-itemLoadingSpinner::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 17px;
  width: 17px;
  border-radius: 17px;
  background-color: #ffffff;
}
.mt-NetChatHistoryList-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 0 16px;
  text-align: center;
}
.mt-NetChatHistoryList-emptyIllustration {
  margin-bottom: 32px;
  width: 272px;
  height: 123px;
}
.mt-NetChatHistoryList-emptyTitle {
  margin-bottom: 16px;
}
.mt-NetChatHistoryList-emptyDescription {
  color: rgba(0, 14, 35, 0.6784313725);
}

.mt-SearchSave-notification {
  color: #ffffff;
  padding: 16px 24px 16px 16px;
  text-align: initial;
  width: 325px;
}
@media (min-width: 800px) {
  .mt-SearchSave-notification {
    width: 450px;
  }
}
.mt-SearchSave-notificationAction {
  text-align: right;
}
.mt-SearchSave-notificationLayer {
  position: relative;
  z-index: 9999;
}
.mt-SearchSave-notification--success {
  background-color: #017943;
}
.mt-SearchSave-notification--warning {
  background-color: #d97703;
}
.mt-SearchSave-notification--system {
  background-color: #000e23;
}
.mt-SearchSave-popover {
  font-size: 12px;
  padding: 16px 24px 16px 16px;
}
.mt-SearchSave-popoverTrigger {
  display: inline-block;
}
.mt-SearchSave-popoverIcon {
  fill: white !important;
}
.mt-SearchSave-tooltipContent {
  font-size: 12px;
  margin: 0;
}
.mt-SearchSave button {
  font-size: 14px;
  line-height: 1.72;
}

.mt-FormContactSeller-buttonWhatsapp {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mt-FormContactSeller-contactButtons {
  display: grid;
  gap: 8px;
  grid-template-rows: 1fr;
}
.mt-FormContactSeller-contactButtons .mt-FormContactSeller-callSeller {
  margin-bottom: 0;
}
.mt-FormContactSeller-contactButtons--twoRows {
  grid-template-rows: repeat(2, 1fr);
}
.mt-FormContactSeller-contactButtons-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mt-FormContactSeller-contactButtons-divider::before, .mt-FormContactSeller-contactButtons-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #bfc5cc;
}
.mt-FormContactSeller-contactButtons-divider-circle {
  margin: 0 8px;
}

.mt-FormContactSeller-createAlert {
  margin-top: 24px;
}
.mt-FormContactSeller-createAlertText {
  margin-bottom: 16px;
  text-align: center;
}
.mt-FormContactSeller-contactConfirmation-message {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  color: #003522;
  padding: 16px;
  border-radius: 4px;
}
.mt-FormContactSeller-pta {
  align-items: center;
  flex-direction: column;
  display: flex;
  margin-top: 32px;
}
.mt-FormContactSeller-ptaContainer {
  margin-bottom: 16px;
}
.mt-FormContactSeller-ptaDescription {
  display: block;
  margin-top: 8px;
}
.mt-FormContactSeller-ptaTitle {
  text-align: left;
  font-size: 20px;
  margin: 0;
}
.mt-FormContactSeller-ptaTitle--centered {
  text-align: center;
}
.mt-FormContactSeller-ptaList-icon {
  margin-right: 4px;
}
.mt-FormContactSeller-messageSent {
  flex-direction: column;
  display: grid;
  grid-template-columns: 102px 1fr;
  gap: 16px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
  .mt-FormContactSeller-messageSent {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
.mt-FormContactSeller-messageSent--withoutAppSuggestion {
  grid-template-columns: 1fr;
  margin-bottom: 0;
}
.mt-FormContactSeller-messageSentText {
  margin: 4px 0;
}
.mt-FormContactSeller-messageSentQr {
  align-self: center;
  width: 50%;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-DrawerLeadEnrichment-close {
  display: flex;
  justify-content: flex-end;
  padding: 16px;
}
.mt-DrawerLeadEnrichment-wrapper {
  padding: 16px;
  height: 94vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mt-DrawerLeadEnrichment-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mt-DrawerLeadEnrichment-contentDescription {
  font-size: 16px;
  margin-bottom: 16px;
}
.mt-DrawerLeadEnrichment-contentMessageField {
  margin-top: 16px;
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */

.mt-FilterItemBasic-image {
  opacity: 0.5;
}
@media (min-width: 600px) {
  .mt-FilterItemBasic-image:hover {
    opacity: 1;
  }
}
.mt-FilterItemBasic-image img {
  aspect-ratio: 1.3333333333;
  object-fit: contain;
}
.mt-FilterItemBasic-imageWrapper {
  aspect-ratio: 1.3333333333;
  width: 100%;
}
.mt-FilterItemBasic-image--opacity {
  opacity: 1;
}

.sui-AtomRadioButton {
  -webkit-appearance: none;
  border-width: 2px;
  border-style: solid;
  border-color: #000e23;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
  height: 16px;
  margin-left: 8px;
  margin-right: 8px;
  outline: none;
  padding: 0;
  vertical-align: top;
  width: 16px;
}
.sui-AtomRadioButton.is-hidden {
  display: none;
}
.sui-AtomRadioButton:checked {
  background: transparent;
  border-color: #000e23;
  border-width: 6px;
}
.sui-AtomRadioButton:disabled {
  border-color: #eef0f4;
  cursor: not-allowed;
}
.sui-AtomRadioButton:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}

/* SMALL SIZE */
/* DEFAULT SIZE */
/* LARGE SIZE */
.sui-AtomSwitch {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  user-select: none;
}
.sui-AtomSwitch-container {
  align-items: center;
  box-shadow: none;
  display: flex;
  height: 34px;
  justify-content: center;
}
.sui-AtomSwitch-container--fullWidth {
  justify-content: space-between;
}
.sui-AtomSwitch .sui-AtomLabel {
  margin-bottom: 0;
}
.sui-AtomSwitch--design-single .sui-AtomLabel {
  margin-right: 16px;
  text-align: right;
}
.sui-AtomSwitch--design-single .sui-AtomSwitch-inputContainer + .sui-AtomLabel {
  margin-left: 16px;
  text-align: left;
}
.sui-AtomSwitch--design-toggle .sui-AtomLabel {
  margin-bottom: 16px;
}
.sui-AtomSwitch-text {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
}
.sui-AtomSwitch-text.sui-AtomSwitch-right {
  padding-left: 8px;
  text-align: left;
}
.sui-AtomSwitch-text.sui-AtomSwitch-left {
  padding-right: 8px;
  text-align: right;
}
.sui-AtomSwitch-text[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=false] {
  background-color: #bfc7d0;
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=false]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bfc7d0, #ffffff 10%);
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled {
  background-color: color-mix(in srgb, #bfc7d0 70%, transparent);
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=true] {
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23);
  background-color: #000e23;
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=true]:hover {
  transition-duration: 0ms;
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=true]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23, #ffffff 20%);
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled {
  background-color: color-mix(in srgb, #000e23 70%, transparent);
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
  box-shadow: 0 0 4px 1px color-mix(in srgb, var(--c-base, white) 60%, #000000);
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=false] .sui-AtomSwitch-circle, .sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled .sui-AtomSwitch-circle, .sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled .sui-AtomSwitch-circle {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=false]:focus-visible, .sui-AtomSwitch--color-primary .sui-AtomSwitch-inputContainer[aria-checked=true]:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=false] {
  background-color: #bfc7d0;
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=false]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bfc7d0, #ffffff 10%);
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled {
  background-color: color-mix(in srgb, #bfc7d0 70%, transparent);
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=true] {
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #e60e27);
  background-color: #e60e27;
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=true]:hover {
  transition-duration: 0ms;
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=true]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27, #ffffff 20%);
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled {
  background-color: color-mix(in srgb, #e60e27 70%, transparent);
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
  box-shadow: 0 0 4px 1px color-mix(in srgb, var(--c-base, white) 60%, #000000);
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=false] .sui-AtomSwitch-circle, .sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled .sui-AtomSwitch-circle, .sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled .sui-AtomSwitch-circle {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=false]:focus-visible, .sui-AtomSwitch--color-accent .sui-AtomSwitch-inputContainer[aria-checked=true]:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=false] {
  background-color: #bfc7d0;
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=false]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bfc7d0, #ffffff 10%);
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled {
  background-color: color-mix(in srgb, #bfc7d0 70%, transparent);
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=true] {
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  background-color: #017943;
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=true]:hover {
  transition-duration: 0ms;
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=true]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943, #ffffff 20%);
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled {
  background-color: color-mix(in srgb, #017943 70%, transparent);
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
  box-shadow: 0 0 4px 1px color-mix(in srgb, var(--c-base, white) 60%, #000000);
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=false] .sui-AtomSwitch-circle, .sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled .sui-AtomSwitch-circle, .sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled .sui-AtomSwitch-circle {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=false]:focus-visible, .sui-AtomSwitch--color-success .sui-AtomSwitch-inputContainer[aria-checked=true]:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=false] {
  background-color: #bfc7d0;
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=false]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bfc7d0, #ffffff 10%);
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled {
  background-color: color-mix(in srgb, #bfc7d0 70%, transparent);
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=true] {
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #d97703);
  background-color: #d97703;
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=true]:hover {
  transition-duration: 0ms;
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=true]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703, #ffffff 20%);
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled {
  background-color: color-mix(in srgb, #d97703 70%, transparent);
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
  box-shadow: 0 0 4px 1px color-mix(in srgb, var(--c-base, white) 60%, #000000);
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=false] .sui-AtomSwitch-circle, .sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled .sui-AtomSwitch-circle, .sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled .sui-AtomSwitch-circle {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=false]:focus-visible, .sui-AtomSwitch--color-alert .sui-AtomSwitch-inputContainer[aria-checked=true]:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=false] {
  background-color: #bfc7d0;
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=false]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bfc7d0, #ffffff 10%);
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled {
  background-color: color-mix(in srgb, #bfc7d0 70%, transparent);
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=true] {
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  background-color: #b21229;
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=true]:hover {
  transition-duration: 0ms;
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=true]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229, #ffffff 20%);
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled {
  background-color: color-mix(in srgb, #b21229 70%, transparent);
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
  box-shadow: 0 0 4px 1px color-mix(in srgb, var(--c-base, white) 60%, #000000);
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=false] .sui-AtomSwitch-circle, .sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled .sui-AtomSwitch-circle, .sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled .sui-AtomSwitch-circle {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=false]:focus-visible, .sui-AtomSwitch--color-error .sui-AtomSwitch-inputContainer[aria-checked=true]:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=false] {
  background-color: #bfc7d0;
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=false]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bfc7d0, #ffffff 10%);
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled {
  background-color: color-mix(in srgb, #bfc7d0 70%, transparent);
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=true] {
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #777777);
  background-color: #777777;
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=true]:hover {
  transition-duration: 0ms;
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=true]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777, #ffffff 20%);
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled {
  background-color: color-mix(in srgb, #777777 70%, transparent);
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
  box-shadow: 0 0 4px 1px color-mix(in srgb, var(--c-base, white) 60%, #000000);
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=false] .sui-AtomSwitch-circle, .sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled .sui-AtomSwitch-circle, .sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled .sui-AtomSwitch-circle {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=false]:focus-visible, .sui-AtomSwitch--color-neutral .sui-AtomSwitch-inputContainer[aria-checked=true]:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=false] {
  background-color: #bfc7d0;
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=false]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bfc7d0, #000000 10%);
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled {
  background-color: color-mix(in srgb, #bfc7d0 70%, transparent);
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=true] {
  border-color: color-mix(in srgb, var(--c-base, white) 20%, #ffffff);
  background-color: #ffffff;
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=true]:hover {
  transition-duration: 0ms;
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=true]:hover:not(:disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff, #000000 20%);
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled {
  background-color: color-mix(in srgb, #ffffff 70%, transparent);
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
  box-shadow: 0 0 4px 1px color-mix(in srgb, var(--c-base, white) 60%, #000000);
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=false] .sui-AtomSwitch-circle, .sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  background-color: #ffffff;
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=false]:disabled .sui-AtomSwitch-circle, .sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=true]:disabled .sui-AtomSwitch-circle {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=false]:focus-visible, .sui-AtomSwitch--color-surface .sui-AtomSwitch-inputContainer[aria-checked=true]:focus-visible {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomSwitch-inputContainer {
  border-radius: 20px;
  box-sizing: border-box;
  cursor: pointer;
  height: 24px;
  min-width: 40px;
  outline: none;
  padding: 0;
  position: relative;
  transition: margin-left 0.2s ease-in-out, background-color 0.2s ease;
  width: 40px;
  overflow: hidden;
}
.sui-AtomSwitch-inputContainer[aria-checked=true]:focus-visible, .sui-AtomSwitch-inputContainer:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.sui-AtomSwitch-inputContainer:disabled {
  cursor: not-allowed;
}
.sui-AtomSwitch-inputContainer:disabled .sui-AtomSwitch-circle {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 2px solid #bfc7d0;
}
.sui-AtomSwitch-inputContainer[aria-checked=true] {
  border: 2px solid color-mix(in srgb, var(--c-base-inverse, black) 40%, #000e23);
  cursor: pointer;
}
.sui-AtomSwitch-inputContainer[aria-checked=true]:disabled {
  cursor: not-allowed;
}
.sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-icon-left {
  color: #000e23;
}
.sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-icon-right {
  color: transparent;
}
.sui-AtomSwitch-inputContainer[aria-checked=true] .sui-AtomSwitch-circle {
  box-shadow: 0 0 4px 1px color-mix(in srgb, var(--c-base, white) 60%, #000000);
}
.sui-AtomSwitch-inputContainer .sui-AtomSwitch-circle {
  box-sizing: border-box;
  border-radius: 11px;
  height: 20px;
  width: 20px;
  transition: margin-left 0.2s ease-in-out;
  margin: 0px;
  display: block;
}
.sui-AtomSwitch-inputContainer .sui-AtomSwitch-circleLoading {
  color: currentColor;
  height: 60%;
  left: 20%;
  position: relative;
  top: 20%;
  width: 60%;
}
.sui-AtomSwitch-inputContainer .sui-AtomSwitch-icon-right,
.sui-AtomSwitch-inputContainer .sui-AtomSwitch-icon-left {
  position: absolute;
  box-sizing: border-box;
  font-size: 1rem;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  width: 20px;
  height: 20px;
  justify-content: center;
  margin: 0;
  overflow: hidden;
}
.sui-AtomSwitch-inputContainer .sui-AtomSwitch-icon-right {
  right: 0;
  transition: color 0.1s ease-in-out;
  color: transparent;
}
.sui-AtomSwitch-inputContainer .sui-AtomSwitch-icon-left {
  left: 0;
  transition: color 0.2s ease-in-out 0.2s;
  color: 2px solid #bfc7d0;
}
.sui-AtomSwitch-inputContainer--position-right[aria-checked=true] .sui-AtomSwitch-icon-left {
  color: transparent;
}
.sui-AtomSwitch-inputContainer--position-right[aria-checked=true] .sui-AtomSwitch-icon-right {
  color: #000e23;
}
.sui-AtomSwitch-inputContainer--position-right .sui-AtomSwitch-circle {
  margin-left: 16px;
}
.sui-AtomSwitch-inputContainer--position-right .sui-AtomSwitch-icon-right {
  transition: color 0.2s ease-in-out 0.2s;
}
.sui-AtomSwitch-inputContainer--position-right .sui-AtomSwitch-icon-left {
  transition: color 0.1s ease-in-out;
}
.sui-AtomSwitch-inputContainer--position-left .sui-AtomSwitch-circle {
  margin-left: 0;
}
.sui-AtomSwitch--size-small .sui-AtomSwitch-container {
  height: 26px;
  padding-bottom: 4px;
  padding-top: 4px;
}
.sui-AtomSwitch--size-small .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer {
  height: 16px;
  min-width: 24px;
  width: 24px;
}
.sui-AtomSwitch--size-small .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer .sui-AtomSwitch-circle {
  border-radius: 12px;
  height: 14px;
  width: 14px;
}
.sui-AtomSwitch--size-small .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer .sui-AtomSwitch-circleLoading {
  height: 70%;
  left: 15%;
  top: -10%;
  width: 70%;
}
.sui-AtomSwitch--size-small .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer--position-right .sui-AtomSwitch-circle {
  margin-left: 8px;
}
.sui-AtomSwitch--size-small .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer--position-left .sui-AtomSwitch-circle {
  margin-left: 0;
}
.sui-AtomSwitch--size-small .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer .sui-AtomSwitch-icon-right,
.sui-AtomSwitch--size-small .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer .sui-AtomSwitch-icon-left {
  font-size: 0.6666666667rem;
  width: 14px;
  height: 14px;
}
.sui-AtomSwitch--size-large .sui-AtomSwitch-container {
  height: 42px;
  padding-bottom: 4px;
  padding-top: 4px;
}
.sui-AtomSwitch--size-large .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer {
  border-width: 3px;
  height: 32px;
  min-width: 56px;
  width: 56px;
}
.sui-AtomSwitch--size-large .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer .sui-AtomSwitch-circle {
  border-radius: 28px;
  height: 26px;
  width: 26px;
}
.sui-AtomSwitch--size-large .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer--position-right .sui-AtomSwitch-circle {
  margin-left: 24px;
}
.sui-AtomSwitch--size-large .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer--position-left .sui-AtomSwitch-circle {
  margin-left: 0;
}
.sui-AtomSwitch--size-large .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer .sui-AtomSwitch-icon-right,
.sui-AtomSwitch--size-large .sui-AtomSwitch-container .sui-AtomSwitch-inputContainer .sui-AtomSwitch-icon-left {
  font-size: 1.5rem;
  width: 30px;
  height: 30px;
}
.sui-AtomSwitch--fullWidth {
  width: 100%;
}
.sui-AtomSwitch--fullWidth .sui-AtomLabel {
  text-align: left;
}

.mt-FilterItemBasicContent-main {
  align-items: center;
  display: flex;
  gap: 16px;
}
.mt-FilterItemBasicContent-main--rowReverse {
  flex-direction: row-reverse;
}
.mt-FilterItemBasicContent-main--column {
  flex-direction: column;
  gap: 0;
  padding: 0;
}
.mt-FilterItemBasicContent-mainLabelWrapper {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  width: 100%;
}
.mt-FilterItemBasicContent-mainLabelWrapper--rowReverse {
  flex-direction: row-reverse;
}
.mt-FilterItemBasicContent-mainLabelText {
  display: block;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mt-FilterItemBasicContent-mainLabelText :not(.mt-FilterItemBasicContent--fullWidth) {
  white-space: nowrap;
}
.mt-FilterItemBasicContent-mainLabelText--bold {
  font-weight: 600;
}
.mt-FilterItemBasicContent-mainLabelTextWrapper {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  width: 100%;
}
.mt-FilterItemBasicContent-mainLabelTextWrapper--column {
  gap: 8px;
  justify-content: center;
  padding: 0 8px 16px;
}
.mt-FilterItemBasicContent-mainLabelTextWrapper--rightIcon {
  justify-content: flex-start;
}
.mt-FilterItemBasicContent-mainLabelRightIcon {
  margin-left: 8px;
}
.mt-FilterItemBasicContent-mainLabelIcon {
  align-items: center;
  display: flex;
  height: 24px;
  margin-right: 4px;
}
.mt-FilterItemBasic-default--rowReverse .mt-FilterItemBasicContent-mainLabelIcon, .mt-FilterItemBasic-default--columnReverse .mt-FilterItemBasicContent-mainLabelIcon {
  margin-right: 0;
}
.mt-FilterItemBasicContent-mainImageLabelIcon {
  height: 24px;
  width: 24px;
}
.mt-FilterItemBasicContent-mainExtendedInfo {
  color: #606f80;
  margin: 0;
}
.mt-FilterItemBasicContent-attributes {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.mt-FilterItemBasicContent-attributesItem {
  border-bottom: 1px solid #bfc7d0;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 0;
}
.mt-FilterItemBasicContent-attributesItemValue {
  font-weight: 700;
}
.mt-FilterItemBasicContent-description {
  margin: 0;
}

.mt-FilterItemBasic {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.mt-FilterItemBasic:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.mt-FilterItemBasic--highlighted {
  background-color: #f5f5f5;
}
.mt-FilterItemBasic--fullWidth {
  padding-inline: 0;
}
.mt-FilterItemBasic--flatOutlined {
  border: 1px solid #bfc7d0;
  border-radius: 8px;
  padding: 0;
}
.mt-FilterItemBasic--flatOutlined.mt-FilterItemBasic--selected {
  border: 2px solid #000e23;
}
.mt-FilterItemBasic--outlined {
  border: 1px solid #bfc7d0;
  border-radius: 8px;
}
.mt-FilterItemBasic--outlined.mt-FilterItemBasic--fullWidth {
  padding-inline: 16px;
}
.mt-FilterItemBasic--outlined.mt-FilterItemBasic--selected {
  border: 2px solid #000e23;
}
.mt-FilterItemBasic--roundedOutlined {
  border: 1px solid #bfc7d0;
  border-radius: 28px;
  padding: 8px;
}
.mt-FilterItemBasic--roundedOutlined.mt-FilterItemBasic--selected {
  border: 2px solid #000e23;
  background-color: rgba(0, 14, 35, 0.1607843137);
}
.mt-FilterItemBasic--roundedOutlined.mt-FilterItemBasic--fullWidth {
  padding-inline: 8px;
}
.mt-FilterItemBasic--paddingLess {
  padding: 0;
}
.mt-FilterItemBasic--disabled, .mt-FilterItemBasic--disabled:hover {
  background-color: transparent;
  cursor: default;
}

.mt-FilterBasic-label {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.mt-FilterBasicInputNumber-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-4px);
  visibility: hidden;
  transition: max-height 0.2s ease, opacity 0.15s ease, transform 0.15s ease, padding-top 0.2s ease, visibility 0s linear 0.2s;
  pointer-events: none;
}
.mt-FilterBasicInputNumber-chips--visible {
  max-height: 200px;
  padding-top: 16px;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition: max-height 0.2s ease, opacity 0.15s ease, transform 0.15s ease, padding-top 0.2s ease, visibility 0s;
  pointer-events: auto;
}
.mt-FilterBasicInputNumber-chipsItem {
  font-size: 14px;
  font-weight: 600;
}

.mt-FilterBasic-list, .mt-FilterBasic-listNested {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.mt-FilterBasic-list--spaced, .mt-FilterBasic-listNested--spaced {
  gap: 16px;
}
.mt-FilterBasic-list--scrollable, .mt-FilterBasic-listNested--scrollable {
  overflow: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.mt-FilterBasic-list--scrollable::-webkit-scrollbar, .mt-FilterBasic-listNested--scrollable::-webkit-scrollbar {
  display: none;
}
.mt-FilterBasic-list--row, .mt-FilterBasic-listNested--row {
  flex-direction: row;
  gap: 8px;
}
.mt-FilterBasic-list--rowRounded, .mt-FilterBasic-listNested--rowRounded {
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.mt-FilterBasic-list--gridColumn, .mt-FilterBasic-listNested--gridColumn {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
}
.mt-FilterBasic-list--withDivider .mt-FilterBasic-listItem:not(:last-child), .mt-FilterBasic-listNested--withDivider .mt-FilterBasic-listItem:not(:last-child) {
  border-bottom: 1px solid #bfc7d0;
}
.mt-FilterBasic-listItem, .mt-FilterBasic-listItemNested, .mt-FilterBasic-listNestedItem, .mt-FilterBasic-listNestedItemNested {
  background-color: #ffffff;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-FilterBasic-list--row .mt-FilterBasic-listItem, .mt-FilterBasic-list--row .mt-FilterBasic-listItemNested, .mt-FilterBasic-list--row .mt-FilterBasic-listNestedItem, .mt-FilterBasic-list--row .mt-FilterBasic-listNestedItemNested {
  flex: 0 0 85px;
  min-width: 0;
}
.mt-FilterBasic-list--rowRounded .mt-FilterBasic-listItem, .mt-FilterBasic-list--rowRounded .mt-FilterBasic-listItemNested, .mt-FilterBasic-list--rowRounded .mt-FilterBasic-listNestedItem, .mt-FilterBasic-list--rowRounded .mt-FilterBasic-listNestedItemNested {
  min-width: 0;
}
.mt-FilterBasic-listItem--sticky, .mt-FilterBasic-listItemNested--sticky, .mt-FilterBasic-listNestedItem--sticky, .mt-FilterBasic-listNestedItemNested--sticky {
  position: sticky;
  top: 0;
}
.mt-FilterBasic-listItem--highlighted, .mt-FilterBasic-listItemNested--highlighted, .mt-FilterBasic-listNestedItem--highlighted, .mt-FilterBasic-listNestedItemNested--highlighted {
  background-color: #eef0f4;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-FilterBasic-listItem--highlighted:first-child, .mt-FilterBasic-listItemNested--highlighted:first-child, .mt-FilterBasic-listNestedItem--highlighted:first-child, .mt-FilterBasic-listNestedItemNested--highlighted:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.mt-FilterBasic-listItem--highlighted:last-child, .mt-FilterBasic-listItemNested--highlighted:last-child, .mt-FilterBasic-listNestedItem--highlighted:last-child, .mt-FilterBasic-listNestedItemNested--highlighted:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mt-FilterBasic-listItem--highlighted:not(:last-child), .mt-FilterBasic-listItemNested--highlighted:not(:last-child), .mt-FilterBasic-listNestedItem--highlighted:not(:last-child), .mt-FilterBasic-listNestedItemNested--highlighted:not(:last-child) {
  border-bottom: none;
}

.mt-FilterWrapperBasic-labelWrapper {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.sui-AtomTooltip-target {
  color: inherit;
  font-size: inherit;
  margin-left: 0;
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.sui-AtomTooltip-target--wrapper {
  display: inline-flex;
}

.sui-AtomTooltip {
  display: contents;
  font-size: 14px;
  margin: 8px 8px 8px 8px;
  pointer-events: none;
  word-wrap: break-word;
}
.sui-AtomTooltip .sui-AtomTooltip-inner {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  background-color: #000000;
  border-color: #000000;
  border-radius: 8px;
  border-style: solid;
  border-width: 0;
  color: #ffffff;
  display: -webkit-box;
  line-height: 1.36;
  max-height: 120px;
  max-width: 340px;
  padding: 8px 8px 8px 8px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}
.sui-AtomTooltip .sui-AtomTooltip-arrow {
  display: block;
  height: 8px;
  position: absolute;
  width: 12px;
}
.sui-AtomTooltip .sui-AtomTooltip-arrow::before {
  border-color: transparent;
  border-bottom-color: #000000;
  border-style: solid;
  border-width: 0 6px 6px;
  bottom: 4px;
  content: "";
  position: absolute;
}
.sui-AtomTooltip .sui-AtomTooltip-arrow::after {
  border-width: 0 6px 6px 6px;
  border-color: transparent;
  border-bottom-color: #000000;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.sui-AtomTooltip--top, .sui-AtomTooltip--auto[x-placement*=top] {
  margin: 8px 0;
}
.sui-AtomTooltip--top .sui-AtomTooltip-arrow, .sui-AtomTooltip--auto[x-placement*=top] .sui-AtomTooltip-arrow {
  bottom: -4px;
  transform: rotate(180deg);
}
.sui-AtomTooltip--right, .sui-AtomTooltip--auto[x-placement*=right] {
  margin: 0 8px;
}
.sui-AtomTooltip--right .sui-AtomTooltip-arrow, .sui-AtomTooltip--auto[x-placement*=right] .sui-AtomTooltip-arrow {
  left: -6px;
  transform: rotate(-90deg);
}
.sui-AtomTooltip--bottom, .sui-AtomTooltip--auto[x-placement*=bottom] {
  margin: 8px 0;
}
.sui-AtomTooltip--bottom .sui-AtomTooltip-arrow, .sui-AtomTooltip--auto[x-placement*=bottom] .sui-AtomTooltip-arrow {
  top: -4px;
}
.sui-AtomTooltip--left, .sui-AtomTooltip--auto[x-placement*=left] {
  margin: 0 8px;
}
.sui-AtomTooltip--left .sui-AtomTooltip-arrow, .sui-AtomTooltip--auto[x-placement*=left] .sui-AtomTooltip-arrow {
  right: -6px;
  transform: rotate(90deg);
}
.sui-AtomTooltip--auto {
  z-index: 3011;
}
.sui-AtomTooltip--auto[x-placement*=top][x-placement*=start] .sui-AtomTooltip-arrow, .sui-AtomTooltip--auto[x-placement*=bottom][x-placement*=start] .sui-AtomTooltip-arrow {
  right: 8px;
  left: auto !important;
}
.sui-AtomTooltip--auto[x-placement*=top][x-placement*=end] .sui-AtomTooltip-arrow, .sui-AtomTooltip--auto[x-placement*=bottom][x-placement*=end] .sui-AtomTooltip-arrow {
  left: 8px !important;
  right: auto;
}
.sui-AtomTooltip--primaryColor .sui-AtomTooltip-inner {
  background-color: #000e23;
  border-color: #000e23;
  color: #ffffff;
}
.sui-AtomTooltip--primaryColor .sui-AtomTooltip-arrow::before, .sui-AtomTooltip--primaryColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #000e23;
}
.sui-AtomTooltip--secondaryColor .sui-AtomTooltip-inner {
  background-color: #d97703;
  border-color: #d97703;
  color: #ffffff;
}
.sui-AtomTooltip--secondaryColor .sui-AtomTooltip-arrow::before, .sui-AtomTooltip--secondaryColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #d97703;
}
.sui-AtomTooltip--accentColor .sui-AtomTooltip-inner {
  background-color: #e60e27;
  border-color: #e60e27;
  color: #ffffff;
}
.sui-AtomTooltip--accentColor .sui-AtomTooltip-arrow::before, .sui-AtomTooltip--accentColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #e60e27;
}
.sui-AtomTooltip--neutralColor .sui-AtomTooltip-inner {
  background-color: #3b4a5a;
  border-color: #3b4a5a;
  color: #ffffff;
}
.sui-AtomTooltip--neutralColor .sui-AtomTooltip-arrow::before, .sui-AtomTooltip--neutralColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #3b4a5a;
}
.sui-AtomTooltip--successColor .sui-AtomTooltip-inner {
  background-color: #017943;
  border-color: #017943;
  color: #ffffff;
}
.sui-AtomTooltip--successColor .sui-AtomTooltip-arrow::before, .sui-AtomTooltip--successColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #017943;
}
.sui-AtomTooltip--alertColor .sui-AtomTooltip-inner {
  background-color: #d97703;
  border-color: #d97703;
  color: #ffffff;
}
.sui-AtomTooltip--alertColor .sui-AtomTooltip-arrow::before, .sui-AtomTooltip--alertColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #d97703;
}
.sui-AtomTooltip--errorColor .sui-AtomTooltip-inner {
  background-color: #b21229;
  border-color: #b21229;
  color: #ffffff;
}
.sui-AtomTooltip--errorColor .sui-AtomTooltip-arrow::before, .sui-AtomTooltip--errorColor .sui-AtomTooltip-arrow::after {
  border-color: transparent;
  border-bottom-color: #b21229;
}

.mt-FilterWrapperBasic-labelWrapper, .mt-FilterWrapperBasic-legendWrapper {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}
.mt-FilterWrapperBasic-legendWrapper {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

.mt-FilterWrapperBasic-searchBar {
  background-color: #ffffff;
  padding: 4px;
  position: sticky;
  top: 0;
}

.sui-MoleculeSelectPopover {
  display: inline-block;
  position: relative;
}
.sui-MoleculeSelectPopover.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.sui-MoleculeSelectPopover-select {
  align-items: center;
  background: transparent;
  border: 1px solid #bfc7d0;
  border-radius: 8px;
  box-sizing: border-box;
  color: #606f80;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
  max-width: 250px;
  overflow: hidden;
  padding: 8px 16px;
  user-select: none;
}
.sui-MoleculeSelectPopover-select--squared {
  border-radius: 0px;
}
.sui-MoleculeSelectPopover-select--rounded {
  border-radius: 8px;
}
.sui-MoleculeSelectPopover-select--circular {
  border-radius: 20px;
}
.sui-MoleculeSelectPopover-select--withRemoveOption {
  padding: 8px 0 8px 16px;
}
.sui-MoleculeSelectPopover-selectText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sui-MoleculeSelectPopover-selectIcon {
  margin-left: 8px;
}
.sui-MoleculeSelectPopover-selectIcon--withRemoveOption {
  display: flex;
}
.sui-MoleculeSelectPopover-select:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.sui-MoleculeSelectPopover-select:hover, .sui-MoleculeSelectPopover-select.is-open {
  background-color: #eef0f4;
  border-color: #eef0f4;
}
.sui-MoleculeSelectPopover-select.is-open {
  color: #000e23;
}
.sui-MoleculeSelectPopover-select.is-open .sui-MoleculeSelectPopover-selectIcon {
  transform: rotate(180deg);
}
.sui-MoleculeSelectPopover-select.is-selected {
  background-color: transparent;
  border-color: #bfc7d0;
  color: #000e23;
}
.sui-MoleculeSelectPopover-select--m {
  height: 40px;
}
.sui-MoleculeSelectPopover-select--s {
  height: 32px;
}
.sui-MoleculeSelectPopover-select--xs {
  height: 24px;
}
.sui-MoleculeSelectPopover-popover {
  background-color: #ffffff;
  border: solid 1px #eef0f4;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  margin-top: 8px;
  position: absolute;
  min-width: 344px;
  z-index: 900;
}
.sui-MoleculeSelectPopover-popoverActionBar {
  border-top: solid 1px #eef0f4;
  padding: 16px;
  text-align: right;
  width: 100%;
  box-sizing: border-box;
}
.sui-MoleculeSelectPopover-popover--right {
  left: 0;
}
.sui-MoleculeSelectPopover-popover--left {
  right: 0;
}
.sui-MoleculeSelectPopover--fullWidth {
  display: block;
}
.sui-MoleculeSelectPopover--fullWidth .sui-MoleculeSelectPopover-select {
  max-width: none;
  width: 100%;
}
.sui-MoleculeSelectPopover--hasCustomWrapper .sui-MoleculeSelectPopover-selectIcon {
  transform: rotate(-90deg) !important;
}
.sui-MoleculeSelectPopover--hasCustomWrapper .is-open .sui-MoleculeSelectPopover-selectIcon {
  transform: rotate(-90deg) !important;
}
.sui-MoleculeSelectPopover-overlay--dark {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}
.sui-MoleculeSelectPopover-overlay--light {
  background-color: #ffffff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}

.mt-FilterWrapperBasic-selectPopoverContent {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  max-height: 400px;
  overflow-y: scroll;
  padding: 0 16px 16px;
}
.mt-FilterWrapperBasic-selectPopoverContent--noFlex {
  display: block;
}
.mt-FilterWrapperBasic-selectPopoverContent--fullHeightVisibleScroll {
  height: 100%;
  max-height: 100%;
  overflow: visible;
}
.mt-FilterWrapperBasic-selectPopoverContent--topPaddingLess {
  padding-top: 0;
}
.mt-FilterWrapperBasic-selectPopover--right .sui-MoleculeSelectPopover-popover {
  left: 100%;
  margin-left: 16px;
  margin-top: 0;
  top: 0;
}
.mt-FilterWrapperBasic-selectPopover--centerToCustomRelative .sui-MoleculeSelectPopover {
  position: unset;
}
.mt-FilterWrapperBasic-selectPopover--centerToCustomRelative .sui-MoleculeSelectPopover-popover {
  left: 8px;
  right: 8px;
}

.mt-FilterWrapperBasic-selectPopovers {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-FilterWrapperBasic-selectPopovers--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}
.mt-FilterWrapperBasic-selectPopoversItem {
  flex: 1;
}

.mt-FilterWrapperBasic-fieldset {
  border-color: transparent;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.mt-FormContactSeller {
  padding: 16px;
}
.mt-FormContactSeller.is-modal {
  padding: 0;
}
.mt-FormContactSeller-callSeller {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.mt-FormContactSeller-formField {
  margin-bottom: 16px;
}
.mt-FormContactSeller-tradeInFields {
  margin: 8px 0 24px;
}
.mt-FormContactSeller-tradeInFieldsPlate {
  margin-top: 8px;
}
.mt-FormContactSeller-checkboxLabel {
  display: block;
  font-size: 12px;
}
.mt-FormContactSeller-link {
  color: #000e23;
  font-weight: 600;
  text-decoration: underline;
}
.mt-FormContactSeller-genericError {
  color: #b21229;
  font-size: 12px;
}
.mt-FormContactSeller-captcha {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
@media (min-width: 970px) {
  .mt-FormContactSeller-captcha {
    transform: scale(0.65);
  }
}

body > div:has(iframe[src*="recaptcha/api2/bframe"]) {
  pointer-events: auto;
}

.mt-FilterItemBasic--roundedOutlined {
  border: 2px solid #bfc7d0;
}

.mt-NetDrawer-chat {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mt-NetDrawer-chat-titleHeader, .mt-NetDrawer-chat-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
}
.mt-NetDrawer-chat-titleHeader {
  gap: 8px;
}
.mt-NetDrawer-chat-userName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.mt-NetDrawer-chat-buttons {
  gap: 16px;
}
.mt-NetDrawer-chat-title {
  background: linear-gradient(90deg, #e60e27 0%, #4c57ff 35.95%, #000e23 71.22%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mt-NetDrawer-chat-restoring {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  padding: 0 16px;
}
.mt-NetDrawer-chat-restoring--user {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px 0;
}
.mt-NetDrawer-chat-restoring--assistant {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px 0;
}

.mt-NetDrawer-contactFrom {
  padding: 16px 24px;
}

.mt-NetDrawerNotification {
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 16px;
  z-index: 10099;
  width: 100%;
}
.mt-NetDrawerNotification--small {
  max-width: 330px;
}

.mt-NetDrawer {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100vw;
}
@media (min-width: 800px) {
  .mt-NetDrawer {
    width: 400px;
  }
}
.mt-NetDrawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px;
}
.mt-NetDrawer-header-logo {
  flex: 0 0 auto;
  height: 24px;
  width: auto;
}
.mt-NetDrawer-header-left, .mt-NetDrawer-header-right {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mt-NetDrawer-header-title {
  margin: 0;
}
.mt-NetDrawer-content {
  flex: 1;
  overflow-y: auto;
}
.mt-NetDrawer-footer {
  padding: 8px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-NetDrawer-footer-terms {
  display: block;
  text-align: center;
}
.mt-NetDrawer-footer-terms-link {
  color: currentColor;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}

.mt-SharedCardsCarousel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-SharedCardsCarousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mt-SharedCardsCarousel-nav {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  margin-left: auto;
}
.mt-SharedCardsCarousel-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  padding: 2px;
  scroll-padding-inline: 2px;
}
.mt-SharedCardsCarousel-track::-webkit-scrollbar {
  display: none;
}
.mt-SharedCardsCarousel-track > * {
  flex: 0 0 auto;
  scroll-snap-align: start;
}
.mt-SharedCardsCarousel-track > *:has(> :only-child) {
  display: flex;
  flex-direction: column;
}
.mt-SharedCardsCarousel-track > *:has(> :only-child) > :only-child {
  flex: 1;
}

.mt-BlockedUserToast {
  left: 0;
  padding-bottom: 16px;
  right: 0;
  top: 0;
  z-index: 9999;
}
.mt-BlockedUserToast .sui-MoleculeNotification-iconLeft {
  display: none;
}
.mt-BlockedUserToast.mt-BlockedUserToast--fixed {
  padding: 16px;
  position: fixed;
}
@media (min-width: 800px) {
  .mt-BlockedUserToast {
    bottom: 0;
    top: auto;
  }
}
.mt-BlockedUserToast-toast {
  border-radius: 8px;
  width: 100%;
}
.mt-BlockedUserToast-toastTitle {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
.mt-BlockedUserToast-toastText {
  margin: 8px 0 0;
  font-size: 16px;
  font-weight: 400;
}
.mt-BlockedUserToast-toastCloseIcon {
  color: #ffffff;
  fill: currentColor;
}
.mt-BlockedUserToast-toastButton {
  display: flex;
  justify-content: end;
}

.mt-ContactCardV2-phoneAction {
  display: flex;
  flex: 1 1 auto;
}
.mt-ContactCardV2-phoneAction .sui-AtomButton {
  min-height: 48px;
}
.mt-ContactCardV2-phoneAction--iconOnly .sui-AtomButton-content {
  border-width: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.mt-ContactCardV2-actionWhatsapp--solid {
  --adv-btn-bg: #25d366;
  --adv-btn-border: #25d366;
  --adv-btn-color: #1c1e21;
}

.mt-ContactCardV2-actionWhatsapp {
  min-height: 48px;
}

.mt-ContactCardV2-actions {
  margin-top: -8px;
}

.mt-ContactCardV2-actionWhatsapp--iconOnly {
  min-width: 48px;
}

.mt-ContactCardV2-inset {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}
.mt-ContactCardV2-inset--collapsed {
  padding-inline: 16px;
}

.mt-ContactFormV2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-ContactFormV2-form, .mt-ContactFormV2-fields, .mt-ContactFormV2-drawerBody {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-ContactFormV2-drawerSuccessHeader {
  align-items: center;
  color: var(--color-success);
  display: flex;
  gap: 8px;
}
.mt-ContactFormV2-drawerSuccessTitle {
  color: var(--color-success);
}
.mt-ContactFormV2-drawerSuccessIcon {
  height: 24px;
  width: 24px;
}
.mt-ContactFormV2-drawerPopup--bottom {
  max-height: 85vh;
}
.mt-ContactFormV2-drawerPopup--bottom .mt-ContactFormV2-drawerBody {
  padding-bottom: 0;
}
.mt-ContactFormV2-drawerPopup--bottom .mt-ContactFormV2-submit {
  background-color: var(--color-surface);
  bottom: 0;
  padding-block: 0 var(--space-intermediate);
  position: sticky;
}
.mt-ContactFormV2-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-ContactFormV2-success {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 24px;
}
@media (min-width: 800px) {
  .mt-ContactFormV2-success {
    gap: 24px;
    padding-bottom: 0;
  }
}
.mt-ContactFormV2-checks {
  display: flex;
  flex-direction: column;
}
.mt-ContactFormV2-checks:empty {
  display: none;
}
.mt-ContactFormV2-contactingAs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-ContactFormV2-contactingAs-identity {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}
.mt-ContactFormV2-contactingAs-text {
  display: flex;
  flex-direction: column;
}
.mt-ContactFormV2-divider {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-ContactFormV2-divider::before, .mt-ContactFormV2-divider::after {
  border-top: 1px solid color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
  content: "";
  flex: 1;
}
.mt-ContactFormV2-dividerLabel {
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
}
.mt-ContactFormV2-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-ContactFormV2-fieldRow {
  display: flex;
  gap: 8px;
}
.mt-ContactFormV2-fieldRow > * {
  flex: 1;
  min-width: 0;
}
.mt-ContactFormV2-intentions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-ContactFormV2-intentionsGroup {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-ContactFormV2-intentionsTitle {
  font-weight: bold;
}
.mt-ContactFormV2-link {
  font-weight: bold;
  text-decoration: underline;
}
.mt-ContactFormV2-captchaError {
  color: var(--color-error);
}
.mt-ContactFormV2-blockedStatus:empty {
  position: absolute;
}
.mt-ContactFormV2-resultStatus {
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.mt-ContactFormV2-app {
  align-items: center;
  background-color: #d9ebe3;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  padding: 16px;
}
.mt-ContactFormV2-app--mobile {
  align-items: stretch;
  flex-direction: column;
  gap: 16px;
}
.mt-ContactFormV2-appRow {
  align-items: center;
  display: flex;
  gap: 12px;
}
.mt-ContactFormV2-appCopy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-ContactFormV2-appIllustration {
  flex: 0 0 auto;
  height: 96px;
  width: 96px;
}
.mt-ContactFormV2-crossSellCopy {
  display: flex;
  flex-direction: column;
}
.mt-ContactFormV2-crossSellCtaIcon {
  align-items: center;
  display: inline-flex;
}
.mt-ContactFormV2-appQrImage {
  flex: 0 0 auto;
  height: 120px;
  width: 120px;
}
.mt-ContactFormV2-crossSell {
  align-items: flex-start;
  border: 1px solid #bfc5cc;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
}

.mt-SellerInfo {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-SellerInfo-profile {
  align-items: center;
  display: flex;
  gap: 16px;
}
.mt-SellerInfo-logo {
  border-radius: 8px;
  flex-shrink: 0;
  height: 56px;
  overflow: hidden;
  width: 75px;
}
.mt-SellerInfo-text {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.mt-SellerInfo-name {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 0;
}
.mt-SellerInfo-nameValue, .mt-SellerInfo-location {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-SellerInfo-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.mt-SellerInfo-rating {
  align-items: center;
  color: var(--color-alert-pressed);
  display: flex;
  gap: 4px;
}

.mt-StickyContactBar {
  align-items: center;
  background-color: #ffffff;
  bottom: 0;
  box-sizing: border-box;
  display: grid;
  gap: 8px;
  inset-inline: 0;
  min-height: 80px;
  padding: 16px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
  position: fixed;
  transform: translateY(100%);
  visibility: hidden;
  z-index: 3;
}
.mt-StickyContactBar--visible {
  transform: translateY(0);
  visibility: visible;
}
.mt-StickyContactBar--singleColumn {
  grid-template-columns: 1fr;
}
.mt-StickyContactBar--twoColumns {
  grid-template-columns: repeat(2, 1fr);
}
.mt-StickyContactBar--threeColumns {
  grid-template-columns: repeat(3, 1fr);
}
.mt-StickyContactBar--whatsappLayout {
  grid-template-columns: 1fr 1fr 148px;
}
.mt-StickyContactBar-canariasBanner {
  grid-column: 1/-1;
  margin-block-start: -16px;
  margin-inline: -16px;
}
.mt-StickyContactBar-slot {
  display: flex;
  min-height: 48px;
}
@media (min-width: 1300px) {
  .mt-StickyContactBar {
    display: none;
  }
}

.mt-ModalLastCall-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  min-height: 370px;
}
@media (min-width: 800px) {
  .mt-ModalLastCall-container {
    flex-direction: row;
    gap: 0;
  }
}
@media (min-width: 800px) {
  .mt-ModalLastCall-containerItem {
    flex: 1;
  }
}
.mt-ModalLastCall-image {
  min-height: 172px;
}
@media (min-width: 800px) {
  .mt-ModalLastCall-image {
    min-height: 241px;
  }
}
@media (min-width: 800px) {
  .mt-ModalLastCall-imageWrapper {
    display: flex;
    justify-content: center;
  }
}
.mt-ModalLastCall-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
@media (min-width: 800px) {
  .mt-ModalLastCall-content {
    padding: 24px;
    margin: 0;
  }
}
.mt-ModalLastCall-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
  width: 100%;
}
.mt-ModalLastCall-longDistancePanel {
  margin-bottom: 8px;
}
.mt-ModalLastCall-hintWrapper {
  color: #606f80;
  display: flex;
  font-size: 14px;
  gap: 4px;
  line-height: 1.36;
  padding-top: 8px;
}
.mt-ModalLastCall-hint {
  margin: 0;
}
.mt-ModalLastCall-contentText {
  font-size: 16px;
  margin: 4px 0 24px;
}

/* sass-lint:disable no-important */

.mt-ModalRelatedAds-message {
  margin: 8px 0 32px !important;
}
.mt-ModalRelatedAds-notification {
  line-height: 1.72;
}

.sui-MoleculeModal, .sui-MoleculeModal::before {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.sui-MoleculeModal-Overlay {
  background-color: color-mix(in srgb, #000000 60%, transparent);
  position: fixed;
  inset: 0;
  display: block;
  top: 0;
  bottom: 0;
  z-index: 3009;
}
.sui-MoleculeModal-Overlay[data-animation=true][data-state=open] {
  animation: sui-modal-overlay-fade-in 250ms ease-in;
}
.sui-MoleculeModal-Overlay[data-animation=true][data-state=closed] {
  animation: sui-modal-overlay-fade-out 250ms ease-out;
}
@keyframes sui-modal-overlay-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sui-modal-overlay-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.sui-MoleculeModal-Content {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  width: 100dvw;
  height: 100dvh;
  border-radius: 0;
  z-index: 3010;
  overflow: hidden;
}
.sui-MoleculeModal-Content-Container {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow-y: auto;
  border-radius: 0;
}
@media (min-width: 480px) {
  .sui-MoleculeModal-Content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    padding: 0;
  }
  .sui-MoleculeModal-Content--size-xsmall {
    height: fit-content;
    max-width: 384px;
    width: calc(100% - 48px);
    max-height: calc(100% - 32px);
    padding: 8px;
  }
  .sui-MoleculeModal-Content--size-xsmall .sui-MoleculeModal-Content-Container {
    border-radius: 8px;
    box-shadow: 0 0 8px 4px color-mix(in srgb, #000000 10%, transparent);
  }
  .sui-MoleculeModal-Content--size-small {
    height: fit-content;
    max-width: 448px;
    width: calc(100% - 48px);
    max-height: calc(100% - 32px);
    padding: 8px;
  }
  .sui-MoleculeModal-Content--size-small .sui-MoleculeModal-Content-Container {
    border-radius: 8px;
    box-shadow: 0 0 8px 4px color-mix(in srgb, #000000 10%, transparent);
  }
  .sui-MoleculeModal-Content--size-medium {
    height: fit-content;
    max-width: 675px;
    width: calc(100% - 48px);
    max-height: calc(100% - 32px);
    padding: 8px;
  }
  .sui-MoleculeModal-Content--size-medium .sui-MoleculeModal-Content-Container {
    border-radius: 8px;
    box-shadow: 0 0 8px 4px color-mix(in srgb, #000000 10%, transparent);
  }
  .sui-MoleculeModal-Content--size-large {
    height: fit-content;
    max-width: 800px;
    width: calc(100% - 48px);
    max-height: calc(100% - 32px);
    padding: 8px;
  }
  .sui-MoleculeModal-Content--size-large .sui-MoleculeModal-Content-Container {
    border-radius: 8px;
    box-shadow: 0 0 8px 4px color-mix(in srgb, #000000 10%, transparent);
  }
  .sui-MoleculeModal-Content--size-full {
    height: fit-content;
    max-width: 100%;
    width: calc(100% - 48px);
    max-height: calc(100% - 32px);
    padding: 8px;
  }
  .sui-MoleculeModal-Content--size-full .sui-MoleculeModal-Content-Container {
    border-radius: 8px;
    box-shadow: 0 0 8px 4px color-mix(in srgb, #000000 10%, transparent);
  }
  .sui-MoleculeModal-Content[data-animation=fade][data-state=open] {
    animation: sui-modal-content-fade-in 250ms ease-in;
  }
  .sui-MoleculeModal-Content[data-animation=fade][data-state=closed] {
    animation: sui-modal-content-fade-out 250ms ease-out;
  }
  .sui-MoleculeModal-Content[data-animation=slide][data-state=open] {
    animation: sui-modal-content-slide-in 250ms ease-in;
  }
  .sui-MoleculeModal-Content[data-animation=slide][data-state=closed] {
    animation: sui-modal-content-slide-out 250ms ease-out;
  }
  .sui-MoleculeModal-Content[data-animation=bloom][data-state=open] {
    animation: sui-modal-content-bloom-in 250ms ease-in;
  }
  .sui-MoleculeModal-Content[data-animation=bloom][data-state=closed] {
    animation: sui-modal-content-bloom-out 250ms ease-out;
  }
}
.sui-MoleculeModal-Content:has(.sui-MoleculeModal-CloseIconButton) .sui-MoleculeModal-Header {
  padding-right: 48px;
}
@keyframes sui-modal-content-fade-in {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes sui-modal-content-fade-out {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    filter: blur(10px);
    transform: translate(-50%, -50%) scale(0);
  }
}
@keyframes sui-modal-content-slide-in {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translate(-50%, 0%) scale(1);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes sui-modal-content-slide-out {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    filter: blur(10px);
    transform: translate(-50%, 0%) scale(1);
  }
}
@keyframes sui-modal-content-bloom-in {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes sui-modal-content-bloom-out {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    filter: blur(10px);
    transform: translate(-50%, -50%) scale(1);
  }
}

.sui-MoleculeModal-Header {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  padding-inline: 24px;
  padding-block: 16px;
  box-sizing: border-box;
  height: calc(40px + 32px);
  min-height: calc(40px + 32px);
}

.sui-MoleculeModal-Title {
  margin: 0;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sui-MoleculeModal-Body {
  overflow: hidden;
  flex-grow: 0;
  display: flex;
  flex-flow: column;
}
.sui-MoleculeModal-Body:not(.sui-MoleculeModal-Body-is-inset) {
  padding-inline: 24px;
  padding-block: 16px;
}
.sui-MoleculeModal-Body:has(.sui-MoleculeModal-Body-is-inset) {
  padding-inline: 0;
  margin-block: 0;
}

.sui-MoleculeModal-ScrollArea {
  overflow-y: auto;
}
.sui-MoleculeModal-ScrollArea:focus-visible {
  outline: none;
}
.sui-MoleculeModal-ScrollArea:not([data-scroll-y=no-scroll-y]) {
  padding-right: 8px;
  scrollbar-gutter: stable;
}
.sui-MoleculeModal-ScrollArea[data-scroll-y=scroll-top] {
  mask-image: linear-gradient(180deg, #ffffff calc(100% - 40px), transparent);
}
.sui-MoleculeModal-ScrollArea[data-scroll-y=scroll-middle-y] {
  mask-image: linear-gradient(#ffffff, #ffffff, transparent 0, #ffffff 40px, #ffffff calc(100% - 40px), transparent);
}
.sui-MoleculeModal-ScrollArea[data-scroll-y=scroll-bottom] {
  mask-image: linear-gradient(0deg, #ffffff calc(100% - 40px), transparent);
}
.sui-MoleculeModal-ScrollArea-Wrapper {
  flex-grow: 1;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
}
.sui-MoleculeModal-ScrollArea-Wrapper:not(.sui-MoleculeModal-ScrollArea-Wrapper-is-inset) {
  margin-inline: 24px;
  margin-block: 16px;
}
.sui-MoleculeModal-ScrollArea-Wrapper:has(.sui-MoleculeModal-ScrollArea-Wrapper-is-inset) {
  margin-inline: 0;
  margin-block: 0;
}
.sui-MoleculeModal-ScrollArea-Wrapper:has(.sui-MoleculeModal-ScrollArea:focus-visible) {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.sui-MoleculeModal-ScrollArea::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}
.sui-MoleculeModal-ScrollArea::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, #000000 10%, #ffffff);
  border-radius: 8px;
  background-clip: content-box;
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in srgb, #000000 20%, #ffffff);
}
.sui-MoleculeModal-ScrollArea::-webkit-scrollbar-thumb {
  background-color: color-mix(in srgb, #000000 30%, #ffffff);
  border-radius: 8px;
  background-clip: content-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.sui-MoleculeModal-Description {
  margin-inline: 0;
  margin-block: 0;
  padding-inline: 0;
  padding-block: 0;
}

.sui-MoleculeModal-Footer {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  height: calc(40px + 32px);
  min-height: calc(40px + 32px);
}
.sui-MoleculeModal-Footer:not(.sui-MoleculeModal-Footer-is-inset) {
  padding-inline: 24px;
  padding-block: 16px;
}
.sui-MoleculeModal-Footer:has(.sui-MoleculeModal-Footer-is-inset) {
  padding-inline: 0;
  margin-block: 0;
}

.sui-MoleculeModal-CloseIconButton {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  min-width: 32px;
  border-radius: 32px;
  background-color: transparent;
  padding: 2px;
  border: none;
  color: currentcolor;
  margin: 8px;
}
.sui-MoleculeModal-CloseIconButton:hover {
  background-color: color-mix(in srgb, #000000 5%, transparent);
  cursor: pointer;
}
.sui-MoleculeModal-CloseIconButton:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}

.sui-MoleculeModal-ScrollArea[data-scroll-y=scroll-middle-y] {
  -webkit-mask-image: linear-gradient(transparent, #fff 40px, #fff calc(100% - 40px), transparent);
  mask-image: linear-gradient(transparent, #fff 40px, #fff calc(100% - 40px), transparent);
}

.mt-ModalBasic-containerButtons {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.mt-ModalChangeUserPassword {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}
.mt-ModalChangeUserPassword-notification {
  margin: 32px 0;
}
.mt-ModalChangeUserPassword-notification .sui-MoleculeNotification-children {
  display: flex;
  flex-direction: column;
}
.mt-ModalChangeUserPassword-imageWrapper {
  align-self: center;
  overflow: hidden;
  max-width: ".mt-ModalChangeUserPassword";
}
.mt-ModalChangeUserPassword-description {
  color: #000e23;
  font-size: 16px;
  line-height: 1.36;
  margin: 0;
}
.mt-ModalChangeUserPassword-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-ModalChangeUserPassword-field {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
.mt-ModalChangeUserPassword-footer {
  display: flex;
  justify-content: flex-end;
}

.mt-Detail--new-dealerRatingsReview {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-Detail--new-dealerRatingsReview--bordered {
  gap: 8px;
  padding: 16px;
  border: 1px solid rgba(0, 14, 35, 0.1607843137);
  border-radius: 4px;
}
.mt-Detail--new-dealerRatingsReview--bordered .mt-Detail--new-dealerRatingsReview-stars {
  margin-top: 0;
}
.mt-Detail--new-dealerRatingsReview--bordered .mt-Detail--new-dealerRatingsReview-content {
  gap: 8px;
}
.mt-Detail--new-dealerRatingsReview--bordered .mt-Detail--new-dealerRatingsReview-tags {
  padding-top: 16px;
}
.mt-Detail--new-dealerRatingsReview-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-Detail--new-dealerRatingsReview-titleBar {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mt-Detail--new-dealerRatingsReview-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mt-Detail--new-dealerRatingsReview-date {
  flex-shrink: 0;
  text-align: right;
  white-space: nowrap;
}
.mt-Detail--new-dealerRatingsReview-meta {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-Detail--new-dealerRatingsReview-stars {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: -2px;
}
.mt-Detail--new-dealerRatingsReview-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-Detail--new-dealerRatingsReview-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-Detail--new-dealerRatingsReview-reply {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background-color: #eef0f4;
  border-radius: 12px;
}
.mt-Detail--new-dealerRatingsReview-replyHeader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mt-Detail--new-separator {
  width: 100%;
}
.mt-Detail--new-separator--large {
  padding: 32px 0;
}
@media (min-width: 600px) {
  .mt-Detail--new-separator--large {
    padding: 48px 0;
  }
}
.mt-Detail--new-separator--medium {
  padding: 40px 0;
}
.mt-Detail--new-separator-line {
  border: 0;
  border-top: 1px solid #bfc5cc;
  margin: 0;
}

.mt-Detail--new-baseDrawer-body {
  overscroll-behavior-y: contain;
}

.mt-Detail--new-carfaxDrawer-iframeWrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 480px;
}
.mt-Detail--new-carfaxDrawer-iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 480px;
  border: 0;
}
.mt-Detail--new-carfaxDrawer-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mt-Detail--new-certificationDrawer-staticItem {
  padding: 8px 16px;
}

.mt-Detail--new-dealerRatingsDrawer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-Detail--new-dealerRatingsDrawer--Disclaimer {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mt-Detail--new-dealerRatingsDrawer--Disclaimer-tooltip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.mt-Detail--new-noCommissionsDrawer-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-Detail--new-noCommissionsDrawer-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mt-Detail--new-noCommissionsDrawer-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mt-Detail--new-noCommissionsDrawer-item svg {
  flex-shrink: 0;
}
.mt-Detail--new-noCommissionsDrawer-itemContent {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mt-Detail--new-priceIndicatorDrawer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-Detail--new-priceIndicatorDrawer-indicator {
  display: flex;
  flex-direction: column;
}
.mt-Detail--new-priceIndicatorDrawer-coachmark {
  display: flex;
  justify-content: center;
  position: relative;
}
.mt-Detail--new-priceIndicatorDrawer-coachmark--alignStart {
  justify-content: flex-start;
}
.mt-Detail--new-priceIndicatorDrawer-coachmark--alignEnd {
  justify-content: flex-end;
}
.mt-Detail--new-priceIndicatorDrawer-coachmarkBox {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 16px;
  max-width: 100%;
  border-radius: 8px;
}
.mt-Detail--new-priceIndicatorDrawer-coachmarkArrow {
  position: absolute;
  bottom: 7px;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-top: 9px solid #ffffff;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}
.mt-Detail--new-priceIndicatorDrawer-coachmarkArrow--position1 {
  left: 10%;
}
.mt-Detail--new-priceIndicatorDrawer-coachmarkArrow--position2 {
  left: 30%;
}
.mt-Detail--new-priceIndicatorDrawer-coachmarkArrow--position3 {
  left: 50%;
}
.mt-Detail--new-priceIndicatorDrawer-coachmarkArrow--position4 {
  left: 70%;
}
.mt-Detail--new-priceIndicatorDrawer-coachmarkArrow--position5 {
  left: 90%;
}
.mt-Detail--new-priceIndicatorDrawer-bars {
  display: flex;
  gap: 4px;
}
.mt-Detail--new-priceIndicatorDrawer-bar {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  min-width: 0;
  white-space: nowrap;
}
.mt-Detail--new-priceIndicatorDrawer-bar--alignCenter {
  align-items: center;
}
.mt-Detail--new-priceIndicatorDrawer-bar--alignEnd {
  align-items: flex-end;
}
.mt-Detail--new-priceIndicatorDrawer-bar:first-child > .mt-Detail--new-priceIndicatorDrawer-barTrack {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.mt-Detail--new-priceIndicatorDrawer-bar:last-child > .mt-Detail--new-priceIndicatorDrawer-barTrack {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.mt-Detail--new-priceIndicatorDrawer-barTrack {
  align-self: stretch;
  height: 8px;
  border-radius: 1px;
}
.mt-Detail--new-priceIndicatorDrawer-barTrack--green {
  background-color: #017943;
}
.mt-Detail--new-priceIndicatorDrawer-barTrack--yellow {
  background-color: #d97703;
}
.mt-Detail--new-priceIndicatorDrawer-barTrack--red {
  background-color: #e60e27;
}
.mt-Detail--new-priceIndicatorDrawer-barTrack--dimmed {
  opacity: 0.4;
}
.mt-Detail--new-priceIndicatorDrawer-legal {
  display: flex;
  gap: 8px;
  color: rgba(0, 14, 35, 0.6784313725);
}
.mt-Detail--new-priceIndicatorDrawer-legal svg {
  flex-shrink: 0;
}
.mt-Detail--new-priceIndicatorDrawer-legalTexts {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mt-Detail--new-includedExtrasDrawer-panel p {
  padding: 0;
}
.mt-Detail--new-includedExtrasDrawer-item {
  display: block;
  padding: 8px 16px;
}
.mt-Detail--new-includedExtrasDrawer-item:nth-child(even) {
  background-color: #eef0f4;
}

.mt-Detail--new-insuranceInfoDrawer-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-Detail--new-insuranceInfoDrawer-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-Detail--new-insuranceInfoDrawer-listItem {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mt-Detail--new-insuranceInfoDrawer-listItemText {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-Detail--new-insuranceInfoDrawer-importantInfo {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background-color: #eef0f4;
  border-radius: 4px;
  padding: 16px;
}
.mt-Detail--new-insuranceInfoDrawer-importantInfoText {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-Detail--new-insuranceInfoDrawer-link a {
  text-decoration: underline;
}

.mt-Detail--new-rentingServicesDrawer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mt-Detail--new-rentingServicesDrawer-item {
  display: flex;
  gap: 8px;
}
.mt-Detail--new-rentingServicesDrawer-item svg {
  flex-shrink: 0;
}
.mt-Detail--new-rentingServicesDrawer-itemTitle--notIncluded {
  text-decoration: line-through;
}
.mt-Detail--new-rentingServicesDrawer-itemText {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mt-Detail--new-reportAdDrawer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-Detail--new-reportAdDrawer--typeField {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-Detail--new-reportAdDrawer--configField-textarea, .mt-Detail--new-reportAdDrawer--configField-input {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mt-Detail--new-sellerServicesDrawer {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.mt-Detail--new-sellerServicesDrawer-sectionTitle {
  margin: 0 0 24px;
}

.mt-Detail--new-technicalDetailsDrawer {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.mt-Detail--new-technicalDetailsDrawer-sectionTitle {
  margin: 0 0 24px;
}
.mt-Detail--new-technicalDetailsDrawer-panel p {
  padding: 0;
}
.mt-Detail--new-technicalDetailsDrawer-item {
  display: block;
  padding: 8px 16px;
}
.mt-Detail--new-technicalDetailsDrawer-item:nth-child(even) {
  background-color: #eef0f4;
}

.mt-Detail--new-advantages-card {
  align-items: flex-end;
  border: 1px solid #bfc5cc;
  border-radius: 8px;
  color: inherit;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 16px;
  position: relative;
  text-decoration: none;
}
@media (min-width: 800px) {
  .mt-Detail--new-advantages-card {
    align-items: center;
    padding: 24px;
    position: static;
  }
}
.mt-Detail--new-advantages-card-content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.mt-Detail--new-advantages-card-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-Detail--new-advantages-card-arrow {
  align-items: center;
  bottom: 16px;
  display: flex;
  flex-shrink: 0;
  height: 48px;
  justify-content: center;
  position: absolute;
  right: 16px;
  width: 48px;
}
@media (min-width: 800px) {
  .mt-Detail--new-advantages-card-arrow {
    height: 40px;
    position: static;
    width: 40px;
  }
}

.mt-Detail--new-advantages-carfax-logo {
  display: block;
  height: auto;
  width: 123px;
}
.mt-Detail--new-advantages-carfax-logo img {
  height: auto;
  max-width: 100%;
  width: auto;
}

.mt-Detail--new-advantages-insurance-logos {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
  margin-left: -16px;
  max-width: calc(100% - 48px - 8px);
  min-height: 40px;
}
@media (min-width: 800px) {
  .mt-Detail--new-advantages-insurance-logos {
    gap: 32px;
    max-width: none;
  }
}

.mt-Detail--new-advantages-insurance-logosImage {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}
.mt-Detail--new-advantages-insurance-logosImage img {
  height: auto;
  max-height: 47px;
  max-width: 100%;
  width: auto;
}

.mt-Detail--new-advantages-sellVehicle-logos {
  display: block;
  height: 24px;
  width: 162px;
}

.mt-Detail--new-advantages {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.mt-Detail--new-advantages-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.mt-Detail--new-characteristics {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-Detail--new-characteristics-title {
  margin: 0;
}
.mt-Detail--new-characteristics-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (min-width: 600px) {
  .mt-Detail--new-characteristics-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.mt-Detail--new-characteristics-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-Detail--new-characteristics-itemIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mt-Detail--new-characteristics-itemContent {
  display: flex;
  flex-direction: column;
}
.mt-Detail--new-characteristics-envLabelIcon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.mt-Detail--new-characteristics-colorIcon {
  border: 1px solid #bfc5cc;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.mt-Detail--new-characteristics-colorIcon--colorYellow {
  background: linear-gradient(160deg, #ffe613 9%, rgba(255, 230, 19, 0.4) 50%, #ffe613 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorBlue {
  background: linear-gradient(160deg, #6891c9 9%, rgba(104, 145, 201, 0.4) 50%, #6891c9 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorBeige {
  background: linear-gradient(160deg, #d3c2b4 9%, rgba(211, 194, 180, 0.4) 50%, #d3c2b4 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorWhite {
  background: linear-gradient(160deg, #ffffff 9%, rgba(255, 255, 255, 0.4) 50%, #ffffff 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorGarnet {
  background: linear-gradient(160deg, #be4236 9%, rgba(190, 66, 54, 0.4) 50%, #be4236 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorGray {
  background: linear-gradient(160deg, #aaaaaa 9%, rgba(170, 170, 170, 0.4) 50%, #aaaaaa 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorBrown {
  background: linear-gradient(160deg, #cd7800 9%, rgba(205, 120, 0, 0.4) 50%, #cd7800 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorOrange {
  background: linear-gradient(160deg, #ff9900 9%, rgba(255, 153, 0, 0.4) 50%, #ff9900 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorBlack {
  background: linear-gradient(160deg, #000000 9%, rgba(0, 0, 0, 0.4) 50%, #000000 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorRed {
  background: linear-gradient(160deg, #e74c3d 9%, rgba(231, 76, 61, 0.4) 50%, #e74c3d 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorPink {
  background: linear-gradient(160deg, #f3a59e 9%, rgba(243, 165, 158, 0.4) 50%, #f3a59e 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorGreen {
  background: linear-gradient(160deg, #27ae60 9%, rgba(39, 174, 96, 0.4) 50%, #27ae60 89%);
}
.mt-Detail--new-characteristics-colorIcon--colorPurple {
  background: linear-gradient(160deg, #b886cd 9%, rgba(184, 134, 205, 0.4) 50%, #b886cd 89%);
}
.mt-Detail--new-characteristics-extras {
  background-color: #eef0f4;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 600px) {
  .mt-Detail--new-characteristics-extras {
    padding: 16px 24px 24px 24px;
    gap: 0;
  }
}
@media (min-width: 600px) {
  .mt-Detail--new-characteristics-extras--compact {
    gap: 16px;
  }
}
.mt-Detail--new-characteristics-extrasHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mt-Detail--new-characteristics-extrasTitle {
  margin: 0;
  color: #000e23;
}
.mt-Detail--new-characteristics-extrasShowAll {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #000e23;
  text-decoration: underline;
  padding: 0;
}
.mt-Detail--new-characteristics-extrasShowAll--desktop {
  display: none;
}
@media (min-width: 600px) {
  .mt-Detail--new-characteristics-extrasShowAll--desktop {
    display: block;
  }
}
.mt-Detail--new-characteristics-extrasShowAll--mobile {
  align-self: flex-start;
}
@media (min-width: 600px) {
  .mt-Detail--new-characteristics-extrasShowAll--mobile {
    display: none;
  }
}
.mt-Detail--new-characteristics-extrasBadges {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-Detail--new-characteristics-extrasBadgeWrapper--multiline {
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 799px) {
  .mt-Detail--new-characteristics-extrasBadgeWrapper--multiline > * {
    white-space: normal;
    word-break: break-word;
    height: auto;
    max-width: 100%;
    min-height: 32px;
    padding: 4px 8px;
  }
}
@media (min-width: 600px) {
  .mt-Detail--new-characteristics-extrasBadgeWrapper--multiline > * {
    display: flex;
    align-items: center;
    max-width: 100%;
  }
}
@media (min-width: 600px) {
  .mt-Detail--new-characteristics-extrasBadgeText {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.mt-Detail--new-characteristics-ctaWrapper {
  display: flex;
}
@media (max-width: 799px) {
  .mt-Detail--new-characteristics-ctaWrapper > * {
    width: 100%;
  }
}

.mt-Detail--new-description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-Detail--new-description-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-Detail--new-description-text {
  max-height: calc(4 * var(--lh-body1));
  overflow: hidden;
  transition: max-height 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .mt-Detail--new-description-text {
    transition: none;
  }
}
.mt-Detail--new-description-text--expanded {
  max-height: none;
}
.mt-Detail--new-description-textContent {
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.mt-Detail--new-description-textContent--clamped {
  display: -webkit-box;
  line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.mt-Detail--new-description-toggle {
  padding-inline: 0;
  align-self: flex-start;
}

.mt-Detail--new-financingConditions {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 24px;
}
.mt-Detail--new-financingConditions-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-Detail--new-financingConditions-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mt-Detail--new-news-card {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  width: 173px;
  padding-bottom: 4px;
}
.mt-Detail--new-news-cardMedia {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 4 / 3;
}
.mt-Detail--new-news-cardMediaImage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mt-Detail--new-news-cardInfo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 16px;
  margin-top: 4px;
}
.mt-Detail--new-news-cardTag {
  order: -1;
  position: relative;
  z-index: 1;
  align-self: flex-start;
}
.mt-Detail--new-news-cardTitleLink {
  position: static;
  display: block;
  color: inherit;
  text-decoration: none;
}
.mt-Detail--new-news-cardTitleLink::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}
.mt-Detail--new-news-cardTitleLink:focus-visible {
  outline: none;
}
.mt-Detail--new-news-cardTitleLink:focus-visible::after {
  border-radius: var(--radius-sm);
  outline: 2px solid #000e23;
  outline-offset: -2px;
}
.mt-Detail--new-news-cardTitle {
  display: -webkit-box;
  overflow: hidden;
  line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.mt-Detail--new-news-cardFooter {
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 8px;
  margin-top: auto;
}
.mt-Detail--new-news-cardCommentsLink {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.mt-Detail--new-news-cardCommentsLink:focus-visible {
  border-radius: 8px;
  outline: 2px solid #000e23;
  outline-offset: 2px;
}

.mt-Detail--new-financing-fareSection {
  align-items: baseline;
  display: flex;
  gap: 4px;
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
}
.mt-Detail--new-financing-fareLegend {
  padding: 0;
}
.mt-Detail--new-financing-fareOptions {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}
.mt-Detail--new-financing-fareAmount {
  display: inline-flex;
  align-items: baseline;
}
.mt-Detail--new-financing-fareOption {
  border: 1px solid #bfc5cc;
  border-radius: 4px;
  padding: 8px 8px 32px 8px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  background: transparent;
  text-align: left;
  position: relative;
}
.mt-Detail--new-financing-fareOption:has(:focus-visible) {
  outline: 2px solid #000e23;
  outline-offset: 2px;
}
.mt-Detail--new-financing-fareOption--selected {
  border-color: #000e23;
  border-width: 2px;
}
.mt-Detail--new-financing-fareOptionInput {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.mt-Detail--new-financing-fareOptionLabel {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.mt-Detail--new-financing-fareOptionLabel::after {
  content: "";
  position: absolute;
  inset: 0;
}
.mt-Detail--new-financing-fareOptionAmount {
  display: inline-flex;
  align-items: baseline;
}
.mt-Detail--new-financing-entryLabel {
  font-weight: 600;
}
.mt-Detail--new-financing input[type=number] {
  appearance: textfield;
}
.mt-Detail--new-financing input[type=number]::-webkit-outer-spin-button, .mt-Detail--new-financing input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.mt-Detail--new-financing-insuranceInfoLink {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  z-index: 1;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  text-decoration: underline;
  width: fit-content;
}

.mt-Detail--new-financing-claims {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mt-Detail--new-financing-claimsItem {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.mt-Detail--new-financing-details {
  grid-area: details;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-Detail--new-financing-detailsPanel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: rgba(191, 197, 204, 0.1607843137);
  border-radius: 8px;
  padding: 16px;
}
.mt-Detail--new-financing-table {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mt-Detail--new-financing-tableRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  gap: 8px;
}
.mt-Detail--new-financing-tableRow:first-child {
  padding-top: 0;
}
.mt-Detail--new-financing-tableRow:last-child {
  padding-bottom: 0;
}
.mt-Detail--new-financing-tableRow--highlighted {
  background-color: #ffffff;
  font-weight: 600;
}
.mt-Detail--new-financing-tableLabel {
  display: flex;
  gap: 4px;
  align-items: flex-end;
}
.mt-Detail--new-financing-tableExtraLabel {
  color: #000e23;
}
.mt-Detail--new-financing-legalLink {
  display: inline-flex;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
}
.mt-Detail--new-financing-legalLink span:last-child {
  text-decoration: underline;
}

.mt-Detail--new-financing {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-Detail--new-financing--loading {
  min-height: 300px;
}
.mt-Detail--new-financing-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.mt-Detail--new-financing-titleFull {
  display: none;
}
@media (min-width: 800px) {
  .mt-Detail--new-financing-titleFull {
    display: inline;
  }
}
@media (min-width: 800px) {
  .mt-Detail--new-financing-titleShort {
    display: none;
  }
}
.mt-Detail--new-financing-lenderLogo {
  height: 32px;
  max-width: 106px;
}
.mt-Detail--new-financing-content {
  position: relative;
  display: grid;
  grid-template-areas: "calculator" "details" "actions";
  gap: 24px;
}
@media (min-width: 800px) {
  .mt-Detail--new-financing-content {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    grid-template-areas: "calculator details" "actions    details";
  }
}
@media (min-width: 800px) {
  .mt-Detail--new-financing-content--simplified {
    grid-template-columns: auto 1fr;
    grid-template-areas: "calculator details" "actions    actions";
  }
}
.mt-Detail--new-financing-content--simplified .mt-Detail--new-financing-details {
  border-top: 1px solid rgba(191, 197, 204, 0.6784313725);
  padding-top: 24px;
}
@media (min-width: 800px) {
  .mt-Detail--new-financing-content--simplified .mt-Detail--new-financing-details {
    border-top: none;
    border-left: 1px solid rgba(191, 197, 204, 0.6784313725);
    padding-left: 16px;
    padding-top: 0;
  }
}
.mt-Detail--new-financing-content--simplified .mt-Detail--new-financing-detailsPanel {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}
.mt-Detail--new-financing-content--simplified .mt-Detail--new-financing-tableRow--highlighted {
  background-color: rgba(191, 197, 204, 0.1607843137);
}
.mt-Detail--new-financing-calculator {
  grid-area: calculator;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-Detail--new-financing-simplifiedFee {
  align-items: baseline;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
@media (min-width: 800px) {
  .mt-Detail--new-financing-simplifiedFee {
    flex-direction: column;
  }
}
.mt-Detail--new-financing-actions {
  grid-area: actions;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media (max-width: 799px) {
  .mt-Detail--new-financing-actions button {
    width: 100%;
  }
}
.mt-Detail--new-financing-ctaError {
  color: #b21229;
}
.mt-Detail--new-financing-calculationsError {
  color: #b21229;
}

.sui-MoleculeCollapsible {
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  width: 100%;
}
.sui-MoleculeCollapsible-btn {
  background: none;
  border: 0;
  color: #000e23;
  cursor: pointer;
  font-size: 100%;
  font-weight: 600;
  height: 24px;
  margin-top: 16px;
  padding: 4px 0;
  text-decoration: underline;
}
.sui-MoleculeCollapsible-btn-content {
  display: flex;
}
.sui-MoleculeCollapsible-btn:focus, .sui-MoleculeCollapsible-btn-content:focus {
  outline: none;
}
.sui-MoleculeCollapsible-btn:focus .sui-MoleculeCollapsible-btn-content {
  box-shadow: 0 0 6px 3px color-mix(in srgb, var(--c-base, white) 20%, #000e23);
}
.sui-MoleculeCollapsible-content {
  overflow: hidden;
  text-align: left;
}
.sui-MoleculeCollapsible-content--withTransition {
  transition: all 0.25s ease-in-out;
}
.sui-MoleculeCollapsible-content--withOverflow {
  overflow-x: auto;
}
.sui-MoleculeCollapsible-content--alignContainer-center {
  text-align: center;
}
.sui-MoleculeCollapsible-content--alignContainer-right {
  text-align: right;
}
.sui-MoleculeCollapsible-container {
  background-color: #ffffff;
  position: relative;
  text-align: center;
  width: 100%;
}
.sui-MoleculeCollapsible-container--alignButtonText-center {
  text-align: center;
}
.sui-MoleculeCollapsible-container--alignButtonText-right {
  text-align: right;
}
.sui-MoleculeCollapsible-container--alignButtonText-left {
  text-align: left;
}
.sui-MoleculeCollapsible-container.sui-MoleculeCollapsible-container--withGradient.is-collapsed::before {
  background: linear-gradient(to top, #ffffff 20%, rgba(255, 255, 255, 0) 80%);
  content: "";
  height: 48px;
  left: 0;
  position: absolute;
  top: -100%;
  width: 100%;
}
@media print {
  .sui-MoleculeCollapsible-container {
    display: none;
  }
}
.sui-MoleculeCollapsible-icon {
  padding-left: 4px;
  vertical-align: middle;
}
.sui-MoleculeCollapsible-icon svg {
  fill: currentColor;
  transform: scale(-1);
  width: 10px;
}
.sui-MoleculeCollapsible-icon.is-collapsed svg {
  transform: scale(1);
}

/* sass-lint:disable no-important, class-name-format*/

.mt-Detail--new-navigationFooter {
  margin-top: 72px;
}
@media (max-width: 1299px) {
  .mt-Detail--new-navigationFooter {
    padding: 0 16px;
    margin-top: 48px;
  }
}
.mt-Detail--new-navigationFooter-breadcrumbs-content {
  padding: 8px 0;
}
.mt-Detail--new-navigationFooter-breadcrumbs-content > ul {
  padding: 8px 0;
}

.sui-PrimitiveTypography {
  transition: color 300ms ease-in-out, text-shadow 300ms ease-in-out;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-linked {
  all: unset;
  cursor: pointer;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-xxs {
  font-size: 8px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-xs {
  font-size: 10px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-s {
  font-size: 12px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-m {
  font-size: 14px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-l {
  font-size: 16px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-xl {
  font-size: 20px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-xxl {
  font-size: 24px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-xxxl {
  font-size: 28px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-giant {
  font-size: 54px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-xgiant {
  font-size: 32px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-xxgiant {
  font-size: 40px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontSize-xxxgiant {
  font-size: 48px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontFamily-sans-serif {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontWeight-thin {
  font-weight: 100;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontWeight-extra-light {
  font-weight: 200;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontWeight-light {
  font-weight: 300;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontWeight-regular {
  font-weight: 400;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontWeight-medium {
  font-weight: 500;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontWeight-semi-bold {
  font-weight: 600;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontWeight-bold {
  font-weight: 700;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontWeight-extra-bold {
  font-weight: 800;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontWeight-black {
  font-weight: 900;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStyle-italic {
  font-style: italic;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStyle-oblique {
  font-style: oblique;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStretch-ultra-condensed {
  font-stretch: ultra-condensed;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStretch-extra-condensed {
  font-stretch: extra-condensed;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStretch-condensed {
  font-stretch: condensed;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStretch-semi-condensed {
  font-stretch: semi-condensed;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStretch-normal {
  font-stretch: normal;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStretch-semi-expanded {
  font-stretch: semi-expanded;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStretch-expanded {
  font-stretch: expanded;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStretch-extra-expanded {
  font-stretch: extra-expanded;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-fontStretch-ultra-expanded {
  font-stretch: ultra-expanded;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-letterSpacing-xxs {
  letter-spacing: 0.1px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-letterSpacing-xs {
  letter-spacing: 0.2px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-letterSpacing-s {
  letter-spacing: 0.25px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-letterSpacing-m {
  letter-spacing: 0.35px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-letterSpacing-l {
  letter-spacing: 0.36px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-letterSpacing-xl {
  letter-spacing: 0.37px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-letterSpacing-xxl {
  letter-spacing: 0.38px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-letterSpacing-xxxl {
  letter-spacing: 1.2px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-letterSpacing-giant {
  letter-spacing: 1.5px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-xxs {
  line-height: 9.6;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-xs {
  line-height: 12px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-s {
  line-height: 15.6px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-m {
  line-height: 1.36;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-l {
  line-height: 1.46;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-xl {
  line-height: 1.72;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-xxl {
  line-height: 26.4;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-xxxl {
  line-height: 31.2;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-giant {
  line-height: 4.79;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-xgiant {
  line-height: 40px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-xxgiant {
  line-height: 56px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-lineHeight-xxxgiant {
  line-height: 64px;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-textDecorationLine-underline {
  text-decoration-line: underline;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-textDecorationLine-overline {
  text-decoration-line: overline;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-textDecorationLine-line-through {
  text-decoration-line: line-through;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-blurred- {
  transition: 1s;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-blurred-true {
  color: transparent;
  text-shadow: 0 0 0.5em #000000, 0 0 0.5em #000000;
}
.sui-PrimitiveTypography.sui-PrimitiveTypography-blurred-false {
  color: black;
  text-shadow: 0 0 0 #000000, 0 0 0 #000000;
}

.mt-NetSuggestions {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 970px) {
  .mt-NetSuggestions {
    gap: 16px;
  }
}
.mt-NetSuggestions-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-NetSuggestions-headerTitle {
  flex: 1;
  background: linear-gradient(90deg, #e60e27 0%, #4c57ff 50%, #000e23 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mt-NetSuggestions-headerButton {
  margin-left: auto;
}
.mt-NetSuggestions-suggestions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.mt-NetSuggestions-suggestions--centered {
  justify-content: flex-start;
}
@media (min-width: 800px) {
  .mt-NetSuggestions-suggestions--centered {
    justify-content: center;
  }
}

.mt-Detail--new-netAssistant {
  position: relative;
  border-radius: 8px;
  background: #ffffff;
  padding: 16px 16px 24px;
}
@media (min-width: 800px) {
  .mt-Detail--new-netAssistant {
    padding: 24px 24px 32px;
  }
}
.mt-Detail--new-netAssistant-suggestionsPanel {
  gap: 24px;
}
.mt-Detail--new-netAssistant:empty {
  display: none;
}
.mt-Detail--new-netAssistant::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(135deg, #e60e27 0%, #4c57ff 48.545%, #000e23 97.089%);
  mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.mt-Detail--new-netAssistant-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-Detail--new-netAssistant-pretitle {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-Detail--new-netAssistant-title {
  background: linear-gradient(135deg, #e60e27 0%, #4c57ff 48.545%, #000e23 97.089%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mt-Detail--new-price {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  column-gap: 48px;
  row-gap: 24px;
}
.mt-Detail--new-price-cash, .mt-Detail--new-price-financed {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
}
.mt-Detail--new-price-cashContent, .mt-Detail--new-price-financedContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  justify-items: flex-end;
}
@media (min-width: 600px) {
  .mt-Detail--new-price-financedContent {
    gap: 4px;
  }
}
.mt-Detail--new-price-instalment {
  padding-top: 4px;
  padding-bottom: 2px;
}
@media (min-width: 600px) {
  .mt-Detail--new-price-instalment {
    padding: 4px 0;
  }
}
.mt-Detail--new-price-cashValue, .mt-Detail--new-price-cashLabel, .mt-Detail--new-price-instalment, .mt-Detail--new-price-financedContentLabel, .mt-Detail--new-price-financedEntry {
  margin: 0;
}
.mt-Detail--new-price-financedMoreInfo, .mt-Detail--new-price-indicator {
  align-self: flex-start;
}
.mt-Detail--new-price-discount, .mt-Detail--new-price-indicator {
  align-items: center;
  display: flex;
  gap: 4px;
  margin: 0;
}
.mt-Detail--new-price-discountPercentage {
  align-items: center;
  display: flex;
}
.mt-Detail--new-price-discountPercentageIcon, .mt-Detail--new-price-discountPercentageValue {
  color: #017943;
}
.mt-Detail--new-price-discountOriginalPrice {
  text-decoration: line-through;
}

.mt-Detail--new-price-indicator--green .mt-Detail--new-price-indicatorLabelIcon,
.mt-Detail--new-price-indicator--green .mt-Detail--new-price-indicatorLabel {
  color: #017943;
}

.mt-Detail--new-price-indicator--red .mt-Detail--new-price-indicatorLabelIcon,
.mt-Detail--new-price-indicator--red .mt-Detail--new-price-indicatorLabel {
  color: #e60e27;
}

.mt-Detail--new-price-indicator--yellow .mt-Detail--new-price-indicatorLabelIcon,
.mt-Detail--new-price-indicator--yellow .mt-Detail--new-price-indicatorLabel {
  color: #d97703;
}

.mt-Detail--new-renting {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 600px) {
  .mt-Detail--new-renting {
    align-items: flex-start;
    flex-direction: row;
    gap: 48px;
  }
}
.mt-Detail--new-renting-priceColumn {
  align-items: center;
  display: flex;
  gap: 16px;
}
@media (min-width: 600px) {
  .mt-Detail--new-renting-priceColumn {
    align-items: flex-start;
    flex-direction: column;
    flex-shrink: 0;
    width: 186px;
  }
}
.mt-Detail--new-renting-fee {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
}
.mt-Detail--new-renting-feeLabel, .mt-Detail--new-renting-feeValue {
  margin: 0;
}
.mt-Detail--new-renting-badges {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
@media (min-width: 600px) {
  .mt-Detail--new-renting-badges {
    flex: none;
    width: 100%;
  }
}
.mt-Detail--new-renting-options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 600px) {
  .mt-Detail--new-renting-options {
    flex: 1;
    gap: 24px;
  }
}
.mt-Detail--new-renting-optionGroup {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-Detail--new-renting-optionLabel {
  margin: 0;
}
.mt-Detail--new-renting-optionTags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mt-Detail--new-priceInfo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-Detail--new-priceInfo-vehicleInfo {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 600px) {
  .mt-Detail--new-priceInfo-vehicleInfo {
    gap: 40px;
  }
}
.mt-Detail--new-priceInfo-heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-Detail--new-priceInfo-eyebrow {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}
@media (min-width: 600px) {
  .mt-Detail--new-priceInfo-eyebrow {
    flex-direction: row;
    gap: 8px;
  }
}
.mt-Detail--new-priceInfo-eyebrowSeparator {
  display: none;
}
@media (min-width: 600px) {
  .mt-Detail--new-priceInfo-eyebrowSeparator {
    display: inline;
  }
}
.mt-Detail--new-priceInfo-eyebrowDates {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-Detail--new-priceInfo-eyebrowDatesSeparator {
  display: inline;
}
.mt-Detail--new-priceInfo-title {
  margin: 0;
}
.mt-Detail--new-priceInfo-prices {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 600px) {
  .mt-Detail--new-priceInfo-prices {
    gap: 32px;
  }
}
.mt-Detail--new-priceInfo-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-Detail--new-priceInfo-tab {
  flex: 1 0 0;
  min-width: 0;
}
@media (min-width: 600px) {
  .mt-Detail--new-priceInfo-tab {
    flex: 0 0 auto;
  }
}

.mt-Detail--new-relatedAds {
  display: flex;
  flex-direction: column;
}

.mt-Detail--new-rentingServices {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border: 1px solid #bfc5cc;
  border-radius: 8px;
  padding: 24px;
}
.mt-Detail--new-rentingServices-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mt-Detail--new-rentingServices-list {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 800px) {
  .mt-Detail--new-rentingServices-list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 48px;
  }
}
.mt-Detail--new-rentingServices-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-Detail--new-rentingServices-item svg {
  flex-shrink: 0;
}
.mt-Detail--new-rentingServices-actions {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
  .mt-Detail--new-rentingServices-actions {
    flex-direction: row;
  }
}

.mt-Detail--new-reportAd {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.mt-Detail--new-reportAd-subtitle {
  margin-top: 8px;
  margin-bottom: 24px;
}

@keyframes bg-overlay {
  0% {
    background-color: rgba(0, 0, 0, 0.4);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.6);
  }
}
.sui-MoleculeDrawer-overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 3009;
  animation: bg-overlay 1s both;
}
.sui-MoleculeDrawer-content {
  z-index: 3010;
  position: absolute;
  background-color: #ffffff;
  display: block;
}
.sui-MoleculeDrawer-content--animationDuration {
  transition-property: transform;
  transition-timing-function: linear;
}
.sui-MoleculeDrawer-content--animationDuration-none {
  transition-duration: 0;
}
.sui-MoleculeDrawer-content--animationDuration-fast {
  transition-duration: 100ms;
}
.sui-MoleculeDrawer-content--animationDuration-normal {
  transition-duration: 300ms;
}
.sui-MoleculeDrawer-content--animationDuration-slow {
  transition-duration: 500ms;
}
.sui-MoleculeDrawer-content--placement {
  position: fixed;
}
.sui-MoleculeDrawer-content--placement-left {
  top: 0;
  left: 0;
  transform: translateX(-100%);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.sui-MoleculeDrawer-content--placement-right {
  top: 0;
  right: 0;
  transform: translateX(100%);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sui-MoleculeDrawer-content--placement-top {
  top: 0;
  left: 0;
  transform: translateY(-100%);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.sui-MoleculeDrawer-content--placement-bottom {
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sui-MoleculeDrawer-content--size-auto.sui-MoleculeDrawer-content--placement-left {
  height: 100%;
  width: auto;
  max-width: 100%;
  overflow-x: scroll;
}
.sui-MoleculeDrawer-content--size-auto.sui-MoleculeDrawer-content--placement-right {
  height: 100%;
  width: auto;
  max-width: 100%;
  overflow-x: scroll;
}
.sui-MoleculeDrawer-content--size-auto.sui-MoleculeDrawer-content--placement-top {
  width: 100%;
  height: auto;
  max-height: 100%;
  overflow-y: scroll;
}
.sui-MoleculeDrawer-content--size-auto.sui-MoleculeDrawer-content--placement-bottom {
  width: 100%;
  height: auto;
  max-height: 100%;
  overflow-y: scroll;
}
.sui-MoleculeDrawer-content--size-m.sui-MoleculeDrawer-content--placement-left {
  height: 100%;
  width: 400px;
  max-width: 100%;
  overflow-x: scroll;
}
.sui-MoleculeDrawer-content--size-m.sui-MoleculeDrawer-content--placement-right {
  height: 100%;
  width: 400px;
  max-width: 100%;
  overflow-x: scroll;
}
.sui-MoleculeDrawer-content--size-m.sui-MoleculeDrawer-content--placement-top {
  width: 100%;
  height: 400px;
  max-height: 100%;
  overflow-y: scroll;
}
.sui-MoleculeDrawer-content--size-m.sui-MoleculeDrawer-content--placement-bottom {
  width: 100%;
  height: 400px;
  max-height: 100%;
  overflow-y: scroll;
}
.sui-MoleculeDrawer-content--size-fill.sui-MoleculeDrawer-content--placement-left {
  height: 100%;
  width: 100%;
  max-width: 100%;
  overflow-x: scroll;
}
.sui-MoleculeDrawer-content--size-fill.sui-MoleculeDrawer-content--placement-right {
  height: 100%;
  width: 100%;
  max-width: 100%;
  overflow-x: scroll;
}
.sui-MoleculeDrawer-content--size-fill.sui-MoleculeDrawer-content--placement-top {
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
}
.sui-MoleculeDrawer-content--size-fill.sui-MoleculeDrawer-content--placement-bottom {
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
}
.sui-MoleculeDrawer-content--state-opened {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.sui-MoleculeDrawer-content--state-opened.sui-MoleculeDrawer-content--placement-left, .sui-MoleculeDrawer-content--state-opened.sui-MoleculeDrawer-content--placement-right {
  transform: translateX(0);
}
.sui-MoleculeDrawer-content--state-opened.sui-MoleculeDrawer-content--placement-top, .sui-MoleculeDrawer-content--state-opened.sui-MoleculeDrawer-content--placement-bottom {
  transform: translateY(0);
}

.sui-MoleculeStepper {
  box-sizing: content-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sui-MoleculeStepper--alignment-vertical {
  flex-direction: column;
  height: 100%;
}
.sui-MoleculeStepper--alignment-horizontal {
  flex-direction: row;
  width: 100%;
}
.sui-MoleculeStepper--justifyContent-legacy {
  justify-content: space-between;
}
.sui-MoleculeStepper--justifyContent-flex-start {
  justify-content: flex-start;
}
.sui-MoleculeStepper--justifyContent-center {
  justify-content: center;
}
.sui-MoleculeStepper--justifyContent-flex-end {
  justify-content: flex-end;
}
.sui-MoleculeStepper--justifyContent-space-between {
  justify-content: space-between;
}
.sui-MoleculeStepper--justifyContent-space-around {
  justify-content: space-around;
}
.sui-MoleculeStepper--justifyContent-space-evenly {
  justify-content: space-evenly;
}
.sui-MoleculeStepper--design-compressed {
  overflow: hidden;
}
.sui-MoleculeStepper--design-compressed.sui-MoleculeStepper--alignment-vertical {
  row-gap: 8px;
}
.sui-MoleculeStepper--design-compressed.sui-MoleculeStepper--alignment-horizontal {
  align-items: flex-end;
  position: relative;
  gap: 8px;
}
.sui-MoleculeStepper--design-basic.sui-MoleculeStepper--alignment-vertical {
  row-gap: 8px;
}
.sui-MoleculeStepper--design-basic.sui-MoleculeStepper--alignment-horizontal {
  position: relative;
  gap: 8px;
}

.sui-MoleculeStepperStep {
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
}
.sui-MoleculeStepperStep + .sui-MoleculeStepperStepConnector {
  list-style: none;
}
.sui-MoleculeStepperStep .sui-MoleculeStepperStepIcon > * {
  color: color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
}
.sui-MoleculeStepperStep .sui-MoleculeStepperStepLabel {
  color: #3b4a5a;
}
.sui-MoleculeStepperStep--design-default .sui-MoleculeStepperStepLabel {
  width: 100px;
  display: flex;
  align-items: center;
  font-size: inherit;
}
.sui-MoleculeStepperStep--design-default .sui-MoleculeStepperStepIcon {
  width: 40px;
  height: 40px;
  padding: 8px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #bfc7d0;
}
.sui-MoleculeStepperStep--design-default + .sui-MoleculeStepperStepConnector {
  flex-shrink: 0;
  flex-basis: 24px;
}
.sui-MoleculeStepperStep--design-default + .sui-MoleculeStepperStepConnector .sui-MoleculeStepperStepConnectorLine {
  border-radius: 3px;
  background-color: #eef0f4;
  border-style: solid;
  border-color: #eef0f4;
  border-width: 2px;
}
.sui-MoleculeStepperStep--design-default + .sui-MoleculeStepperStepConnector:last-of-type {
  display: none;
}
.sui-MoleculeStepperStep--design-default.sui-MoleculeStepperStep--justifyContent-legacy {
  flex-grow: 0;
}
.sui-MoleculeStepperStep--design-default.sui-MoleculeStepperStep--justifyContent-legacy + .sui-MoleculeStepperStepConnector {
  flex-grow: 1;
}
.sui-MoleculeStepperStep--design-default.sui-MoleculeStepperStep--alignment-vertical {
  max-height: 48px;
}
.sui-MoleculeStepperStep--design-default.sui-MoleculeStepperStep--alignment-vertical .sui-MoleculeStepperStepLabel {
  text-align: start;
  justify-content: flex-start;
}
.sui-MoleculeStepperStep--design-default.sui-MoleculeStepperStep--alignment-vertical .sui-MoleculeStepperStepLabel:not(.sui-MoleculeStepperStepLabel--visible) {
  display: none;
}
.sui-MoleculeStepperStep--design-default.sui-MoleculeStepperStep--alignment-horizontal {
  max-width: 48px;
}
.sui-MoleculeStepperStep--design-default.sui-MoleculeStepperStep--alignment-horizontal .sui-MoleculeStepperStepLabel {
  text-align: center;
  justify-content: center;
}
.sui-MoleculeStepperStep--design-default.sui-MoleculeStepperStep--alignment-horizontal .sui-MoleculeStepperStepLabel:not(.sui-MoleculeStepperStepLabel--visible) {
  display: none;
}
.sui-MoleculeStepperStep--design-compressed {
  flex-basis: 24px;
  flex-shrink: 0;
}
.sui-MoleculeStepperStep--design-compressed .sui-MoleculeStepperStepIcon {
  background-color: #ffffff;
  border: 1px solid #bfc7d0;
  border-radius: 4px;
}
.sui-MoleculeStepperStep--design-compressed + .sui-MoleculeStepperStepConnector {
  display: none;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--current .sui-MoleculeStepperStepIcon {
  background-color: #000e23;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--visited .sui-MoleculeStepperStepIcon {
  background-color: #000e23;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--alignment-vertical {
  width: 50px;
  flex-direction: row-reverse;
  align-items: flex-end;
  gap: 8px;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--alignment-vertical .sui-MoleculeStepperStepIcon {
  width: 8px;
  height: 100%;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--alignment-vertical .sui-MoleculeStepperStepLabel {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  height: max-content;
  width: 34px;
  display: none;
  align-items: flex-end;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--alignment-vertical .sui-MoleculeStepperStepLabel.sui-MoleculeStepperStepLabel--step-current-true.sui-MoleculeStepperStepLabel--visible {
  display: flex;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--alignment-horizontal {
  width: 50px;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 8px;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--alignment-horizontal .sui-MoleculeStepperStepLabel {
  align-items: flex-end;
  display: none;
  height: 34px;
  width: max-content;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--alignment-horizontal .sui-MoleculeStepperStepLabel.sui-MoleculeStepperStepLabel--step-current-true.sui-MoleculeStepperStepLabel--visible {
  display: flex;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--alignment-horizontal .sui-MoleculeStepperStepIcon {
  width: 100%;
  height: 8px;
}
.sui-MoleculeStepperStep--design-compressed.sui-MoleculeStepperStep--justifyContent-legacy {
  flex-grow: 1;
}
.sui-MoleculeStepperStep--design-basic {
  flex-basis: 24px;
  flex-shrink: 0;
}
.sui-MoleculeStepperStep--design-basic .sui-MoleculeStepperStepIcon {
  background-color: #ffffff;
  border: 1px solid #bfc7d0;
  border-radius: 4px;
}
.sui-MoleculeStepperStep--design-basic + .sui-MoleculeStepperStepConnector {
  display: none;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--current .sui-MoleculeStepperStepIcon {
  background-color: #000e23;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--current .sui-MoleculeStepperStepLabel {
  color: #000e23;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--visited .sui-MoleculeStepperStepIcon {
  background-color: #000e23;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--visited .sui-MoleculeStepperStepLabel {
  color: #000e23;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--alignment-vertical {
  width: 50px;
  flex-direction: row-reverse;
  gap: 8px;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--alignment-vertical .sui-MoleculeStepperStepIcon {
  width: 8px;
  height: 100%;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--alignment-vertical .sui-MoleculeStepperStepLabel {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  width: 34px;
  display: flex;
  align-items: flex-end;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--alignment-vertical .sui-MoleculeStepperStepLabel:not(.sui-MoleculeStepperStepLabel--visible) {
  display: none;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--alignment-horizontal {
  width: 50px;
  flex-direction: column-reverse;
  gap: 8px;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--alignment-horizontal .sui-MoleculeStepperStepLabel {
  height: 34px;
  display: flex;
  align-items: flex-end;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--alignment-horizontal .sui-MoleculeStepperStepLabel:not(.sui-MoleculeStepperStepLabel--visible) {
  display: none;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--alignment-horizontal .sui-MoleculeStepperStepIcon {
  width: 100%;
  height: 8px;
}
.sui-MoleculeStepperStep--design-basic.sui-MoleculeStepperStep--justifyContent-legacy {
  flex-grow: 1;
}
.sui-MoleculeStepperStep--alignment-vertical {
  justify-content: flex-start;
  flex-direction: row;
}
.sui-MoleculeStepperStep--alignment-vertical + .sui-MoleculeStepperStepConnector .sui-MoleculeStepperStepConnectorLine {
  width: 4px;
  height: calc(100% - 12px);
  margin: 4px 0 4px 24px;
}
.sui-MoleculeStepperStep--alignment-horizontal {
  flex-direction: column;
  height: 100%;
}
.sui-MoleculeStepperStep--alignment-horizontal + .sui-MoleculeStepperStepConnector {
  height: 100%;
}
.sui-MoleculeStepperStep--alignment-horizontal + .sui-MoleculeStepperStepConnector .sui-MoleculeStepperStepConnectorLine {
  width: calc(100% - 12px);
  height: 4px;
  margin: 24px 4px 0 4px;
}
.sui-MoleculeStepperStep--current {
  color: #000e23;
}
.sui-MoleculeStepperStep--current .sui-MoleculeStepperStepIcon > * {
  color: #000e23;
}
.sui-MoleculeStepperStep--visited {
  color: #000e23;
}
.sui-MoleculeStepperStep--visited + .sui-MoleculeStepperStepConnector .sui-MoleculeStepperStepConnectorLine {
  background-color: #000e23;
  border-color: #000e23;
}
.sui-MoleculeStepperStep--visited .sui-MoleculeStepperStepIcon > * {
  color: #000e23;
}

.mt-DrawerReservationInitialization-accordionHeader {
  display: flex;
  width: 100%;
}
.mt-DrawerReservationInitialization-adTitle {
  font-size: 16px;
  font-weight: 600;
}
.mt-DrawerReservationInitialization-badge {
  left: 8px;
  top: 36px;
  position: absolute;
  z-index: 1;
}
.mt-DrawerReservationInitialization-badge--isTop {
  left: 8px;
  position: absolute;
  top: 8px;
  z-index: 1;
}
.mt-DrawerReservationInitialization-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 600px) {
  .mt-DrawerReservationInitialization-wrapper {
    align-items: stretch;
    text-align: left;
    width: 380px;
  }
}
.mt-DrawerReservationInitialization-header {
  flex-shrink: 0;
  padding: 16px 16px 8px;
  width: 100%;
}
.mt-DrawerReservationInitialization-headerActions {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.mt-DrawerReservationInitialization-backButton {
  display: flex;
}
.mt-DrawerReservationInitialization-closeButton {
  display: flex;
  margin-left: auto;
}
.mt-DrawerReservationInitialization-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding: 0 8px;
}
.mt-DrawerReservationInitialization-body {
  flex: 1;
  overflow-y: auto;
  padding: 0 16px;
  width: 100%;
}
.mt-DrawerReservationInitialization-body > * {
  width: 100%;
}
.mt-DrawerReservationInitialization-body--scrollable {
  scrollbar-gutter: stable;
}
.mt-DrawerReservationInitialization-footer {
  flex-shrink: 0;
  padding: 16px;
  background-color: #ffffff;
  border-top: 1px solid #bfc7d0;
}
.mt-DrawerReservationInitialization-footerInfo {
  margin-top: 8px;
  text-align: center;
}
.mt-DrawerReservationInitialization-paymentInfo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
}
.mt-DrawerReservationInitialization-paymentText {
  font-size: 12px;
  margin: 0 4px 0 0;
}
.mt-DrawerReservationInitialization-paymentLogos, .mt-DrawerReservationInitialization-paymentLogosGooglePay {
  width: 164px;
  height: 24px;
}
.mt-DrawerReservationInitialization-paymentLogosGooglePay {
  width: 48px;
}
.mt-DrawerReservationInitialization-dealerName {
  font-weight: 600;
  font-size: 14px;
  margin: 4px 0 16px;
}
.mt-DrawerReservationInitialization-imageWrapper {
  aspect-ratio: 1.3333333333;
  margin: 16px 0;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.mt-DrawerReservationInitialization-image {
  border-radius: 8px;
}
.mt-DrawerReservationInitialization-iconRatingStar {
  color: #ff9900;
  display: flex;
  padding-bottom: 2px;
}
.mt-DrawerReservationInitialization-linkInfo {
  align-items: center;
  color: #000e23;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  margin-top: 16px;
}
.mt-DrawerReservationInitialization-linkInfoText {
  margin-right: 4px;
  text-decoration: underline;
}
.mt-DrawerReservationInitialization-reservationInfo {
  background-color: red;
}
.mt-DrawerReservationInitialization-termsImage {
  margin-bottom: 24px;
  border-radius: 8px;
  overflow: hidden;
}
.mt-DrawerReservationInitialization-termsImage img {
  border-radius: 8px;
}
.mt-DrawerReservationInitialization-termsContent {
  font-size: 16px;
}
.mt-DrawerReservationInitialization-titleRevamp {
  margin: 0;
}
.mt-DrawerReservationInitialization-titleRevampLine {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.46;
  margin: 0;
}
.mt-DrawerReservationInitialization-infoRevamp {
  display: flex;
  flex-direction: column;
}
.mt-DrawerReservationInitialization-stepper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-DrawerReservationInitialization-stepper .sui-MoleculeStepper--design-compressed {
  overflow: visible;
}
.mt-DrawerReservationInitialization-stepperLabel {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
.mt-DrawerReservationInitialization-imageCountBadge {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  color: #ffffff;
  display: flex;
  gap: 4px;
  height: 24px;
  left: 8px;
  padding: 0 2px;
  position: absolute;
  top: 8px;
  z-index: 1;
}
.mt-DrawerReservationInitialization-vehicleInfo {
  margin: 8px 0 24px;
}
.mt-DrawerReservationInitialization-vehicleName {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 2px;
}
.mt-DrawerReservationInitialization-vehicleDetails {
  color: #3b4a5a;
  font-size: 14px;
  margin: 0;
}
.mt-DrawerReservationInitialization-benefits {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mt-DrawerReservationInitialization-benefitItem {
  align-items: flex-start;
  background-color: rgba(191, 197, 204, 0.1019607843);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  padding: 8px;
}
.mt-DrawerReservationInitialization-benefitIcon {
  align-items: center;
  color: #000e23;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}
.mt-DrawerReservationInitialization-benefitContent {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}
.mt-DrawerReservationInitialization-benefitTitleRow {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.mt-DrawerReservationInitialization-benefitTitle {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.mt-DrawerReservationInitialization-benefitSubtitle {
  font-size: 14px;
  margin: 0;
}
.mt-DrawerReservationInitialization-benefitPaymentIcons {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 4px;
  justify-content: flex-end;
  margin-left: 8px;
}
.mt-DrawerReservationInitialization-benefitPaymentIconGooglePay {
  height: 22px;
  width: 44px;
}
.mt-DrawerReservationInitialization-benefitPaymentIconCards {
  height: 28px;
  max-width: 180px;
  width: auto;
}
.mt-DrawerReservationInitialization-footerRevamp {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-DrawerReservationInitialization-footerRevampCtaWrapper {
  flex: 1;
}

.mt-Detail--new-reservation {
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border: 1px solid #bfc5cc;
  border-radius: 8px;
  padding: 16px;
}
.mt-Detail--new-reservation--aside {
  display: none;
}
@media (min-width: 1300px) {
  .mt-Detail--new-reservation--aside {
    display: flex;
  }
}
.mt-Detail--new-reservation--inline {
  display: flex;
}
@media (min-width: 1300px) {
  .mt-Detail--new-reservation--inline {
    display: none;
  }
}
@media (min-width: 600px) {
  .mt-Detail--new-reservation--inline.mt-Detail--new-reservation {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
  .mt-Detail--new-reservation--inline.mt-Detail--new-reservation .mt-Detail--new-reservation-main {
    flex: 4;
  }
  .mt-Detail--new-reservation--inline.mt-Detail--new-reservation .mt-Detail--new-reservation-cta {
    flex: 3;
    width: auto;
  }
  .mt-Detail--new-reservation--inline.mt-Detail--new-reservation .mt-Detail--new-reservation-subtitles {
    flex-direction: row;
  }
}
.mt-Detail--new-reservation-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
.mt-Detail--new-reservation-cta {
  width: 100%;
}
.mt-Detail--new-reservation-text {
  display: flex;
  flex-direction: column;
}
.mt-Detail--new-reservation-textTitle {
  margin-bottom: 4px;
}
.mt-Detail--new-reservation-subtitles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.mt-Detail--new-reservation-subtitlesText {
  margin-right: 4px;
}
.mt-Detail--new-reservation-refund {
  color: #017943;
}

.mt-Detail--new-dealerAds {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.mt-Detail--new-dealerAds-footerAction {
  display: flex;
  margin-top: 24px;
}

.mt-Detail--new-dealerRatings {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.mt-Detail--new-dealerRatings-title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-alert-pressed);
}
.mt-Detail--new-dealerRatings-title-icon {
  margin-top: -2px;
}
.mt-Detail--new-dealerRatings-reviews {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  width: 100%;
}
@media (min-width: 800px) {
  .mt-Detail--new-dealerRatings-reviews {
    grid-template-columns: repeat(2, 1fr);
  }
}

.mt-Detail--new-sellerInfo {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-Detail--new-sellerInfo-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-Detail--new-sellerInfo-profile {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 800px) {
  .mt-Detail--new-sellerInfo-profile {
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
  }
}
.mt-Detail--new-sellerInfo-info {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
}
@media (min-width: 800px) {
  .mt-Detail--new-sellerInfo-info {
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
  }
}
@media (max-width: 799px) {
  .mt-Detail--new-sellerInfo--dealer .mt-Detail--new-sellerInfo-profile {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    row-gap: 24px;
  }
  .mt-Detail--new-sellerInfo--dealer .mt-Detail--new-sellerInfo-info {
    display: contents;
  }
  .mt-Detail--new-sellerInfo--dealer .mt-Detail--new-sellerInfo-logo {
    order: 1;
  }
  .mt-Detail--new-sellerInfo--dealer .mt-Detail--new-sellerInfo-actions {
    order: 2;
  }
  .mt-Detail--new-sellerInfo--dealer .mt-Detail--new-sellerInfo-identity {
    order: 3;
    flex: 0 0 100%;
  }
}
.mt-Detail--new-sellerInfo-logo {
  flex-shrink: 0;
  width: 107px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}
.mt-Detail--new-sellerInfo-identity {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mt-Detail--new-sellerInfo-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mt-Detail--new-sellerInfo-name {
  color: inherit;
  text-decoration: none;
}
.mt-Detail--new-sellerInfo-addressLink {
  align-self: flex-start;
}
.mt-Detail--new-sellerInfo-actions {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}
.mt-Detail--new-sellerInfo-services {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 8px;
  padding: 16px;
  background-color: rgba(191, 197, 204, 0.1607843137);
}
@media (min-width: 800px) {
  .mt-Detail--new-sellerInfo-services {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 24px;
  }
}
@media (min-width: 800px) {
  .mt-Detail--new-sellerInfo-servicesTitle {
    order: 1;
    flex: 1;
  }
}
.mt-Detail--new-sellerInfo-servicesLink {
  align-self: flex-start;
  flex-shrink: 0;
  border: 0;
  padding: 0;
  background: none;
  text-decoration: underline;
  cursor: pointer;
}
@media (min-width: 800px) {
  .mt-Detail--new-sellerInfo-servicesLink {
    order: 2;
    align-self: center;
  }
}
.mt-Detail--new-sellerInfo-shipping {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 4px;
  padding: 16px;
  background-color: #ffffff;
}
@media (min-width: 800px) {
  .mt-Detail--new-sellerInfo-shipping {
    order: 3;
    flex: 1 0 100%;
  }
}
.mt-Detail--new-sellerInfo-serviceBadges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 800px) {
  .mt-Detail--new-sellerInfo-serviceBadges {
    order: 4;
    flex: 1 0 100%;
  }
}

.mt-Detail--new-seller {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.mt-Detail--new-carfax {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 800px) {
  .mt-Detail--new-carfax {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "header logo" "list logo" "legal legal" "actions actions";
    column-gap: 32px;
    row-gap: 24px;
  }
}
.mt-Detail--new-carfax-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 800px) {
  .mt-Detail--new-carfax-header {
    grid-area: header;
  }
}
.mt-Detail--new-carfax-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 800px) {
  .mt-Detail--new-carfax-list {
    grid-area: list;
  }
}
.mt-Detail--new-carfax-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mt-Detail--new-carfax-item svg {
  flex-shrink: 0;
}
.mt-Detail--new-carfax-legal {
  display: block;
}
@media (min-width: 800px) {
  .mt-Detail--new-carfax-legal {
    grid-area: legal;
  }
}
.mt-Detail--new-carfax-actions {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
  .mt-Detail--new-carfax-actions {
    grid-area: actions;
    flex-direction: row;
  }
}
.mt-Detail--new-carfax-logo {
  width: 155px;
}
@media (min-width: 800px) {
  .mt-Detail--new-carfax-logo {
    grid-area: logo;
    align-self: start;
  }
}
.mt-Detail--new-carfax-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.mt-Detail--new-certification {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 800px) {
  .mt-Detail--new-certification {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "header logo" "list logo" "actions logo";
    column-gap: 32px;
    row-gap: 24px;
  }
}
.mt-Detail--new-certification-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media (min-width: 800px) {
  .mt-Detail--new-certification-header {
    grid-area: header;
  }
}
.mt-Detail--new-certification-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 800px) {
  .mt-Detail--new-certification-list {
    grid-area: list;
  }
}
.mt-Detail--new-certification-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mt-Detail--new-certification-item svg {
  flex-shrink: 0;
}
.mt-Detail--new-certification-actions {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
  .mt-Detail--new-certification-actions {
    grid-area: actions;
    flex-direction: row;
  }
}
.mt-Detail--new-certification-logo {
  width: 155px;
  height: auto;
}
@media (min-width: 800px) {
  .mt-Detail--new-certification-logo {
    grid-area: logo;
    align-self: start;
  }
}

.mt-Detail--new-noCommissions {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 800px) {
  .mt-Detail--new-noCommissions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "header logo" "list logo" "actions logo";
    column-gap: 32px;
    row-gap: 24px;
  }
}
@media (min-width: 800px) {
  .mt-Detail--new-noCommissions-header {
    grid-area: header;
  }
}
.mt-Detail--new-noCommissions-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 800px) {
  .mt-Detail--new-noCommissions-list {
    grid-area: list;
  }
}
.mt-Detail--new-noCommissions-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mt-Detail--new-noCommissions-item svg {
  flex-shrink: 0;
}
.mt-Detail--new-noCommissions-actions {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
  .mt-Detail--new-noCommissions-actions {
    grid-area: actions;
    flex-direction: row;
  }
}
.mt-Detail--new-noCommissions-logo {
  width: 155px;
}
@media (min-width: 800px) {
  .mt-Detail--new-noCommissions-logo {
    grid-area: logo;
    align-self: start;
  }
}
.mt-Detail--new-noCommissions-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.mt-Detail--new-trust {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.mt-Detail--new-trust-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-Detail--new-trust-content {
  display: flex;
  flex-direction: column;
}

.mt-Detail--new-gallery {
  position: relative;
  overflow: hidden;
}
.mt-Detail--new-gallery-media {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
}
.mt-Detail--new-gallery-video-thumbnail {
  position: relative;
  width: 100%;
}
.mt-Detail--new-gallery-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.mt-Detail--new-gallery-video-player {
  position: relative;
  width: 100%;
  height: 100%;
}
.mt-Detail--new-gallery-video-stop {
  position: absolute;
  inset: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  z-index: 1;
}
.mt-Detail--new-gallery-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
}
@media (min-width: 600px) {
  .mt-Detail--new-gallery-controls {
    left: 32px;
  }
}
@media (min-width: 970px) {
  .mt-Detail--new-gallery-controls {
    left: 16px;
  }
}
.mt-Detail--new-gallery-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.mt-Detail--new-gallery-arrow--prev {
  left: 32px;
}
.mt-Detail--new-gallery-arrow--next {
  right: 32px;
}
@media (min-width: 970px) {
  .mt-Detail--new-gallery-arrow--prev {
    left: 16px;
  }
  .mt-Detail--new-gallery-arrow--next {
    right: 16px;
  }
}
.mt-Detail--new-gallery--mobile {
  margin: 0 0 16px 0;
}
.mt-Detail--new-gallery-carousel {
  scrollbar-width: none;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  touch-action: pan-x;
}
.mt-Detail--new-gallery-carousel::-webkit-scrollbar {
  display: none;
}
.mt-Detail--new-gallery-slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #dfe2e6;
}
.mt-Detail--new-gallery-media-action {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.mt-Detail--new-gallery-media-action:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, #000e23 80%, transparent);
  border-radius: 4px;
  pointer-events: none;
  z-index: 1;
}
@media (min-width: 600px) {
  .mt-Detail--new-gallery--desktop {
    height: 428px;
    margin-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 8px;
  }
  .mt-Detail--new-gallery-track {
    scrollbar-width: none;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    grid-auto-columns: calc((571px - 4px) / 2);
    grid-auto-flow: column;
    grid-template-rows: repeat(2, 1fr);
    height: 100%;
    overflow-x: auto;
    touch-action: pan-x;
  }
  .mt-Detail--new-gallery-track::-webkit-scrollbar {
    display: none;
  }
  .mt-Detail--new-gallery-cell {
    overflow: hidden;
    border-radius: 2px;
    background: #dfe2e6;
  }
  .mt-Detail--new-gallery-cell--featured {
    grid-row: 1/3;
    grid-column: span 2;
  }
  .mt-Detail--new-gallery-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dfe2e6;
    color: #bfc7d0;
  }
  .mt-Detail--new-gallery-placeholder span {
    height: auto;
  }
  .mt-Detail--new-gallery-placeholder svg {
    width: 71px;
    height: 71px;
  }
}
@media (min-width: 970px) {
  .mt-Detail--new-gallery--desktop {
    padding-left: 0;
    padding-right: 0;
  }
}

.mt-Detail--new-gallery-modal {
  background-color: #000e23;
}
.mt-Detail--new-gallery-modal-header {
  display: flex;
  align-items: center;
  background-color: #000e23;
  height: 48px;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 16px;
  position: relative;
}
@media (min-width: 800px) {
  .mt-Detail--new-gallery-modal-header {
    height: 64px;
    padding-inline: 16px;
  }
}
.mt-Detail--new-gallery-modal-header-controls {
  display: none;
}
@media (min-width: 800px) {
  .mt-Detail--new-gallery-modal-header-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.mt-Detail--new-gallery-modal-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 0;
}
@media (min-width: 800px) {
  .mt-Detail--new-gallery-modal-body {
    flex-direction: row;
    padding: 16px;
  }
}
.mt-Detail--new-gallery-modal-track {
  scrollbar-width: none;
  display: flex;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  touch-action: pan-x;
}
.mt-Detail--new-gallery-modal-track::-webkit-scrollbar {
  display: none;
}
@media (min-width: 800px) {
  .mt-Detail--new-gallery-modal-track {
    flex: none;
    width: 713px;
  }
}
.mt-Detail--new-gallery-modal-slide {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  width: 100%;
}
.mt-Detail--new-gallery-modal-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
@media (min-width: 800px) {
  .mt-Detail--new-gallery-modal-controls {
    display: none;
  }
}
.mt-Detail--new-gallery-modal-media {
  aspect-ratio: 4 / 3;
  width: 100%;
}
@media (min-width: 970px) {
  .mt-Detail--new-gallery-modal-media {
    height: 535px;
    max-height: 100%;
    width: auto;
  }
}
.mt-Detail--new-gallery-modal-header-right {
  display: flex;
  align-items: center;
}
.mt-Detail--new-gallery-modal-header-phone {
  display: none;
  padding: 8px;
}
@media (min-width: 970px) {
  .mt-Detail--new-gallery-modal-header-phone {
    display: flex;
  }
}
@media (min-width: 970px) {
  .mt-Detail--new-gallery-modal-footer {
    display: none;
  }
}
.mt-Detail--new-gallery-modal-arrow {
  display: none;
  flex-shrink: 0;
}
@media (min-width: 970px) {
  .mt-Detail--new-gallery-modal-arrow {
    align-self: center;
    display: flex;
  }
}
.mt-Detail--new-gallery-modal-header-controls-counter, .mt-Detail--new-gallery-modal-controls-counter {
  color: #ffffff;
}
.mt-Detail--new-gallery-modal-advertisingWrapper {
  min-height: 90px;
}
.mt-Detail--new-gallery-modal-advertisingWrapper [data-fuse] {
  display: flex;
  justify-content: center;
}

@media (orientation: landscape) and (max-height: 500px) {
  .mt-Detail--new-gallery-modal-body {
    flex: 1;
    flex-direction: row;
    gap: 24px;
    justify-content: center;
    min-height: 0;
    position: relative;
  }
  .mt-Detail--new-gallery-modal-track {
    aspect-ratio: 4 / 3;
    flex: 0 1 auto;
    height: 100%;
    min-width: 0;
    width: auto;
  }
  .mt-Detail--new-gallery-modal-slide {
    height: 100%;
  }
  .mt-Detail--new-gallery-modal-media {
    height: 100%;
    max-height: 100%;
    width: auto;
  }
  .mt-Detail--new-gallery-modal-header-controls {
    display: none;
  }
  .mt-Detail--new-gallery-modal-arrow {
    align-self: center;
    display: flex;
  }
  .mt-Detail--new-gallery-modal-controls {
    bottom: 8px;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding-inline: 16px;
    position: absolute;
    width: 100%;
  }
  .mt-Detail--new-gallery-modal-footer {
    display: none;
  }
}

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* small */
/* medium */
/* large */
/* threeCharacters */
/* disabled */
/* selected */

.mt-Detail--new-secondaryBar {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  height: 64px;
  margin-bottom: 24px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 2;
}
@media (max-width: 799px) {
  .mt-Detail--new-secondaryBar {
    margin-bottom: 0;
  }
}
.mt-Detail--new-secondaryBar-inner {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1280px;
  padding-block: 16px;
  padding-inline: 8px;
  width: 100%;
}
@media (min-width: 1300px) {
  .mt-Detail--new-secondaryBar-inner {
    padding-inline: 0;
  }
}
.mt-Detail--new-secondaryBar--sticky {
  border-bottom: 1px solid #bfc7d0;
}
.mt-Detail--new-secondaryBar--sticky .mt-Detail--new-secondaryBar-inner {
  align-content: center;
  margin-top: auto;
  padding-block: 0;
}
.mt-Detail--new-secondaryBar-sentinel {
  height: 1px;
  pointer-events: none;
  visibility: hidden;
}
.mt-Detail--new-secondaryBar-content {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.mt-Detail--new-secondaryBar-actions {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 4px;
}
.mt-Detail--new-secondaryBar-adInfo {
  align-items: center;
  display: flex;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}
.mt-Detail--new-secondaryBar-adInfo-price {
  flex-shrink: 0;
}
.mt-Detail--new-secondaryBar-adInfo-separator {
  color: #000e23;
  flex-shrink: 0;
  margin-inline: 8px;
}
.mt-Detail--new-secondaryBar-adInfo-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-Detail--new-secondaryBar-sectionNav [role=tablist] {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  border-bottom-width: 0;
  scrollbar-width: none;
}
.mt-Detail--new-secondaryBar-sectionNav [role=tablist]::-webkit-scrollbar {
  display: none;
}

.mt-Detail--new-contact-bannerInfo-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: #d9e6ff;
  padding-block: 0;
  padding-inline: 16px;
}
.mt-Detail--new-contact-bannerInfo-popoverContent {
  padding: 16px;
}
.mt-Detail--new-contact-bannerInfo-popoverHeader {
  display: flex;
  padding-bottom: 4px;
  align-items: center;
  justify-content: space-between;
}
.mt-Detail--new-contact-bannerInfo-popoverTitle {
  color: #ffffff;
}
.mt-Detail--new-contact-bannerInfo-popoverBody {
  color: #ffffff;
}

.mt-Detail--new {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}
@media (max-width: 1299px) {
  .mt-Detail--new-layout {
    padding-bottom: calc(80px + env(safe-area-inset-bottom));
  }
}
.mt-Detail--new-layout .mt-SharedCorporateFooter--fullWidth {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}
.mt-Detail--new-layout .mt-SharedTopbar--fullWidth > .sui-TopbarUser {
  padding-inline: 8px;
}
@media (min-width: 1300px) {
  .mt-Detail--new-layout .mt-SharedTopbar--fullWidth > .sui-TopbarUser {
    padding-inline: 0;
  }
}
.mt-Detail--new-columns {
  display: grid;
  align-items: start;
}
@media (min-width: 1300px) {
  .mt-Detail--new-columns {
    grid-template-columns: 798px 416px;
    justify-content: space-between;
    column-gap: 24px;
  }
}
.mt-Detail--new-contact {
  display: none;
}
@media (min-width: 1300px) {
  .mt-Detail--new-contact {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: calc(64px + 16px);
    grid-row: 1;
    grid-column: 2;
  }
  .mt-Detail--new-contact .sui-AtomToast-position--top-right {
    top: 64px;
  }
}
.mt-Detail--new-paddedContent {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.mt-Detail--new-paddedContent > [id] {
  scroll-margin-top: calc(64px + 16px);
}
.mt-Detail--new-paddedContent > * + * {
  margin-top: 72px;
}
@media (max-width: 1299px) {
  .mt-Detail--new-paddedContent {
    padding: 0 16px;
  }
  .mt-Detail--new-paddedContent > * + * {
    margin-top: 48px;
  }
  .mt-Detail--new-paddedContent > .mt-Detail--new-reservation--inline {
    margin-top: 24px;
  }
}
.mt-Detail--new-paddedContent > .mt-Detail--new-separator,
.mt-Detail--new-paddedContent > .mt-Detail--new-separator + * {
  margin-top: 0;
}
.mt-Detail--new-paddedContent > .mt-Detail--new-netAssistant {
  margin-top: 24px;
}
.mt-Detail--new-midBannerWrapper {
  margin-top: 40px;
  margin-bottom: 16px;
  min-height: 90px;
}
@media (max-width: 599px) {
  .mt-Detail--new-midBannerWrapper {
    min-height: 250px;
  }
}

.mt-Detail--new-topBanner {
  min-height: 106px;
  padding-bottom: 16px;
}@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;
@layer theme,base,components;/* One list for the whole Detail page, both variants: `../index.js` statically
 * imports `variants/legacy` and `variants/new`, so webpack always emits both in
 * one `Detail.css`, and per-variant lists would only repeat these lines.
 *
 * Per component, never the `@adv-mt/ui/styles.css` barrel. The barrel carries
 * Tailwind's global preflight, `*{margin:0;padding:0;border:0 solid}` in
 * `@layer base`, and `base` outranks `@layer legacy`, so it wiped every margin and
 * padding the legacy variant sets (the gallery, contact and price module gaps in
 * production). No per-component file ships that reset;
 * `app/scripts/check-ds-css.mjs` fails the build if one ever does.
 *
 * button, typography, icon and ai-icon are absent on purpose: the global chunk
 * (`app/src/styles/index.js`) already ships them.
 *//*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}
@layer utilities{.ml-auto{margin-left:auto}.flex{display:flex}.size-6{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.h-\[var\(--accordion-panel-height\)\]{height:var(--accordion-panel-height)}.w-full{width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-\[var\(--space-small\)\]{gap:var(--space-small)}.overflow-hidden{overflow:hidden}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--color-outline\)\]{border-color:var(--color-outline)}.px-\[var\(--space-standard\)\]{padding-inline:var(--space-standard)}.py-\[var\(--space-base\)\]{padding-block:var(--space-base)}.pt-\[var\(--space-base\)\]{padding-top:var(--space-base)}.pb-\[var\(--space-standard\)\]{padding-bottom:var(--space-standard)}.text-left{text-align:left}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.underline{text-decoration-line:underline}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-\[rgb\(from_var\(--color-on-surface\)_r_g_b_\/_var\(--dim-5\)\)\]:hover{background-color:rgb(from var(--color-on-surface) r g b / var(--dim-5))}}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-\[var\(--color-primary\)\]:has(:focus-visible){outline-color:var(--color-primary)}.has-\[\:focus-visible\]\:outline-solid:has(:focus-visible){--tw-outline-style:solid;outline-style:solid}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-default[data-disabled]{cursor:default}.data-\[disabled\]\:opacity-\[var\(--dim-3\)\][data-disabled]{opacity:var(--dim-3)}.data-\[disabled\]\:outline-0[data-disabled]{outline-style:var(--tw-outline-style);outline-width:0}.data-\[ending-style\]\:h-0[data-ending-style]{height:calc(var(--spacing,.25rem) * 0)}.data-\[panel-open\]\:rotate-0[data-panel-open]{rotate:0deg}.data-\[panel-open\]\:rotate-180[data-panel-open]{rotate:180deg}.data-\[starting-style\]\:h-0[data-starting-style]{height:calc(var(--spacing,.25rem) * 0)}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}
@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.right-0{right:calc(var(--spacing,.25rem) * 0)}.bottom-0{bottom:calc(var(--spacing,.25rem) * 0)}.ml-\[calc\(var\(--spacing\)\*-2\)\]{margin-left:calc(var(--spacing) * -2)}.ml-\[calc\(var\(--spacing\)\*-4\)\]{margin-left:calc(var(--spacing) * -4)}.ml-\[calc\(var\(--spacing\)\*-5\)\]{margin-left:calc(var(--spacing) * -5)}.ml-\[calc\(var\(--spacing\)\*-6\)\]{margin-left:calc(var(--spacing) * -6)}.ml-\[calc\(var\(--spacing\)\*-8\)\]{margin-left:calc(var(--spacing) * -8)}.ml-\[calc\(var\(--spacing\)\*-10\)\]{margin-left:calc(var(--spacing) * -10)}.flex{display:flex}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing,.25rem) * 2);height:calc(var(--spacing,.25rem) * 2)}.size-3{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}.size-4{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.size-6{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.size-\[24px\]{width:24px;height:24px}.size-\[32px\]{width:32px;height:32px}.size-\[40px\]{width:40px;height:40px}.size-\[48px\]{width:48px;height:48px}.size-\[64px\]{width:64px;height:64px}.size-\[80px\]{width:80px;height:80px}.size-full{width:100%;height:100%}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[4px\]{border-style:var(--tw-border-style);border-width:4px}.border-\[5px\]{border-style:var(--tw-border-style);border-width:5px}.border-\[7px\]{border-style:var(--tw-border-style);border-width:7px}.border-\[8px\]{border-style:var(--tw-border-style);border-width:8px}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[var\(--color-neutral\)\]{border-color:var(--color-neutral)}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-alert\)\]{background-color:var(--color-alert)}.bg-\[var\(--color-neutral-container\)\]{background-color:var(--color-neutral-container)}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--color-success\)\]{background-color:var(--color-success)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.object-cover{object-fit:cover}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[16px\]{font-size:16px}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.leading-\[21px\]{--tw-leading:21px;line-height:21px}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[0px\]{--tw-tracking:0px;letter-spacing:0}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.text-\[var\(--color-on-neutral-container\)\]{color:var(--color-on-neutral-container)}.text-\[var\(--color-on-primary\)\]{color:var(--color-on-primary)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[var\(--color-surface\)\]{--tw-ring-color:var(--color-surface)}.ring-offset-\[2px\]{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-\[4px\]{--tw-ring-offset-width:4px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-\[var\(--color-surface\)\]{--tw-ring-offset-color:var(--color-surface)}.select-none{-webkit-user-select:none;user-select:none}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.\[\&_svg\]\:size-6 svg{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.\[\&_svg\]\:size-8 svg{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}.\[\&_svg\]\:size-10 svg{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10)}.\[\&\>div\:not\(\:first-child\)\]\:ml-\[calc\(var\(--spacing\)\*-2\)\]>div:not(:first-child){margin-left:calc(var(--spacing) * -2)}.\[\&\>div\:not\(\:first-child\)\]\:ml-\[calc\(var\(--spacing\)\*-4\)\]>div:not(:first-child){margin-left:calc(var(--spacing) * -4)}.\[\&\>div\:not\(\:first-child\)\]\:ml-\[calc\(var\(--spacing\)\*-5\)\]>div:not(:first-child){margin-left:calc(var(--spacing) * -5)}.\[\&\>div\:not\(\:first-child\)\]\:ml-\[calc\(var\(--spacing\)\*-6\)\]>div:not(:first-child){margin-left:calc(var(--spacing) * -6)}.\[\&\>div\:not\(\:first-child\)\]\:ml-\[calc\(var\(--spacing\)\*-8\)\]>div:not(:first-child){margin-left:calc(var(--spacing) * -8)}.\[\&\>div\:not\(\:first-child\)\]\:ml-\[calc\(var\(--spacing\)\*-10\)\]>div:not(:first-child){margin-left:calc(var(--spacing) * -10)}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}
@layer utilities{.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-\[var\(--space-intermediate\)\]{width:var(--space-intermediate);height:var(--space-intermediate)}.size-\[var\(--space-standard\)\]{width:var(--space-standard);height:var(--space-standard)}.h-\[var\(--space-compact\)\]{height:var(--space-compact)}.h-\[var\(--space-intermediate\)\]{height:var(--space-intermediate)}.h-\[var\(--space-medium\)\]{height:var(--space-medium)}.h-\[var\(--space-standard\)\]{height:var(--space-standard)}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[var\(--space-base\)\]{gap:var(--space-base)}.gap-\[var\(--space-tiny\)\]{gap:var(--space-tiny)}.rounded-\[var\(--badge-radius\)\]{border-radius:var(--badge-radius)}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-accent-container\)\]{background-color:var(--color-accent-container)}.bg-\[var\(--color-alert\)\]{background-color:var(--color-alert)}.bg-\[var\(--color-alert-container\)\]{background-color:var(--color-alert-container)}.bg-\[var\(--color-error\)\]{background-color:var(--color-error)}.bg-\[var\(--color-error-container\)\]{background-color:var(--color-error-container)}.bg-\[var\(--color-info\)\]{background-color:var(--color-info)}.bg-\[var\(--color-info-container\)\]{background-color:var(--color-info-container)}.bg-\[var\(--color-neutral\)\]{background-color:var(--color-neutral)}.bg-\[var\(--color-neutral-container\)\]{background-color:var(--color-neutral-container)}.bg-\[var\(--color-overlay\)\]{background-color:var(--color-overlay)}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--color-primary-container\)\]{background-color:var(--color-primary-container)}.bg-\[var\(--color-success\)\]{background-color:var(--color-success)}.bg-\[var\(--color-success-container\)\]{background-color:var(--color-success-container)}.bg-\[var\(--color-support\)\]{background-color:var(--color-support)}.bg-\[var\(--color-support-container\)\]{background-color:var(--color-support-container)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--color-surface-container\)\]{background-color:var(--color-surface-container)}.bg-\[var\(--color-surface-inverse\)\]{background-color:var(--color-surface-inverse)}.bg-\[var\(--color-surface-inverse-dim-2\)\]{background-color:var(--color-surface-inverse-dim-2)}.px-0{padding-inline:calc(var(--spacing,.25rem) * 0)}.px-\[var\(--space-base\)\]{padding-inline:var(--space-base)}.px-\[var\(--space-tiny\)\]{padding-inline:var(--space-tiny)}.align-middle{vertical-align:middle}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--badge-font-weight\)\]{--tw-font-weight:var(--badge-font-weight);font-weight:var(--badge-font-weight)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-on-accent\)\]{color:var(--color-on-accent)}.text-\[var\(--color-on-accent-container\)\]{color:var(--color-on-accent-container)}.text-\[var\(--color-on-alert\)\]{color:var(--color-on-alert)}.text-\[var\(--color-on-alert-container\)\]{color:var(--color-on-alert-container)}.text-\[var\(--color-on-error\)\]{color:var(--color-on-error)}.text-\[var\(--color-on-error-container\)\]{color:var(--color-on-error-container)}.text-\[var\(--color-on-info\)\]{color:var(--color-on-info)}.text-\[var\(--color-on-info-container\)\]{color:var(--color-on-info-container)}.text-\[var\(--color-on-neutral\)\]{color:var(--color-on-neutral)}.text-\[var\(--color-on-neutral-container\)\]{color:var(--color-on-neutral-container)}.text-\[var\(--color-on-overlay\)\]{color:var(--color-on-overlay)}.text-\[var\(--color-on-primary\)\]{color:var(--color-on-primary)}.text-\[var\(--color-on-primary-container\)\]{color:var(--color-on-primary-container)}.text-\[var\(--color-on-success\)\]{color:var(--color-on-success)}.text-\[var\(--color-on-success-container\)\]{color:var(--color-on-success-container)}.text-\[var\(--color-on-support\)\]{color:var(--color-on-support)}.text-\[var\(--color-on-support-container\)\]{color:var(--color-on-support-container)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.text-\[var\(--color-on-surface-container\)\]{color:var(--color-on-surface-container)}.text-\[var\(--color-on-surface-inverse\)\]{color:var(--color-on-surface-inverse)}.underline{text-decoration-line:underline}.\[\&\>svg\]\:size-full>svg{width:100%;height:100%}}:root{--badge-radius:var(--radius-xs);--badge-font-weight:var(--fw-regular)}[data-theme=milanuncios]{--badge-radius:var(--radius-full);--badge-font-weight:var(--fw-typography-highlight)}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-content:""}}}
@layer utilities{.relative{position:relative}.flex{display:flex}.size-6{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.text-\[var\(--color-error\)\]{color:var(--color-error)}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-\[-6px\]:before{content:var(--tw-content);inset:-6px}.before\:rounded-\[var\(--radius-full\)\]:before{content:var(--tw-content);border-radius:var(--radius-full)}.before\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.group-hover\/field\:before\:bg-\[color-mix\(in_srgb\,var\(--color-error\)_10\%\,transparent\)\]:is(:where(.group\/field):hover *):before{content:var(--tw-content);background-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.group-hover\/field\:before\:bg-\[color-mix\(in_srgb\,var\(--color-error\)_10\%\,transparent\)\]:is(:where(.group\/field):hover *):before{background-color:color-mix(in srgb,var(--color-error) 10%,transparent)}}.group-hover\/field\:before\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_10\%\,transparent\)\]:is(:where(.group\/field):hover *):before{content:var(--tw-content);background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.group-hover\/field\:before\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_10\%\,transparent\)\]:is(:where(.group\/field):hover *):before{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}}.hover\:text-\[var\(--color-error-hover\)\]:hover{color:var(--color-error-hover)}.hover\:text-\[var\(--color-primary-hover\)\]:hover{color:var(--color-primary-hover)}.hover\:before\:bg-\[color-mix\(in_srgb\,var\(--color-error\)_10\%\,transparent\)\]:hover:before{content:var(--tw-content);background-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.hover\:before\:bg-\[color-mix\(in_srgb\,var\(--color-error\)_10\%\,transparent\)\]:hover:before{background-color:color-mix(in srgb,var(--color-error) 10%,transparent)}}.hover\:before\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_10\%\,transparent\)\]:hover:before{content:var(--tw-content);background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:before\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_10\%\,transparent\)\]:hover:before{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}}}.focus-visible\:rounded-\[var\(--radius-xs\)\]:focus-visible{border-radius:var(--radius-xs)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-\[var\(--color-error\)\]\/80:focus-visible{outline-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:outline-\[var\(--color-error\)\]\/80:focus-visible{outline-color:color-mix(in oklab, var(--color-error) 80%, transparent)}}.focus-visible\:outline-\[var\(--color-primary\)\]\/80:focus-visible{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:outline-\[var\(--color-primary\)\]\/80:focus-visible{outline-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\:text-\[var\(--color-error-pressed\)\]:active{color:var(--color-error-pressed)}.active\:text-\[var\(--color-primary-pressed\)\]:active{color:var(--color-primary-pressed)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-default[data-disabled]{cursor:default}.data-\[disabled\]\:\!text-\[rgb\(from_var\(--color-error\)_r_g_b_\/_var\(--dim-3\)\)\][data-disabled]{color:rgb(from var(--color-error) r g b / var(--dim-3))!important}.data-\[disabled\]\:\!text-\[rgb\(from_var\(--color-primary\)_r_g_b_\/_var\(--dim-3\)\)\][data-disabled]{color:rgb(from var(--color-primary) r g b / var(--dim-3))!important}.data-\[disabled\]\:before\:\!bg-transparent[data-disabled]:before{content:var(--tw-content);background-color:#0000!important}.field-root .\[\.field-root_\&\]\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}
@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing,.25rem) * 0)}.top-4{top:calc(var(--spacing,.25rem) * 4)}.right-\[var\(--space-small\)\]{right:var(--space-small)}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.size-5{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.size-8{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}.\!h-full{height:100%!important}.\!max-h-full{max-height:100%!important}.max-h-\[calc\(90vh-2rem\)\]{max-height:calc(90vh - 2rem)}.min-h-0{min-height:calc(var(--spacing,.25rem) * 0)}.\!w-full{width:100%!important}.w-full{width:100%}.\!max-w-none{max-width:none!important}.max-w-2xl{max-width:var(--container-2xl,42rem)}.max-w-lg{max-width:var(--container-lg,32rem)}.max-w-sm{max-width:var(--container-sm,24rem)}.max-w-xs{max-width:var(--container-xs,20rem)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[var\(--space-base\)\]{gap:var(--space-base)}.gap-\[var\(--space-small\)\]{gap:var(--space-small)}.gap-\[var\(--space-tiny\)\]{gap:var(--space-tiny)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-none\)\]{border-radius:var(--radius-none)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--color-outline\)\]{border-color:var(--color-outline)}.bg-\[var\(--color-dialog-overlay\,var\(--color-overlay\)\)\]{background-color:var(--color-dialog-overlay,var(--color-overlay))}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.p-0{padding:calc(var(--spacing,.25rem) * 0)}.p-\[var\(--space-standard\)\]{padding:var(--space-standard)}.px-\[var\(--space-intermediate\)\]{padding-inline:var(--space-intermediate)}.py-5{padding-block:calc(var(--spacing,.25rem) * 5)}.py-\[var\(--space-standard\)\]{padding-block:var(--space-standard)}.pr-\[var\(--space-compact\)\]{padding-right:var(--space-compact)}.pr-\[var\(--space-intermediate\)\]{padding-right:var(--space-intermediate)}.pl-\[var\(--space-intermediate\)\]{padding-left:var(--space-intermediate)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.underline{text-decoration-line:underline}.shadow-\[var\(--shadow-elevation-4\)\]{--tw-shadow:var(--shadow-elevation-4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-\[var\(--color-neutral-container\)\]:hover{background-color:var(--color-neutral-container)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--color-primary\)\]:focus-visible{outline-color:var(--color-primary)}.active\:bg-\[var\(--color-neutral-container-pressed\)\]:active{background-color:var(--color-neutral-container-pressed)}.data-\[ending-style\]\:scale-95[data-ending-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[ending-style\]\:\[transform\:translateY\(16px\)\][data-ending-style]{transform:translateY(16px)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[ending-style\]\:ease-in[data-ending-style]{--tw-ease:var(--ease-in,cubic-bezier(.4, 0, 1, 1));transition-timing-function:var(--ease-in,cubic-bezier(.4, 0, 1, 1))}.data-\[starting-style\]\:scale-95[data-starting-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[starting-style\]\:\[transform\:translateY\(16px\)\][data-starting-style]{transform:translateY(16px)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}@media (min-width:40rem){.sm\:max-w-\[400px\]{max-width:400px}.sm\:max-w-\[690px\]{max-width:690px}.sm\:min-w-\[280px\]{min-width:280px}.sm\:min-w-\[480px\]{min-width:480px}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}.\[\&\:has\(\~\[data-slot\=dialog-close-button\]\)\]\:pr-\[var\(--space-xlarge\)\]:has(~[data-slot=dialog-close-button]){padding-right:var(--space-xlarge)}.\[\&\>\*\]\:w-full>*{width:100%}@media (min-width:40rem){.sm\:\[\&\>\*\]\:w-auto>*{width:auto}}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}
@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing,.25rem) * 0)}.inset-x-0{inset-inline:calc(var(--spacing,.25rem) * 0)}.inset-y-0{inset-block:calc(var(--spacing,.25rem) * 0)}.top-0{top:calc(var(--spacing,.25rem) * 0)}.right-0{right:calc(var(--spacing,.25rem) * 0)}.bottom-0{bottom:calc(var(--spacing,.25rem) * 0)}.left-0{left:calc(var(--spacing,.25rem) * 0)}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.my-\[var\(--space-base\)\]{margin-block:var(--space-base)}.mt-\[var\(--space-standard\)\]{margin-top:var(--space-standard)}.ml-auto{margin-left:auto}.flex{display:flex}.inline{display:inline}.size-5{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.size-8{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}.h-1{height:calc(var(--spacing,.25rem) * 1)}.h-full{height:100%}.w-10{width:calc(var(--spacing,.25rem) * 10)}.w-\[400px\]{width:400px}.w-full{width:100%}.max-w-\[100vw\]{max-width:100vw}.flex-1{flex:1}.shrink-0{flex-shrink:0}.\[transform\:translateX\(var\(--drawer-swipe-movement-x\,0\)\)\]{transform:translateX(var(--drawer-swipe-movement-x,0))}.\[transform\:translateY\(var\(--drawer-swipe-movement-y\,0\)\)\]{transform:translateY(var(--drawer-swipe-movement-y,0))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\[var\(--space-base\)\]{gap:var(--space-base)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.bg-\[var\(--color-outline\)\]{background-color:var(--color-outline)}.bg-\[var\(--color-overlay\)\]{background-color:var(--color-overlay)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.px-\[var\(--space-standard\)\]{padding-inline:var(--space-standard)}.py-\[var\(--space-intermediate\)\]{padding-block:var(--space-intermediate)}.pt-0{padding-top:calc(var(--spacing,.25rem) * 0)}.pb-0{padding-bottom:calc(var(--spacing,.25rem) * 0)}.pb-\[var\(--space-standard\)\]{padding-bottom:var(--space-standard)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-\[var\(--color-neutral-container\)\]:hover{background-color:var(--color-neutral-container)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--color-primary\)\]:focus-visible{outline-color:var(--color-primary)}.active\:bg-\[var\(--color-neutral-container-pressed\)\]:active{background-color:var(--color-neutral-container-pressed)}.data-\[ending-style\]\:\[transform\:translateX\(-100\%\)\][data-ending-style]{transform:translate(-100%)}.data-\[ending-style\]\:\[transform\:translateX\(100\%\)\][data-ending-style]{transform:translate(100%)}.data-\[ending-style\]\:\[transform\:translateY\(-100\%\)\][data-ending-style]{transform:translateY(-100%)}.data-\[ending-style\]\:\[transform\:translateY\(100\%\)\][data-ending-style]{transform:translateY(100%)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[ending-style\]\:ease-in[data-ending-style]{--tw-ease:var(--ease-in,cubic-bezier(.4, 0, 1, 1));transition-timing-function:var(--ease-in,cubic-bezier(.4, 0, 1, 1))}.data-\[starting-style\]\:\[transform\:translateX\(-100\%\)\][data-starting-style]{transform:translate(-100%)}.data-\[starting-style\]\:\[transform\:translateX\(100\%\)\][data-starting-style]{transform:translate(100%)}.data-\[starting-style\]\:\[transform\:translateY\(-100\%\)\][data-starting-style]{transform:translateY(-100%)}.data-\[starting-style\]\:\[transform\:translateY\(100\%\)\][data-starting-style]{transform:translateY(100%)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}@media not all and (min-width:40rem){.max-sm\:flex-col{flex-direction:column}.max-sm\:items-stretch{align-items:stretch}.max-sm\:rounded-t-\[var\(--radius-lg\)\]{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.max-sm\:rounded-b-\[var\(--radius-lg\)\]{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}}@media (min-width:40rem){.sm\:hidden{display:none}}@media not all and (min-width:40rem){[data-slot=drawer-drag-handle]+[data-slot=drawer-content] .max-sm\:\[\[data-slot\=\'drawer-drag-handle\'\]\+\[data-slot\=\'drawer-content\'\]_\&\]\:mt-0{margin-top:calc(var(--spacing,.25rem) * 0)}}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid}}}
@layer utilities{.flex{display:flex}.hidden{display:none}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-\[var\(--space-tiny\)\]{gap:var(--space-tiny)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:inherit\]{font-size:inherit}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[inherit\]{--tw-leading:inherit;line-height:inherit}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[inherit\]{--tw-tracking:inherit;letter-spacing:inherit}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\[rgb\(from_var\(--color-on-background\)_r_g_b_\/_var\(--dim-2\)\)\]{color:rgb(from var(--color-on-background) r g b / var(--dim-2))}.text-\[rgb\(from_var\(--color-on-surface\)_r_g_b_\/_var\(--dim-1\)\)\]{color:rgb(from var(--color-on-surface) r g b / var(--dim-1))}.text-\[var\(--color-alert\)\]{color:var(--color-alert)}.text-\[var\(--color-error\)\]{color:var(--color-error)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.text-\[var\(--color-success\)\]{color:var(--color-success)}.text-current{color:currentColor}.underline{text-decoration-line:underline}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.group-focus-within\/field\:block:is(:where(.group\/field):focus-within *){display:block}.has-\[\[role\=checkbox\]\]\:grid:has([role=checkbox]){display:grid}.has-\[\[role\=checkbox\]\]\:grid-cols-\[auto_1fr\]:has([role=checkbox]){grid-template-columns:auto 1fr}.has-\[\[role\=checkbox\]\]\:gap-x-\[var\(--space-base\)\]:has([role=checkbox]){column-gap:var(--space-base)}.has-\[\[role\=checkbox\]\]\:gap-y-\[var\(--space-tiny\)\]:has([role=checkbox]){row-gap:var(--space-tiny)}.has-\[\[role\=checkbox\]\:focus-visible\]\:outline-2:has([role=checkbox]:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\[role\=checkbox\]\:focus-visible\]\:outline-offset-2:has([role=checkbox]:focus-visible){outline-offset:2px}.has-\[\[role\=checkbox\]\:focus-visible\]\:outline-\[var\(--color-ring\)\]\/80:has([role=checkbox]:focus-visible){outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\[role\=checkbox\]\:focus-visible\]\:outline-\[var\(--color-ring\)\]\/80:has([role=checkbox]:focus-visible){outline-color:color-mix(in oklab, var(--color-ring) 80%, transparent)}}.has-\[\[role\=checkbox\]\:focus-visible\]\:outline-solid:has([role=checkbox]:focus-visible){--tw-outline-style:solid;outline-style:solid}.has-\[\[role\=radio\]\]\:grid:has([role=radio]){display:grid}.has-\[\[role\=radio\]\]\:grid-cols-\[auto_1fr\]:has([role=radio]){grid-template-columns:auto 1fr}.has-\[\[role\=radio\]\]\:gap-x-\[var\(--space-base\)\]:has([role=radio]){column-gap:var(--space-base)}.has-\[\[role\=radio\]\]\:gap-y-\[var\(--space-tiny\)\]:has([role=radio]){row-gap:var(--space-tiny)}.has-\[\[role\=radio\]\:focus-visible\]\:outline-2:has([role=radio]:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\[role\=radio\]\:focus-visible\]\:outline-offset-2:has([role=radio]:focus-visible){outline-offset:2px}.has-\[\[role\=radio\]\:focus-visible\]\:outline-\[var\(--color-ring\)\]\/80:has([role=radio]:focus-visible){outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\[role\=radio\]\:focus-visible\]\:outline-\[var\(--color-ring\)\]\/80:has([role=radio]:focus-visible){outline-color:color-mix(in oklab, var(--color-ring) 80%, transparent)}}.has-\[\[role\=radio\]\:focus-visible\]\:outline-solid:has([role=radio]:focus-visible){--tw-outline-style:solid;outline-style:solid}.has-\[\[role\=switch\]\:focus-visible\]\:outline-2:has([role=switch]:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\[role\=switch\]\:focus-visible\]\:outline-offset-2:has([role=switch]:focus-visible){outline-offset:2px}.has-\[\[role\=switch\]\:focus-visible\]\:outline-\[var\(--color-ring\)\]\/80:has([role=switch]:focus-visible){outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\[role\=switch\]\:focus-visible\]\:outline-\[var\(--color-ring\)\]\/80:has([role=switch]:focus-visible){outline-color:color-mix(in oklab, var(--color-ring) 80%, transparent)}}.has-\[\[role\=switch\]\:focus-visible\]\:outline-solid:has([role=switch]:focus-visible){--tw-outline-style:solid;outline-style:solid}.data-\[disabled\]\:cursor-default[data-disabled]{cursor:default}.data-\[disabled\]\:opacity-\[var\(--dim-3\)\][data-disabled]{opacity:var(--dim-3)}.field-root:has([role=checkbox]) .\[\.field-root\:has\(\[role\=checkbox\]\)_\&\]\:col-start-2{grid-column-start:2}.field-root:has([role=checkbox]) .\[\.field-root\:has\(\[role\=checkbox\]\)_\&\]\:self-center{align-self:center}.field-root:has([role=radio]) .\[\.field-root\:has\(\[role\=radio\]\)_\&\]\:col-start-2{grid-column-start:2}.field-root:has([role=radio]) .\[\.field-root\:has\(\[role\=radio\]\)_\&\]\:self-center{align-self:center}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer utilities{.flex{display:flex}.h-6{height:calc(var(--spacing,.25rem) * 6)}.h-8{height:calc(var(--spacing,.25rem) * 8)}.h-12{height:calc(var(--spacing,.25rem) * 12)}.h-14{height:calc(var(--spacing,.25rem) * 14)}.w-full{width:100%}.cursor-pointer{cursor:pointer}.rounded{border-radius:var(--radius,.625rem)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-none\)\]{border-radius:var(--radius-none)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--color-alert\)\]{border-color:var(--color-alert)}.border-\[var\(--color-error\)\]{border-color:var(--color-error)}.border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}.border-\[var\(--color-success\)\]{border-color:var(--color-success)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.px-\[var\(--space-base\)\]{padding-inline:var(--space-base)}.px-\[var\(--space-small\)\]{padding-inline:var(--space-small)}.px-\[var\(--space-standard\)\]{padding-inline:var(--space-standard)}.py-\[var\(--space-base\)\]{padding-block:var(--space-base)}.py-\[var\(--space-small\)\]{padding-block:var(--space-small)}.py-\[var\(--space-tiny\)\]{padding-block:var(--space-tiny)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.underline{text-decoration-line:underline}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-\[var\(--color-on-surface\)\]::file-selector-button{color:var(--color-on-surface)}.placeholder\:text-\[var\(--color-on-surface\)\]\/40::placeholder{color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-\[var\(--color-on-surface\)\]\/40::placeholder{color:color-mix(in oklab, var(--color-on-surface) 40%, transparent)}}.read-only\:cursor-default:read-only{cursor:default}.read-only\:bg-\[var\(--color-surface-hover\)\]:read-only{background-color:var(--color-surface-hover)}@media (hover:hover){.hover\:not-disabled\:not-read-only\:bg-\[var\(--color-surface-hover\)\]:hover:not(:disabled):not(:read-only){background-color:var(--color-surface-hover)}.hover\:not-disabled\:not-read-only\:ring-1:hover:not(:disabled):not(:read-only){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:not-disabled\:not-read-only\:ring-\[var\(--color-alert\)\]:hover:not(:disabled):not(:read-only){--tw-ring-color:var(--color-alert)}.hover\:not-disabled\:not-read-only\:ring-\[var\(--color-error\)\]:hover:not(:disabled):not(:read-only){--tw-ring-color:var(--color-error)}.hover\:not-disabled\:not-read-only\:ring-\[var\(--color-outline-variant\)\]:hover:not(:disabled):not(:read-only){--tw-ring-color:var(--color-outline-variant)}.hover\:not-disabled\:not-read-only\:ring-\[var\(--color-success\)\]:hover:not(:disabled):not(:read-only){--tw-ring-color:var(--color-success)}.hover\:not-disabled\:not-read-only\:ring-inset:hover:not(:disabled):not(:read-only){--tw-ring-inset:inset}}.focus-visible\:bg-\[var\(--color-surface\)\]:focus-visible{background-color:var(--color-surface)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--color-alert\)\]:focus-visible{--tw-ring-color:var(--color-alert)}.focus-visible\:ring-\[var\(--color-error\)\]:focus-visible{--tw-ring-color:var(--color-error)}.focus-visible\:ring-\[var\(--color-outline-variant\)\]:focus-visible{--tw-ring-color:var(--color-outline-variant)}.focus-visible\:ring-\[var\(--color-success\)\]:focus-visible{--tw-ring-color:var(--color-success)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-invalid\:border-\[var\(--color-error\)\][aria-invalid=true]{border-color:var(--color-error)}@media (hover:hover){.hover\:not-disabled\:not-read-only\:aria-invalid\:ring-\[var\(--color-error\)\]:hover:not(:disabled):not(:read-only)[aria-invalid=true]{--tw-ring-color:var(--color-error)}}.focus-visible\:aria-invalid\:ring-\[var\(--color-error\)\]:focus-visible[aria-invalid=true]{--tw-ring-color:var(--color-error)}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--adv-btn-ring-angle:0deg}}}
@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing,.25rem) * 0)}.top-\[calc\(0\.29289\*var\(--button-corner-radius\)-0\.64645\*var\(--button-border-width\)\)\]{top:calc(.29289 * var(--button-corner-radius) - .64645 * var(--button-border-width))}.right-\[calc\(0\.29289\*var\(--button-corner-radius\)-0\.64645\*var\(--button-border-width\)\)\]{right:calc(.29289 * var(--button-corner-radius) - .64645 * var(--button-border-width))}.order-first{order:-9999}.order-last{order:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.size-8{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}.size-\[var\(--badge-counter-bare\)\]{width:var(--badge-counter-bare);height:var(--badge-counter-bare)}.size-\[var\(--badge-counter-box\)\]{width:var(--badge-counter-box);height:var(--badge-counter-box)}.size-\[var\(--badge-counter-pip\)\]{width:var(--badge-counter-pip);height:var(--badge-counter-pip)}.h-6{height:calc(var(--spacing,.25rem) * 6)}.h-8{height:calc(var(--spacing,.25rem) * 8)}.h-12{height:calc(var(--spacing,.25rem) * 12)}.h-14{height:calc(var(--spacing,.25rem) * 14)}.h-\[var\(--badge-counter-box\)\]{height:var(--badge-counter-box)}.h-\[var\(--button-height\)\]{height:var(--button-height)}.h-auto{height:auto}.min-h-\[calc\(80px-6px\)\]{min-height:74px}.min-h-\[calc\(120px-6px\)\]{min-height:114px}.min-h-\[calc\(200px-6px\)\]{min-height:194px}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing,.25rem) * 0)}.min-w-\[var\(--badge-counter-box\)\]{min-width:var(--badge-counter-box)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin,spin 1s linear infinite)}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[scrollbar-color\:color-mix\(in_srgb\,var\(--color-on-surface\)_40\%\,transparent\)_transparent\]{scrollbar-color:var(--color-on-surface) transparent}@supports (color:color-mix(in lab, red, red)){.\[scrollbar-color\:color-mix\(in_srgb\,var\(--color-on-surface\)_40\%\,transparent\)_transparent\]{scrollbar-color:color-mix(in srgb,var(--color-on-surface) 40%,transparent) transparent}}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-\[var\(--space-base\)\]{gap:var(--space-base)}.gap-\[var\(--space-tiny\)\]{gap:var(--space-tiny)}.rounded{border-radius:var(--radius,.625rem)}.rounded-\[var\(--button-corner-radius\)\]{border-radius:var(--button-corner-radius)}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-none\)\]{border-radius:var(--radius-none)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[length\:var\(--button-border-width\)\]{border-style:var(--tw-border-style);border-width:var(--button-border-width)}.border-\[var\(--color-alert\)\]{border-color:var(--color-alert)}.border-\[var\(--color-error\)\]{border-color:var(--color-error)}.border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}.border-\[var\(--color-success\)\]{border-color:var(--color-success)}.bg-\[var\(--badge-counter-bg-active\)\]{background-color:var(--badge-counter-bg-active)}.bg-\[var\(--badge-counter-bg-default\)\]{background-color:var(--badge-counter-bg-default)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing,.25rem) * 0)}.p-0\.5{padding:calc(var(--spacing,.25rem) * .5)}.px-\[calc\(var\(--space-base\)-var\(--button-border-width\)\)\]{padding-inline:calc(var(--space-base) - var(--button-border-width))}.px-\[calc\(var\(--space-small\)-var\(--button-border-width\)\)\]{padding-inline:calc(var(--space-small) - var(--button-border-width))}.px-\[calc\(var\(--space-standard\)-2px\)\]{padding-inline:calc(var(--space-standard) - 2px)}.px-\[var\(--badge-counter-padding-x\)\]{padding-inline:var(--badge-counter-padding-x)}.px-\[var\(--space-base\)\]{padding-inline:var(--space-base)}.px-\[var\(--space-small\)\]{padding-inline:var(--space-small)}.px-\[var\(--space-standard\)\]{padding-inline:var(--space-standard)}.py-0{padding-block:calc(var(--spacing,.25rem) * 0)}.py-\[calc\(var\(--space-base\)-2px\)\]{padding-block:calc(var(--space-base) - 2px)}.py-\[var\(--space-base\)\]{padding-block:var(--space-base)}.py-\[var\(--space-small\)\]{padding-block:var(--space-small)}.py-\[var\(--space-tiny\)\]{padding-block:var(--space-tiny)}.pt-\[var\(--space-base\)\]{padding-top:var(--space-base)}.pr-\[var\(--space-base\)\]{padding-right:var(--space-base)}.pb-\[var\(--space-base\)\]{padding-bottom:var(--space-base)}.pl-\[var\(--space-base\)\]{padding-left:var(--space-base)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--badge-counter-font-size-large\)\]{font-size:var(--badge-counter-font-size-large)}.text-\[length\:var\(--badge-counter-font-size-medium\)\]{font-size:var(--badge-counter-font-size-medium)}.text-\[length\:var\(--badge-counter-font-size-small\)\]{font-size:var(--badge-counter-font-size-small)}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--badge-counter-line-height-large\)\]{--tw-leading:var(--badge-counter-line-height-large);line-height:var(--badge-counter-line-height-large)}.leading-\[var\(--badge-counter-line-height-medium\)\]{--tw-leading:var(--badge-counter-line-height-medium);line-height:var(--badge-counter-line-height-medium)}.leading-\[var\(--badge-counter-line-height-small\)\]{--tw-leading:var(--badge-counter-line-height-small);line-height:var(--badge-counter-line-height-small)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--badge-counter-tracking-large\)\]{--tw-tracking:var(--badge-counter-tracking-large);letter-spacing:var(--badge-counter-tracking-large)}.tracking-\[var\(--badge-counter-tracking-medium\)\]{--tw-tracking:var(--badge-counter-tracking-medium);letter-spacing:var(--badge-counter-tracking-medium)}.tracking-\[var\(--badge-counter-tracking-small\)\]{--tw-tracking:var(--badge-counter-tracking-small);letter-spacing:var(--badge-counter-tracking-small)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--badge-counter-fg-active\)\]{color:var(--badge-counter-fg-active)}.text-\[var\(--badge-counter-fg-default\)\]{color:var(--badge-counter-fg-default)}.text-\[var\(--color-on-surface\)\],.text-\[var\(--color-on-surface\)\]\/60{color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.text-\[var\(--color-on-surface\)\]\/60{color:color-mix(in oklab, var(--color-on-surface) 60%, transparent)}}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_var\(--badge-counter-ring-width\)_var\(--badge-counter-ring-color\)\]{--tw-shadow:0 0 0 var(--tw-shadow-color,var(--badge-counter-ring-width)) var(--badge-counter-ring-color);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_var\(--button-border-width\)_var\(--button-badge-ring\)\]{--tw-shadow:0 0 0 var(--tw-shadow-color,var(--button-border-width)) var(--button-badge-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}.\[--adv-btn-bg-image\:var\(--color-ai-gradient\)\]{--adv-btn-bg-image:var(--color-ai-gradient)}.\[--adv-btn-bg\:var\(--button-negative-bg\)\]{--adv-btn-bg:var(--button-negative-bg)}.\[--adv-btn-bg\:var\(--color-accent\)\]{--adv-btn-bg:var(--color-accent)}.\[--adv-btn-bg\:var\(--color-alert\)\]{--adv-btn-bg:var(--color-alert)}.\[--adv-btn-bg\:var\(--color-error\)\]{--adv-btn-bg:var(--color-error)}.\[--adv-btn-bg\:var\(--color-info\)\]{--adv-btn-bg:var(--color-info)}.\[--adv-btn-bg\:var\(--color-neutral-container\)\]{--adv-btn-bg:var(--color-neutral-container)}.\[--adv-btn-bg\:var\(--color-primary\)\]{--adv-btn-bg:var(--color-primary)}.\[--adv-btn-bg\:var\(--color-success\)\]{--adv-btn-bg:var(--color-success)}.\[--adv-btn-border\:transparent\]{--adv-btn-border:transparent}.\[--adv-btn-border\:var\(--button-negative-bg\)\]{--adv-btn-border:var(--button-negative-bg)}.\[--adv-btn-border\:var\(--color-accent\)\]{--adv-btn-border:var(--color-accent)}.\[--adv-btn-border\:var\(--color-alert\)\]{--adv-btn-border:var(--color-alert)}.\[--adv-btn-border\:var\(--color-error\)\]{--adv-btn-border:var(--color-error)}.\[--adv-btn-border\:var\(--color-info\)\]{--adv-btn-border:var(--color-info)}.\[--adv-btn-border\:var\(--color-neutral\)\]{--adv-btn-border:var(--color-neutral)}.\[--adv-btn-border\:var\(--color-neutral-container\)\]{--adv-btn-border:var(--color-neutral-container)}.\[--adv-btn-border\:var\(--color-on-surface-inverse\)\]{--adv-btn-border:var(--color-on-surface-inverse)}.\[--adv-btn-border\:var\(--color-primary\)\]{--adv-btn-border:var(--color-primary)}.\[--adv-btn-border\:var\(--color-success\)\]{--adv-btn-border:var(--color-success)}.\[--adv-btn-color\:var\(--button-ai-solid-text\)\]{--adv-btn-color:var(--button-ai-solid-text)}.\[--adv-btn-color\:var\(--button-negative-accent-text\)\]{--adv-btn-color:var(--button-negative-accent-text)}.\[--adv-btn-color\:var\(--button-negative-neutral-text\)\]{--adv-btn-color:var(--button-negative-neutral-text)}.\[--adv-btn-color\:var\(--button-outline-accent-text\)\]{--adv-btn-color:var(--button-outline-accent-text)}.\[--adv-btn-color\:var\(--button-outline-alert-text\)\]{--adv-btn-color:var(--button-outline-alert-text)}.\[--adv-btn-color\:var\(--color-accent\)\]{--adv-btn-color:var(--color-accent)}.\[--adv-btn-color\:var\(--color-alert\)\]{--adv-btn-color:var(--color-alert)}.\[--adv-btn-color\:var\(--color-error\)\]{--adv-btn-color:var(--color-error)}.\[--adv-btn-color\:var\(--color-info\)\]{--adv-btn-color:var(--color-info)}.\[--adv-btn-color\:var\(--color-on-accent\)\]{--adv-btn-color:var(--color-on-accent)}.\[--adv-btn-color\:var\(--color-on-ai-gradient\)\]{--adv-btn-color:var(--color-on-ai-gradient)}.\[--adv-btn-color\:var\(--color-on-ai-gradient-variant\)\]{--adv-btn-color:var(--color-on-ai-gradient-variant)}.\[--adv-btn-color\:var\(--color-on-alert\)\]{--adv-btn-color:var(--color-on-alert)}.\[--adv-btn-color\:var\(--color-on-error\)\]{--adv-btn-color:var(--color-on-error)}.\[--adv-btn-color\:var\(--color-on-info\)\]{--adv-btn-color:var(--color-on-info)}.\[--adv-btn-color\:var\(--color-on-neutral-container\)\]{--adv-btn-color:var(--color-on-neutral-container)}.\[--adv-btn-color\:var\(--color-on-primary\)\]{--adv-btn-color:var(--color-on-primary)}.\[--adv-btn-color\:var\(--color-on-success\)\]{--adv-btn-color:var(--color-on-success)}.\[--adv-btn-color\:var\(--color-on-surface\)\]{--adv-btn-color:var(--color-on-surface)}.\[--adv-btn-color\:var\(--color-on-surface-inverse\)\]{--adv-btn-color:var(--color-on-surface-inverse)}.\[--adv-btn-color\:var\(--color-primary\)\]{--adv-btn-color:var(--color-primary)}.\[--adv-btn-color\:var\(--color-success\)\]{--adv-btn-color:var(--color-success)}.\[--adv-btn-ring-shine\:var\(--color-ai-ring-inverse-shine-stops\)\]{--adv-btn-ring-shine:var(--color-ai-ring-inverse-shine-stops)}.\[--adv-btn-ring-shine\:var\(--color-ai-ring-shine-stops\)\]{--adv-btn-ring-shine:var(--color-ai-ring-shine-stops)}.\[--adv-btn-ring\:var\(--color-ai-ring\)\]{--adv-btn-ring:var(--color-ai-ring)}.\[--adv-btn-ring\:var\(--color-ai-ring-inverse\)\]{--adv-btn-ring:var(--color-ai-ring-inverse)}.\[--badge-counter-bare\:var\(--badge-counter-bare-size-large\)\]{--badge-counter-bare:var(--badge-counter-bare-size-large)}.\[--badge-counter-bare\:var\(--badge-counter-bare-size-medium\)\]{--badge-counter-bare:var(--badge-counter-bare-size-medium)}.\[--badge-counter-bare\:var\(--badge-counter-bare-size-small\)\]{--badge-counter-bare:var(--badge-counter-bare-size-small)}.\[--badge-counter-box\:var\(--badge-counter-size-large\)\]{--badge-counter-box:var(--badge-counter-size-large)}.\[--badge-counter-box\:var\(--badge-counter-size-medium\)\]{--badge-counter-box:var(--badge-counter-size-medium)}.\[--badge-counter-box\:var\(--badge-counter-size-small\)\]{--badge-counter-box:var(--badge-counter-size-small)}.\[--badge-counter-padding-x\:var\(--badge-counter-padding-x-large\)\]{--badge-counter-padding-x:var(--badge-counter-padding-x-large)}.\[--badge-counter-padding-x\:var\(--badge-counter-padding-x-medium\)\]{--badge-counter-padding-x:var(--badge-counter-padding-x-medium)}.\[--badge-counter-padding-x\:var\(--badge-counter-padding-x-small\)\]{--badge-counter-padding-x:var(--badge-counter-padding-x-small)}.\[--badge-counter-pip\:var\(--badge-counter-pip-size-large\)\]{--badge-counter-pip:var(--badge-counter-pip-size-large)}.\[--badge-counter-pip\:var\(--badge-counter-pip-size-medium\)\]{--badge-counter-pip:var(--badge-counter-pip-size-medium)}.\[--badge-counter-pip\:var\(--badge-counter-pip-size-small\)\]{--badge-counter-pip:var(--badge-counter-pip-size-small)}.\[--button-badge-ring\:var\(--color-surface-inverse\)\]{--button-badge-ring:var(--color-surface-inverse)}.\[--button-border-width\:0px\]{--button-border-width:0px}.\[--button-border-width\:var\(--border-width-thick\)\]{--button-border-width:var(--border-width-thick)}.\[--button-corner-radius\:0px\]{--button-corner-radius:0px}.\[--button-corner-radius\:calc\(var\(--button-height\)\/2\)\]{--button-corner-radius:calc(var(--button-height) / 2)}.\[--button-corner-radius\:var\(--radius-sm\)\]{--button-corner-radius:var(--radius-sm)}.\[--button-focus-ring\:var\(--color-on-surface-inverse\)\]{--button-focus-ring:var(--color-on-surface-inverse)}.\[--button-height\:2\.5rem\]{--button-height:2.5rem}.\[--button-height\:3rem\]{--button-height:3rem}.group-has-\[\>input\]\/input-group\:pt-\[var\(--space-base\)\]:is(:where(.group\/input-group):has(>input) *){padding-top:var(--space-base)}.group-has-\[\>input\]\/input-group\:pb-\[var\(--space-base\)\]:is(:where(.group\/input-group):has(>input) *){padding-bottom:var(--space-base)}.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-\[var\(--color-on-surface\)\]::file-selector-button{color:var(--color-on-surface)}.placeholder\:text-\[var\(--color-on-surface\)\]\/40::placeholder{color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-\[var\(--color-on-surface\)\]\/40::placeholder{color:color-mix(in oklab, var(--color-on-surface) 40%, transparent)}}.placeholder\:text-\[var\(--color-on-surface\)\]\/50::placeholder{color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-\[var\(--color-on-surface\)\]\/50::placeholder{color:color-mix(in oklab, var(--color-on-surface) 50%, transparent)}}.read-only\:cursor-default:read-only{cursor:default}.read-only\:bg-\[var\(--color-surface-hover\)\]:read-only{background-color:var(--color-surface-hover)}.read-only\:bg-transparent:read-only{background-color:#0000}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:underline:hover{text-decoration-line:underline}.hover\:\[--adv-btn-bg-hover\:var\(--button-ai-negative-bg-hover\)\]:hover{--adv-btn-bg-hover:var(--button-ai-negative-bg-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--button-negative-hover-overlay\)\]:hover{--adv-btn-bg-hover:var(--button-negative-hover-overlay)}.hover\:\[--adv-btn-bg-hover\:var\(--color-accent-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-accent-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-accent-hover\)\]:hover{--adv-btn-bg-hover:var(--color-accent-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-ai-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-ai-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-alert-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-alert-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-alert-hover\)\]:hover{--adv-btn-bg-hover:var(--color-alert-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-error-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-error-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-error-hover\)\]:hover{--adv-btn-bg-hover:var(--color-error-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-info-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-info-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-info-hover\)\]:hover{--adv-btn-bg-hover:var(--color-info-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-neutral-container\)\]:hover{--adv-btn-bg-hover:var(--color-neutral-container)}.hover\:\[--adv-btn-bg-hover\:var\(--color-neutral-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-neutral-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-primary-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-primary-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-primary-hover\)\]:hover{--adv-btn-bg-hover:var(--color-primary-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-success-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-success-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-success-hover\)\]:hover{--adv-btn-bg-hover:var(--color-success-hover)}.hover\:\[--adv-btn-bg-image-hover\:var\(--color-ai-gradient-variant\)\]:hover{--adv-btn-bg-image-hover:var(--color-ai-gradient-variant)}.hover\:\[--adv-btn-border-hover\:var\(--button-ai-negative-bg-hover\)\]:hover{--adv-btn-border-hover:var(--button-ai-negative-bg-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-accent-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-accent-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-accent-hover\)\]:hover{--adv-btn-border-hover:var(--color-accent-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-alert-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-alert-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-alert-hover\)\]:hover{--adv-btn-border-hover:var(--color-alert-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-error-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-error-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-error-hover\)\]:hover{--adv-btn-border-hover:var(--color-error-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-info-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-info-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-info-hover\)\]:hover{--adv-btn-border-hover:var(--color-info-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-neutral-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-neutral-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-primary-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-primary-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-primary-hover\)\]:hover{--adv-btn-border-hover:var(--color-primary-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-success-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-success-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-success-hover\)\]:hover{--adv-btn-border-hover:var(--color-success-hover)}.hover\:\[--adv-btn-ring-hover\:var\(--color-ai-ring-hover\)\]:hover{--adv-btn-ring-hover:var(--color-ai-ring-hover)}.hover\:\[--adv-btn-ring-hover\:var\(--color-ai-ring-inverse-hover\)\]:hover{--adv-btn-ring-hover:var(--color-ai-ring-inverse-hover)}.hover\:not-disabled\:not-read-only\:bg-\[var\(--color-surface-hover\)\]:hover:not(:disabled):not(:read-only){background-color:var(--color-surface-hover)}.hover\:not-disabled\:not-read-only\:bg-transparent:hover:not(:disabled):not(:read-only){background-color:#0000}.hover\:not-disabled\:not-read-only\:ring-0:hover:not(:disabled):not(:read-only){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:not-disabled\:not-read-only\:ring-1:hover:not(:disabled):not(:read-only){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:not-disabled\:not-read-only\:ring-\[var\(--color-alert\)\]:hover:not(:disabled):not(:read-only){--tw-ring-color:var(--color-alert)}.hover\:not-disabled\:not-read-only\:ring-\[var\(--color-error\)\]:hover:not(:disabled):not(:read-only){--tw-ring-color:var(--color-error)}.hover\:not-disabled\:not-read-only\:ring-\[var\(--color-outline-variant\)\]:hover:not(:disabled):not(:read-only){--tw-ring-color:var(--color-outline-variant)}.hover\:not-disabled\:not-read-only\:ring-\[var\(--color-success\)\]:hover:not(:disabled):not(:read-only){--tw-ring-color:var(--color-success)}.hover\:not-disabled\:not-read-only\:ring-inset:hover:not(:disabled):not(:read-only){--tw-ring-inset:inset}.hover\:not-has-disabled\:bg-\[var\(--color-surface-hover\)\]:hover:not(:has(:disabled)){background-color:var(--color-surface-hover)}.hover\:not-has-disabled\:ring-1:hover:not(:has(:disabled)){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:not-has-disabled\:ring-\[var\(--color-alert\)\]:hover:not(:has(:disabled)){--tw-ring-color:var(--color-alert)}.hover\:not-has-disabled\:ring-\[var\(--color-error\)\]:hover:not(:has(:disabled)){--tw-ring-color:var(--color-error)}.hover\:not-has-disabled\:ring-\[var\(--color-outline-variant\)\]:hover:not(:has(:disabled)){--tw-ring-color:var(--color-outline-variant)}.hover\:not-has-disabled\:ring-\[var\(--color-success\)\]:hover:not(:has(:disabled)){--tw-ring-color:var(--color-success)}.hover\:not-has-disabled\:ring-inset:hover:not(:has(:disabled)){--tw-ring-inset:inset}.hover\:not-data-\[disabled\=true\]\:bg-\[var\(--color-surface-hover\)\]:hover:not([data-disabled=true]){background-color:var(--color-surface-hover)}.hover\:not-data-\[disabled\=true\]\:ring-1:hover:not([data-disabled=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:not-data-\[disabled\=true\]\:ring-\[var\(--color-outline-variant\)\]:hover:not([data-disabled=true]){--tw-ring-color:var(--color-outline-variant)}.hover\:not-data-\[disabled\=true\]\:ring-inset:hover:not([data-disabled=true]){--tw-ring-inset:inset}}.focus-visible\:bg-\[var\(--color-surface\)\]:focus-visible{background-color:var(--color-surface)}.focus-visible\:bg-transparent:focus-visible{background-color:#0000}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--color-alert\)\]:focus-visible{--tw-ring-color:var(--color-alert)}.focus-visible\:ring-\[var\(--color-error\)\]:focus-visible{--tw-ring-color:var(--color-error)}.focus-visible\:ring-\[var\(--color-outline-variant\)\]:focus-visible{--tw-ring-color:var(--color-outline-variant)}.focus-visible\:ring-\[var\(--color-success\)\]:focus-visible{--tw-ring-color:var(--color-success)}.focus-visible\:outline-0:focus-visible{outline-style:var(--tw-outline-style);outline-width:0}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--color-ring\)\]\/80:focus-visible{outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:outline-\[var\(--color-ring\)\]\/80:focus-visible{outline-color:color-mix(in oklab, var(--color-ring) 80%, transparent)}}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:\[--adv-btn-bg-active\:var\(--button-ai-negative-bg-hover\)\]:active{--adv-btn-bg-active:var(--button-ai-negative-bg-hover)}.active\:\[--adv-btn-bg-active\:var\(--button-negative-active-overlay\)\]:active{--adv-btn-bg-active:var(--button-negative-active-overlay)}.active\:\[--adv-btn-bg-active\:var\(--color-accent-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-accent-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-accent-pressed\)\]:active{--adv-btn-bg-active:var(--color-accent-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-ai-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-ai-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-alert-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-alert-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-alert-pressed\)\]:active{--adv-btn-bg-active:var(--color-alert-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-error-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-error-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-error-pressed\)\]:active{--adv-btn-bg-active:var(--color-error-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-info-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-info-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-info-pressed\)\]:active{--adv-btn-bg-active:var(--color-info-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-neutral-container\)\]:active{--adv-btn-bg-active:var(--color-neutral-container)}.active\:\[--adv-btn-bg-active\:var\(--color-neutral-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-neutral-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-primary-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-primary-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-primary-pressed\)\]:active{--adv-btn-bg-active:var(--color-primary-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-success-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-success-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-success-pressed\)\]:active{--adv-btn-bg-active:var(--color-success-pressed)}.active\:\[--adv-btn-bg-image-active\:var\(--color-ai-gradient-variant\)\]:active{--adv-btn-bg-image-active:var(--color-ai-gradient-variant)}.active\:\[--adv-btn-border-active\:var\(--button-ai-negative-bg-hover\)\]:active{--adv-btn-border-active:var(--button-ai-negative-bg-hover)}.active\:\[--adv-btn-border-active\:var\(--color-accent-container-pressed\)\]:active{--adv-btn-border-active:var(--color-accent-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-accent-pressed\)\]:active{--adv-btn-border-active:var(--color-accent-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-alert-container-pressed\)\]:active{--adv-btn-border-active:var(--color-alert-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-alert-pressed\)\]:active{--adv-btn-border-active:var(--color-alert-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-error-container-pressed\)\]:active{--adv-btn-border-active:var(--color-error-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-error-pressed\)\]:active{--adv-btn-border-active:var(--color-error-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-info-container-pressed\)\]:active{--adv-btn-border-active:var(--color-info-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-info-pressed\)\]:active{--adv-btn-border-active:var(--color-info-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-neutral-container-pressed\)\]:active{--adv-btn-border-active:var(--color-neutral-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-primary-container-pressed\)\]:active{--adv-btn-border-active:var(--color-primary-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-primary-pressed\)\]:active{--adv-btn-border-active:var(--color-primary-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-success-container-pressed\)\]:active{--adv-btn-border-active:var(--color-success-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-success-pressed\)\]:active{--adv-btn-border-active:var(--color-success-pressed)}.active\:\[--adv-btn-ring-active\:var\(--color-ai-ring-hover\)\]:active{--adv-btn-ring-active:var(--color-ai-ring-hover)}.active\:\[--adv-btn-ring-active\:var\(--color-ai-ring-inverse-hover\)\]:active{--adv-btn-ring-active:var(--color-ai-ring-inverse-hover)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:opacity-50:disabled{opacity:.5}.has-focus-visible\:bg-\[var\(--color-surface\)\]:has(:focus-visible){background-color:var(--color-surface)}.has-focus-visible\:ring-1:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-focus-visible\:ring-\[var\(--color-alert\)\]:has(:focus-visible){--tw-ring-color:var(--color-alert)}.has-focus-visible\:ring-\[var\(--color-error\)\]:has(:focus-visible){--tw-ring-color:var(--color-error)}.has-focus-visible\:ring-\[var\(--color-outline-variant\)\]:has(:focus-visible){--tw-ring-color:var(--color-outline-variant)}.has-focus-visible\:ring-\[var\(--color-success\)\]:has(:focus-visible){--tw-ring-color:var(--color-success)}.has-focus-visible\:ring-inset:has(:focus-visible){--tw-ring-inset:inset}.has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:bg-\[var\(--color-surface\)\]:has([data-slot=input-group-control]:focus-visible){background-color:var(--color-surface)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[var\(--color-outline-variant\)\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--color-outline-variant)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-inset:has([data-slot=input-group-control]:focus-visible){--tw-ring-inset:inset}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-\[var\(--color-error\)\]:has([data-slot][aria-invalid=true]){border-color:var(--color-error)}@media (hover:hover){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:hover\:not-data-\[disabled\=true\]\:ring-\[var\(--color-error\)\]:has([data-slot][aria-invalid=true]):hover:not([data-disabled=true]){--tw-ring-color:var(--color-error)}}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[var\(--color-error\)\]:has([data-slot][aria-invalid=true]):has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--color-error)}.has-\[textarea\[aria-invalid\=true\]\]\:border-\[var\(--color-error\)\]:has(:is(textarea[aria-invalid=true])){border-color:var(--color-error)}@media (hover:hover){.has-\[textarea\[aria-invalid\=true\]\]\:hover\:not-has-disabled\:ring-\[var\(--color-error\)\]:has(:is(textarea[aria-invalid=true])):hover:not(:has(:disabled)){--tw-ring-color:var(--color-error)}}.has-\[textarea\[aria-invalid\=true\]\]\:has-focus-visible\:ring-\[var\(--color-error\)\]:has(:is(textarea[aria-invalid=true])):has(:focus-visible){--tw-ring-color:var(--color-error)}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>button\]\:mr-\[-0\.3rem\]:has(>button){margin-right:-.3rem}.has-\[\>button\]\:ml-\[-0\.3rem\]:has(>button){margin-left:-.3rem}.has-\[\>kbd\]\:mr-\[-0\.15rem\]:has(>kbd){margin-right:-.15rem}.has-\[\>kbd\]\:ml-\[-0\.15rem\]:has(>kbd){margin-left:-.15rem}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing,.25rem) * 0)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-invalid\:border-\[var\(--color-error\)\][aria-invalid=true]{border-color:var(--color-error)}.aria-invalid\:ring-0[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\:outline-0[aria-invalid=true]{outline-style:var(--tw-outline-style);outline-width:0}.aria-invalid\:outline-2[aria-invalid=true]{outline-style:var(--tw-outline-style);outline-width:2px}.aria-invalid\:outline-\[var\(--color-error\)\]\/80[aria-invalid=true]{outline-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:outline-\[var\(--color-error\)\]\/80[aria-invalid=true]{outline-color:color-mix(in oklab, var(--color-error) 80%, transparent)}}.aria-invalid\:outline-solid[aria-invalid=true]{--tw-outline-style:solid;outline-style:solid}@media (hover:hover){.hover\:not-disabled\:not-read-only\:aria-invalid\:ring-\[var\(--color-error\)\]:hover:not(:disabled):not(:read-only)[aria-invalid=true]{--tw-ring-color:var(--color-error)}}.focus-visible\:aria-invalid\:ring-\[var\(--color-error\)\]:focus-visible[aria-invalid=true]{--tw-ring-color:var(--color-error)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.\[\.border-b\]\:pb-\[var\(--space-base\)\].border-b{padding-bottom:var(--space-base)}.\[\.border-t\]\:pt-\[var\(--space-base\)\].border-t{padding-top:var(--space-base)}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-\[var\(--space-small\)\]:has(>[data-align=block-end])>input{padding-top:var(--space-small)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-\[var\(--space-small\)\]:has(>[data-align=block-start])>input{padding-bottom:var(--space-small)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing,.25rem) * 1.5)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing,.25rem) * 1.5)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-duration:initial}}}
@layer utilities{.cursor-pointer{cursor:pointer}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.\[word-break\:break-word\]{word-break:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-solid{text-decoration-style:solid}.decoration-from-font{text-decoration-thickness:from-font}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.\[text-decoration-skip-ink\:none\]{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.\[text-underline-position\:from-font\]{text-underline-position:from-font}@media (hover:hover){.hover\:font-\[var\(--fw-typography-highlight\)\]:hover{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.hover\:text-\[var\(--color-on-surface\)\]\/60:hover{color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.hover\:text-\[var\(--color-on-surface\)\]\/60:hover{color:color-mix(in oklab, var(--color-on-surface) 60%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--color-ring\)\]\/80:focus-visible{outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:outline-\[var\(--color-ring\)\]\/80:focus-visible{outline-color:color-mix(in oklab, var(--color-ring) 80%, transparent)}}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\:font-\[var\(--fw-regular\)\]:active{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.active\:text-\[var\(--color-on-surface\)\]\/40:active{color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.active\:text-\[var\(--color-on-surface\)\]\/40:active{color:color-mix(in oklab, var(--color-on-surface) 40%, transparent)}}.active\:text-\[var\(--color-on-surface\)\]\/60:active{color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.active\:text-\[var\(--color-on-surface\)\]\/60:active{color:color-mix(in oklab, var(--color-on-surface) 60%, transparent)}}.active\:no-underline:active{text-decoration-line:none}.active\:underline:active{text-decoration-line:underline}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}
@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing,.25rem) * 0)}.m-0{margin:calc(var(--spacing,.25rem) * 0)}.block{display:block}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.bg-\[var\(--color-neutral-container\)\]{background-color:var(--color-neutral-container)}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.opacity-0{opacity:0}.opacity-100{opacity:1}.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,)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.\[\&\>picture\>img\]\:blur-\[5px\]>picture>img{--tw-blur:blur(5px);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,)}.\[\&\>picture\>img\]\:transition-\[filter\]>picture>img{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.\[\&\>picture\>img\]\:duration-1000>picture>img{--tw-duration:1s;transition-duration:1s}.\[\&\>picture\>img\]\:ease-linear>picture>img{--tw-ease:linear;transition-timing-function:linear}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}
@layer utilities{.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing,.25rem) * 0)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.inline{display:inline}.size-full{width:100%;height:100%}.h-full{height:100%}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing,.25rem) * 2)}.overflow-hidden{overflow:hidden}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-\[var\(--color-neutral-container\)\]{background-color:var(--color-neutral-container)}.object-cover{object-fit:cover}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}
@layer utilities{.relative{position:relative}.flex{display:flex}.h-full{height:100%}.w-full{width:100%}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius,.625rem)}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-none\)\]{border-radius:var(--radius-none)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-\[var\(--radius-xl\)\]{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--color-outline\)\]{border-color:var(--color-outline)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.shadow-\[var\(--shadow-elevation-1\)\]{--tw-shadow:var(--shadow-elevation-1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-elevation-2\)\]{--tw-shadow:var(--shadow-elevation-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-elevation-4\)\]{--tw-shadow:var(--shadow-elevation-4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}
@layer utilities{.isolate{isolation:isolate}.z-50{z-index:50}.inline{display:inline}.size-2\.5{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5)}.w-fit{width:fit-content}.max-w-\[var\(--available-width\)\]{max-width:var(--available-width)}.max-w-sm{max-width:var(--container-sm,24rem)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.cursor-pointer{cursor:pointer}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.bg-\(--color-surface\){background-color:var(--color-surface)}.bg-\(--color-surface-inverse\){background-color:var(--color-surface-inverse)}.fill-\(--color-surface\){fill:var(--color-surface)}.fill-\(--color-surface-inverse\){fill:var(--color-surface-inverse)}.px-\[var\(--space-base\)\]{padding-inline:var(--space-base)}.py-\[var\(--space-base\)\]{padding-block:var(--space-base)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\(--color-on-surface\){color:var(--color-on-surface)}.text-\(--color-on-surface-inverse\){color:var(--color-on-surface-inverse)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.underline{text-decoration-line:underline}.shadow-\[var\(--shadow-elevation-1\)\]{--tw-shadow:var(--shadow-elevation-1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-elevation-2\)\]{--tw-shadow:var(--shadow-elevation-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-elevation-4\)\]{--tw-shadow:var(--shadow-elevation-4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[side\=bottom\]\:top-1[data-side=bottom]{top:calc(var(--spacing,.25rem) * 1)}.data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--spacing,.25rem) * -1)}.data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--spacing,.25rem) * -1)}.data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--spacing,.25rem) * -2.5)}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}
@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-y-0{inset-block:calc(var(--spacing,.25rem) * 0)}.right-0{right:calc(var(--spacing,.25rem) * 0)}.left-0{left:calc(var(--spacing,.25rem) * 0)}.z-10{z-index:10}.m-0{margin:calc(var(--spacing,.25rem) * 0)}.inline-flex{display:inline-flex}.w-1\/2{width:50%}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing,.25rem) * 0)}.\[font-size\:var\(--space-compact\)\]{font-size:var(--space-compact)}.\[font-size\:var\(--space-intermediate\)\]{font-size:var(--space-intermediate)}.\[font-size\:var\(--space-medium\)\]{font-size:var(--space-medium)}.\[font-size\:var\(--space-standard\)\]{font-size:var(--space-standard)}.text-\[var\(--color-alert-pressed\)\]{color:var(--color-alert-pressed)}.opacity-50{opacity:.5}.outline-none{--tw-outline-style:none;outline-style:none}.focus-visible\:rounded-\[var\(--radius-sm\)\]:focus-visible{border-radius:var(--radius-sm)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--color-ring\)\]\/80:focus-visible{outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:outline-\[var\(--color-ring\)\]\/80:focus-visible{outline-color:color-mix(in oklab, var(--color-ring) 80%, transparent)}}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.has-\[\:focus-visible\]\:rounded-\[var\(--radius-sm\)\]:has(:focus-visible){border-radius:var(--radius-sm)}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-\[var\(--color-ring\)\]\/80:has(:focus-visible){outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\:focus-visible\]\:outline-\[var\(--color-ring\)\]\/80:has(:focus-visible){outline-color:color-mix(in oklab, var(--color-ring) 80%, transparent)}}.has-\[\:focus-visible\]\:outline-solid:has(:focus-visible){--tw-outline-style:solid;outline-style:solid}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-duration:initial}}}
@layer utilities{.relative{position:relative}.-ml-px{margin-left:-1px}.ml-0{margin-left:calc(var(--spacing,.25rem) * 0)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-10{height:calc(var(--spacing,.25rem) * 10)}.h-12{height:calc(var(--spacing,.25rem) * 12)}.w-full{width:100%}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-\[var\(--segmented-button-gap\,var\(--space-standard\)\)\]{gap:var(--segmented-button-gap,var(--space-standard))}.gap-\[var\(--space-base\)\]{gap:var(--space-base)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}.bg-transparent{background-color:#0000}.px-\[var\(--space-standard\)\]{padding-inline:var(--space-standard)}.py-\[var\(--space-base\)\]{padding-block:var(--space-base)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.first\:ml-0:first-child{margin-left:calc(var(--spacing,.25rem) * 0)}.first\:rounded-l-\[var\(--radius-sm\)\]:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.last\:rounded-r-\[var\(--radius-sm\)\]:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-\[rgb\(from_var\(--color-primary\)_r_g_b_\/_var\(--dim-5\)\)\]:hover{background-color:rgb(from var(--color-primary) r g b / var(--dim-5))}}.focus-visible\:z-20:focus-visible{z-index:20}.focus-visible\:outline-3:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.focus-visible\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\:outline-\[var\(--color-info\)\]:focus-visible{outline-color:var(--color-info)}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\:bg-\[rgb\(from_var\(--color-primary\)_r_g_b_\/_var\(--dim-4\)\)\]:active{background-color:rgb(from var(--color-primary) r g b / var(--dim-4))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-\[var\(--dim-3\)\][data-disabled]{opacity:var(--dim-3)}.data-\[pressed\]\:z-10[data-pressed]{z-index:10}.data-\[pressed\]\:border-\[length\:3px\][data-pressed]{border-style:var(--tw-border-style);border-width:3px}.data-\[pressed\]\:bg-\[rgb\(from_var\(--color-primary\)_r_g_b_\/_var\(--dim-4\)\)\][data-pressed]{background-color:rgb(from var(--color-primary) r g b / var(--dim-4))}.data-\[pressed\]\:text-\[var\(--color-primary\)\][data-pressed]{color:var(--color-primary)}@media (hover:hover){.data-\[pressed\]\:hover\:bg-\[rgb\(from_var\(--color-primary\)_r_g_b_\/_var\(--dim-5\)\)\][data-pressed]:hover{background-color:rgb(from var(--color-primary) r g b / var(--dim-5))}}.data-\[pressed\]\:active\:bg-\[rgb\(from_var\(--color-primary\)_r_g_b_\/_var\(--dim-4\)\)\][data-pressed]:active{background-color:rgb(from var(--color-primary) r g b / var(--dim-4))}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.\[\&\>\*\]\:flex-1>*{flex:1}.\[\&\>\*\]\:flex-none>*{flex:none}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}
@layer utilities{.relative{position:relative}.z-50{z-index:50}.flex{display:flex}.size-4{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.size-6{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.size-full{width:100%;height:100%}.h-\[var\(--space-large\)\]{height:var(--space-large)}.max-h-\[var\(--available-height\)\]{max-height:var(--available-height)}.w-\[var\(--anchor-width\)\]{width:var(--anchor-width)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing,.25rem) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin)}.-rotate-90{rotate:-90deg}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[var\(--space-base\)\]{gap:var(--space-base)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--color-alert\)\]{border-color:var(--color-alert)}.border-\[var\(--color-error\)\]{border-color:var(--color-error)}.border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}.border-\[var\(--color-success\)\]{border-color:var(--color-success)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.px-\[var\(--space-standard\)\]{padding-inline:var(--space-standard)}.py-\[var\(--space-base\)\]{padding-block:var(--space-base)}.py-\[var\(--space-tiny\)\]{padding-block:var(--space-tiny)}.text-left{text-align:left}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.underline{text-decoration-line:underline}.shadow-\[var\(--shadow-elevation-2\)\]{--tw-shadow:var(--shadow-elevation-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-\[opacity\,scale\]{transition-property:opacity,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:not-data-\[disabled\]\:not-data-\[readonly\]\:bg-\[var\(--color-surface-hover\)\]:hover:not([data-disabled]):not([data-readonly]){background-color:var(--color-surface-hover)}.hover\:not-data-\[disabled\]\:not-data-\[readonly\]\:ring-1:hover:not([data-disabled]):not([data-readonly]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:not-data-\[disabled\]\:not-data-\[readonly\]\:ring-\[var\(--color-alert\)\]:hover:not([data-disabled]):not([data-readonly]){--tw-ring-color:var(--color-alert)}.hover\:not-data-\[disabled\]\:not-data-\[readonly\]\:ring-\[var\(--color-error\)\]:hover:not([data-disabled]):not([data-readonly]){--tw-ring-color:var(--color-error)}.hover\:not-data-\[disabled\]\:not-data-\[readonly\]\:ring-\[var\(--color-outline-variant\)\]:hover:not([data-disabled]):not([data-readonly]){--tw-ring-color:var(--color-outline-variant)}.hover\:not-data-\[disabled\]\:not-data-\[readonly\]\:ring-\[var\(--color-success\)\]:hover:not([data-disabled]):not([data-readonly]){--tw-ring-color:var(--color-success)}.hover\:not-data-\[disabled\]\:not-data-\[readonly\]\:ring-inset:hover:not([data-disabled]):not([data-readonly]){--tw-ring-inset:inset}}.focus-visible\:bg-\[var\(--color-surface\)\]:focus-visible{background-color:var(--color-surface)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--color-alert\)\]:focus-visible{--tw-ring-color:var(--color-alert)}.focus-visible\:ring-\[var\(--color-error\)\]:focus-visible{--tw-ring-color:var(--color-error)}.focus-visible\:ring-\[var\(--color-outline-variant\)\]:focus-visible{--tw-ring-color:var(--color-outline-variant)}.focus-visible\:ring-\[var\(--color-success\)\]:focus-visible{--tw-ring-color:var(--color-success)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.aria-invalid\:border-\[var\(--color-error\)\][aria-invalid=true]{border-color:var(--color-error)}@media (hover:hover){.hover\:not-data-\[disabled\]\:not-data-\[readonly\]\:aria-invalid\:ring-\[var\(--color-error\)\]:hover:not([data-disabled]):not([data-readonly])[aria-invalid=true]{--tw-ring-color:var(--color-error)}}.focus-visible\:aria-invalid\:ring-\[var\(--color-error\)\]:focus-visible[aria-invalid=true]{--tw-ring-color:var(--color-error)}.data-\[disabled\]\:cursor-default[data-disabled]{cursor:default}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[ending-style\]\:scale-95[data-ending-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[highlighted\]\:bg-\[var\(--color-surface-hover\)\][data-highlighted]{background-color:var(--color-surface-hover)}.data-\[placeholder\]\:text-\[var\(--color-on-surface\)\]\/40[data-placeholder]{color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.data-\[placeholder\]\:text-\[var\(--color-on-surface\)\]\/40[data-placeholder]{color:color-mix(in oklab, var(--color-on-surface) 40%, transparent)}}.data-\[popup-open\]\:rotate-90[data-popup-open]{rotate:90deg}.data-\[popup-open\]\:rotate-180[data-popup-open]{rotate:180deg}.data-\[popup-open\]\:bg-\[var\(--color-surface\)\][data-popup-open]{background-color:var(--color-surface)}.data-\[popup-open\]\:ring-1[data-popup-open]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[popup-open\]\:ring-\[var\(--color-alert\)\][data-popup-open]{--tw-ring-color:var(--color-alert)}.data-\[popup-open\]\:ring-\[var\(--color-error\)\][data-popup-open]{--tw-ring-color:var(--color-error)}.data-\[popup-open\]\:ring-\[var\(--color-outline-variant\)\][data-popup-open]{--tw-ring-color:var(--color-outline-variant)}.data-\[popup-open\]\:ring-\[var\(--color-success\)\][data-popup-open]{--tw-ring-color:var(--color-success)}.data-\[popup-open\]\:ring-inset[data-popup-open]{--tw-ring-inset:inset}.data-\[popup-open\]\:aria-invalid\:ring-\[var\(--color-error\)\][data-popup-open][aria-invalid=true]{--tw-ring-color:var(--color-error)}.data-\[readonly\]\:cursor-default[data-readonly]{cursor:default}.data-\[readonly\]\:bg-\[var\(--color-surface-hover\)\][data-readonly]{background-color:var(--color-surface-hover)}.data-\[starting-style\]\:scale-95[data-starting-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-border-style:solid}}}
@layer utilities{.flex{display:flex}.inline-flex{display:inline-flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing,.25rem) * 0)}.border-transparent{border-color:#0000}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.underline{text-decoration-line:underline}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}}.focus-visible\:outline-0:focus-visible{outline-style:var(--tw-outline-style);outline-width:0}.data-\[active\]\:border-\[var\(--color-primary\)\][data-active]{border-color:var(--color-primary)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-default[data-disabled]{cursor:default}.data-\[disabled\]\:opacity-\[var\(--dim-3\)\][data-disabled]{opacity:var(--dim-3)}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:overflow-x-auto[data-orientation=horizontal]{overflow-x:auto}.data-\[orientation\=horizontal\]\:border-b[data-orientation=horizontal]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.data-\[orientation\=horizontal\]\:border-b-2[data-orientation=horizontal]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.data-\[orientation\=horizontal\]\:border-\[var\(--color-neutral-container\)\][data-orientation=horizontal]{border-color:var(--color-neutral-container)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:items-stretch[data-orientation=vertical]{align-items:stretch}.data-\[orientation\=vertical\]\:overflow-y-auto[data-orientation=vertical]{overflow-y:auto}.data-\[orientation\=vertical\]\:border-r[data-orientation=vertical]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[orientation\=vertical\]\:border-r-2[data-orientation=vertical]{border-right-style:var(--tw-border-style);border-right-width:2px}.data-\[orientation\=vertical\]\:border-\[var\(--color-neutral-container\)\][data-orientation=vertical]{border-color:var(--color-neutral-container)}.\[\&\>span\]\:m-\[var\(--space-tiny\)\]>span{margin:var(--space-tiny)}.\[\&\>span\]\:inline-flex>span{display:inline-flex}.\[\&\>span\]\:items-center>span{align-items:center}.\[\&\>span\]\:gap-\[var\(--space-base\)\]>span{gap:var(--space-base)}.\[\&\>span\]\:rounded-\[var\(--radius-sm\)\]>span{border-radius:var(--radius-sm)}.\[\&\>span\]\:px-\[calc\(var\(--space-standard\)-var\(--space-tiny\)\)\]>span{padding-inline:calc(var(--space-standard) - var(--space-tiny))}.\[\&\>span\]\:py-\[calc\(var\(--space-small\)-var\(--space-tiny\)\)\]>span{padding-block:calc(var(--space-small) - var(--space-tiny))}.\[\&\>span\]\:whitespace-nowrap>span{white-space:nowrap}.\[\&\>span\]\:transition-colors>span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.\[\&\>span\]\:duration-150>span{--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.hover\:\[\&\>span\]\:bg-\[var\(--tab-container-hover\)\]:hover>span{background-color:var(--tab-container-hover)}.hover\:\[\&\>span\]\:text-\[var\(--color-primary\)\]:hover>span{color:var(--color-primary)}}.focus-visible\:\[\&\>span\]\:text-\[var\(--color-primary\)\]:focus-visible>span{color:var(--color-primary)}.focus-visible\:\[\&\>span\]\:outline:focus-visible>span{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:\[\&\>span\]\:outline-2:focus-visible>span{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:\[\&\>span\]\:outline-\[var\(--color-ring\)\]\/80:focus-visible>span{outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:\[\&\>span\]\:outline-\[var\(--color-ring\)\]\/80:focus-visible>span{outline-color:color-mix(in oklab, var(--color-ring) 80%, transparent)}}.active\:\[\&\>span\]\:bg-\[var\(--tab-container-pressed\)\]:active>span{background-color:var(--tab-container-pressed)}.data-\[active\]\:\[\&\>span\]\:font-\[var\(--fw-typography-highlight\)\][data-active]>span{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.data-\[active\]\:\[\&\>span\]\:text-\[var\(--color-primary\)\][data-active]>span{color:var(--color-primary)}.data-\[orientation\=horizontal\]\:\[\&\>span\]\:justify-center[data-orientation=horizontal]>span{justify-content:center}.data-\[orientation\=vertical\]\:\[\&\>span\]\:justify-start[data-orientation=vertical]>span{justify-content:flex-start}.\[\&\>span_svg\]\:pointer-events-none>span svg{pointer-events:none}.\[\&\>span_svg\]\:shrink-0>span svg{flex-shrink:0}.\[\&\>span_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6>span svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}}:root,[data-theme]{--tab-container-hover:var(--color-surface-hover);--tab-container-pressed:var(--color-surface-pressed)}[data-theme=milanuncios]{--tab-container-hover:var(--color-primary-container-hover);--tab-container-pressed:var(--color-primary-container-pressed)}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}
@layer utilities{.invisible{visibility:hidden}.static{position:static}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing,.25rem) * 4)}.h-5{height:calc(var(--spacing,.25rem) * 5)}.h-\[var\(--space-compact\)\]{height:var(--space-compact)}.h-\[var\(--space-intermediate\)\]{height:var(--space-intermediate)}.h-\[var\(--space-medium\)\]{height:var(--space-medium)}.h-\[var\(--space-standard\)\]{height:var(--space-standard)}.w-4{width:calc(var(--spacing,.25rem) * 4)}.w-5{width:calc(var(--spacing,.25rem) * 5)}.w-\[var\(--space-intermediate\)\]{width:var(--space-intermediate)}.w-\[var\(--space-standard\)\]{width:var(--space-standard)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[var\(--space-base\)\]{gap:var(--space-base)}.gap-\[var\(--space-tiny\)\]{gap:var(--space-tiny)}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[var\(--color-on-surface-inverse\)\]{border-color:var(--color-on-surface-inverse)}.border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}.bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_10\%\,transparent\)\]{background-color:var(--color-on-surface-inverse)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_10\%\,transparent\)\]{background-color:color-mix(in srgb,var(--color-on-surface-inverse) 10%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--color-primary\)_10\%\,transparent\)\]{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--color-primary\)_10\%\,transparent\)\]{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--tag-editorial-bg\,var\(--color-alert-container\)\)\]{background-color:var(--tag-editorial-bg,var(--color-alert-container))}.bg-transparent{background-color:#0000}.px-\[var\(--space-small\)\]{padding-inline:var(--space-small)}.px-\[var\(--space-standard\)\]{padding-inline:var(--space-standard)}.pr-\[var\(--space-base\)\]{padding-right:var(--space-base)}.pr-\[var\(--space-tiny\)\]{padding-right:var(--space-tiny)}.pl-\[var\(--space-small\)\]{padding-left:var(--space-small)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-on-alert-container\)\]{color:var(--color-on-alert-container)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.text-\[var\(--color-on-surface-inverse\)\]{color:var(--color-on-surface-inverse)}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_10\%\,transparent\)\]:hover{background-color:var(--color-on-surface-inverse)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_10\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--color-on-surface-inverse) 10%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_15\%\,transparent\)\]:hover{background-color:var(--color-on-surface-inverse)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_15\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--color-on-surface-inverse) 15%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_20\%\,transparent\)\]:hover{background-color:var(--color-on-surface-inverse)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_20\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--color-on-surface-inverse) 20%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_10\%\,transparent\)\]:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_10\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\]:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--tag-editorial-bg\,var\(--color-alert-container\)\)_90\%\,black\)\]:hover{background-color:var(--tag-editorial-bg,var(--color-alert-container))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--tag-editorial-bg\,var\(--color-alert-container\)\)_90\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--tag-editorial-bg,var(--color-alert-container)) 90%,black)}}.hover\:bg-\[var\(--color-neutral-container-hover\)\]:hover{background-color:var(--color-neutral-container-hover)}.hover\:bg-\[var\(--color-surface-pressed\)\]:hover{background-color:var(--color-surface-pressed)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--color-on-surface-inverse\)\]:focus-visible{--tw-ring-color:var(--color-on-surface-inverse)}.focus-visible\:ring-\[var\(--color-ring\)\]:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[var\(--color-surface-inverse\)\]:focus-visible{--tw-ring-offset-color:var(--color-surface-inverse)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_15\%\,transparent\)\]:active{background-color:var(--color-on-surface-inverse)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_15\%\,transparent\)\]:active{background-color:color-mix(in srgb,var(--color-on-surface-inverse) 15%,transparent)}}.active\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_25\%\,transparent\)\]:active{background-color:var(--color-on-surface-inverse)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface-inverse\)_25\%\,transparent\)\]:active{background-color:color-mix(in srgb,var(--color-on-surface-inverse) 25%,transparent)}}.active\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\]:active{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\]:active{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}}.active\:bg-\[color-mix\(in_srgb\,var\(--tag-editorial-bg\,var\(--color-alert-container\)\)_80\%\,black\)\]:active{background-color:var(--tag-editorial-bg,var(--color-alert-container))}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[color-mix\(in_srgb\,var\(--tag-editorial-bg\,var\(--color-alert-container\)\)_80\%\,black\)\]:active{background-color:color-mix(in srgb,var(--tag-editorial-bg,var(--color-alert-container)) 80%,black)}}.active\:bg-\[var\(--color-neutral-container-pressed\)\]:active{background-color:var(--color-neutral-container-pressed)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.aria-pressed\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\][aria-pressed=true]{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.aria-pressed\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_20\%\,transparent\)\][aria-pressed=true]{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}}.aria-pressed\:text-\[var\(--color-on-surface\)\][aria-pressed=true]{color:var(--color-on-surface)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}
@layer utilities{.block{display:block}.min-h-\[calc\(80px-6px\)\]{min-height:74px}.min-h-\[calc\(120px-6px\)\]{min-height:114px}.min-h-\[calc\(200px-6px\)\]{min-height:194px}.w-full{width:100%}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[scrollbar-color\:color-mix\(in_srgb\,var\(--color-on-surface\)_40\%\,transparent\)_transparent\]{scrollbar-color:var(--color-on-surface) transparent}@supports (color:color-mix(in lab, red, red)){.\[scrollbar-color\:color-mix\(in_srgb\,var\(--color-on-surface\)_40\%\,transparent\)_transparent\]{scrollbar-color:color-mix(in srgb,var(--color-on-surface) 40%,transparent) transparent}}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[var\(--color-alert\)\]{border-color:var(--color-alert)}.border-\[var\(--color-error\)\]{border-color:var(--color-error)}.border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}.border-\[var\(--color-success\)\]{border-color:var(--color-success)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.p-0\.5{padding:calc(var(--spacing,.25rem) * .5)}.px-\[calc\(var\(--space-standard\)-2px\)\]{padding-inline:calc(var(--space-standard) - 2px)}.py-\[calc\(var\(--space-base\)-2px\)\]{padding-block:calc(var(--space-base) - 2px)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.underline{text-decoration-line:underline}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.placeholder\:text-\[var\(--color-on-surface\)\]\/50::placeholder{color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-\[var\(--color-on-surface\)\]\/50::placeholder{color:color-mix(in oklab, var(--color-on-surface) 50%, transparent)}}@media (hover:hover){.hover\:not-has-disabled\:bg-\[var\(--color-surface-hover\)\]:hover:not(:has(:disabled)){background-color:var(--color-surface-hover)}.hover\:not-has-disabled\:ring-1:hover:not(:has(:disabled)){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:not-has-disabled\:ring-\[var\(--color-alert\)\]:hover:not(:has(:disabled)){--tw-ring-color:var(--color-alert)}.hover\:not-has-disabled\:ring-\[var\(--color-error\)\]:hover:not(:has(:disabled)){--tw-ring-color:var(--color-error)}.hover\:not-has-disabled\:ring-\[var\(--color-outline-variant\)\]:hover:not(:has(:disabled)){--tw-ring-color:var(--color-outline-variant)}.hover\:not-has-disabled\:ring-\[var\(--color-success\)\]:hover:not(:has(:disabled)){--tw-ring-color:var(--color-success)}.hover\:not-has-disabled\:ring-inset:hover:not(:has(:disabled)){--tw-ring-inset:inset}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.has-focus-visible\:bg-\[var\(--color-surface\)\]:has(:focus-visible){background-color:var(--color-surface)}.has-focus-visible\:ring-1:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-focus-visible\:ring-\[var\(--color-alert\)\]:has(:focus-visible){--tw-ring-color:var(--color-alert)}.has-focus-visible\:ring-\[var\(--color-error\)\]:has(:focus-visible){--tw-ring-color:var(--color-error)}.has-focus-visible\:ring-\[var\(--color-outline-variant\)\]:has(:focus-visible){--tw-ring-color:var(--color-outline-variant)}.has-focus-visible\:ring-\[var\(--color-success\)\]:has(:focus-visible){--tw-ring-color:var(--color-success)}.has-focus-visible\:ring-inset:has(:focus-visible){--tw-ring-inset:inset}.has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-\[textarea\[aria-invalid\=true\]\]\:border-\[var\(--color-error\)\]:has(:is(textarea[aria-invalid=true])){border-color:var(--color-error)}@media (hover:hover){.has-\[textarea\[aria-invalid\=true\]\]\:hover\:not-has-disabled\:ring-\[var\(--color-error\)\]:has(:is(textarea[aria-invalid=true])):hover:not(:has(:disabled)){--tw-ring-color:var(--color-error)}}.has-\[textarea\[aria-invalid\=true\]\]\:has-focus-visible\:ring-\[var\(--color-error\)\]:has(:is(textarea[aria-invalid=true])):has(:focus-visible){--tw-ring-color:var(--color-error)}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--adv-btn-ring-angle:0deg}}}
@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing,.25rem) * 0)}.top-\[calc\(0\.29289\*var\(--button-corner-radius\)-0\.64645\*var\(--button-border-width\)\)\]{top:calc(.29289 * var(--button-corner-radius) - .64645 * var(--button-border-width))}.right-0{right:calc(var(--spacing,.25rem) * 0)}.right-\[calc\(0\.29289\*var\(--button-corner-radius\)-0\.64645\*var\(--button-border-width\)\)\]{right:calc(.29289 * var(--button-corner-radius) - .64645 * var(--button-border-width))}.bottom-0{bottom:calc(var(--spacing,.25rem) * 0)}.bottom-\[var\(--space-standard\)\]{bottom:var(--space-standard)}.left-1\/2{left:50%}.left-auto{left:auto}.z-\[60\]{z-index:60}.z-\[calc\(1000-var\(--toast-index\)\)\]{z-index:calc(1000 - var(--toast-index))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mt-\[var\(--space-small\)\]{margin-top:calc(var(--space-small) * -1)}.mt-\[var\(--space-base\)\]{margin-top:var(--space-base)}.mt-\[var\(--space-tiny\)\]{margin-top:var(--space-tiny)}.-mr-\[var\(--space-small\)\]{margin-right:calc(var(--space-small) * -1)}.box-border{box-sizing:border-box}.flex{display:flex}.inline{display:inline}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.size-5{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.size-\[var\(--badge-counter-bare\)\]{width:var(--badge-counter-bare);height:var(--badge-counter-bare)}.size-\[var\(--badge-counter-box\)\]{width:var(--badge-counter-box);height:var(--badge-counter-box)}.size-\[var\(--badge-counter-pip\)\]{width:var(--badge-counter-pip);height:var(--badge-counter-pip)}.h-\[var\(--badge-counter-box\)\]{height:var(--badge-counter-box)}.h-\[var\(--button-height\)\]{height:var(--button-height)}.h-\[var\(--height\)\]{height:var(--height)}.h-full{height:100%}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-\[var\(--button-height\)\]{width:var(--button-height)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing,.25rem) * 0)}.min-w-\[var\(--badge-counter-box\)\]{min-width:var(--badge-counter-box)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale))}.animate-spin{animation:var(--animate-spin,spin 1s linear infinite)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-\[var\(--space-base\)\]{gap:var(--space-base)}.gap-\[var\(--space-small\)\]{gap:var(--space-small)}.gap-\[var\(--space-tiny\)\]{gap:var(--space-tiny)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius,.625rem)}.rounded-\[var\(--button-corner-radius\)\]{border-radius:var(--button-corner-radius)}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.rounded-\[var\(--radius-none\)\]{border-radius:var(--radius-none)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[length\:var\(--button-border-width\)\]{border-style:var(--tw-border-style);border-width:var(--button-border-width)}.border-\[var\(--color-alert\)\]{border-color:var(--color-alert)}.border-\[var\(--color-error\)\]{border-color:var(--color-error)}.border-\[var\(--color-info\)\]{border-color:var(--color-info)}.border-\[var\(--color-outline\)\]{border-color:var(--color-outline)}.border-\[var\(--color-success\)\]{border-color:var(--color-success)}.bg-\[var\(--badge-counter-bg-active\)\]{background-color:var(--badge-counter-bg-active)}.bg-\[var\(--badge-counter-bg-default\)\]{background-color:var(--badge-counter-bg-default)}.bg-\[var\(--color-alert-container\)\]{background-color:var(--color-alert-container)}.bg-\[var\(--color-error-container\)\]{background-color:var(--color-error-container)}.bg-\[var\(--color-info-container\)\]{background-color:var(--color-info-container)}.bg-\[var\(--color-neutral-container\)\]{background-color:var(--color-neutral-container)}.bg-\[var\(--color-success-container\)\]{background-color:var(--color-success-container)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.p-\[var\(--space-standard\)\]{padding:var(--space-standard)}.px-\[calc\(var\(--space-base\)-var\(--button-border-width\)\)\]{padding-inline:calc(var(--space-base) - var(--button-border-width))}.px-\[calc\(var\(--space-small\)-var\(--button-border-width\)\)\]{padding-inline:calc(var(--space-small) - var(--button-border-width))}.px-\[var\(--badge-counter-padding-x\)\]{padding-inline:var(--badge-counter-padding-x)}.px-\[var\(--space-standard\)\]{padding-inline:var(--space-standard)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--badge-counter-font-size-large\)\]{font-size:var(--badge-counter-font-size-large)}.text-\[length\:var\(--badge-counter-font-size-medium\)\]{font-size:var(--badge-counter-font-size-medium)}.text-\[length\:var\(--badge-counter-font-size-small\)\]{font-size:var(--badge-counter-font-size-small)}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--badge-counter-line-height-large\)\]{--tw-leading:var(--badge-counter-line-height-large);line-height:var(--badge-counter-line-height-large)}.leading-\[var\(--badge-counter-line-height-medium\)\]{--tw-leading:var(--badge-counter-line-height-medium);line-height:var(--badge-counter-line-height-medium)}.leading-\[var\(--badge-counter-line-height-small\)\]{--tw-leading:var(--badge-counter-line-height-small);line-height:var(--badge-counter-line-height-small)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--badge-counter-tracking-large\)\]{--tw-tracking:var(--badge-counter-tracking-large);letter-spacing:var(--badge-counter-tracking-large)}.tracking-\[var\(--badge-counter-tracking-medium\)\]{--tw-tracking:var(--badge-counter-tracking-medium);letter-spacing:var(--badge-counter-tracking-medium)}.tracking-\[var\(--badge-counter-tracking-small\)\]{--tw-tracking:var(--badge-counter-tracking-small);letter-spacing:var(--badge-counter-tracking-small)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--badge-counter-fg-active\)\]{color:var(--badge-counter-fg-active)}.text-\[var\(--badge-counter-fg-default\)\]{color:var(--badge-counter-fg-default)}.text-\[var\(--color-alert\)\]{color:var(--color-alert)}.text-\[var\(--color-error\)\]{color:var(--color-error)}.text-\[var\(--color-info\)\]{color:var(--color-info)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.text-\[var\(--color-success\)\]{color:var(--color-success)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_var\(--badge-counter-ring-width\)_var\(--badge-counter-ring-color\)\]{--tw-shadow:0 0 0 var(--tw-shadow-color,var(--badge-counter-ring-width)) var(--badge-counter-ring-color);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_var\(--button-border-width\)_var\(--button-badge-ring\)\]{--tw-shadow:0 0 0 var(--tw-shadow-color,var(--button-border-width)) var(--button-badge-ring);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.select-none{-webkit-user-select:none;user-select:none}.\[--adv-btn-bg-image\:var\(--color-ai-gradient\)\]{--adv-btn-bg-image:var(--color-ai-gradient)}.\[--adv-btn-bg\:var\(--button-negative-bg\)\]{--adv-btn-bg:var(--button-negative-bg)}.\[--adv-btn-bg\:var\(--color-accent\)\]{--adv-btn-bg:var(--color-accent)}.\[--adv-btn-bg\:var\(--color-alert\)\]{--adv-btn-bg:var(--color-alert)}.\[--adv-btn-bg\:var\(--color-error\)\]{--adv-btn-bg:var(--color-error)}.\[--adv-btn-bg\:var\(--color-info\)\]{--adv-btn-bg:var(--color-info)}.\[--adv-btn-bg\:var\(--color-neutral-container\)\]{--adv-btn-bg:var(--color-neutral-container)}.\[--adv-btn-bg\:var\(--color-primary\)\]{--adv-btn-bg:var(--color-primary)}.\[--adv-btn-bg\:var\(--color-success\)\]{--adv-btn-bg:var(--color-success)}.\[--adv-btn-border\:transparent\]{--adv-btn-border:transparent}.\[--adv-btn-border\:var\(--button-negative-bg\)\]{--adv-btn-border:var(--button-negative-bg)}.\[--adv-btn-border\:var\(--color-accent\)\]{--adv-btn-border:var(--color-accent)}.\[--adv-btn-border\:var\(--color-alert\)\]{--adv-btn-border:var(--color-alert)}.\[--adv-btn-border\:var\(--color-error\)\]{--adv-btn-border:var(--color-error)}.\[--adv-btn-border\:var\(--color-info\)\]{--adv-btn-border:var(--color-info)}.\[--adv-btn-border\:var\(--color-neutral\)\]{--adv-btn-border:var(--color-neutral)}.\[--adv-btn-border\:var\(--color-neutral-container\)\]{--adv-btn-border:var(--color-neutral-container)}.\[--adv-btn-border\:var\(--color-on-surface-inverse\)\]{--adv-btn-border:var(--color-on-surface-inverse)}.\[--adv-btn-border\:var\(--color-primary\)\]{--adv-btn-border:var(--color-primary)}.\[--adv-btn-border\:var\(--color-success\)\]{--adv-btn-border:var(--color-success)}.\[--adv-btn-color\:var\(--button-ai-solid-text\)\]{--adv-btn-color:var(--button-ai-solid-text)}.\[--adv-btn-color\:var\(--button-negative-accent-text\)\]{--adv-btn-color:var(--button-negative-accent-text)}.\[--adv-btn-color\:var\(--button-negative-neutral-text\)\]{--adv-btn-color:var(--button-negative-neutral-text)}.\[--adv-btn-color\:var\(--button-outline-accent-text\)\]{--adv-btn-color:var(--button-outline-accent-text)}.\[--adv-btn-color\:var\(--button-outline-alert-text\)\]{--adv-btn-color:var(--button-outline-alert-text)}.\[--adv-btn-color\:var\(--color-accent\)\]{--adv-btn-color:var(--color-accent)}.\[--adv-btn-color\:var\(--color-alert\)\]{--adv-btn-color:var(--color-alert)}.\[--adv-btn-color\:var\(--color-error\)\]{--adv-btn-color:var(--color-error)}.\[--adv-btn-color\:var\(--color-info\)\]{--adv-btn-color:var(--color-info)}.\[--adv-btn-color\:var\(--color-on-accent\)\]{--adv-btn-color:var(--color-on-accent)}.\[--adv-btn-color\:var\(--color-on-ai-gradient\)\]{--adv-btn-color:var(--color-on-ai-gradient)}.\[--adv-btn-color\:var\(--color-on-ai-gradient-variant\)\]{--adv-btn-color:var(--color-on-ai-gradient-variant)}.\[--adv-btn-color\:var\(--color-on-alert\)\]{--adv-btn-color:var(--color-on-alert)}.\[--adv-btn-color\:var\(--color-on-error\)\]{--adv-btn-color:var(--color-on-error)}.\[--adv-btn-color\:var\(--color-on-info\)\]{--adv-btn-color:var(--color-on-info)}.\[--adv-btn-color\:var\(--color-on-neutral-container\)\]{--adv-btn-color:var(--color-on-neutral-container)}.\[--adv-btn-color\:var\(--color-on-primary\)\]{--adv-btn-color:var(--color-on-primary)}.\[--adv-btn-color\:var\(--color-on-success\)\]{--adv-btn-color:var(--color-on-success)}.\[--adv-btn-color\:var\(--color-on-surface\)\]{--adv-btn-color:var(--color-on-surface)}.\[--adv-btn-color\:var\(--color-on-surface-inverse\)\]{--adv-btn-color:var(--color-on-surface-inverse)}.\[--adv-btn-color\:var\(--color-primary\)\]{--adv-btn-color:var(--color-primary)}.\[--adv-btn-color\:var\(--color-success\)\]{--adv-btn-color:var(--color-success)}.\[--adv-btn-ring-shine\:var\(--color-ai-ring-inverse-shine-stops\)\]{--adv-btn-ring-shine:var(--color-ai-ring-inverse-shine-stops)}.\[--adv-btn-ring-shine\:var\(--color-ai-ring-shine-stops\)\]{--adv-btn-ring-shine:var(--color-ai-ring-shine-stops)}.\[--adv-btn-ring\:var\(--color-ai-ring\)\]{--adv-btn-ring:var(--color-ai-ring)}.\[--adv-btn-ring\:var\(--color-ai-ring-inverse\)\]{--adv-btn-ring:var(--color-ai-ring-inverse)}.\[--badge-counter-bare\:var\(--badge-counter-bare-size-large\)\]{--badge-counter-bare:var(--badge-counter-bare-size-large)}.\[--badge-counter-bare\:var\(--badge-counter-bare-size-medium\)\]{--badge-counter-bare:var(--badge-counter-bare-size-medium)}.\[--badge-counter-bare\:var\(--badge-counter-bare-size-small\)\]{--badge-counter-bare:var(--badge-counter-bare-size-small)}.\[--badge-counter-box\:var\(--badge-counter-size-large\)\]{--badge-counter-box:var(--badge-counter-size-large)}.\[--badge-counter-box\:var\(--badge-counter-size-medium\)\]{--badge-counter-box:var(--badge-counter-size-medium)}.\[--badge-counter-box\:var\(--badge-counter-size-small\)\]{--badge-counter-box:var(--badge-counter-size-small)}.\[--badge-counter-padding-x\:var\(--badge-counter-padding-x-large\)\]{--badge-counter-padding-x:var(--badge-counter-padding-x-large)}.\[--badge-counter-padding-x\:var\(--badge-counter-padding-x-medium\)\]{--badge-counter-padding-x:var(--badge-counter-padding-x-medium)}.\[--badge-counter-padding-x\:var\(--badge-counter-padding-x-small\)\]{--badge-counter-padding-x:var(--badge-counter-padding-x-small)}.\[--badge-counter-pip\:var\(--badge-counter-pip-size-large\)\]{--badge-counter-pip:var(--badge-counter-pip-size-large)}.\[--badge-counter-pip\:var\(--badge-counter-pip-size-medium\)\]{--badge-counter-pip:var(--badge-counter-pip-size-medium)}.\[--badge-counter-pip\:var\(--badge-counter-pip-size-small\)\]{--badge-counter-pip:var(--badge-counter-pip-size-small)}.\[--button-badge-ring\:var\(--color-surface-inverse\)\]{--button-badge-ring:var(--color-surface-inverse)}.\[--button-border-width\:0px\]{--button-border-width:0px}.\[--button-border-width\:var\(--border-width-thick\)\]{--button-border-width:var(--border-width-thick)}.\[--button-corner-radius\:0px\]{--button-corner-radius:0px}.\[--button-corner-radius\:calc\(var\(--button-height\)\/2\)\]{--button-corner-radius:calc(var(--button-height) / 2)}.\[--button-corner-radius\:var\(--radius-sm\)\]{--button-corner-radius:var(--radius-sm)}.\[--button-focus-ring\:var\(--color-on-surface-inverse\)\]{--button-focus-ring:var(--color-on-surface-inverse)}.\[--button-height\:2\.5rem\]{--button-height:2.5rem}.\[--button-height\:3rem\]{--button-height:3rem}.\[--gap\:0\.5rem\]{--gap:.5rem}.\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\]{--height:var(--toast-frontmost-height,var(--toast-height))}.\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\]{--offset-y:calc(var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))}.\[--peek\:0\.5rem\]{--peek:.5rem}.\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\]{--scale:calc(max(0, 1 - (var(--toast-index) * .1)))}.\[--shrink\:calc\(1-var\(--scale\)\)\]{--shrink:calc(1 - var(--scale))}.\[transition\:transform_0\.5s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_0\.5s\,height_0\.15s\]{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing,.25rem) * 0)}.after\:h-\[calc\(var\(--gap\)\+1px\)\]:after{content:var(--tw-content);height:calc(var(--gap) + 1px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-\[var\(--color-alert\)\]\/10:hover{background-color:var(--color-alert)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--color-alert\)\]\/10:hover{background-color:color-mix(in oklab, var(--color-alert) 10%, transparent)}}.hover\:bg-\[var\(--color-error\)\]\/10:hover{background-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--color-error\)\]\/10:hover{background-color:color-mix(in oklab, var(--color-error) 10%, transparent)}}.hover\:bg-\[var\(--color-info\)\]\/10:hover{background-color:var(--color-info)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--color-info\)\]\/10:hover{background-color:color-mix(in oklab, var(--color-info) 10%, transparent)}}.hover\:bg-\[var\(--color-on-surface\)\]\/10:hover{background-color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--color-on-surface\)\]\/10:hover{background-color:color-mix(in oklab, var(--color-on-surface) 10%, transparent)}}.hover\:bg-\[var\(--color-primary\)\]\/10:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--color-primary\)\]\/10:hover{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.hover\:bg-\[var\(--color-success\)\]\/10:hover{background-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--color-success\)\]\/10:hover{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:\[--adv-btn-bg-hover\:var\(--button-ai-negative-bg-hover\)\]:hover{--adv-btn-bg-hover:var(--button-ai-negative-bg-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--button-negative-hover-overlay\)\]:hover{--adv-btn-bg-hover:var(--button-negative-hover-overlay)}.hover\:\[--adv-btn-bg-hover\:var\(--color-accent-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-accent-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-accent-hover\)\]:hover{--adv-btn-bg-hover:var(--color-accent-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-ai-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-ai-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-alert-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-alert-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-alert-hover\)\]:hover{--adv-btn-bg-hover:var(--color-alert-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-error-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-error-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-error-hover\)\]:hover{--adv-btn-bg-hover:var(--color-error-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-info-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-info-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-info-hover\)\]:hover{--adv-btn-bg-hover:var(--color-info-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-neutral-container\)\]:hover{--adv-btn-bg-hover:var(--color-neutral-container)}.hover\:\[--adv-btn-bg-hover\:var\(--color-neutral-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-neutral-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-primary-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-primary-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-primary-hover\)\]:hover{--adv-btn-bg-hover:var(--color-primary-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-success-container-hover\)\]:hover{--adv-btn-bg-hover:var(--color-success-container-hover)}.hover\:\[--adv-btn-bg-hover\:var\(--color-success-hover\)\]:hover{--adv-btn-bg-hover:var(--color-success-hover)}.hover\:\[--adv-btn-bg-image-hover\:var\(--color-ai-gradient-variant\)\]:hover{--adv-btn-bg-image-hover:var(--color-ai-gradient-variant)}.hover\:\[--adv-btn-border-hover\:var\(--button-ai-negative-bg-hover\)\]:hover{--adv-btn-border-hover:var(--button-ai-negative-bg-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-accent-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-accent-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-accent-hover\)\]:hover{--adv-btn-border-hover:var(--color-accent-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-alert-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-alert-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-alert-hover\)\]:hover{--adv-btn-border-hover:var(--color-alert-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-error-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-error-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-error-hover\)\]:hover{--adv-btn-border-hover:var(--color-error-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-info-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-info-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-info-hover\)\]:hover{--adv-btn-border-hover:var(--color-info-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-neutral-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-neutral-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-primary-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-primary-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-primary-hover\)\]:hover{--adv-btn-border-hover:var(--color-primary-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-success-container-hover\)\]:hover{--adv-btn-border-hover:var(--color-success-container-hover)}.hover\:\[--adv-btn-border-hover\:var\(--color-success-hover\)\]:hover{--adv-btn-border-hover:var(--color-success-hover)}.hover\:\[--adv-btn-ring-hover\:var\(--color-ai-ring-hover\)\]:hover{--adv-btn-ring-hover:var(--color-ai-ring-hover)}.hover\:\[--adv-btn-ring-hover\:var\(--color-ai-ring-inverse-hover\)\]:hover{--adv-btn-ring-hover:var(--color-ai-ring-inverse-hover)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--color-ring\)\]\/80:focus-visible{outline-color:var(--color-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:outline-\[var\(--color-ring\)\]\/80:focus-visible{outline-color:color-mix(in oklab, var(--color-ring) 80%, transparent)}}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\:bg-\[var\(--color-alert\)\]\/20:active{background-color:var(--color-alert)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[var\(--color-alert\)\]\/20:active{background-color:color-mix(in oklab, var(--color-alert) 20%, transparent)}}.active\:bg-\[var\(--color-error\)\]\/20:active{background-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[var\(--color-error\)\]\/20:active{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}}.active\:bg-\[var\(--color-info\)\]\/20:active{background-color:var(--color-info)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[var\(--color-info\)\]\/20:active{background-color:color-mix(in oklab, var(--color-info) 20%, transparent)}}.active\:bg-\[var\(--color-on-surface\)\]\/20:active{background-color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[var\(--color-on-surface\)\]\/20:active{background-color:color-mix(in oklab, var(--color-on-surface) 20%, transparent)}}.active\:bg-\[var\(--color-primary\)\]\/20:active{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[var\(--color-primary\)\]\/20:active{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.active\:bg-\[var\(--color-success\)\]\/20:active{background-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[var\(--color-success\)\]\/20:active{background-color:color-mix(in oklab, var(--color-success) 20%, transparent)}}.active\:\[--adv-btn-bg-active\:var\(--button-ai-negative-bg-hover\)\]:active{--adv-btn-bg-active:var(--button-ai-negative-bg-hover)}.active\:\[--adv-btn-bg-active\:var\(--button-negative-active-overlay\)\]:active{--adv-btn-bg-active:var(--button-negative-active-overlay)}.active\:\[--adv-btn-bg-active\:var\(--color-accent-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-accent-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-accent-pressed\)\]:active{--adv-btn-bg-active:var(--color-accent-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-ai-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-ai-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-alert-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-alert-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-alert-pressed\)\]:active{--adv-btn-bg-active:var(--color-alert-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-error-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-error-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-error-pressed\)\]:active{--adv-btn-bg-active:var(--color-error-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-info-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-info-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-info-pressed\)\]:active{--adv-btn-bg-active:var(--color-info-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-neutral-container\)\]:active{--adv-btn-bg-active:var(--color-neutral-container)}.active\:\[--adv-btn-bg-active\:var\(--color-neutral-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-neutral-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-primary-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-primary-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-primary-pressed\)\]:active{--adv-btn-bg-active:var(--color-primary-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-success-container-pressed\)\]:active{--adv-btn-bg-active:var(--color-success-container-pressed)}.active\:\[--adv-btn-bg-active\:var\(--color-success-pressed\)\]:active{--adv-btn-bg-active:var(--color-success-pressed)}.active\:\[--adv-btn-bg-image-active\:var\(--color-ai-gradient-variant\)\]:active{--adv-btn-bg-image-active:var(--color-ai-gradient-variant)}.active\:\[--adv-btn-border-active\:var\(--button-ai-negative-bg-hover\)\]:active{--adv-btn-border-active:var(--button-ai-negative-bg-hover)}.active\:\[--adv-btn-border-active\:var\(--color-accent-container-pressed\)\]:active{--adv-btn-border-active:var(--color-accent-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-accent-pressed\)\]:active{--adv-btn-border-active:var(--color-accent-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-alert-container-pressed\)\]:active{--adv-btn-border-active:var(--color-alert-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-alert-pressed\)\]:active{--adv-btn-border-active:var(--color-alert-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-error-container-pressed\)\]:active{--adv-btn-border-active:var(--color-error-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-error-pressed\)\]:active{--adv-btn-border-active:var(--color-error-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-info-container-pressed\)\]:active{--adv-btn-border-active:var(--color-info-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-info-pressed\)\]:active{--adv-btn-border-active:var(--color-info-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-neutral-container-pressed\)\]:active{--adv-btn-border-active:var(--color-neutral-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-primary-container-pressed\)\]:active{--adv-btn-border-active:var(--color-primary-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-primary-pressed\)\]:active{--adv-btn-border-active:var(--color-primary-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-success-container-pressed\)\]:active{--adv-btn-border-active:var(--color-success-container-pressed)}.active\:\[--adv-btn-border-active\:var\(--color-success-pressed\)\]:active{--adv-btn-border-active:var(--color-success-pressed)}.active\:\[--adv-btn-ring-active\:var\(--color-ai-ring-hover\)\]:active{--adv-btn-ring-active:var(--color-ai-ring-hover)}.active\:\[--adv-btn-ring-active\:var\(--color-ai-ring-inverse-hover\)\]:active{--adv-btn-ring-active:var(--color-ai-ring-inverse-hover)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.aria-invalid\:outline-2[aria-invalid=true]{outline-style:var(--tw-outline-style);outline-width:2px}.aria-invalid\:outline-\[var\(--color-error\)\]\/80[aria-invalid=true]{outline-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:outline-\[var\(--color-error\)\]\/80[aria-invalid=true]{outline-color:color-mix(in oklab, var(--color-error) 80%, transparent)}}.aria-invalid\:outline-solid[aria-invalid=true]{--tw-outline-style:solid;outline-style:solid}.data-behind\:opacity-0[data-behind],.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-expanded\:h-\[var\(--toast-height\)\][data-expanded]{height:var(--toast-height)}.data-expanded\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--offset-y\)\)\)\][data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--offset-y)))}.data-expanded\:opacity-100[data-expanded]{opacity:1}.data-limited\:opacity-0[data-limited]{opacity:0}.data-starting-style\:\[transform\:translateY\(150\%\)\][data-starting-style]{transform:translateY(150%)}.data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction=down],.data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=left],.data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}.data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=right],.data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}.data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction=up],.data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}@media (prefers-reduced-motion:reduce){.motion-reduce\:\[transition\:none\]\!{transition:none!important}}@media (min-width:40rem){.sm\:top-0{top:calc(var(--spacing,.25rem) * 0)}.sm\:top-\[var\(--space-intermediate\)\]{top:var(--space-intermediate)}.sm\:right-\[var\(--space-intermediate\)\]{right:var(--space-intermediate)}.sm\:bottom-auto{bottom:auto}.sm\:left-auto{left:auto}.sm\:w-\[22\.5rem\]{width:22.5rem}.sm\:origin-top{transform-origin:top}.sm\:translate-x-0{--tw-translate-x:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+\(var\(--toast-index\)\*var\(--peek\)\)\+\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--peek)) + (var(--shrink) * var(--height)))) scale(var(--scale))}.sm\:\[--offset-y\:calc\(var\(--toast-offset-y\)\+calc\(var\(--toast-index\)\*var\(--gap\)\)\+var\(--toast-swipe-movement-y\)\)\]{--offset-y:calc(var(--toast-offset-y) + calc(var(--toast-index) * var(--gap)) + var(--toast-swipe-movement-y))}.sm\:after\:top-auto:after{content:var(--tw-content);top:auto}.sm\:after\:bottom-full:after{content:var(--tw-content);bottom:100%}.sm\:data-starting-style\:\[transform\:translateY\(-150\%\)\][data-starting-style]{transform:translateY(-150%)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(150%)}@media (min-width:40rem){.sm\:\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(-150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(-150%)}}}:root,[data-theme]{--button-border-width:var(--border-width-thin);--button-outline-accent-text:var(--color-accent);--button-outline-alert-text:var(--color-alert);--button-negative-accent-text:var(--color-accent);--button-negative-neutral-text:var(--color-on-neutral-container);--button-focus-ring:var(--color-ring);--button-negative-bg:var(--color-surface);--button-negative-hover-overlay:var(--color-on-surface-inverse)}@supports (color:color-mix(in lab, red, red)){:root,[data-theme]{--button-negative-hover-overlay:color-mix(in srgb, var(--color-on-surface-inverse) 10%, transparent)}}:root,[data-theme]{--button-negative-active-overlay:var(--color-on-surface-inverse)}@supports (color:color-mix(in lab, red, red)){:root,[data-theme]{--button-negative-active-overlay:color-mix(in srgb, var(--color-on-surface-inverse) 15%, transparent)}}:root,[data-theme]{--button-ai-negative-bg-hover:var(--button-negative-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-theme]{--button-ai-negative-bg-hover:color-mix(in srgb, var(--button-negative-bg) 80%, transparent)}}:root,[data-theme]{--button-ai-solid-text:var(--color-on-ai-gradient-variant);--button-badge-ring:var(--color-surface)}[data-theme=milanuncios]{--button-border-width:var(--border-width-thick);--button-outline-accent-text:var(--color-on-accent);--button-outline-alert-text:var(--color-on-alert);--button-negative-accent-text:var(--color-on-surface)}[data-theme=motor]{--button-border-width:var(--border-width-thin);--button-ai-solid-text:var(--color-on-ai-gradient)}[data-adv-button][data-adv-button]{color:var(--adv-btn-color,currentColor);background-color:var(--adv-btn-bg-active,var(--adv-btn-bg-hover,var(--adv-btn-bg,transparent)));border-color:var(--adv-btn-border-active,var(--adv-btn-border-hover,var(--adv-btn-border,currentColor)))}[data-adv-button][data-adv-button].adv-btn-ai{background-image:var(--adv-btn-bg-image-active,var(--adv-btn-bg-image-hover,var(--adv-btn-bg-image,none)))}[data-adv-button][data-adv-button].adv-btn-ai-ring{position:relative}[data-adv-button][data-adv-button].adv-btn-ai-ring:before{content:"";inset:calc(-1 * var(--button-border-width));border-radius:inherit;padding:var(--button-border-width);background:var(--adv-btn-ring-active,var(--adv-btn-ring-hover,var(--adv-btn-ring,none)));-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --adv-btn-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes adv-btn-ai-ring-spin{to{--adv-btn-ring-angle:360deg}}@keyframes adv-btn-ai-fill-sweep{to{background-position:100%}}@media (prefers-reduced-motion:no-preference){[data-adv-button][data-adv-button].adv-btn-ai-ring:hover:before{background:conic-gradient(from var(--adv-btn-ring-angle), var(--adv-btn-ring-shine));animation:1s linear infinite adv-btn-ai-ring-spin}[data-adv-button][data-adv-button].adv-btn-ai-fill:hover:not(:active){background-image:var(--adv-btn-bg-image);background-position:0%;background-size:125% 100%;animation:1.2s ease-in-out infinite alternate adv-btn-ai-fill-sweep}}[data-adv-button][data-adv-button].adv-btn-ai-ring.adv-btn-ai-loading:before{background:conic-gradient(from var(--adv-btn-ring-angle), var(--adv-btn-ring-shine));-webkit-mask:conic-gradient(from var(--adv-btn-ring-angle), transparent 0 7%, #000 7%), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask:conic-gradient(from var(--adv-btn-ring-angle), transparent 0 7%, #000 7%), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask:conic-gradient(from var(--adv-btn-ring-angle), transparent 0 7%, #000 7%), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask:conic-gradient(from var(--adv-btn-ring-angle), transparent 0 7%, #000 7%), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:source-in, xor, source-over;-webkit-mask-composite:source-in,xor,source-over;-webkit-mask-composite:source-in,xor,source-over;mask-composite:intersect,exclude,add}[data-adv-button][data-adv-button].adv-btn-ai-ring.adv-btn-ai-highlight{--adv-btn-color:var(--button-ai-solid-text);background-image:var(--color-ai-gradient);background-origin:border-box}[data-adv-button][data-adv-button].adv-btn-ai-ring.adv-btn-ai-highlight:before{display:none}@keyframes adv-btn-ai-badge-appear{0%{transform:scale(0)}55%{transform:scale(1.35)}75%{transform:scale(.9)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){[data-adv-button][data-adv-button].adv-btn-ai-ring.adv-btn-ai-loading:before{animation:2s linear infinite adv-btn-ai-ring-spin}[data-adv-button][data-adv-button].adv-btn-ai-ring .adv-btn-ai-badge{animation:.4s ease-out adv-btn-ai-badge-appear}[data-adv-button][data-adv-button].adv-btn-ai-ring.adv-btn-ai-highlight{background-position:0%;background-size:125% 100%;animation:1.2s ease-in-out infinite alternate adv-btn-ai-fill-sweep}}[data-adv-button][data-adv-button].adv-btn-ai-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (forced-colors:active){[data-adv-button][data-adv-button].adv-btn-ai-text{-webkit-text-fill-color:currentColor}}:root,[data-theme]{--badge-counter-bg-default:var(--color-accent);--badge-counter-fg-default:var(--color-on-accent);--badge-counter-bg-active:var(--color-success);--badge-counter-fg-active:var(--color-on-success);--badge-counter-ring-width:0px;--badge-counter-ring-color:var(--color-surface);--badge-counter-size-small:var(--space-standard);--badge-counter-size-medium:var(--space-standard);--badge-counter-size-large:var(--space-intermediate);--badge-counter-bare-size-small:var(--space-base);--badge-counter-bare-size-medium:var(--space-standard);--badge-counter-bare-size-large:var(--space-standard);--badge-counter-pip-size-small:6px;--badge-counter-pip-size-medium:6px;--badge-counter-pip-size-large:var(--space-base);--badge-counter-padding-x-small:var(--space-tiny);--badge-counter-padding-x-medium:var(--space-tiny);--badge-counter-padding-x-large:var(--space-tiny);--badge-counter-font-size-small:var(--fz-caption);--badge-counter-line-height-small:var(--lh-caption);--badge-counter-tracking-small:var(--ls-caption);--badge-counter-font-size-medium:var(--fz-caption);--badge-counter-line-height-medium:var(--lh-caption);--badge-counter-tracking-medium:var(--ls-caption);--badge-counter-font-size-large:var(--fz-body2);--badge-counter-line-height-large:var(--lh-body2);--badge-counter-tracking-large:var(--ls-body2)}[data-theme=milanuncios]{--badge-counter-bg-default:var(--color-error);--badge-counter-fg-default:var(--color-on-error);--badge-counter-ring-width:var(--border-width-thick);--badge-counter-size-small:var(--space-small);--badge-counter-bare-size-small:var(--space-small);--badge-counter-bare-size-large:var(--space-intermediate);--badge-counter-padding-x-small:0px;--badge-counter-font-size-small:var(--fz-small);--badge-counter-line-height-small:var(--lh-small);--badge-counter-tracking-small:var(--ls-small);--badge-counter-font-size-medium:var(--fz-small);--badge-counter-line-height-medium:var(--lh-small);--badge-counter-tracking-medium:var(--ls-small);--badge-counter-font-size-large:var(--fz-caption);--badge-counter-line-height-large:var(--lh-caption);--badge-counter-tracking-large:var(--ls-caption)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}
@layer utilities{.isolate{isolation:isolate}.z-50{z-index:50}.inline{display:inline}.inline-flex{display:inline-flex}.size-2\.5{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5)}.w-fit{width:fit-content}.max-w-xs{max-width:var(--container-xs,20rem)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.bg-\(--color-surface-inverse\){background-color:var(--color-surface-inverse)}.fill-\(--color-surface-inverse\){fill:var(--color-surface-inverse)}.px-\[var\(--space-base\)\]{padding-inline:var(--space-base)}.py-\[var\(--space-base\)\]{padding-block:var(--space-base)}.font-sans{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.text-\[length\:var\(--fz-body1\)\]{font-size:var(--fz-body1)}.text-\[length\:var\(--fz-body2\)\]{font-size:var(--fz-body2)}.text-\[length\:var\(--fz-callout\)\]{font-size:var(--fz-callout)}.text-\[length\:var\(--fz-caption\)\]{font-size:var(--fz-caption)}.text-\[length\:var\(--fz-display1\)\]{font-size:var(--fz-display1)}.text-\[length\:var\(--fz-display2\)\]{font-size:var(--fz-display2)}.text-\[length\:var\(--fz-display3\)\]{font-size:var(--fz-display3)}.text-\[length\:var\(--fz-headline1\)\]{font-size:var(--fz-headline1)}.text-\[length\:var\(--fz-headline2\)\]{font-size:var(--fz-headline2)}.text-\[length\:var\(--fz-small\)\]{font-size:var(--fz-small)}.text-\[length\:var\(--fz-subhead1\)\]{font-size:var(--fz-subhead1)}.text-\[length\:var\(--fz-subhead2\)\]{font-size:var(--fz-subhead2)}.leading-\[var\(--lh-body1\)\]{--tw-leading:var(--lh-body1);line-height:var(--lh-body1)}.leading-\[var\(--lh-body2\)\]{--tw-leading:var(--lh-body2);line-height:var(--lh-body2)}.leading-\[var\(--lh-callout\)\]{--tw-leading:var(--lh-callout);line-height:var(--lh-callout)}.leading-\[var\(--lh-caption\)\]{--tw-leading:var(--lh-caption);line-height:var(--lh-caption)}.leading-\[var\(--lh-display1\)\]{--tw-leading:var(--lh-display1);line-height:var(--lh-display1)}.leading-\[var\(--lh-display2\)\]{--tw-leading:var(--lh-display2);line-height:var(--lh-display2)}.leading-\[var\(--lh-display3\)\]{--tw-leading:var(--lh-display3);line-height:var(--lh-display3)}.leading-\[var\(--lh-headline1\)\]{--tw-leading:var(--lh-headline1);line-height:var(--lh-headline1)}.leading-\[var\(--lh-headline2\)\]{--tw-leading:var(--lh-headline2);line-height:var(--lh-headline2)}.leading-\[var\(--lh-small\)\]{--tw-leading:var(--lh-small);line-height:var(--lh-small)}.leading-\[var\(--lh-subhead1\)\]{--tw-leading:var(--lh-subhead1);line-height:var(--lh-subhead1)}.leading-\[var\(--lh-subhead2\)\]{--tw-leading:var(--lh-subhead2);line-height:var(--lh-subhead2)}.font-\[var\(--fw-body1\)\]{--tw-font-weight:var(--fw-body1);font-weight:var(--fw-body1)}.font-\[var\(--fw-body2\)\]{--tw-font-weight:var(--fw-body2);font-weight:var(--fw-body2)}.font-\[var\(--fw-callout\)\]{--tw-font-weight:var(--fw-callout);font-weight:var(--fw-callout)}.font-\[var\(--fw-caption\)\]{--tw-font-weight:var(--fw-caption);font-weight:var(--fw-caption)}.font-\[var\(--fw-display1\)\]{--tw-font-weight:var(--fw-display1);font-weight:var(--fw-display1)}.font-\[var\(--fw-display2\)\]{--tw-font-weight:var(--fw-display2);font-weight:var(--fw-display2)}.font-\[var\(--fw-display3\)\]{--tw-font-weight:var(--fw-display3);font-weight:var(--fw-display3)}.font-\[var\(--fw-headline1\)\]{--tw-font-weight:var(--fw-headline1);font-weight:var(--fw-headline1)}.font-\[var\(--fw-headline2\)\]{--tw-font-weight:var(--fw-headline2);font-weight:var(--fw-headline2)}.font-\[var\(--fw-regular\)\]{--tw-font-weight:var(--fw-regular);font-weight:var(--fw-regular)}.font-\[var\(--fw-small\)\]{--tw-font-weight:var(--fw-small);font-weight:var(--fw-small)}.font-\[var\(--fw-subhead1\)\]{--tw-font-weight:var(--fw-subhead1);font-weight:var(--fw-subhead1)}.font-\[var\(--fw-subhead2\)\]{--tw-font-weight:var(--fw-subhead2);font-weight:var(--fw-subhead2)}.font-\[var\(--fw-typography-highlight\)\]{--tw-font-weight:var(--fw-typography-highlight);font-weight:var(--fw-typography-highlight)}.tracking-\[var\(--ls-body1\)\]{--tw-tracking:var(--ls-body1);letter-spacing:var(--ls-body1)}.tracking-\[var\(--ls-body2\)\]{--tw-tracking:var(--ls-body2);letter-spacing:var(--ls-body2)}.tracking-\[var\(--ls-callout\)\]{--tw-tracking:var(--ls-callout);letter-spacing:var(--ls-callout)}.tracking-\[var\(--ls-caption\)\]{--tw-tracking:var(--ls-caption);letter-spacing:var(--ls-caption)}.tracking-\[var\(--ls-display1\)\]{--tw-tracking:var(--ls-display1);letter-spacing:var(--ls-display1)}.tracking-\[var\(--ls-display2\)\]{--tw-tracking:var(--ls-display2);letter-spacing:var(--ls-display2)}.tracking-\[var\(--ls-display3\)\]{--tw-tracking:var(--ls-display3);letter-spacing:var(--ls-display3)}.tracking-\[var\(--ls-headline1\)\]{--tw-tracking:var(--ls-headline1);letter-spacing:var(--ls-headline1)}.tracking-\[var\(--ls-headline2\)\]{--tw-tracking:var(--ls-headline2);letter-spacing:var(--ls-headline2)}.tracking-\[var\(--ls-small\)\]{--tw-tracking:var(--ls-small);letter-spacing:var(--ls-small)}.tracking-\[var\(--ls-subhead1\)\]{--tw-tracking:var(--ls-subhead1);letter-spacing:var(--ls-subhead1)}.tracking-\[var\(--ls-subhead2\)\]{--tw-tracking:var(--ls-subhead2);letter-spacing:var(--ls-subhead2)}.text-\(--color-on-surface-inverse\){color:var(--color-on-surface-inverse)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.underline{text-decoration-line:underline}.data-\[side\=bottom\]\:top-1[data-side=bottom]{top:calc(var(--spacing,.25rem) * 1)}.data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--spacing,.25rem) * -1)}.data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--spacing,.25rem) * -1)}.data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--spacing,.25rem) * -2.5)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/**
 * Detail Page - Shared Styles
 *
 * This file is loaded by routes.js for ALL users regardless of feature flag (ff_web_buyer_ad_detail_revamp).
 * Variant-specific styles:
 * - Legacy: variants/legacy/styles/index.scss (imported by DetailLegacy.js)
 * - New: variants/new/styles/index.scss (imported by DetailNew.js)
 */

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/
.mt-ButtonSticky {
  background: #ffffff;
  bottom: 0;
  padding: 16px 16px 24px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 2000;
  transform: translateY(100%);
  animation-name: stickyToolbarUp;
  animation-delay: 500ms;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
}
@media (min-width: 800px) {
  .mt-ButtonSticky {
    display: none;
  }
}
.mt-ButtonSticky--hidden {
  transform: translateY(0);
  animation-name: stickyToolbarDown;
}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/* sass-lint:disable no-important, class-name-format*/

/* sass-lint:disable class-name-format */

.sui-AtomVideoPlayer {
  align-items: center;
  background: #000000;
  display: flex;
  justify-content: center;
  height: 100%;
}
.sui-AtomVideoPlayer-nativePlayerVideo {
  width: 100%;
}
.sui-AtomVideoPlayer-hlsPlayerVideo {
  max-width: 100%;
}
.sui-AtomVideoPlayer-vimeoPlayer {
  position: relative;
  width: 100%;
  padding: 75% 0 0 0;
}
.sui-AtomVideoPlayer-vimeoPlayerFrame {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sui-AtomVideoPlayer-youtubePlayer {
  position: relative;
  width: 100%;
  padding: 75% 0 0 0;
}
.sui-AtomVideoPlayer-youtubePlayerFrame {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mt-GalleryBasic {
  /* Videos */
  /* Controls should display always on the bottom */
}
.mt-GalleryBasic.has-singleImage {
  aspect-ratio: 1.3333333333;
}
.mt-GalleryBasic.has-singleImage--wide {
  aspect-ratio: 1.7777777778;
}
.mt-GalleryBasic-tags, .mt-GalleryBasic-badges {
  left: 16px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  z-index: 1;
}
@media (min-width: 600px) {
  .mt-GalleryBasic-tags, .mt-GalleryBasic-badges {
    left: 8px;
    top: 8px;
  }
}
.mt-GalleryBasic-badges {
  display: flex;
  gap: 4px;
}
.mt-GalleryBasic-fullSizeActionBtn {
  position: absolute;
  right: 8px;
  z-index: 1;
}
.mt-GalleryBasic-fullSizeActionBtn-topRight {
  top: 8px;
}
.mt-GalleryBasic-fullSizeActionBtn-bottomRight {
  bottom: 8px;
}
.is-fullSize .mt-GalleryBasic-fullSizeActionBtn {
  z-index: 3012;
}
.mt-GalleryBasic.is-fullSize .sui-MoleculeCarousel {
  top: 50%;
  transform: translateY(-50%);
}
.mt-GalleryBasic-slider {
  aspect-ratio: 1.3333333333;
  position: relative;
}
.mt-GalleryBasic-slider--wide {
  aspect-ratio: 1.7777777778;
}
.mt-GalleryBasic-slider:hover .mt-GalleryBasic-arrow {
  opacity: 1;
}
.mt-GalleryBasic-slider:hover .mt-GalleryBasic-arrow[disabled] {
  opacity: 0.2;
}
.is-fullSize .mt-GalleryBasic-slider {
  height: 100%;
  width: 100%;
}
.mt-GalleryBasic-sliderWrapper {
  border-radius: 8px;
  position: relative;
}
.mt-GalleryBasic-sliderWrapper--spaced {
  margin-bottom: 8px;
}
.is-fullSize .mt-GalleryBasic-sliderWrapper {
  height: 100%;
  left: 0;
  margin-bottom: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3011;
}
.is-fullSize .mt-GalleryBasic-sliderWrapper .mt-GalleryBasic-slider {
  background-color: #000000;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 3011;
}
.is-fullSize .mt-GalleryBasic-sliderWrapper .mt-GalleryBasic-sliderImage {
  height: 100%;
}
.is-fullSize .mt-GalleryBasic-sliderWrapper .mt-GalleryBasic-videoButton {
  border: 1px solid #ffffff;
  z-index: 3011;
}
.mt-GalleryBasic-sliderImage {
  aspect-ratio: 1.3333333333;
  object-fit: cover;
  width: 100%;
}
.mt-GalleryBasic-sliderImage--wide {
  aspect-ratio: 1.7777777778;
}
.mt-GalleryBasic-sliderImage--rounded {
  border-radius: 8px;
}
.mt-GalleryBasic-sliderImage--single {
  display: block;
}
.is-fullSize .mt-GalleryBasic-sliderImage {
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.is-fullSize .mt-GalleryBasic-sliderImageVideo {
  max-width: 100vw;
}
.mt-GalleryBasic-slider--single {
  align-items: center;
  display: flex;
  justify-content: center;
}
.mt-GalleryBasic-sliderCounter {
  align-items: center;
  background-color: rgba(0, 14, 35, 0.75);
  border-radius: 4px;
  color: #ffffff;
  display: flex;
  font-size: 12px;
  height: 24px;
  line-height: 1.46;
  padding-left: 6px;
  padding-right: 6px;
  position: absolute;
}
.mt-GalleryBasic-sliderCounter--bottomLeft, .mt-GalleryBasic-sliderCounter--bottomCenter {
  bottom: 16px;
}
@media (min-width: 600px) {
  .mt-GalleryBasic-sliderCounter--bottomLeft, .mt-GalleryBasic-sliderCounter--bottomCenter {
    bottom: 8px;
  }
}
.mt-GalleryBasic-sliderCounter--bottomCenter {
  transform: translate(-50%);
  left: 50%;
}
.mt-GalleryBasic-sliderCounter--bottomLeft {
  left: 16px;
}
@media (min-width: 600px) {
  .mt-GalleryBasic-sliderCounter--bottomLeft {
    left: 8px;
  }
}
.is-fullSize .mt-GalleryBasic-sliderCounter {
  z-index: 3012;
}
.mt-GalleryBasic-sliderCounterText {
  cursor: default;
  width: 34px;
  text-align: center;
}
.mt-GalleryBasic-thumbnailsWrapper {
  height: 36px;
  margin-right: -8px;
}
@media (min-width: 600px) {
  .mt-GalleryBasic-thumbnailsWrapper {
    height: 77px;
  }
}
.mt-GalleryBasic-thumbnailsWrapper .mt-GalleryBasic-item {
  border-radius: 4px;
}
@media (min-width: 600px) {
  .mt-GalleryBasic-thumbnailsWrapper .mt-GalleryBasic-item {
    aspect-ratio: 1.3333333333;
  }
}
.mt-GalleryBasic-thumbnailsWrapperSkeleton {
  display: flex;
  gap: 8px;
  height: 36px;
  margin-right: 0;
}
@media (min-width: 600px) {
  .mt-GalleryBasic-thumbnailsWrapperSkeleton {
    height: 77px;
  }
}
.mt-GalleryBasic-thumbnail {
  aspect-ratio: 1.3333333333;
  border-radius: 8px;
  margin-right: 8px;
}
.mt-GalleryBasic-thumbnailImage {
  aspect-ratio: 1.3333333333;
  border-radius: 8px;
  object-fit: cover;
}
.mt-GalleryBasic-thumbnailImage.is-selected {
  border: 2px solid #000e23;
}
.mt-GalleryBasic-arrow {
  align-items: center;
  background-color: rgba(0, 14, 35, 0.68);
  border: none;
  bottom: 0;
  display: flex;
  margin: auto 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease;
  width: auto;
  z-index: 1;
}
.mt-GalleryBasic-arrow:focus {
  background-color: rgba(0, 14, 35, 0.75);
  outline: none;
}
.mt-GalleryBasic-arrow:focus-visible {
  opacity: 1;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.mt-GalleryBasic-arrow:hover {
  background-color: rgba(0, 14, 35, 0.75);
}
.mt-GalleryBasic-arrowCustom {
  background-color: transparent;
}
.mt-GalleryBasic-arrowCustom:focus {
  background-color: transparent;
}
.mt-GalleryBasic-arrowCustom:hover {
  background-color: transparent;
}
.mt-GalleryBasic-arrowLeft {
  left: 0;
}
.mt-GalleryBasic-arrowRight {
  right: 0;
}
@media screen and (max-width: 850px) {
  .mt-GalleryBasic-arrow {
    display: none;
  }
}
.mt-GalleryBasic-prev, .mt-GalleryBasic-next {
  background: rgba(0, 14, 35, 0.68);
  cursor: pointer;
  height: 20%;
  justify-content: center;
  min-height: 56px;
  width: 32px;
}
.mt-GalleryBasic-next {
  border-radius: 10px 0 0 10px;
}
.mt-GalleryBasic-next::after {
  margin-right: 6px;
  transform: rotate(45deg);
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  height: 16px;
  margin-left: -5px;
  margin-right: 2px;
  width: 16px;
}
.mt-GalleryBasic-prev {
  border-radius: 0 10px 10px 0;
}
.mt-GalleryBasic-prev::after {
  margin-left: 6px;
  transform: rotate(-135deg);
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  height: 16px;
  margin-left: 2px;
  margin-right: -5px;
  width: 16px;
}
.mt-GalleryBasic-videoControl {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0px;
  width: calc(100% - 8px);
  z-index: 1;
}
@media (min-width: 600px) {
  .mt-GalleryBasic-videoControl {
    width: 100%;
  }
}
.mt-GalleryBasic-videoControlPlay {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  color: #000e23;
  cursor: pointer;
  padding: 16px;
  transition: background-color 0.3s ease-in-out;
  width: auto !important;
}
.mt-GalleryBasic-videoControlPlay--small {
  padding: 8px;
}
.mt-GalleryBasic-videoControlPlay:hover {
  background: #ffffff;
}
.mt-GalleryBasic-videoButton {
  align-items: center;
  background-color: rgba(0, 14, 35, 0.75);
  border-radius: 16px;
  bottom: 16px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  gap: 8px;
  padding: 8px 16px;
  position: absolute;
  right: 16px;
}
@media (min-width: 600px) {
  .mt-GalleryBasic-videoButton {
    bottom: 8px;
    right: 8px;
  }
}
.mt-GalleryBasic-videoButton:hover {
  background-color: rgba(0, 14, 35, 0.75);
}
.mt-GalleryBasic-videoButton.is-small {
  left: 70px;
  padding: 4px 8px;
  right: auto;
  border-radius: 4px;
  pointer-events: none;
}
@media (min-width: 600px) {
  .mt-GalleryBasic-videoButton.is-small {
    bottom: 8px;
    left: 60px;
  }
}
.mt-GalleryBasic-videoOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.mt-GalleryBasic-videoOverlay.has-controls {
  height: calc(100% - 60px);
}
.mt-GalleryBasic .sui-MoleculeCarousel--fullWidth .sui-AtomVideoPlayer-youtubePlayer {
  position: initial;
}
.mt-GalleryBasic .sui-AtomVideoPlayer-hlsPlayer {
  display: flex;
  height: 100%;
}

.sui-MoleculeAvatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #eef0f4;
}
.sui-MoleculeAvatar, .sui-MoleculeAvatar > * {
  border-radius: 50%;
}
.sui-MoleculeAvatar--loading {
  background-color: transparent;
}
.sui-MoleculeAvatar--xxlarge {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.sui-MoleculeAvatar--xlarge {
  width: 64px;
  min-width: 64px;
  height: 64px;
}
.sui-MoleculeAvatar--large {
  width: 48px;
  min-width: 48px;
  height: 48px;
}
.sui-MoleculeAvatar--medium {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.sui-MoleculeAvatar--small {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.sui-MoleculeAvatar--xsmall {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.sui-MoleculeAvatar--xxlarge {
  font-size: 40px;
}
.sui-MoleculeAvatar--xlarge {
  font-size: 32px;
}
.sui-MoleculeAvatar--large {
  font-size: 24px;
}
.sui-MoleculeAvatar--medium {
  font-size: 20px;
}
.sui-MoleculeAvatar--small {
  font-size: 14px;
}
.sui-MoleculeAvatar--xsmall {
  font-size: 12px;
}

.sui-MoleculeAvatarFallbackName {
  align-items: center;
  color: #ffffff;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
}

.sui-MoleculeAvatarFallbackIcon {
  width: 100%;
  height: 100%;
}

.sui-MoleculeAvatar {
  fill: inherit;
}

.sui-AtomTextarea {
  background: initial;
  border: 1px solid color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--c-base-inverse, initial);
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 8px;
  resize: auto;
  width: 100%;
}
.sui-AtomTextarea[disabled] {
  background: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  border: 1px solid initial;
  color: color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
}
.sui-AtomTextarea::placeholder {
  color: #606f80;
}
.sui-AtomTextarea:focus {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.sui-AtomTextarea--short {
  height: calc(20px * 4 + 9px * 2);
}
.sui-AtomTextarea--long {
  height: calc(20px * 7 + 9px * 2);
}
.sui-AtomTextarea.sui-AtomTextarea--success {
  border-color: #017943;
}
.sui-AtomTextarea.sui-AtomTextarea--error {
  border-color: #b21229;
}
.sui-AtomTextarea.sui-AtomTextarea--alert {
  border-color: #d97703;
}
.sui-AtomTextarea.sui-AtomTextarea--resize-auto {
  overflow: auto;
  resize: auto;
}
.sui-AtomTextarea.sui-AtomTextarea--resize-both {
  overflow: auto;
  resize: both;
}
.sui-AtomTextarea.sui-AtomTextarea--resize-horizontal {
  overflow: auto;
  resize: horizontal;
}
.sui-AtomTextarea.sui-AtomTextarea--resize-inherit {
  overflow: auto;
  resize: inherit;
}
.sui-AtomTextarea.sui-AtomTextarea--resize-initial {
  overflow: auto;
  resize: initial;
}
.sui-AtomTextarea.sui-AtomTextarea--resize-none {
  overflow: auto;
  resize: none;
}
.sui-AtomTextarea.sui-AtomTextarea--resize-vertical {
  overflow: auto;
  resize: vertical;
}

.sui-TextareaField-helpText {
  margin: 0;
}

.mt-FormComment {
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-FormComment--shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-FormComment--noTitle {
  flex-direction: row;
}
.mt-FormComment--spacingMedium {
  padding: 24px;
}
.mt-FormComment--spacingNone {
  padding: 0;
}
.mt-FormComment-heading {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 8px;
}
.mt-FormComment-heading--noTitle {
  align-items: flex-start;
}
.mt-FormComment-inputAndActions {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  gap: 8px;
}
.mt-FormComment-actions {
  display: flex;
}

.mt-ListComments {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
.mt-ListComments > .mt-ListComments-comment {
  border-bottom: 1px solid #bfc7d0;
}
.mt-ListComments .mt-ListComments-comment {
  display: flex;
  gap: 16px;
  margin: 32px 0 0;
  position: relative;
}
.mt-ListComments .mt-ListComments-comment:first-child {
  margin: 0;
}
.mt-ListComments .mt-ListComments-comment--reply {
  margin: 0;
}
.mt-ListComments .mt-ListComments-comment--reply .mt-ListComments-commentInfo {
  border-bottom: none;
  padding: 0;
}
.mt-ListComments .mt-ListComments-comment--reply .mt-ListComments-commentInfoParagraph {
  margin-bottom: 0;
  padding: 0 0 32px;
}
.mt-ListComments .mt-ListComments-comment--reply:first-child {
  margin: 0;
}
.mt-ListComments .mt-ListComments-comment--reply:last-child {
  margin: 0;
}
.mt-ListComments .mt-ListComments-comment--reply:last-child .mt-ListComments-commentInfoParagraph {
  padding: 0;
}
.mt-ListComments .mt-ListComments-comment > * {
  position: relative;
}
.mt-ListComments .mt-ListComments-comment--new:before {
  content: " ";
  position: absolute;
  left: -8px;
  top: -4px;
  right: -8px;
  bottom: -4px;
  border-radius: 8px;
  animation: highlightSuccess;
  animation-duration: 4000ms;
  animation-fill-mode: forwards;
}
.mt-ListComments .mt-ListComments-commentAuthorPhoto {
  position: relative;
}
.mt-ListComments .mt-ListComments-commentAuthorPhoto--thread:before {
  content: "";
  position: absolute;
  left: 50%;
  height: 100%;
  border-left: 1px solid #bfc7d0;
}
.mt-ListComments .mt-ListComments-commentInfo {
  flex-grow: 2;
  padding-bottom: 32px;
}
.mt-ListComments .mt-ListComments-commentInfoHeader {
  margin-bottom: 8px;
}
.mt-ListComments .mt-ListComments-commentInfoHeaderAuthor {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.46;
}
.mt-ListComments .mt-ListComments-commentInfoParagraph {
  font-size: 14px;
  line-height: 1.36;
  margin: 8px 0 16px;
  white-space: pre-line;
  word-break: break-word;
}
.mt-ListComments-answers {
  margin-top: 32px;
}

@keyframes highlightSuccess {
  0% {
    background-color: transparent;
  }
  25% {
    background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  }
  100% {
    background: transparent;
  }
}

.mt-ListBasic-list {
  margin: 16px 0 0;
  padding-left: 16px;
}
.mt-ListBasic-list.is-iconList {
  padding-left: 0;
}
.mt-ListBasic-list--isMarginless {
  margin: 0;
}
.mt-ListBasic-listItem {
  color: #606f80;
}
.mt-ListBasic-listItem--marginBottomM {
  margin-bottom: 8px;
}
.mt-ListBasic-listItem--marginBottomL {
  margin-bottom: 16px;
}
.mt-ListBasic-listItemContent {
  line-height: 1.46;
}
.mt-ListBasic-listItemContent--avoidColumnBreak {
  display: inline-table;
}
.mt-ListBasic-listItem.is-currentColor {
  color: currentColor;
}
.mt-ListBasic-listItem.is-accent {
  color: inherit;
}
.mt-ListBasic-listItem.is-success {
  color: inherit;
}
.mt-ListBasic-listItem-disc {
  list-style-type: disc;
}
.mt-ListBasic-listItem-icon {
  display: flex;
  list-style: none;
}
.mt-ListBasic-listItem-icon svg {
  margin-right: 4px;
}
.mt-ListBasic-listItem-icon.is-accent svg {
  color: #e60e27;
}
.mt-ListBasic-listItem-icon.is-success svg {
  color: #017943;
}
.mt-ListBasic-listItem:last-child {
  margin-bottom: 0;
}
@media (min-width: 800px) {
  .mt-ListBasic {
    padding: 32px;
  }
  .mt-ListBasic-list {
    column-count: 2;
  }
  .mt-ListBasic-list--cols1 {
    column-count: 1;
  }
  .mt-ListBasic-list--cols2 {
    column-count: 2;
  }
  .mt-ListBasic-list--cols3 {
    column-count: 3;
  }
  .mt-ListBasicItem {
    padding-right: 24px;
  }
}
@media (min-width: 970px) {
  .mt-ListBasic-list {
    column-count: 3;
  }
  .mt-ListBasic-list--cols1 {
    column-count: 1;
  }
  .mt-ListBasic-list--cols2 {
    column-count: 2;
  }
  .mt-ListBasic-list--cols3 {
    column-count: 3;
  }
}

.mt-ListFeatures {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-ListFeatures--horizontal {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.mt-ListFeatures--vertical {
  display: grid;
  grid-template-columns: 1fr;
}
.mt-ListFeatures .mt-ListFeaturesSection {
  margin-bottom: 32px;
}
.mt-ListFeatures-item {
  font-size: 16px;
  margin-left: 8px;
}

.mt-MediaFigure {
  margin: 0;
}
.mt-MediaFigure-images {
  display: flex;
  gap: 8px;
}
.mt-MediaFigure-images--column, .mt-MediaFigure-images--grid, .mt-MediaFigure-images--mosaic {
  flex-direction: row;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.mt-MediaFigure-images--column .mt-MediaFigure-imagesItem, .mt-MediaFigure-images--grid .mt-MediaFigure-imagesItem, .mt-MediaFigure-images--mosaic .mt-MediaFigure-imagesItem {
  flex: 0 0 90%;
  scroll-snap-align: start;
}
@media (min-width: 600px) {
  .mt-MediaFigure-images {
    display: grid;
  }
  .mt-MediaFigure-images--grid, .mt-MediaFigure-images--mosaic {
    grid-template-columns: repeat(2, 1fr);
  }
  .mt-MediaFigure-images--mosaic .mt-MediaFigure-imagesItem:first-child {
    grid-column: 1/-1;
  }
}
.mt-MediaFigure-imagesItem {
  margin: 0;
}
.mt-MediaFigure-imagesItem--rounded {
  border-radius: 8px;
  overflow: hidden;
}
.mt-MediaFigure-caption {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-top: 16px;
}

.sui-atom-panel-image--vertical-bottom, .sui-atom-panel-image--vertical-center, .sui-atom-panel-image--vertical-top, .sui-atom-panel-image--horizontal-right, .sui-atom-panel-image--horizontal-center, .sui-atom-panel-image--horizontal-left, .sui-atom-panel-image {
  background-color: color-mix(in srgb, var(--c-base-inverse, black) 40%, #777777);
  background-repeat: no-repeat;
}

.mt-MediaVideo {
  border-radius: 8px;
  overflow: hidden;
}
.mt-MediaVideo-placeholder {
  position: relative;
}
.mt-MediaVideo-placeholderPlay {
  cursor: default;
  height: 48px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
}
.mt-MediaVideoFrame {
  aspect-ratio: 1.7777777778;
  border: none;
  margin: 0;
  margin-bottom: -8px;
  width: 100%;
}

/* sass-lint:disable no-important, class-name-format*/

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

.mt-ListMobileScroll {
  list-style-type: none;
  padding: 0;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  padding-bottom: 8px;
  display: flex;
  overflow-x: auto;
}
@media (min-width: 800px) {
  .mt-ListMobileScroll {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
.mt-ListMobileScroll::-webkit-scrollbar {
  /* Needed to iOS devices */
  background: transparent;
  display: none;
  height: 0;
  width: 0;
}
.mt-ListMobileScroll--gap--xl {
  gap: 24px;
}
.mt-ListMobileScroll--gap--l {
  gap: 16px;
}
.mt-ListMobileScroll--gap--m {
  gap: 8px;
}
.mt-ListMobileScroll--gap--s {
  gap: 4px;
}
.mt-ListMobileScroll-item {
  flex: 0 0 40%;
}

.mt-CardThumbnail {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  color: #000e23;
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
.mt-CardThumbnail .sui-AtomCard .sui-AtomCard-info {
  padding: 8px;
}
@media (min-width: 800px) {
  .mt-CardThumbnail {
    width: 100%;
  }
}
.mt-CardThumbnailContent {
  padding: 0 8px;
}
.mt-CardThumbnailContent-badge {
  display: flex;
  margin-bottom: 8px;
}
.mt-CardThumbnailContent-label {
  color: #000e23;
  display: flex;
  align-items: flex-end;
  column-gap: 4px;
  font-size: 12px;
  line-height: 1.46;
  white-space: nowrap;
}
.mt-CardThumbnailContent-label--strikethrough {
  text-decoration: line-through;
}
.mt-CardThumbnailContent-label--hidden {
  visibility: hidden;
}
.mt-CardThumbnailContent-title {
  color: #000e23;
  font-weight: 700;
  line-height: 1.46;
  margin: 0;
}
.mt-CardThumbnailContent-title--small {
  font-size: 16px;
}
.mt-CardThumbnailContent-title--large {
  font-size: 20px;
}
.mt-CardThumbnailContent-description {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 1.36em;
  line-height: 1.36;
  margin: 0 0 4px;
}
.mt-CardThumbnailContent-description--highlight {
  color: #000e23;
  font-weight: 600;
  margin-right: 4px;
}
.mt-CardThumbnailContent-description--small {
  font-size: 14px;
}
.mt-CardThumbnailContent-description--large {
  font-size: 16px;
}
.mt-CardThumbnailContent-caption {
  color: #606f80;
  font-size: 12px;
  margin: 0 0 4px;
}
.mt-CardThumbnailContent-tags .sui-AtomTag {
  margin-top: auto;
  margin-bottom: 0;
}
.mt-CardThumbnailMedia {
  position: relative;
}
.mt-CardThumbnailMedia:before {
  content: "";
  display: block;
}
.mt-CardThumbnailMedia-thumbnail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mt-CardThumbnailMedia--full-screen:before {
  aspect-ratio: 1.3333333333;
}
.mt-CardThumbnailMedia--wide-screen:before {
  aspect-ratio: 1.7777777778;
}
.mt-CardThumbnailMedia--full-frame:before {
  aspect-ratio: 1.5;
}

.mt-CardBestOffer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-CardBestOffer-link {
  color: #000e23;
  font-weight: 600;
  text-decoration: underline;
}

.mt-PanelBestOffers-header {
  display: flex;
  font-size: 14px;
  gap: 8px;
  margin-bottom: 8px;
}
.mt-PanelBestOffers-list {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
@media (min-width: 800px) {
  .mt-PanelBestOffers-list {
    flex-direction: column;
    gap: 24px;
  }
}
.mt-PanelBestOffers-listItem {
  flex: 0.5;
}
@media (min-width: 800px) {
  .mt-PanelBestOffers-listItem {
    flex: 1;
  }
}
.mt-PanelBestOffers-logo {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
@keyframes stickyToolbarUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes stickyToolbarDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
.mt-PanelBestOffers-buttonButton {
  background: #ffffff;
  bottom: 0;
  padding: 16px 16px 24px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 2000;
  transform: translateY(100%);
  animation-name: stickyToolbarUp;
  animation-delay: 500ms;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
}
@media (min-width: 800px) {
  .mt-PanelBestOffers-buttonButton {
    display: none;
  }
}
.mt-PanelBestOffers-buttonButton--hidden {
  transform: translateY(0);
  animation-name: stickyToolbarDown;
}

.sui-LayoutGrid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -4px;
  row-gap: 8px;
}
.sui-LayoutGrid--ac-flex-start {
  height: 100%;
  align-content: flex-start;
}
.sui-LayoutGrid--ac-flex-end {
  height: 100%;
  align-content: flex-end;
}
.sui-LayoutGrid--ac-center {
  height: 100%;
  align-content: center;
}
.sui-LayoutGrid--ac-space-between {
  height: 100%;
  align-content: space-between;
}
.sui-LayoutGrid--ac-space-around {
  height: 100%;
  align-content: space-around;
}
.sui-LayoutGrid--ac-space-evenly {
  height: 100%;
  align-content: space-evenly;
}
.sui-LayoutGrid--ac-stretch {
  height: 100%;
  align-content: stretch;
}
.sui-LayoutGrid--ai-stretch {
  align-items: stretch;
}
.sui-LayoutGrid--ai-space-around {
  align-items: space-around;
}
.sui-LayoutGrid--ai-space-between {
  align-items: space-between;
}
.sui-LayoutGrid--ai-center {
  align-items: center;
}
.sui-LayoutGrid--ai-flex-start {
  align-items: flex-start;
}
.sui-LayoutGrid--ai-flex-end {
  align-items: flex-end;
}
.sui-LayoutGrid--jc-flex-start {
  justify-content: flex-start;
}
.sui-LayoutGrid--jc-center {
  justify-content: center;
}
.sui-LayoutGrid--jc-flex-end {
  justify-content: flex-end;
}
.sui-LayoutGrid--jc-space-between {
  justify-content: space-between;
}
.sui-LayoutGrid--jc-space-around {
  justify-content: space-around;
}
.sui-LayoutGrid-item {
  margin: 0;
  padding: 0 4px;
  box-sizing: border-box;
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .sui-LayoutGrid-item--xxsOffset-1 {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .sui-LayoutGrid-item--xxsOffset-2 {
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .sui-LayoutGrid-item--xxsOffset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .sui-LayoutGrid-item--xxsOffset-4 {
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .sui-LayoutGrid-item--xxsOffset-5 {
    margin-left: 41.6666666667%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .sui-LayoutGrid-item--xxsOffset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .sui-LayoutGrid-item--xxsOffset-7 {
    margin-left: 58.3333333333%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .sui-LayoutGrid-item--xxsOffset-8 {
    margin-left: 66.6666666667%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .sui-LayoutGrid-item--xxsOffset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .sui-LayoutGrid-item--xxsOffset-10 {
    margin-left: 83.3333333333%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .sui-LayoutGrid-item--xxsOffset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid-item--xxs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .sui-LayoutGrid-item--xxsOffset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .sui-LayoutGrid-item--xsOffset-1 {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .sui-LayoutGrid-item--xsOffset-2 {
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .sui-LayoutGrid-item--xsOffset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .sui-LayoutGrid-item--xsOffset-4 {
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .sui-LayoutGrid-item--xsOffset-5 {
    margin-left: 41.6666666667%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .sui-LayoutGrid-item--xsOffset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .sui-LayoutGrid-item--xsOffset-7 {
    margin-left: 58.3333333333%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .sui-LayoutGrid-item--xsOffset-8 {
    margin-left: 66.6666666667%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .sui-LayoutGrid-item--xsOffset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .sui-LayoutGrid-item--xsOffset-10 {
    margin-left: 83.3333333333%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .sui-LayoutGrid-item--xsOffset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid-item--xs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .sui-LayoutGrid-item--xsOffset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .sui-LayoutGrid-item--sOffset-1 {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .sui-LayoutGrid-item--sOffset-2 {
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .sui-LayoutGrid-item--sOffset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .sui-LayoutGrid-item--sOffset-4 {
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .sui-LayoutGrid-item--sOffset-5 {
    margin-left: 41.6666666667%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .sui-LayoutGrid-item--sOffset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .sui-LayoutGrid-item--sOffset-7 {
    margin-left: 58.3333333333%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .sui-LayoutGrid-item--sOffset-8 {
    margin-left: 66.6666666667%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .sui-LayoutGrid-item--sOffset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .sui-LayoutGrid-item--sOffset-10 {
    margin-left: 83.3333333333%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .sui-LayoutGrid-item--sOffset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid-item--s-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .sui-LayoutGrid-item--sOffset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .sui-LayoutGrid-item--mOffset-1 {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .sui-LayoutGrid-item--mOffset-2 {
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .sui-LayoutGrid-item--mOffset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .sui-LayoutGrid-item--mOffset-4 {
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .sui-LayoutGrid-item--mOffset-5 {
    margin-left: 41.6666666667%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .sui-LayoutGrid-item--mOffset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .sui-LayoutGrid-item--mOffset-7 {
    margin-left: 58.3333333333%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .sui-LayoutGrid-item--mOffset-8 {
    margin-left: 66.6666666667%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .sui-LayoutGrid-item--mOffset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .sui-LayoutGrid-item--mOffset-10 {
    margin-left: 83.3333333333%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .sui-LayoutGrid-item--mOffset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid-item--m-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .sui-LayoutGrid-item--mOffset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .sui-LayoutGrid-item--lOffset-1 {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .sui-LayoutGrid-item--lOffset-2 {
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .sui-LayoutGrid-item--lOffset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .sui-LayoutGrid-item--lOffset-4 {
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .sui-LayoutGrid-item--lOffset-5 {
    margin-left: 41.6666666667%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .sui-LayoutGrid-item--lOffset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .sui-LayoutGrid-item--lOffset-7 {
    margin-left: 58.3333333333%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .sui-LayoutGrid-item--lOffset-8 {
    margin-left: 66.6666666667%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .sui-LayoutGrid-item--lOffset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .sui-LayoutGrid-item--lOffset-10 {
    margin-left: 83.3333333333%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .sui-LayoutGrid-item--lOffset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid-item--l-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .sui-LayoutGrid-item--lOffset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .sui-LayoutGrid-item--xlOffset-1 {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .sui-LayoutGrid-item--xlOffset-2 {
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .sui-LayoutGrid-item--xlOffset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .sui-LayoutGrid-item--xlOffset-4 {
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .sui-LayoutGrid-item--xlOffset-5 {
    margin-left: 41.6666666667%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .sui-LayoutGrid-item--xlOffset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .sui-LayoutGrid-item--xlOffset-7 {
    margin-left: 58.3333333333%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .sui-LayoutGrid-item--xlOffset-8 {
    margin-left: 66.6666666667%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .sui-LayoutGrid-item--xlOffset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .sui-LayoutGrid-item--xlOffset-10 {
    margin-left: 83.3333333333%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .sui-LayoutGrid-item--xlOffset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid-item--xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .sui-LayoutGrid-item--xlOffset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .sui-LayoutGrid-item--xxlOffset-1 {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .sui-LayoutGrid-item--xxlOffset-2 {
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .sui-LayoutGrid-item--xxlOffset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .sui-LayoutGrid-item--xxlOffset-4 {
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .sui-LayoutGrid-item--xxlOffset-5 {
    margin-left: 41.6666666667%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .sui-LayoutGrid-item--xxlOffset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .sui-LayoutGrid-item--xxlOffset-7 {
    margin-left: 58.3333333333%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .sui-LayoutGrid-item--xxlOffset-8 {
    margin-left: 66.6666666667%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .sui-LayoutGrid-item--xxlOffset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .sui-LayoutGrid-item--xxlOffset-10 {
    margin-left: 83.3333333333%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .sui-LayoutGrid-item--xxlOffset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid-item--xxl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .sui-LayoutGrid-item--xxlOffset-12 {
    margin-left: 100%;
  }
}
.sui-LayoutGrid-item > * {
  box-sizing: inherit;
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-0 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0px;
    row-gap: 0px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-0 > .sui-LayoutGrid-item {
    padding: 0 0px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-1 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -4px;
    row-gap: 8px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-1 > .sui-LayoutGrid-item {
    padding: 0 4px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-2 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
    row-gap: 16px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-2 > .sui-LayoutGrid-item {
    padding: 0 8px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-3 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -12px;
    row-gap: 24px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-3 > .sui-LayoutGrid-item {
    padding: 0 12px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-4 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -16px;
    row-gap: 32px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-4 > .sui-LayoutGrid-item {
    padding: 0 16px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-5 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -20px;
    row-gap: 40px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-5 > .sui-LayoutGrid-item {
    padding: 0 20px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-6 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -24px;
    row-gap: 48px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-6 > .sui-LayoutGrid-item {
    padding: 0 24px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-7 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -28px;
    row-gap: 56px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-7 > .sui-LayoutGrid-item {
    padding: 0 28px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-8 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -32px;
    row-gap: 64px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-8 > .sui-LayoutGrid-item {
    padding: 0 32px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-9 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -36px;
    row-gap: 72px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-9 > .sui-LayoutGrid-item {
    padding: 0 36px;
  }
}
@media (min-width: 0) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-10 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -40px;
    row-gap: 80px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxs-10 > .sui-LayoutGrid-item {
    padding: 0 40px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-0 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0px;
    row-gap: 0px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-0 > .sui-LayoutGrid-item {
    padding: 0 0px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-1 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -4px;
    row-gap: 8px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-1 > .sui-LayoutGrid-item {
    padding: 0 4px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-2 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
    row-gap: 16px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-2 > .sui-LayoutGrid-item {
    padding: 0 8px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-3 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -12px;
    row-gap: 24px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-3 > .sui-LayoutGrid-item {
    padding: 0 12px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-4 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -16px;
    row-gap: 32px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-4 > .sui-LayoutGrid-item {
    padding: 0 16px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-5 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -20px;
    row-gap: 40px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-5 > .sui-LayoutGrid-item {
    padding: 0 20px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-6 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -24px;
    row-gap: 48px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-6 > .sui-LayoutGrid-item {
    padding: 0 24px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-7 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -28px;
    row-gap: 56px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-7 > .sui-LayoutGrid-item {
    padding: 0 28px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-8 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -32px;
    row-gap: 64px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-8 > .sui-LayoutGrid-item {
    padding: 0 32px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-9 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -36px;
    row-gap: 72px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-9 > .sui-LayoutGrid-item {
    padding: 0 36px;
  }
}
@media (min-width: 480px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-10 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -40px;
    row-gap: 80px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xs-10 > .sui-LayoutGrid-item {
    padding: 0 40px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-0 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0px;
    row-gap: 0px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-0 > .sui-LayoutGrid-item {
    padding: 0 0px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-1 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -4px;
    row-gap: 8px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-1 > .sui-LayoutGrid-item {
    padding: 0 4px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-2 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
    row-gap: 16px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-2 > .sui-LayoutGrid-item {
    padding: 0 8px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-3 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -12px;
    row-gap: 24px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-3 > .sui-LayoutGrid-item {
    padding: 0 12px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-4 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -16px;
    row-gap: 32px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-4 > .sui-LayoutGrid-item {
    padding: 0 16px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-5 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -20px;
    row-gap: 40px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-5 > .sui-LayoutGrid-item {
    padding: 0 20px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-6 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -24px;
    row-gap: 48px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-6 > .sui-LayoutGrid-item {
    padding: 0 24px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-7 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -28px;
    row-gap: 56px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-7 > .sui-LayoutGrid-item {
    padding: 0 28px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-8 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -32px;
    row-gap: 64px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-8 > .sui-LayoutGrid-item {
    padding: 0 32px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-9 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -36px;
    row-gap: 72px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-9 > .sui-LayoutGrid-item {
    padding: 0 36px;
  }
}
@media (min-width: 600px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-10 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -40px;
    row-gap: 80px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-s-10 > .sui-LayoutGrid-item {
    padding: 0 40px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-0 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0px;
    row-gap: 0px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-0 > .sui-LayoutGrid-item {
    padding: 0 0px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-1 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -4px;
    row-gap: 8px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-1 > .sui-LayoutGrid-item {
    padding: 0 4px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-2 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
    row-gap: 16px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-2 > .sui-LayoutGrid-item {
    padding: 0 8px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-3 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -12px;
    row-gap: 24px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-3 > .sui-LayoutGrid-item {
    padding: 0 12px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-4 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -16px;
    row-gap: 32px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-4 > .sui-LayoutGrid-item {
    padding: 0 16px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-5 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -20px;
    row-gap: 40px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-5 > .sui-LayoutGrid-item {
    padding: 0 20px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-6 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -24px;
    row-gap: 48px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-6 > .sui-LayoutGrid-item {
    padding: 0 24px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-7 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -28px;
    row-gap: 56px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-7 > .sui-LayoutGrid-item {
    padding: 0 28px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-8 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -32px;
    row-gap: 64px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-8 > .sui-LayoutGrid-item {
    padding: 0 32px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-9 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -36px;
    row-gap: 72px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-9 > .sui-LayoutGrid-item {
    padding: 0 36px;
  }
}
@media (min-width: 800px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-10 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -40px;
    row-gap: 80px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-m-10 > .sui-LayoutGrid-item {
    padding: 0 40px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-0 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0px;
    row-gap: 0px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-0 > .sui-LayoutGrid-item {
    padding: 0 0px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-1 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -4px;
    row-gap: 8px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-1 > .sui-LayoutGrid-item {
    padding: 0 4px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-2 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
    row-gap: 16px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-2 > .sui-LayoutGrid-item {
    padding: 0 8px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-3 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -12px;
    row-gap: 24px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-3 > .sui-LayoutGrid-item {
    padding: 0 12px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-4 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -16px;
    row-gap: 32px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-4 > .sui-LayoutGrid-item {
    padding: 0 16px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-5 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -20px;
    row-gap: 40px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-5 > .sui-LayoutGrid-item {
    padding: 0 20px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-6 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -24px;
    row-gap: 48px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-6 > .sui-LayoutGrid-item {
    padding: 0 24px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-7 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -28px;
    row-gap: 56px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-7 > .sui-LayoutGrid-item {
    padding: 0 28px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-8 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -32px;
    row-gap: 64px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-8 > .sui-LayoutGrid-item {
    padding: 0 32px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-9 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -36px;
    row-gap: 72px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-9 > .sui-LayoutGrid-item {
    padding: 0 36px;
  }
}
@media (min-width: 970px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-10 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -40px;
    row-gap: 80px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-l-10 > .sui-LayoutGrid-item {
    padding: 0 40px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-0 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0px;
    row-gap: 0px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-0 > .sui-LayoutGrid-item {
    padding: 0 0px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-1 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -4px;
    row-gap: 8px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-1 > .sui-LayoutGrid-item {
    padding: 0 4px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-2 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
    row-gap: 16px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-2 > .sui-LayoutGrid-item {
    padding: 0 8px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-3 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -12px;
    row-gap: 24px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-3 > .sui-LayoutGrid-item {
    padding: 0 12px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-4 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -16px;
    row-gap: 32px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-4 > .sui-LayoutGrid-item {
    padding: 0 16px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-5 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -20px;
    row-gap: 40px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-5 > .sui-LayoutGrid-item {
    padding: 0 20px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-6 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -24px;
    row-gap: 48px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-6 > .sui-LayoutGrid-item {
    padding: 0 24px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-7 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -28px;
    row-gap: 56px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-7 > .sui-LayoutGrid-item {
    padding: 0 28px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-8 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -32px;
    row-gap: 64px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-8 > .sui-LayoutGrid-item {
    padding: 0 32px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-9 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -36px;
    row-gap: 72px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-9 > .sui-LayoutGrid-item {
    padding: 0 36px;
  }
}
@media (min-width: 1300px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-10 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -40px;
    row-gap: 80px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xl-10 > .sui-LayoutGrid-item {
    padding: 0 40px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-0 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0px;
    row-gap: 0px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-0 > .sui-LayoutGrid-item {
    padding: 0 0px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-1 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -4px;
    row-gap: 8px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-1 > .sui-LayoutGrid-item {
    padding: 0 4px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-2 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
    row-gap: 16px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-2 > .sui-LayoutGrid-item {
    padding: 0 8px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-3 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -12px;
    row-gap: 24px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-3 > .sui-LayoutGrid-item {
    padding: 0 12px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-4 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -16px;
    row-gap: 32px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-4 > .sui-LayoutGrid-item {
    padding: 0 16px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-5 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -20px;
    row-gap: 40px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-5 > .sui-LayoutGrid-item {
    padding: 0 20px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-6 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -24px;
    row-gap: 48px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-6 > .sui-LayoutGrid-item {
    padding: 0 24px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-7 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -28px;
    row-gap: 56px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-7 > .sui-LayoutGrid-item {
    padding: 0 28px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-8 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -32px;
    row-gap: 64px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-8 > .sui-LayoutGrid-item {
    padding: 0 32px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-9 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -36px;
    row-gap: 72px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-9 > .sui-LayoutGrid-item {
    padding: 0 36px;
  }
}
@media (min-width: 1680px) {
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-10 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -40px;
    row-gap: 80px;
  }
  .sui-LayoutGrid.sui-LayoutGrid--gutter-xxl-10 > .sui-LayoutGrid-item {
    padding: 0 40px;
  }
}

.sui-MoleculeAccordionItem,
.sui-MoleculeAccordionItemHeader,
.sui-MoleculeAccordionItemPanel {
  box-sizing: border-box;
  border-color: #bfc7d0;
  border-style: solid;
  border-width: 0;
}
.sui-MoleculeAccordionItem .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true], .sui-MoleculeAccordionItem[aria-disabled=true],
.sui-MoleculeAccordionItemHeader .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true],
.sui-MoleculeAccordionItemHeader[aria-disabled=true],
.sui-MoleculeAccordionItemPanel .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true],
.sui-MoleculeAccordionItemPanel[aria-disabled=true] {
  cursor: not-allowed;
}
.sui-MoleculeAccordionItem .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true] .sui-MoleculeAccordionItemHeaderButtonContent,
.sui-MoleculeAccordionItem .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true] .sui-MoleculeAccordionItemHeaderIcon,
.sui-MoleculeAccordionItem .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true] .sui-MoleculeAccordionItemPanelContent, .sui-MoleculeAccordionItem[aria-disabled=true] .sui-MoleculeAccordionItemHeaderButtonContent,
.sui-MoleculeAccordionItem[aria-disabled=true] .sui-MoleculeAccordionItemHeaderIcon,
.sui-MoleculeAccordionItem[aria-disabled=true] .sui-MoleculeAccordionItemPanelContent,
.sui-MoleculeAccordionItemHeader .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true] .sui-MoleculeAccordionItemHeaderButtonContent,
.sui-MoleculeAccordionItemHeader .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true] .sui-MoleculeAccordionItemHeaderIcon,
.sui-MoleculeAccordionItemHeader .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true] .sui-MoleculeAccordionItemPanelContent,
.sui-MoleculeAccordionItemHeader[aria-disabled=true] .sui-MoleculeAccordionItemHeaderButtonContent,
.sui-MoleculeAccordionItemHeader[aria-disabled=true] .sui-MoleculeAccordionItemHeaderIcon,
.sui-MoleculeAccordionItemHeader[aria-disabled=true] .sui-MoleculeAccordionItemPanelContent,
.sui-MoleculeAccordionItemPanel .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true] .sui-MoleculeAccordionItemHeaderButtonContent,
.sui-MoleculeAccordionItemPanel .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true] .sui-MoleculeAccordionItemHeaderIcon,
.sui-MoleculeAccordionItemPanel .sui-MoleculeAccordionItemHeaderButton[aria-disabled=true] .sui-MoleculeAccordionItemPanelContent,
.sui-MoleculeAccordionItemPanel[aria-disabled=true] .sui-MoleculeAccordionItemHeaderButtonContent,
.sui-MoleculeAccordionItemPanel[aria-disabled=true] .sui-MoleculeAccordionItemHeaderIcon,
.sui-MoleculeAccordionItemPanel[aria-disabled=true] .sui-MoleculeAccordionItemPanelContent {
  opacity: 0.5;
}

.sui-MoleculeAccordion {
  border-color: #bfc7d0;
  border-style: solid;
  border-radius: 8px;
  border-width: 1px;
  overflow: hidden;
}
.sui-MoleculeAccordion > .sui-MoleculeAccordionItemHeader,
.sui-MoleculeAccordion > .sui-MoleculeAccordionItemPanel {
  border-top-width: 1px;
  border-bottom-width: 0;
}
.sui-MoleculeAccordion > .sui-MoleculeAccordionItemHeader:nth-child(1),
.sui-MoleculeAccordion > .sui-MoleculeAccordionItemPanel:nth-child(1) {
  border-top-width: 0;
}

.sui-MoleculeAccordionItem {
  border-width: 1px;
  border-radius: 8px;
  overflow: hidden;
}
.sui-MoleculeAccordionItem .sui-MoleculeAccordionItemHeader,
.sui-MoleculeAccordionItem .sui-MoleculeAccordionItemPanel {
  border-width: 0;
}
.sui-MoleculeAccordionItem .sui-MoleculeAccordionItemPanel--collapsed {
  border-top-width: 0;
}
.sui-MoleculeAccordionItem .sui-MoleculeAccordionItemPanel--expanded {
  border-top-width: 1px;
}

.sui-MoleculeAccordionItemHeaderButton {
  box-sizing: border-box;
  width: 100%;
  text-align: inherit;
  border: none;
  overflow: visible;
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  min-height: 40px;
  display: flex;
  align-items: center;
}
.sui-MoleculeAccordionItemHeaderButton:focus-visible {
  outline: 1px solid #000e23;
  box-shadow: inset 0 0 2px 2px #000e23;
}
.sui-MoleculeAccordionItemHeaderButton.sui-MoleculeAccordionItemHeaderButton--icon-position-left .sui-MoleculeAccordionItemHeaderButtonContainer {
  flex-direction: row-reverse;
}
.sui-MoleculeAccordionItemHeaderButton.sui-MoleculeAccordionItemHeaderButton--icon-position-left .sui-MoleculeAccordionItemHeaderButtonContainer .sui-MoleculeAccordionItemHeaderIcon .sui-MoleculeAccordionItemHeaderIconDefault:empty {
  transform: rotate(-180deg);
}
.sui-MoleculeAccordionItemHeaderButton.sui-MoleculeAccordionItemHeaderButton--icon-position-left .sui-MoleculeAccordionItemHeaderButtonContainer .sui-MoleculeAccordionItemHeaderIcon .sui-MoleculeAccordionItemHeaderIconDefault:empty.sui-MoleculeAccordionItemHeaderIconDefault--expanded {
  transform: rotate(0deg);
}
.sui-MoleculeAccordionItemHeaderButton.sui-MoleculeAccordionItemHeaderButton--icon-position-left .sui-MoleculeAccordionItemHeaderButtonContainer .sui-MoleculeAccordionItemHeaderButtonContent {
  margin-right: 8px;
}
.sui-MoleculeAccordionItemHeaderButton.sui-MoleculeAccordionItemHeaderButton--icon-position-right .sui-MoleculeAccordionItemHeaderButtonContainer {
  flex-direction: row;
}
.sui-MoleculeAccordionItemHeaderButton .sui-MoleculeAccordionItemHeaderButtonContent {
  box-sizing: inherit;
  width: 100%;
  height: 100%;
  line-height: 1.46;
  color: #000e23;
  font-weight: 600;
  font-size: 16px;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  overflow: hidden;
  text-align: inherit;
}
.sui-MoleculeAccordionItemHeaderButton .sui-MoleculeAccordionItemHeaderButtonContent--wrap {
  white-space: wrap;
  text-wrap: balance;
}
.sui-MoleculeAccordionItemHeaderButton .sui-MoleculeAccordionItemHeaderButtonContent--noWrap {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sui-MoleculeAccordionItemHeaderButton .sui-MoleculeAccordionItemHeaderButtonContent,
.sui-MoleculeAccordionItemHeaderButton .sui-MoleculeAccordionItemHeaderIcon {
  color: #000e23;
}
.sui-MoleculeAccordionItemHeaderButton .sui-MoleculeAccordionItemHeaderIcon {
  padding: 4px 0;
  color: #3b4a5a;
}

.sui-MoleculeAccordionItemHeaderButtonContainer {
  width: calc(100% - 16px);
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 8px 16px;
}

.sui-MoleculeAccordionItemHeaderIconDefault {
  display: flex;
}
.sui-MoleculeAccordionItemHeaderIconDefault:empty {
  min-width: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
  transform: rotate(-180deg);
}
.sui-MoleculeAccordionItemHeaderIconDefault:empty::before, .sui-MoleculeAccordionItemHeaderIconDefault:empty::after {
  position: absolute;
  content: "";
  top: 50%;
  bottom: 50%;
  width: 100%;
  border-bottom: 1px solid #3b4a5a;
  box-sizing: border-box;
}
.sui-MoleculeAccordionItemHeaderIconDefault:empty::before {
  transform: rotate(-135deg);
  left: 33%;
}
.sui-MoleculeAccordionItemHeaderIconDefault:empty::after {
  transform: rotate(-45deg);
  right: 33%;
}
.sui-MoleculeAccordionItemHeaderIconDefault.sui-MoleculeAccordionItemHeaderIconDefault--expanded {
  transform: rotate(0deg);
}

.sui-MoleculeAccordionItemHeader {
  margin: 0;
}

.sui-MoleculeAccordionItemPanel--collapsed {
  opacity: 0;
  border-bottom: 0;
}
.sui-MoleculeAccordionItemPanel .sui-MoleculeAccordionItemPanelContent {
  background-color: #ffffff;
  padding: 8px;
}

.mt-PanelFaqs-accordionContent {
  padding: 8px;
  font-size: 16px;
}
.mt-PanelFaqs-accordionContentAnswer {
  margin: 0;
}
.mt-PanelFaqs-accordionLink {
  color: #000e23;
  text-decoration: none;
  color: #000e23;
}
.mt-PanelFaqs-accordionHeader {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mt-PanelFaqs-question {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 8px 16px;
}
.mt-PanelFaqs .sui-MoleculeAccordionItemPanelContent {
  background-color: #eef0f4;
}
.mt-PanelFaqs .sui-MoleculeAccordionItemHeaderButtonContainer {
  width: 100%;
}

.sui-atom-panel-image, .sui-atom-panel-image--horizontal-left, .sui-atom-panel-image--horizontal-center, .sui-atom-panel-image--horizontal-right, .sui-atom-panel-image--vertical-top, .sui-atom-panel-image--vertical-center, .sui-atom-panel-image--vertical-bottom {
  background-color: color-mix(in srgb, var(--c-base-inverse, black) 40%, #777777);
  background-repeat: no-repeat;
}

.sui-atom-panel--rounded-m {
  border-radius: 4px;
}
.sui-atom-panel--rounded-m::before {
  border-radius: 4px;
}
.sui-atom-panel--rounded-l {
  border-radius: 8px;
}
.sui-atom-panel--rounded-l::before {
  border-radius: 8px;
}
.sui-atom-panel--rounded-xl {
  border-radius: 12px;
}
.sui-atom-panel--rounded-xl::before {
  border-radius: 12px;
}
.sui-atom-panel--rounded-xxl {
  border-radius: 16px;
}
.sui-atom-panel--rounded-xxl::before {
  border-radius: 16px;
}
.sui-atom-panel--rounded-giant {
  border-radius: 24px;
}
.sui-atom-panel--rounded-giant::before {
  border-radius: 24px;
}
.sui-atom-panel--elevation-s {
  box-shadow: 0px 1px 2px 0px rgba(0, 14, 35, 0.2);
}
.sui-atom-panel--elevation-m {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.sui-atom-panel--elevation-l {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.sui-atom-panel-content {
  position: relative;
}
.sui-atom-panel--canvas-overlay-15 {
  position: relative;
}
.sui-atom-panel--canvas-overlay-15::before {
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--canvas-overlay-25 {
  position: relative;
}
.sui-atom-panel--canvas-overlay-25::before {
  background-color: color-mix(in srgb, #ffffff 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--canvas-overlay-50 {
  position: relative;
}
.sui-atom-panel--canvas-overlay-50::before {
  background-color: color-mix(in srgb, #ffffff 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--canvas-overlay-75 {
  position: relative;
}
.sui-atom-panel--canvas-overlay-75::before {
  background-color: color-mix(in srgb, #ffffff 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--canvas-overlay-100 {
  position: relative;
}
.sui-atom-panel--canvas-overlay-100::before {
  background-color: color-mix(in srgb, #ffffff 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--contrast-overlay-15 {
  position: relative;
}
.sui-atom-panel--contrast-overlay-15::before {
  background-color: color-mix(in srgb, #000000 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--contrast-overlay-25 {
  position: relative;
}
.sui-atom-panel--contrast-overlay-25::before {
  background-color: color-mix(in srgb, #000000 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--contrast-overlay-50 {
  position: relative;
}
.sui-atom-panel--contrast-overlay-50::before {
  background-color: color-mix(in srgb, #000000 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--contrast-overlay-75 {
  position: relative;
}
.sui-atom-panel--contrast-overlay-75::before {
  background-color: color-mix(in srgb, #000000 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--contrast-overlay-100 {
  position: relative;
}
.sui-atom-panel--contrast-overlay-100::before {
  background-color: color-mix(in srgb, #000000 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--accent-overlay-15 {
  position: relative;
}
.sui-atom-panel--accent-overlay-15::before {
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--accent-overlay-25 {
  position: relative;
}
.sui-atom-panel--accent-overlay-25::before {
  background-color: color-mix(in srgb, #e60e27 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--accent-overlay-50 {
  position: relative;
}
.sui-atom-panel--accent-overlay-50::before {
  background-color: color-mix(in srgb, #e60e27 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--accent-overlay-75 {
  position: relative;
}
.sui-atom-panel--accent-overlay-75::before {
  background-color: color-mix(in srgb, #e60e27 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--accent-overlay-100 {
  position: relative;
}
.sui-atom-panel--accent-overlay-100::before {
  background-color: color-mix(in srgb, #e60e27 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--corporate-overlay-15 {
  position: relative;
}
.sui-atom-panel--corporate-overlay-15::before {
  background-color: color-mix(in srgb, #000e23 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--corporate-overlay-25 {
  position: relative;
}
.sui-atom-panel--corporate-overlay-25::before {
  background-color: color-mix(in srgb, #000e23 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--corporate-overlay-50 {
  position: relative;
}
.sui-atom-panel--corporate-overlay-50::before {
  background-color: color-mix(in srgb, #000e23 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--corporate-overlay-75 {
  position: relative;
}
.sui-atom-panel--corporate-overlay-75::before {
  background-color: color-mix(in srgb, #000e23 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--corporate-overlay-100 {
  position: relative;
}
.sui-atom-panel--corporate-overlay-100::before {
  background-color: color-mix(in srgb, #000e23 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--base-overlay-15 {
  position: relative;
}
.sui-atom-panel--base-overlay-15::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--base-overlay-25 {
  position: relative;
}
.sui-atom-panel--base-overlay-25::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--base-overlay-50 {
  position: relative;
}
.sui-atom-panel--base-overlay-50::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--base-overlay-75 {
  position: relative;
}
.sui-atom-panel--base-overlay-75::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--base-overlay-100 {
  position: relative;
}
.sui-atom-panel--base-overlay-100::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--dark-overlay-15 {
  position: relative;
}
.sui-atom-panel--dark-overlay-15::before {
  background-color: color-mix(in srgb, #3b4a5a 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--dark-overlay-25 {
  position: relative;
}
.sui-atom-panel--dark-overlay-25::before {
  background-color: color-mix(in srgb, #3b4a5a 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--dark-overlay-50 {
  position: relative;
}
.sui-atom-panel--dark-overlay-50::before {
  background-color: color-mix(in srgb, #3b4a5a 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--dark-overlay-75 {
  position: relative;
}
.sui-atom-panel--dark-overlay-75::before {
  background-color: color-mix(in srgb, #3b4a5a 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--dark-overlay-100 {
  position: relative;
}
.sui-atom-panel--dark-overlay-100::before {
  background-color: color-mix(in srgb, #3b4a5a 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--default-overlay-15 {
  position: relative;
}
.sui-atom-panel--default-overlay-15::before {
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--default-overlay-25 {
  position: relative;
}
.sui-atom-panel--default-overlay-25::before {
  background-color: color-mix(in srgb, #eef0f4 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--default-overlay-50 {
  position: relative;
}
.sui-atom-panel--default-overlay-50::before {
  background-color: color-mix(in srgb, #eef0f4 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--default-overlay-75 {
  position: relative;
}
.sui-atom-panel--default-overlay-75::before {
  background-color: color-mix(in srgb, #eef0f4 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--default-overlay-100 {
  position: relative;
}
.sui-atom-panel--default-overlay-100::before {
  background-color: color-mix(in srgb, #eef0f4 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--highlight-overlay-15 {
  position: relative;
}
.sui-atom-panel--highlight-overlay-15::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--highlight-overlay-25 {
  position: relative;
}
.sui-atom-panel--highlight-overlay-25::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--highlight-overlay-50 {
  position: relative;
}
.sui-atom-panel--highlight-overlay-50::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--highlight-overlay-75 {
  position: relative;
}
.sui-atom-panel--highlight-overlay-75::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--highlight-overlay-100 {
  position: relative;
}
.sui-atom-panel--highlight-overlay-100::before {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--success-overlay-15 {
  position: relative;
}
.sui-atom-panel--success-overlay-15::before {
  background-color: color-mix(in srgb, #017943 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--success-overlay-25 {
  position: relative;
}
.sui-atom-panel--success-overlay-25::before {
  background-color: color-mix(in srgb, #017943 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--success-overlay-50 {
  position: relative;
}
.sui-atom-panel--success-overlay-50::before {
  background-color: color-mix(in srgb, #017943 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--success-overlay-75 {
  position: relative;
}
.sui-atom-panel--success-overlay-75::before {
  background-color: color-mix(in srgb, #017943 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--success-overlay-100 {
  position: relative;
}
.sui-atom-panel--success-overlay-100::before {
  background-color: color-mix(in srgb, #017943 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--alert-overlay-15 {
  position: relative;
}
.sui-atom-panel--alert-overlay-15::before {
  background-color: color-mix(in srgb, #d97703 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--alert-overlay-25 {
  position: relative;
}
.sui-atom-panel--alert-overlay-25::before {
  background-color: color-mix(in srgb, #d97703 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--alert-overlay-50 {
  position: relative;
}
.sui-atom-panel--alert-overlay-50::before {
  background-color: color-mix(in srgb, #d97703 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--alert-overlay-75 {
  position: relative;
}
.sui-atom-panel--alert-overlay-75::before {
  background-color: color-mix(in srgb, #d97703 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--alert-overlay-100 {
  position: relative;
}
.sui-atom-panel--alert-overlay-100::before {
  background-color: color-mix(in srgb, #d97703 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--error-overlay-15 {
  position: relative;
}
.sui-atom-panel--error-overlay-15::before {
  background-color: color-mix(in srgb, #b21229 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--error-overlay-25 {
  position: relative;
}
.sui-atom-panel--error-overlay-25::before {
  background-color: color-mix(in srgb, #b21229 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--error-overlay-50 {
  position: relative;
}
.sui-atom-panel--error-overlay-50::before {
  background-color: color-mix(in srgb, #b21229 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--error-overlay-75 {
  position: relative;
}
.sui-atom-panel--error-overlay-75::before {
  background-color: color-mix(in srgb, #b21229 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--error-overlay-100 {
  position: relative;
}
.sui-atom-panel--error-overlay-100::before {
  background-color: color-mix(in srgb, #b21229 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--info-overlay-15 {
  position: relative;
}
.sui-atom-panel--info-overlay-15::before {
  background-color: color-mix(in srgb, #bdd3f9 15%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--info-overlay-25 {
  position: relative;
}
.sui-atom-panel--info-overlay-25::before {
  background-color: color-mix(in srgb, #bdd3f9 25%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--info-overlay-50 {
  position: relative;
}
.sui-atom-panel--info-overlay-50::before {
  background-color: color-mix(in srgb, #bdd3f9 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--info-overlay-75 {
  position: relative;
}
.sui-atom-panel--info-overlay-75::before {
  background-color: color-mix(in srgb, #bdd3f9 75%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel--info-overlay-100 {
  position: relative;
}
.sui-atom-panel--info-overlay-100::before {
  background-color: color-mix(in srgb, #bdd3f9 100%, transparent);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.sui-atom-panel-color--canvas {
  background-color: color-mix(in srgb, #ffffff 100%, transparent);
}
.sui-atom-panel-color--canvas-15 {
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
}
.sui-atom-panel-color--canvas-25 {
  background-color: color-mix(in srgb, #ffffff 25%, transparent);
}
.sui-atom-panel-color--canvas-50 {
  background-color: color-mix(in srgb, #ffffff 50%, transparent);
}
.sui-atom-panel-color--canvas-75 {
  background-color: color-mix(in srgb, #ffffff 75%, transparent);
}
.sui-atom-panel-color--canvas-100 {
  background-color: color-mix(in srgb, #ffffff 100%, transparent);
}
.sui-atom-panel-color--contrast {
  background-color: color-mix(in srgb, #000000 100%, transparent);
}
.sui-atom-panel-color--contrast-15 {
  background-color: color-mix(in srgb, #000000 15%, transparent);
}
.sui-atom-panel-color--contrast-25 {
  background-color: color-mix(in srgb, #000000 25%, transparent);
}
.sui-atom-panel-color--contrast-50 {
  background-color: color-mix(in srgb, #000000 50%, transparent);
}
.sui-atom-panel-color--contrast-75 {
  background-color: color-mix(in srgb, #000000 75%, transparent);
}
.sui-atom-panel-color--contrast-100 {
  background-color: color-mix(in srgb, #000000 100%, transparent);
}
.sui-atom-panel-color--accent {
  background-color: color-mix(in srgb, #e60e27 100%, transparent);
}
.sui-atom-panel-color--accent-15 {
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.sui-atom-panel-color--accent-25 {
  background-color: color-mix(in srgb, #e60e27 25%, transparent);
}
.sui-atom-panel-color--accent-50 {
  background-color: color-mix(in srgb, #e60e27 50%, transparent);
}
.sui-atom-panel-color--accent-75 {
  background-color: color-mix(in srgb, #e60e27 75%, transparent);
}
.sui-atom-panel-color--accent-100 {
  background-color: color-mix(in srgb, #e60e27 100%, transparent);
}
.sui-atom-panel-color--corporate {
  background-color: color-mix(in srgb, #000e23 100%, transparent);
}
.sui-atom-panel-color--corporate-15 {
  background-color: color-mix(in srgb, #000e23 15%, transparent);
}
.sui-atom-panel-color--corporate-25 {
  background-color: color-mix(in srgb, #000e23 25%, transparent);
}
.sui-atom-panel-color--corporate-50 {
  background-color: color-mix(in srgb, #000e23 50%, transparent);
}
.sui-atom-panel-color--corporate-75 {
  background-color: color-mix(in srgb, #000e23 75%, transparent);
}
.sui-atom-panel-color--corporate-100 {
  background-color: color-mix(in srgb, #000e23 100%, transparent);
}
.sui-atom-panel-color--base {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 100%, transparent);
}
.sui-atom-panel-color--base-15 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 15%, transparent);
}
.sui-atom-panel-color--base-25 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 25%, transparent);
}
.sui-atom-panel-color--base-50 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 50%, transparent);
}
.sui-atom-panel-color--base-75 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 75%, transparent);
}
.sui-atom-panel-color--base-100 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 60%, #606f80) 100%, transparent);
}
.sui-atom-panel-color--dark {
  background-color: color-mix(in srgb, #3b4a5a 100%, transparent);
}
.sui-atom-panel-color--dark-15 {
  background-color: color-mix(in srgb, #3b4a5a 15%, transparent);
}
.sui-atom-panel-color--dark-25 {
  background-color: color-mix(in srgb, #3b4a5a 25%, transparent);
}
.sui-atom-panel-color--dark-50 {
  background-color: color-mix(in srgb, #3b4a5a 50%, transparent);
}
.sui-atom-panel-color--dark-75 {
  background-color: color-mix(in srgb, #3b4a5a 75%, transparent);
}
.sui-atom-panel-color--dark-100 {
  background-color: color-mix(in srgb, #3b4a5a 100%, transparent);
}
.sui-atom-panel-color--default {
  background-color: color-mix(in srgb, #eef0f4 100%, transparent);
}
.sui-atom-panel-color--default-15 {
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
}
.sui-atom-panel-color--default-25 {
  background-color: color-mix(in srgb, #eef0f4 25%, transparent);
}
.sui-atom-panel-color--default-50 {
  background-color: color-mix(in srgb, #eef0f4 50%, transparent);
}
.sui-atom-panel-color--default-75 {
  background-color: color-mix(in srgb, #eef0f4 75%, transparent);
}
.sui-atom-panel-color--default-100 {
  background-color: color-mix(in srgb, #eef0f4 100%, transparent);
}
.sui-atom-panel-color--highlight {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 100%, transparent);
}
.sui-atom-panel-color--highlight-15 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, transparent);
}
.sui-atom-panel-color--highlight-25 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 25%, transparent);
}
.sui-atom-panel-color--highlight-50 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 50%, transparent);
}
.sui-atom-panel-color--highlight-75 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 75%, transparent);
}
.sui-atom-panel-color--highlight-100 {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 100%, transparent);
}
.sui-atom-panel-color--success {
  background-color: color-mix(in srgb, #017943 100%, transparent);
}
.sui-atom-panel-color--success-15 {
  background-color: color-mix(in srgb, #017943 15%, transparent);
}
.sui-atom-panel-color--success-25 {
  background-color: color-mix(in srgb, #017943 25%, transparent);
}
.sui-atom-panel-color--success-50 {
  background-color: color-mix(in srgb, #017943 50%, transparent);
}
.sui-atom-panel-color--success-75 {
  background-color: color-mix(in srgb, #017943 75%, transparent);
}
.sui-atom-panel-color--success-100 {
  background-color: color-mix(in srgb, #017943 100%, transparent);
}
.sui-atom-panel-color--alert {
  background-color: color-mix(in srgb, #d97703 100%, transparent);
}
.sui-atom-panel-color--alert-15 {
  background-color: color-mix(in srgb, #d97703 15%, transparent);
}
.sui-atom-panel-color--alert-25 {
  background-color: color-mix(in srgb, #d97703 25%, transparent);
}
.sui-atom-panel-color--alert-50 {
  background-color: color-mix(in srgb, #d97703 50%, transparent);
}
.sui-atom-panel-color--alert-75 {
  background-color: color-mix(in srgb, #d97703 75%, transparent);
}
.sui-atom-panel-color--alert-100 {
  background-color: color-mix(in srgb, #d97703 100%, transparent);
}
.sui-atom-panel-color--error {
  background-color: color-mix(in srgb, #b21229 100%, transparent);
}
.sui-atom-panel-color--error-15 {
  background-color: color-mix(in srgb, #b21229 15%, transparent);
}
.sui-atom-panel-color--error-25 {
  background-color: color-mix(in srgb, #b21229 25%, transparent);
}
.sui-atom-panel-color--error-50 {
  background-color: color-mix(in srgb, #b21229 50%, transparent);
}
.sui-atom-panel-color--error-75 {
  background-color: color-mix(in srgb, #b21229 75%, transparent);
}
.sui-atom-panel-color--error-100 {
  background-color: color-mix(in srgb, #b21229 100%, transparent);
}
.sui-atom-panel-color--info {
  background-color: color-mix(in srgb, #bdd3f9 100%, transparent);
}
.sui-atom-panel-color--info-15 {
  background-color: color-mix(in srgb, #bdd3f9 15%, transparent);
}
.sui-atom-panel-color--info-25 {
  background-color: color-mix(in srgb, #bdd3f9 25%, transparent);
}
.sui-atom-panel-color--info-50 {
  background-color: color-mix(in srgb, #bdd3f9 50%, transparent);
}
.sui-atom-panel-color--info-75 {
  background-color: color-mix(in srgb, #bdd3f9 75%, transparent);
}
.sui-atom-panel-color--info-100 {
  background-color: color-mix(in srgb, #bdd3f9 100%, transparent);
}
.sui-atom-panel--fullWidth {
  width: 100%;
}
.sui-atom-panel--fullHeight {
  height: 100%;
}
.sui-atom-panel-image--resized {
  background-size: cover;
}
.sui-atom-panel-image--horizontal-left {
  background-position-x: left;
}
.sui-atom-panel-image--horizontal-center {
  background-position-x: center;
}
.sui-atom-panel-image--horizontal-right {
  background-position-x: right;
}
.sui-atom-panel-image--vertical-top {
  background-position-y: top;
}
.sui-atom-panel-image--vertical-center {
  background-position-y: center;
}
.sui-atom-panel-image--vertical-bottom {
  background-position-y: bottom;
}

.mt-PanelBasic {
  margin-bottom: 24px;
}
.mt-PanelBasic--marginless {
  margin: 0;
}
.mt-PanelBasic--borderless-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mt-PanelBasic-innerWrapper {
  padding: 16px;
}
.mt-PanelBasic-innerWrapper--rounded-none {
  border-radius: 4px;
}
.mt-PanelBasic-innerWrapper--rounded-m {
  border-radius: 4px;
}
.mt-PanelBasic-innerWrapper--rounded-l {
  border-radius: 8px;
}
.mt-PanelBasic-innerWrapper--rounded-xl {
  border-radius: 12px;
}
.mt-PanelBasic-innerWrapper--rounded-xxl {
  border-radius: 16px;
}
.mt-PanelBasic-innerWrapper--rounded-giant {
  border-radius: 48px;
}
.mt-PanelBasic-innerWrapper--paddingless {
  padding: 0;
}
.mt-PanelBasic-innerWrapper--horizontalPaddingless {
  padding-left: 0;
  padding-right: 0;
}
.mt-PanelBasic-innerWrapper--withBorder {
  border: 1px solid #bfc7d0;
}

.mt-MediaVehicleRegistrationPlate-text {
  font-size: 24px;
  font-weight: 700;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  fill: #000000;
}

.mt-PanelLastRegistrationPlate-lastPlateDescription {
  font-size: 16px;
  line-height: 1.46;
  margin: 8px 0 0 0;
}
.mt-PanelLastRegistrationPlate-lastPlateWrapper {
  margin-top: 16px;
  width: 180px;
}
.mt-PanelLastRegistrationPlate-lastPlateCtaDescription {
  font-size: 16px;
  line-height: 1.46;
  margin: 16px 0 0 0;
}
.mt-PanelLastRegistrationPlate-lastPlateCta {
  margin-top: 8px;
}
.mt-PanelLastRegistrationPlate-otherPlates {
  margin-top: 40px;
}
.mt-PanelLastRegistrationPlate-otherPlatesGrid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, 1fr);
  list-style: none;
  padding: 0;
}
@media (min-width: 800px) {
  .mt-PanelLastRegistrationPlate-otherPlatesGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.mt-PanelLastRegistrationPlate-otherPlatesGridItem {
  margin: 0;
  width: 180px;
}
.mt-PanelLastRegistrationPlate-otherPlatesGridItemDate {
  font-size: 16px;
  margin: 0 0 8px 0;
}

.mt-UserAvatar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.mt-UserAvatar-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
.mt-UserAvatar-label {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.mt-ModalShare {
  cursor: default;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  padding: 0 24px 24px;
}
.mt-ModalShareTitle {
  margin-bottom: 16px;
}
.mt-ModalShareProviders {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.mt-ModalShareProvider {
  font-weight: 700;
}
.mt-ModalShareProviderIcon {
  color: #000e23;
}
.mt-ModalShareCopy {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr auto;
  align-items: flex-end;
  padding: 0 0 4px 4px;
}

.mt-PanelNewsDetailHeader-media {
  aspect-ratio: 1.7777777778;
  position: relative;
}
@media (min-width: 600px) {
  .mt-PanelNewsDetailHeader-media {
    border-radius: 8px;
    overflow: hidden;
  }
}
.mt-PanelNewsDetailHeader-mediaSrc {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mt-PanelNewsDetailHeader-tags {
  align-items: center;
  display: flex;
  font-weight: 700;
  gap: 8px;
  margin-top: 16px;
}
.mt-PanelNewsDetailHeader-info {
  align-items: center;
  border-bottom: 1px solid #bfc5cc;
  border-top: 1px solid #bfc5cc;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  padding: 8px 0;
}
.mt-PanelNewsDetailHeader-infoAuthor {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-PanelNewsDetailHeader-infoAuthorText {
  display: flex;
  flex-direction: column;
}
.mt-PanelNewsDetailHeader-infoAuthorName {
  font-size: 16px;
  font-weight: 600;
}
.mt-PanelNewsDetailHeader-infoDate {
  font-size: 14px;
}
.mt-PanelNewsDetailHeader-infoActions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt-PanelNewsDetailHeader-infoComments {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: 600;
  font-size: 16px;
  gap: 8px;
  text-decoration: none;
  color: #000e23;
}
.mt-PanelNewsDetailHeader-infoComments:visited {
  color: #000e23;
}
.mt-PanelNewsDetailHeader-infoShare {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .mt-PanelNewsDetailHeader-infoShare .sui-AtomButton-content {
    display: none;
  }
}
.mt-PanelNewsDetailHeader-infoActionSlot {
  display: flex;
  align-items: center;
}

.sui-AtomCard {
  background: transparent;
  border-radius: 0;
  display: flex;
  padding: 0;
  flex-direction: row-reverse;
}
@media (min-width: 800px) {
  .sui-AtomCard {
    padding: 0;
  }
}
@media (hover: hover) {
  .sui-AtomCard:hover {
    background: transparent;
    box-shadow: none;
  }
}
.sui-AtomCard .sui-AtomCard-media {
  background: #ffffff;
  margin-right: 0;
  width: 250px;
}
.sui-AtomCard .sui-AtomCard-info {
  padding: 16px;
  flex-grow: 1;
  min-width: 0;
}
.sui-AtomCard.sui-AtomCard-link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
@media (hover: hover) {
  .sui-AtomCard.sui-AtomCard-link:hover {
    background: transparent;
  }
}
.sui-AtomCard.sui-AtomCard-link.sui-AtomCard--highlight {
  background: #faf9e5;
}
@media (hover: hover) {
  .sui-AtomCard.sui-AtomCard-link.sui-AtomCard--highlight:hover {
    background: #faf9e5;
  }
}
.sui-AtomCard.sui-AtomCard--vertical {
  flex-direction: column-reverse;
}
.sui-AtomCard.sui-AtomCard--vertical .sui-AtomCard-media {
  width: 100%;
}
.sui-AtomCard.sui-AtomCard--responsive {
  flex-direction: column-reverse;
}
.sui-AtomCard.sui-AtomCard--responsive .sui-AtomCard-media {
  width: 100%;
}
@media (min-width: 800px) {
  .sui-AtomCard.sui-AtomCard--responsive {
    flex-direction: row-reverse;
  }
  .sui-AtomCard.sui-AtomCard--responsive .sui-AtomCard-media {
    width: 250px;
  }
}
.sui-AtomCard.sui-AtomCard--rounded-s {
  border-radius: 2px;
}
.sui-AtomCard.sui-AtomCard--rounded-m {
  border-radius: 4px;
}
.sui-AtomCard.sui-AtomCard--rounded-l {
  border-radius: 8px;
}
.sui-AtomCard.sui-AtomCard--rounded-xl {
  border-radius: 12px;
}
.sui-AtomCard.sui-AtomCard--rounded-xxl {
  border-radius: 16px;
}
.sui-AtomCard.sui-AtomCard--elevation-s {
  box-shadow: 0px 1px 2px 0px rgba(0, 14, 35, 0.2);
}
@media (hover: hover) {
  .sui-AtomCard.sui-AtomCard--elevation-s:hover {
    box-shadow: 0px 1px 2px 0px rgba(0, 14, 35, 0.2);
  }
}
.sui-AtomCard.sui-AtomCard--elevation-m {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
@media (hover: hover) {
  .sui-AtomCard.sui-AtomCard--elevation-m:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  }
}
.sui-AtomCard.sui-AtomCard--elevation-l {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
@media (hover: hover) {
  .sui-AtomCard.sui-AtomCard--elevation-l:hover {
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  }
}

.sui-AtomSpinner--fullPage::before, .sui-AtomSpinner::before {
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}

.sui-AtomActionButton {
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  user-select: none;
  align-items: center;
  background: none;
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  min-width: 40px;
  outline: 0;
  padding: 8px;
  text-transform: none;
  white-space: nowrap;
}
.sui-AtomActionButton:focus {
  outline: 0;
}
.sui-AtomActionButton .sui-AtomActionButton-icon {
  height: 40px;
  width: 40px;
}
.sui-AtomActionButton + .sui-AtomActionButton {
  margin-left: 8px;
}
.sui-AtomActionButton-inner {
  align-items: center;
  display: flex;
  height: 100%;
  pointer-events: none;
}
.sui-AtomActionButton-icon {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.sui-AtomActionButton-icon svg {
  fill: currentColor;
  stroke: currentColor;
}
.sui-AtomActionButton--accentColor {
  color: #e60e27;
}
.sui-AtomActionButton--accentColor.sui-AtomActionButton--filledNegative .sui-AtomActionButton-icon {
  background: #e60e27;
  color: #ffffff;
}
.sui-AtomActionButton--accentColor.sui-AtomActionButton--filledNegative:hover .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 20%, #e60e27);
  color: #ffffff;
}
.sui-AtomActionButton--accentColor.sui-AtomActionButton--filledPositive .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 60%, #e60e27);
}
.sui-AtomActionButton--accentColor.sui-AtomActionButton--filledPositive:hover .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.sui-AtomActionButton--accentColor.sui-AtomActionButton--outline .sui-AtomActionButton-icon {
  background: none;
  border: 1px solid #e60e27;
}
.sui-AtomActionButton--accentColor.sui-AtomActionButton--outline:hover .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.sui-AtomActionButton--accentColor.sui-AtomActionButton--flat .sui-AtomActionButton-icon {
  background: none;
}
.sui-AtomActionButton--accentColor.sui-AtomActionButton--flat:hover {
  background: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.sui-AtomActionButton--neutralColor {
  color: color-mix(in srgb, var(--c-base, white) 40%, #777777);
}
.sui-AtomActionButton--neutralColor.sui-AtomActionButton--filledNegative .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 40%, #777777);
  color: #ffffff;
}
.sui-AtomActionButton--neutralColor.sui-AtomActionButton--filledNegative:hover .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 60%, #777777);
  color: #ffffff;
}
.sui-AtomActionButton--neutralColor.sui-AtomActionButton--filledPositive .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 60%, color-mix(in srgb, var(--c-base, white) 40%, #777777));
}
.sui-AtomActionButton--neutralColor.sui-AtomActionButton--filledPositive:hover .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 90%, #777777);
}
.sui-AtomActionButton--neutralColor.sui-AtomActionButton--outline .sui-AtomActionButton-icon {
  background: none;
  border: 1px solid color-mix(in srgb, var(--c-base, white) 40%, #777777);
}
.sui-AtomActionButton--neutralColor.sui-AtomActionButton--outline:hover .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 90%, #777777);
}
.sui-AtomActionButton--neutralColor.sui-AtomActionButton--flat .sui-AtomActionButton-icon {
  background: none;
}
.sui-AtomActionButton--neutralColor.sui-AtomActionButton--flat:hover {
  background: color-mix(in srgb, var(--c-base, white) 90%, #777777);
}
.sui-AtomActionButton--primaryColor {
  color: #000e23;
}
.sui-AtomActionButton--primaryColor.sui-AtomActionButton--filledNegative .sui-AtomActionButton-icon {
  background: #000e23;
  color: #ffffff;
}
.sui-AtomActionButton--primaryColor.sui-AtomActionButton--filledNegative:hover .sui-AtomActionButton-icon {
  background: color-mix(in srgb, var(--c-base, white) 20%, #000e23);
  color: #ffffff;
}
.sui-AtomActionButton--primaryColor.sui-AtomActionButton--filledPositive .sui-AtomActionButton-icon {
  background: #eef0f4;
}
.sui-AtomActionButton--primaryColor.sui-AtomActionButton--filledPositive:hover .sui-AtomActionButton-icon {
  background: #bfc7d0;
}
.sui-AtomActionButton--primaryColor.sui-AtomActionButton--outline .sui-AtomActionButton-icon {
  background: none;
  border: 1px solid #000e23;
}
.sui-AtomActionButton--primaryColor.sui-AtomActionButton--outline:hover .sui-AtomActionButton-icon {
  background: #bfc7d0;
}
.sui-AtomActionButton--primaryColor.sui-AtomActionButton--flat .sui-AtomActionButton-icon {
  background: none;
}
.sui-AtomActionButton--primaryColor.sui-AtomActionButton--flat:hover {
  background: #bfc7d0;
}
.sui-AtomActionButton--disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
.sui-AtomActionButton--small .sui-AtomActionButton-icon {
  height: 32px;
  width: 32px;
}
.sui-AtomActionButton--large .sui-AtomActionButton-icon {
  height: 48px;
  width: 48px;
}
.sui-AtomActionButton--link, .sui-AtomActionButton--link:hover {
  text-decoration: none;
}

.mt-actionAdFavorite-priceDropButton {
  align-items: center;
  color: #017943;
  display: flex;
  height: 40px;
}
.mt-actionAdFavorite-priceDropButtonLabel {
  margin-left: 4px;
}
.mt-actionAdFavorite-priceDropButtonIcon {
  color: #017943;
  height: 24px;
  width: 24px;
  margin-left: 2px;
}
.mt-actionAdFavorite-priceDropButtonInnerWrapper {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-actionAdFavorite-priceDropButton.is-menu {
  padding: 0 16px;
}
.mt-actionAdFavorite-priceDropInlineButton {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
  min-height: 24px;
  margin: 16px 0;
  width: fit-content;
}
.mt-actionAdFavorite-priceDropInlineButton--marked {
  color: #017943;
  cursor: default;
}
.mt-actionAdFavorite-priceDropInlineButtonIcon {
  height: 24px;
  width: 24px;
}
.mt-actionAdFavorite-priceDropInlineButtonLabel--marked {
  color: #017943;
}
.mt-actionAdFavorite-buttonIcon {
  align-items: center;
  color: #e60e27;
  display: flex;
  height: 100%;
}
.mt-actionAdFavorite-buttonIcon .sui-AtomIcon.sui-AtomIcon svg path {
  stroke: #e60e27 !important;
  stroke-width: 2;
}
.mt-actionAdFavorite-buttonIcon .sui-AtomIcon.sui-AtomIcon--design-outline svg path {
  fill: #ffffff !important;
}
.mt-actionAdFavorite-buttonIcon--marked .sui-AtomIcon svg path {
  color: #e60e27;
}
.mt-actionAdFavorite-favoriteButtonText {
  color: #000000;
}
.mt-actionAdFavorite-favoriteButtonText--added {
  color: #e60e27;
}
@media (hover: hover) {
  .mt-actionAdFavorite-buttonWrapper .sui-AtomButton--primary.sui-AtomButton--outline,
  .mt-actionAdFavorite-buttonWrapper .sui-AtomButton--primary.sui-AtomButton--flat,
  .mt-actionAdFavorite-buttonWrapper .sui-AtomButton--accent.sui-AtomButton--outline,
  .mt-actionAdFavorite-buttonWrapper .sui-AtomButton--accent.sui-AtomButton--flat {
    background: transparent;
  }
}

.sui-AtomSpinner::before, .sui-AtomSpinner--fullPage::before {
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}

.sui-AtomSpinner {
  position: relative;
}
.sui-AtomSpinner::before {
  position: absolute;
}
.sui-AtomSpinner-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sui-AtomSpinner--fullPage::before {
  position: fixed;
}
.sui-AtomSpinner--fullPage .sui-AtomSpinner-loader {
  display: block;
  position: fixed;
}
.sui-AtomSpinner .sui-AtomSpinner-loader {
  display: block;
}
.sui-AtomSpinner--accent::before {
  background-color: rgba(230, 14, 39, 0.6);
}
.sui-AtomSpinner--dark::before {
  background-color: rgba(0, 0, 0, 0.6);
}
.sui-AtomSpinner--light::before {
  background-color: rgba(255, 255, 255, 0.6);
}
.sui-AtomSpinner--primary::before {
  background-color: rgba(0, 14, 35, 0.6);
}
.sui-AtomSpinner--transparent::before {
  background-color: transparent;
}
.sui-AtomSpinner--small .sui-AtomSpinner-loader {
  height: 12px;
  width: 12px;
}
.sui-AtomSpinner--medium .sui-AtomSpinner-loader {
  height: 16px;
  width: 16px;
}

.sui-AtomSpinner-loader {
  border-radius: 50%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  z-index: 999;
}

@keyframes atom-spinner-accent-small {
  0% {
    box-shadow: -6px 12px #ffffff, 6px 24px #000e23;
  }
  25% {
    box-shadow: 6px 12px #ffffff, -6px 24px #000e23;
  }
  50% {
    box-shadow: 6px 24px #ffffff, -6px 12px #000e23;
  }
  75% {
    box-shadow: -6px 24px #ffffff, 6px 12px #000e23;
  }
  100% {
    box-shadow: -6px 12px #ffffff, 6px 24px #000e23;
  }
}
.sui-AtomSpinner--accent-small .sui-AtomSpinner-loader {
  animation: atom-spinner-accent-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}

@keyframes atom-spinner-accent-medium {
  0% {
    box-shadow: -8px 16px #ffffff, 8px 32px #000e23;
  }
  25% {
    box-shadow: 8px 16px #ffffff, -8px 32px #000e23;
  }
  50% {
    box-shadow: 8px 32px #ffffff, -8px 16px #000e23;
  }
  75% {
    box-shadow: -8px 32px #ffffff, 8px 16px #000e23;
  }
  100% {
    box-shadow: -8px 16px #ffffff, 8px 32px #000e23;
  }
}
.sui-AtomSpinner--accent-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-accent-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}

@keyframes atom-spinner-dark-small {
  0% {
    box-shadow: -6px 12px #e60e27, 6px 24px #ffffff;
  }
  25% {
    box-shadow: 6px 12px #e60e27, -6px 24px #ffffff;
  }
  50% {
    box-shadow: 6px 24px #e60e27, -6px 12px #ffffff;
  }
  75% {
    box-shadow: -6px 24px #e60e27, 6px 12px #ffffff;
  }
  100% {
    box-shadow: -6px 12px #e60e27, 6px 24px #ffffff;
  }
}
.sui-AtomSpinner--dark-small .sui-AtomSpinner-loader {
  animation: atom-spinner-dark-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}

@keyframes atom-spinner-dark-medium {
  0% {
    box-shadow: -8px 16px #e60e27, 8px 32px #ffffff;
  }
  25% {
    box-shadow: 8px 16px #e60e27, -8px 32px #ffffff;
  }
  50% {
    box-shadow: 8px 32px #e60e27, -8px 16px #ffffff;
  }
  75% {
    box-shadow: -8px 32px #e60e27, 8px 16px #ffffff;
  }
  100% {
    box-shadow: -8px 16px #e60e27, 8px 32px #ffffff;
  }
}
.sui-AtomSpinner--dark-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-dark-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}

@keyframes atom-spinner-light-small {
  0% {
    box-shadow: -6px 12px #e60e27, 6px 24px #000e23;
  }
  25% {
    box-shadow: 6px 12px #e60e27, -6px 24px #000e23;
  }
  50% {
    box-shadow: 6px 24px #e60e27, -6px 12px #000e23;
  }
  75% {
    box-shadow: -6px 24px #e60e27, 6px 12px #000e23;
  }
  100% {
    box-shadow: -6px 12px #e60e27, 6px 24px #000e23;
  }
}
.sui-AtomSpinner--light-small .sui-AtomSpinner-loader {
  animation: atom-spinner-light-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}

@keyframes atom-spinner-light-medium {
  0% {
    box-shadow: -8px 16px #e60e27, 8px 32px #000e23;
  }
  25% {
    box-shadow: 8px 16px #e60e27, -8px 32px #000e23;
  }
  50% {
    box-shadow: 8px 32px #e60e27, -8px 16px #000e23;
  }
  75% {
    box-shadow: -8px 32px #e60e27, 8px 16px #000e23;
  }
  100% {
    box-shadow: -8px 16px #e60e27, 8px 32px #000e23;
  }
}
.sui-AtomSpinner--light-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-light-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}

@keyframes atom-spinner-primary-small {
  0% {
    box-shadow: -6px 12px #e60e27, 6px 24px #ffffff;
  }
  25% {
    box-shadow: 6px 12px #e60e27, -6px 24px #ffffff;
  }
  50% {
    box-shadow: 6px 24px #e60e27, -6px 12px #ffffff;
  }
  75% {
    box-shadow: -6px 24px #e60e27, 6px 12px #ffffff;
  }
  100% {
    box-shadow: -6px 12px #e60e27, 6px 24px #ffffff;
  }
}
.sui-AtomSpinner--primary-small .sui-AtomSpinner-loader {
  animation: atom-spinner-primary-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}

@keyframes atom-spinner-primary-medium {
  0% {
    box-shadow: -8px 16px #e60e27, 8px 32px #ffffff;
  }
  25% {
    box-shadow: 8px 16px #e60e27, -8px 32px #ffffff;
  }
  50% {
    box-shadow: 8px 32px #e60e27, -8px 16px #ffffff;
  }
  75% {
    box-shadow: -8px 32px #e60e27, 8px 16px #ffffff;
  }
  100% {
    box-shadow: -8px 16px #e60e27, 8px 32px #ffffff;
  }
}
.sui-AtomSpinner--primary-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-primary-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}

@keyframes atom-spinner-transparent-small {
  0% {
    box-shadow: -6px 12px #e60e27, 6px 24px #000e23;
  }
  25% {
    box-shadow: 6px 12px #e60e27, -6px 24px #000e23;
  }
  50% {
    box-shadow: 6px 24px #e60e27, -6px 12px #000e23;
  }
  75% {
    box-shadow: -6px 24px #e60e27, 6px 12px #000e23;
  }
  100% {
    box-shadow: -6px 12px #e60e27, 6px 24px #000e23;
  }
}
.sui-AtomSpinner--transparent-small .sui-AtomSpinner-loader {
  animation: atom-spinner-transparent-small 1.5s ease-in-out infinite;
  height: 12px;
  top: calc(50% - 24px);
  width: 12px;
}

@keyframes atom-spinner-transparent-medium {
  0% {
    box-shadow: -8px 16px #e60e27, 8px 32px #000e23;
  }
  25% {
    box-shadow: 8px 16px #e60e27, -8px 32px #000e23;
  }
  50% {
    box-shadow: 8px 32px #e60e27, -8px 16px #000e23;
  }
  75% {
    box-shadow: -8px 32px #e60e27, 8px 16px #000e23;
  }
  100% {
    box-shadow: -8px 16px #e60e27, 8px 32px #000e23;
  }
}
.sui-AtomSpinner--transparent-medium .sui-AtomSpinner-loader {
  animation: atom-spinner-transparent-medium 1.5s ease-in-out infinite;
  height: 16px;
  top: calc(50% - 32px);
  width: 16px;
}

.mt-SpinnerBasic-text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-top: 96px;
  padding: 8px 16px 0;
  position: fixed;
  text-align: center;
  z-index: 1500;
}
.mt-SpinnerBasic-text.mt-SpinnerBasic-text--inheritColorText {
  color: inherit;
}

.mt-LeadPhoneCall-link {
  align-items: center;
  display: flex;
  color: #000e23;
  cursor: pointer;
  margin: 0;
}
.mt-LeadPhoneCall-link--small {
  height: 12px;
}
.mt-LeadPhoneCall-link--medium {
  height: 24px;
}
.mt-LeadPhoneCall-linkIcon {
  position: relative;
}
.mt-LeadPhoneCall-linkText {
  font-weight: 600;
  padding-left: 8px;
  text-decoration: underline;
}
.mt-LeadPhoneCall-link--small .mt-LeadPhoneCall-linkText {
  font-size: 14px;
}

.mt-LeadPhoneCall-link--medium .mt-LeadPhoneCall-linkText {
  font-size: 16px;
}

.mt-LeadPhoneCall-buttonText--revealed {
  text-decoration: underline;
}
.mt-LeadPhoneCall-error {
  background-color: #d97703;
  padding: 24px;
}
.mt-LeadPhoneCall-errorText {
  margin: 0;
}

.mt-CardRelatedAdV2 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 173px;
}
.mt-CardRelatedAdV2-media {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  position: relative;
}
.mt-CardRelatedAdV2 .mt-CardRelatedAdV2-favorite {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
}
.mt-CardRelatedAdV2 .mt-CardRelatedAdV2-favorite, .mt-CardRelatedAdV2 .mt-CardRelatedAdV2-favorite * {
  width: auto;
}
.mt-CardRelatedAdV2-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}
.mt-CardRelatedAdV2-main {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.mt-CardRelatedAdV2-price {
  color: #000e23;
  margin: 0;
}
.mt-CardRelatedAdV2-priceLabel {
  color: #000e23;
  display: block;
}
.mt-CardRelatedAdV2-priceSub {
  font-size: 16px;
}
.mt-CardRelatedAdV2-priceDrop {
  align-items: center;
  display: flex;
  gap: 4px;
}
.mt-CardRelatedAdV2-priceDropPercentage {
  align-items: center;
  color: #017943;
  display: inline-flex;
}
.mt-CardRelatedAdV2-title {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-CardRelatedAdV2-link {
  color: inherit;
  text-decoration: none;
}
.mt-CardRelatedAdV2-link::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mt-CardRelatedAdV2-link:focus-visible {
  outline: none;
}
.mt-CardRelatedAdV2-link:focus-visible::after {
  border-radius: 8px;
  outline: 2px solid #000e23;
  outline-offset: -2px;
}
.mt-CardRelatedAdV2-details {
  align-items: center;
  color: #606f80;
  display: flex;
  margin: 0;
}
.mt-CardRelatedAdV2-detailsDivider {
  background-color: #606f80;
  display: inline-block;
  height: 16px;
  margin: 0 8px;
  width: 1px;
}

.mt-CardRelatedAd {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.mt-CardRelatedAd .sui-AtomCard-info {
  padding: 12px;
}
.mt-CardRelatedAd-priceLabel {
  color: #000e23;
  display: block;
  font-size: 12px;
}
.mt-CardRelatedAd-priceAmount {
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.mt-CardRelatedAd-priceAmountSub {
  font-size: 16px;
}
.mt-CardRelatedAd .mt-CardRelatedAd-offerType {
  align-self: flex-start;
  margin: 0 0 8px;
  width: fit-content;
}
.mt-CardRelatedAd-title {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #000e23;
  display: -webkit-box;
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-CardRelatedAd-info {
  align-items: center;
  color: #606f80;
  display: flex;
  font-size: 12px;
  margin: 4px 0 0 0;
}
.mt-CardRelatedAd-info .mt-CardRelatedAd-infoKm, .mt-CardRelatedAd-info .mt-CardRelatedAd-infoYear {
  width: auto;
}
.mt-CardRelatedAd-info .mt-CardRelatedAd-infoDivider {
  background-color: #606f80;
  display: inline-block;
  height: 12px;
  margin: 0 4px;
  width: 1px;
}
.mt-CardRelatedAd-cta {
  margin-top: 16px;
  text-align: center;
}
.mt-CardRelatedAdMedia {
  position: relative;
}
.mt-CardRelatedAdMedia:before {
  content: "";
  display: block;
  /* the following sets a 4:3 aspect ratio for the thumbnail */
  padding-top: 75%;
  width: 100%;
}
.mt-CardRelatedAdMedia-thumbnail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mt-CardRelatedAdMedia-thumbnailImage {
  object-fit: contain;
}
.mt-CardRelatedAdMedia .mt-CardRelatedAdMedia-favorite {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.mt-CardRelatedAdMedia .mt-CardRelatedAdMedia-favorite, .mt-CardRelatedAdMedia .mt-CardRelatedAdMedia-favorite * {
  width: auto;
}
.mt-CardRelatedAd-priceDrop {
  display: flex;
  font-weight: 600;
  font-size: 14px;
  margin: 0;
}
.mt-CardRelatedAd-priceDropIcon {
  align-self: center;
  color: #017943;
  display: flex;
}
.mt-CardRelatedAd-priceDropPercentage {
  color: #017943;
  margin-right: 4px;
}
.mt-CardRelatedAd-priceDropOriginalPrice {
  text-decoration: line-through;
}
.mt-CardRelatedAd-priceDrop .mt-CardRelatedAd-priceDropIcon,
.mt-CardRelatedAd-priceDrop .mt-CardRelatedAd-priceDropPercentage,
.mt-CardRelatedAd-priceDrop .mt-CardRelatedAd-priceDropOriginalPrice {
  width: auto;
}
@media (hover: hover) {
  .mt-CardRelatedAd:hover {
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  }
}

.sui-MoleculeCarousel {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  backface-visibility: hidden;
  background: transparent;
  min-height: 50px;
  position: relative;
  user-select: none;
}
.sui-MoleculeCarousel-arrow {
  align-items: center;
  bottom: 0;
  display: flex;
  margin: auto 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease;
  width: auto;
  z-index: 1;
  background-color: #eef0f4;
  border: none;
}
.sui-MoleculeCarousel-arrow:focus:not(:focus-visible) {
  background-color: #eef0f4;
  outline: none;
}
.sui-MoleculeCarousel-arrow:focus-visible {
  opacity: 1;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.sui-MoleculeCarousel-arrow:hover {
  background-color: #eef0f4;
}
.sui-MoleculeCarousel-arrowCustom {
  background-color: transparent;
}
.sui-MoleculeCarousel-arrowCustom:focus {
  background-color: transparent;
}
.sui-MoleculeCarousel-arrowCustom:hover {
  background-color: transparent;
}
.sui-MoleculeCarousel-arrowLeft {
  left: 0;
}
.sui-MoleculeCarousel-arrowRight {
  right: 0;
}
@media screen and (max-width: 850px) {
  .sui-MoleculeCarousel-arrow {
    display: none;
  }
}
.sui-MoleculeCarousel-prev, .sui-MoleculeCarousel-next {
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  height: 20%;
  justify-content: center;
  min-height: 56px;
  width: 40px;
}
.sui-MoleculeCarousel-next {
  border-radius: 10px 0 0 10px;
}
.sui-MoleculeCarousel-next::after {
  margin-right: 6px;
  transform: rotate(45deg);
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
}
.sui-MoleculeCarousel-prev {
  border-radius: 0 10px 10px 0;
}
.sui-MoleculeCarousel-prev::after {
  margin-left: 6px;
  transform: rotate(-135deg);
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
}
.sui-MoleculeCarousel--fullHeight {
  height: 100%;
}
.sui-MoleculeCarousel--fullHeight > div li img {
  height: 100%;
}
.sui-MoleculeCarousel--fullWidth > div li * {
  width: 100%;
}
.sui-MoleculeCarousel--contain li img {
  object-fit: contain;
}
.sui-MoleculeCarousel--cover li img {
  object-fit: cover;
}
.sui-MoleculeCarousel:hover > .sui-MoleculeCarousel-arrow {
  opacity: 1;
}
.sui-MoleculeCarousel:hover > .sui-MoleculeCarousel-arrow[disabled] {
  opacity: 0.2;
}
.sui-MoleculeCarousel > div {
  font-size: 0;
  max-height: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.sui-MoleculeCarousel > div > ul {
  display: block;
  list-style: none;
  padding: 0;
  transition-property: transform;
  width: 100%;
  will-change: transform, transition-timing, transition-duration;
}
.sui-MoleculeCarousel > div > ul > li {
  display: inline-block;
  position: relative;
  user-select: none;
  vertical-align: middle;
  width: 100%;
}
.sui-MoleculeCarousel > div img {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  pointer-events: none;
  touch-action: none;
  user-select: none;
}

.mt-ListSlides-heading {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.mt-ListSlides-headingArrows {
  display: flex;
  align-self: flex-end;
  margin-left: auto;
}

.mt-ListRelatedAds-head {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 8px;
}
.mt-ListRelatedAds-list {
  display: flex;
}
.mt-ListRelatedAds-listItem {
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex: 0 0 48%;
  margin-bottom: 24px;
  overflow: hidden;
}
.mt-ListRelatedAds-listItem--slides {
  padding: 0 8px 16px;
}
@media (min-width: 800px) {
  .mt-ListRelatedAds-listItem--l {
    flex: 0 0 31%;
  }
  .mt-ListRelatedAds-listItem--m {
    flex: 0 0 22%;
    margin-bottom: 0;
  }
  .mt-ListRelatedAds-listItem--s {
    flex: 0 0 15%;
    margin-bottom: 0;
  }
}
.mt-ListRelatedAds-list--grid {
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 800px) {
  .mt-ListRelatedAds-list--grid {
    gap: 16px;
  }
}
.mt-ListRelatedAds-list--scrolling {
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  margin-bottom: 16px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
}
.mt-ListRelatedAds-list--scrolling::-webkit-scrollbar {
  /* Needed to iOS devices */
  background: transparent;
  display: none;
  height: 0;
  width: 0;
}
.mt-ListRelatedAds-list--scrolling .mt-ListRelatedAds-listItem {
  flex-basis: 40%;
  margin: 0 8px 0 0;
  scroll-snap-align: start;
}
@media (min-width: 800px) {
  .mt-ListRelatedAds-list--scrolling .mt-ListRelatedAds-listItem--s, .mt-ListRelatedAds-list--scrolling .mt-ListRelatedAds-listItem--m, .mt-ListRelatedAds-list--scrolling .mt-ListRelatedAds-listItem--l {
    flex-basis: 22%;
  }
}
.mt-ListRelatedAds-footerAction {
  display: flex;
  margin-top: 24px;
}

.sui-AtomPopover {
  display: contents;
  font-size: 14px;
  margin: 0;
  position: absolute;
  z-index: 900;
}
.sui-AtomPopover .sui-AtomPopover-inner {
  background-color: #3b4a5a;
  border-color: #3b4a5a;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  line-height: 1.36;
  overflow: hidden;
  padding: 0;
  text-align: left;
}
.sui-AtomPopover .sui-AtomPopover-inner--type-system {
  background-color: #ffffff;
  border-color: #ffffff;
}
.sui-AtomPopover .sui-AtomPopover-inner--type-dark {
  background-color: #000e23;
  border-color: #000e23;
}
.sui-AtomPopover-closeIcon {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 900;
}
.sui-AtomPopover-closeIcon svg {
  fill: #ffffff;
  height: 16px;
  width: 16px;
}
.sui-AtomPopover .sui-AtomPopover-arrow {
  display: block;
  height: 8px;
  position: absolute;
  width: 12px;
}
.sui-AtomPopover .sui-AtomPopover-arrow::before {
  border-color: transparent;
  border-bottom-color: #3b4a5a;
  border-style: solid;
  border-width: 0 6px 6px;
  bottom: 4px;
  content: "";
  position: absolute;
}
.sui-AtomPopover .sui-AtomPopover-arrow::after {
  border-width: 0 6px 6px 6px;
  border-color: transparent;
  border-bottom-color: #3b4a5a;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.sui-AtomPopover .sui-AtomPopover-arrow--type-system::after, .sui-AtomPopover .sui-AtomPopover-arrow--type-system::before {
  border-bottom-color: #ffffff;
}
.sui-AtomPopover .sui-AtomPopover-arrow--type-dark::after, .sui-AtomPopover .sui-AtomPopover-arrow--type-dark::before {
  border-bottom-color: #000e23;
}
.sui-AtomPopover--top, .sui-AtomPopover--auto[x-placement^=top] {
  margin: 8px 0;
  z-index: auto;
}
.sui-AtomPopover--top .sui-AtomPopover-arrow, .sui-AtomPopover--auto[x-placement^=top] .sui-AtomPopover-arrow {
  bottom: -4px;
  transform: rotate(180deg);
}
.sui-AtomPopover--right, .sui-AtomPopover--auto[x-placement^=right] {
  margin: 0 8px;
  z-index: auto;
}
.sui-AtomPopover--right .sui-AtomPopover-arrow, .sui-AtomPopover--auto[x-placement^=right] .sui-AtomPopover-arrow {
  left: -6px;
  transform: rotate(-90deg);
}
.sui-AtomPopover--bottom, .sui-AtomPopover--auto[x-placement^=bottom] {
  margin: 8px 0;
  z-index: auto;
}
.sui-AtomPopover--bottom .sui-AtomPopover-arrow, .sui-AtomPopover--auto[x-placement^=bottom] .sui-AtomPopover-arrow {
  top: -4px;
}
.sui-AtomPopover--left, .sui-AtomPopover--auto[x-placement^=left] {
  margin: 0 8px;
  z-index: auto;
}
.sui-AtomPopover--left .sui-AtomPopover-arrow, .sui-AtomPopover--auto[x-placement^=left] .sui-AtomPopover-arrow {
  right: -6px;
  transform: rotate(90deg);
}

.sui-AtomPopover:has(.mt-OnboardingCoachmark-content) .popover[x-placement^=bottom] {
  margin-top: 0;
}
.sui-AtomPopover:has(.mt-OnboardingCoachmark-content) .popover[x-placement^=top] {
  margin-bottom: 0;
}
.sui-AtomPopover:has(.mt-OnboardingCoachmark-content) .popover[x-placement^=left] {
  margin-right: 0;
}
.sui-AtomPopover:has(.mt-OnboardingCoachmark-content) .popover[x-placement^=right] {
  margin-left: 0;
}

.mt-OnboardingCoachmark-target {
  display: inline-flex;
}
.mt-OnboardingCoachmark-iconClose {
  color: #ffffff;
  position: absolute;
  right: 12px;
  top: 14px;
}
.mt-OnboardingCoachmark-content {
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  max-width: 265px;
  padding: 16px;
}
@media (min-width: 800px) {
  .mt-OnboardingCoachmark-content {
    max-width: 265px;
  }
}
.mt-OnboardingCoachmark-contentBadge {
  align-items: center;
  background-color: #e60e27;
  border-radius: 2px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: default;
  display: inline-flex;
  font-size: 14px;
  height: 20px;
  justify-content: center;
  padding: 0 8px;
  width: fit-content;
}
.mt-OnboardingCoachmark-contentTitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.46;
  margin: 8px 0 0;
}
.mt-OnboardingCoachmark-contentText {
  font-size: 14px;
  font-weight: 400;
  margin: 2px 0 0;
}

@keyframes wave {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.sui-AtomSkeleton {
  background-color: #eef0f4;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 1;
  width: 100%;
}
.sui-AtomSkeleton--wave {
  background-image: linear-gradient(90deg, #eef0f4, #eef0f4, #eef0f4);
  background-size: 200px 100%;
  animation: wave 1.2s ease-in-out infinite;
}
.sui-AtomSkeleton--pulse {
  animation: pulse 1.5s ease-in-out infinite;
}
.sui-AtomSkeleton--round {
  border-radius: 3px;
}
.sui-AtomSkeleton--circle {
  border-radius: 50%;
}

.sui-MoleculeModal::before, .sui-MoleculeModal {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

@keyframes modal-overlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-overlay-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes modal-content-in {
  0% {
    opacity: 0;
    transform: translateY(32px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes modal-content-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(32px);
  }
}
.sui-MoleculeModalContent {
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
  margin: 0;
  overflow-y: auto;
  padding: 16px 24px 16px 24px;
  position: relative;
}
.sui-MoleculeModalContent--without-indentation {
  margin: 0;
  padding: 0;
}
.sui-MoleculeModalContent--visible-overflow {
  overflow-y: visible;
}

.sui-MoleculeModalFooter {
  padding: 16px 16px 16px 16px;
  border-top: 1px solid color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
}

body.is-MoleculeModal-open {
  overflow-y: hidden;
}

.sui-MoleculeModal {
  align-items: center;
  display: none;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}
.sui-MoleculeModal::before {
  animation: modal-overlay-in 5s both;
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  z-index: -1;
}
.sui-MoleculeModal-out::before {
  animation: modal-overlay-out 0.25s both;
}
.sui-MoleculeModal.is-static::before {
  display: block;
}
.sui-MoleculeModal-out.is-static::before {
  display: none;
}
.sui-MoleculeModal.is-MoleculeModal-open {
  display: flex;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 3010;
}
.sui-MoleculeModal-dialog {
  animation: modal-content-in 0.25s ease-in;
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  min-width: 288px;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  width: 100%;
  z-index: 3010;
}
@media (min-width: 480px) {
  .sui-MoleculeModal-dialog {
    border-radius: 8px;
    height: auto;
    margin: 24px;
    max-height: calc(100% - 24px * 2);
    max-width: 800px;
    width: initial;
  }
}
.sui-MoleculeModal-dialog--out {
  animation: modal-content-out 0.25s ease-in;
}
.sui-MoleculeModal-dialog--fit {
  border-radius: 8px;
  height: auto;
  margin: 16px;
  max-height: calc(100% - 24px * 2);
  width: initial;
}
@media (min-width: 480px) {
  .sui-MoleculeModal-dialog--size-full {
    border: 0;
    border-radius: 0;
    height: 100%;
    margin: 0;
    max-height: 100%;
  }
}
.sui-MoleculeModal-dialog--visible-overflow {
  overflow: visible;
}
.sui-MoleculeModal-dialog--size-xsmall {
  width: 100%;
}
@media (min-width: 480px) {
  .sui-MoleculeModal-dialog--size-xsmall {
    max-width: 384px;
  }
}
.sui-MoleculeModal-dialog--size-small {
  width: 100%;
}
@media (min-width: 480px) {
  .sui-MoleculeModal-dialog--size-small {
    max-width: 448px;
  }
}
.sui-MoleculeModal-dialog--size-medium {
  width: 100%;
}
@media (min-width: 480px) {
  .sui-MoleculeModal-dialog--size-medium {
    max-width: 675px;
  }
}
.sui-MoleculeModal-dialog--size-large {
  width: 100%;
}
@media (min-width: 480px) {
  .sui-MoleculeModal-dialog--size-large {
    max-width: 800px;
  }
}
.sui-MoleculeModal-dialog--size-full {
  width: 100%;
}
@media (min-width: 480px) {
  .sui-MoleculeModal-dialog--size-full {
    max-width: 100%;
  }
}
.sui-MoleculeModal.is-static::before, .sui-MoleculeModal.is-static .sui-MoleculeModal-dialog {
  animation-name: none;
}
.sui-MoleculeModal-header {
  align-items: center;
  background-color: transparent;
  border-bottom: 1px solid color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: inherit;
  display: flex;
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 600;
  justify-content: space-between;
  padding: 16px 0 16px 24px;
  position: relative;
}
.sui-MoleculeModal-no-header {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 16px 0 0 0;
  position: relative;
}
.sui-MoleculeModal-empty-header {
  position: relative;
}
.sui-MoleculeModal-close {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border: 0;
  color: #000e23;
  cursor: pointer;
  display: flex;
  outline: 0 none;
  padding: 0 16px 0 16px;
}
.sui-MoleculeModal-close--floating {
  position: absolute;
  right: 0;
  top: 16px;
  z-index: 3010;
}
.sui-MoleculeModal-close svg {
  height: 16px;
  width: 16px;
}

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

/* small */
/* medium */
/* large */
/* threeCharacters */
/* disabled */
/* selected */

.mt-NewsDetail {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
  padding: 16px;
}
@media (min-width: 800px) {
  .mt-NewsDetail {
    display: grid;
    gap: 16px;
    grid-template-columns: auto 270px;
  }
}
.mt-NewsDetail-content {
  min-width: 0;
}
.mt-NewsDetail-contentBreadcrumbs {
  margin-bottom: 16px;
}
.mt-NewsDetail-sidebarContent {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 800px) {
  .mt-NewsDetail-sidebarContent {
    position: sticky;
    top: 0;
  }
}
.mt-NewsDetail-articleBody {
  padding-top: 32px;
}
.mt-NewsDetail-articleBodyHeading {
  margin: 32px 0 16px;
}
.mt-NewsDetail-articleBody .mt-NewsDetail-articleBodyParagraph {
  font-size: 16px;
  line-height: 1.72;
  margin: 32px 0;
  word-break: break-word;
}
.mt-NewsDetail-articleBody .mt-NewsDetail-articleBodyParagraph:first-child {
  margin-top: 0;
}
.mt-NewsDetail-articleBodyUnorderedList {
  margin: 0;
  padding-left: 32px;
}
.mt-NewsDetail-articleBodyUnorderedList .mt-NewsDetail-articleBodyParagraph {
  margin: 16px 0;
}
.mt-NewsDetail-articleBodyLink {
  color: #000e23;
  font-weight: 600;
}
.mt-NewsDetail-articleBodyLink:visited {
  color: #000e23;
}
.mt-NewsDetail-articleBodyLink:hover {
  color: #3b4a5a;
}
.mt-NewsDetail-articleBodyQuote {
  font-size: 20px;
  font-weight: 600;
  margin: 24px 0;
  display: flex;
}
.mt-NewsDetail-articleBodyQuote:before {
  content: "“";
  color: #e60e27;
  font-size: 54px;
  display: inline;
  padding-right: 8px;
  line-height: 1;
}
.mt-NewsDetail-articleBodyQuote .mt-NewsDetail-articleBodyParagraph {
  display: inline-block;
  margin: 0;
}
.mt-NewsDetail-articleBodyNewsletterWrapper {
  margin-bottom: 24px;
}
.mt-NewsDetail-banner {
  padding-top: 16px;
}
.mt-NewsDetail-backToArticle {
  margin-top: 24px;
}
.mt-NewsDetail-extraInfo {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 24px;
}
@media (min-width: 970px) {
  .mt-NewsDetail-extraInfo {
    gap: 32px;
  }
}
.mt-NewsDetail-extraInfoTitleWrapper {
  margin-bottom: 16px;
}
.mt-NewsDetail-extraInfoComments {
  display: flex;
  flex-direction: column;
}
.mt-NewsDetail-extraInfoCommentsPost {
  margin-bottom: 32px;
}
.mt-NewsDetail-extraInfoCommentsShowMore {
  padding-top: 24px;
}
.mt-NewsDetail-relatedContent {
  margin-top: 16px;
  padding: 0;
}
@media (min-width: 970px) {
  .mt-NewsDetail-relatedContent {
    margin-top: 0;
    padding: 8px 0;
  }
}
.mt-NewsDetail-relatedContentHeader {
  margin-bottom: 16px;
  font-size: 14px;
}
@media (min-width: 970px) {
  .mt-NewsDetail-relatedContentHeader {
    display: flex;
    justify-content: space-between;
  }
}
.mt-NewsDetail-skeleton {
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  margin-top: 24px;
}
.mt-NewsDetail-skeleton--webview {
  margin-top: 0;
}
.mt-NewsDetail-skeleton > * {
  margin-bottom: 32px;
}
@media (max-width: 1299px) {
  .mt-NewsDetail-skeleton > * {
    padding: 0 8px;
  }
}
.mt-NewsDetail-skeleton-tight {
  margin-top: 0;
}
@media (min-width: 970px) {
  .mt-NewsDetail-skeleton-tight {
    margin-top: 8px;
  }
}
.mt-NewsDetail-skeleton-tight > * {
  margin-bottom: 8px;
}
@media (max-width: 1299px) {
  .mt-NewsDetail-skeleton-tight > * {
    padding: 0 8px;
  }
}
.mt-NewsDetail-mediaVideoWrapper {
  display: grid;
  gap: 24px;
  margin-bottom: 24px;
}
.mt-NewsDetail-faqsForUrl {
  display: grid;
  gap: 24px;
}

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/

/* note on dim colour variations

- dim values on Figma are usually represented as percentages
- a well supported way of representing them in CSS is by adding the alpha value as an extension of the colour value
- hence, our alpha values as defined by UX correspond to the following hex values:

72% — B8
68% — AD
40% — 66
16% — 29
8% — 14

*/
.sui-AtomTooltip > .sui-AtomTooltip-inner .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative {
  color: #bfc7d0;
}
.sui-AtomTooltip > .sui-AtomTooltip-inner .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative:hover {
  background-color: inherit;
  color: #ffffff;
  text-decoration: underline;
}

.mt-ErrorMessage {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.mt-ErrorMessage-image {
  display: block;
  margin-bottom: 16px;
  width: 220px;
}
@media (min-width: 800px) {
  .mt-ErrorMessage-image {
    width: 280px;
  }
}
.mt-ErrorMessage-text {
  color: #000e23;
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
  text-align: center;
}

/* sass-lint:disable no-important, class-name-format*/

/* sass-lint:disable class-name-format */

@keyframes sui-spinner-animation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sui-SpinnerBasic {
  display: inline-block;
  line-height: 1;
  margin: 6px;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}
.sui-SpinnerBasic-circleBackground {
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0.45;
}
.sui-SpinnerBasic-circleArc {
  left: 0;
  position: absolute;
  top: 0;
  animation: sui-spinner-animation 1500ms infinite linear;
}
.sui-SpinnerBasic--large {
  height: 60px;
  width: 60px;
}
.sui-SpinnerBasic--large .sui-SpinnerBasic-circle {
  border-radius: 60px;
  height: 60px;
  width: 60px;
}
.sui-SpinnerBasic--large .sui-SpinnerBasic-circleBackground {
  border: 3px solid var(--c-primary, #2b91c1);
}
.sui-SpinnerBasic--large .sui-SpinnerBasic-circleArc {
  border: 3px solid transparent;
  border-right-color: var(--c-primary, #2b91c1);
}
.sui-SpinnerBasic--medium {
  height: 30px;
  width: 30px;
}
.sui-SpinnerBasic--medium .sui-SpinnerBasic-circle {
  border-radius: 30px;
  height: 30px;
  width: 30px;
}
.sui-SpinnerBasic--medium .sui-SpinnerBasic-circleBackground {
  border: 2px solid var(--c-primary, #2b91c1);
}
.sui-SpinnerBasic--medium .sui-SpinnerBasic-circleArc {
  border: 2px solid transparent;
  border-right-color: var(--c-primary, #2b91c1);
}
.sui-SpinnerBasic--small {
  height: 15px;
  width: 15px;
}
.sui-SpinnerBasic--small .sui-SpinnerBasic-circle {
  border-radius: 15px;
  height: 15px;
  width: 15px;
}
.sui-SpinnerBasic--small .sui-SpinnerBasic-circleBackground {
  border: 1px solid var(--c-primary, #2b91c1);
}
.sui-SpinnerBasic--small .sui-SpinnerBasic-circleArc {
  border: 1px solid transparent;
  border-right-color: var(--c-primary, #2b91c1);
}

.sui-ImageLazyLoad {
  position: relative;
}
.sui-ImageLazyLoad--ratio-1-1 .sui-ImageLazyLoad-imageWrap {
  position: relative;
  overflow: hidden;
}
.sui-ImageLazyLoad--ratio-1-1 .sui-ImageLazyLoad-imageWrap::before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}
.sui-ImageLazyLoad--ratio-1-1 .sui-ImageLazyLoad-imageWrap > * {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sui-ImageLazyLoad--ratio-5-4 .sui-ImageLazyLoad-imageWrap {
  position: relative;
  overflow: hidden;
}
.sui-ImageLazyLoad--ratio-5-4 .sui-ImageLazyLoad-imageWrap::before {
  content: "";
  display: block;
  padding-top: 80%;
  width: 100%;
}
.sui-ImageLazyLoad--ratio-5-4 .sui-ImageLazyLoad-imageWrap > * {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sui-ImageLazyLoad--ratio-4-3 .sui-ImageLazyLoad-imageWrap {
  position: relative;
  overflow: hidden;
}
.sui-ImageLazyLoad--ratio-4-3 .sui-ImageLazyLoad-imageWrap::before {
  content: "";
  display: block;
  padding-top: 75%;
  width: 100%;
}
.sui-ImageLazyLoad--ratio-4-3 .sui-ImageLazyLoad-imageWrap > * {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sui-ImageLazyLoad--ratio-3-2 .sui-ImageLazyLoad-imageWrap {
  position: relative;
  overflow: hidden;
}
.sui-ImageLazyLoad--ratio-3-2 .sui-ImageLazyLoad-imageWrap::before {
  content: "";
  display: block;
  padding-top: 66.6666666667%;
  width: 100%;
}
.sui-ImageLazyLoad--ratio-3-2 .sui-ImageLazyLoad-imageWrap > * {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sui-ImageLazyLoad--ratio-5-3 .sui-ImageLazyLoad-imageWrap {
  position: relative;
  overflow: hidden;
}
.sui-ImageLazyLoad--ratio-5-3 .sui-ImageLazyLoad-imageWrap::before {
  content: "";
  display: block;
  padding-top: 60%;
  width: 100%;
}
.sui-ImageLazyLoad--ratio-5-3 .sui-ImageLazyLoad-imageWrap > * {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sui-ImageLazyLoad--ratio-16-9 .sui-ImageLazyLoad-imageWrap {
  position: relative;
  overflow: hidden;
}
.sui-ImageLazyLoad--ratio-16-9 .sui-ImageLazyLoad-imageWrap::before {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}
.sui-ImageLazyLoad--ratio-16-9 .sui-ImageLazyLoad-imageWrap > * {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sui-ImageLazyLoad--ratio-3-1 .sui-ImageLazyLoad-imageWrap {
  position: relative;
  overflow: hidden;
}
.sui-ImageLazyLoad--ratio-3-1 .sui-ImageLazyLoad-imageWrap::before {
  content: "";
  display: block;
  padding-top: 33.3333333333%;
  width: 100%;
}
.sui-ImageLazyLoad--ratio-3-1 .sui-ImageLazyLoad-imageWrap > * {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sui-ImageLazyLoad-spinner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 22px 32px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.sui-ImageLazyLoad-image {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}
.sui-ImageLazyLoad--fitContain, .sui-ImageLazyLoad-image--fitContain, .sui-ImageLazyLoad-imageWrap--fitContain, .sui-ImageLazyLoad--fitCover, .sui-ImageLazyLoad-image--fitCover, .sui-ImageLazyLoad-imageWrap--fitCover, .sui-ImageLazyLoad--fitFill, .sui-ImageLazyLoad-image--fitFill, .sui-ImageLazyLoad-imageWrap--fitFill, .sui-ImageLazyLoad--fitNone, .sui-ImageLazyLoad-image--fitNone, .sui-ImageLazyLoad-imageWrap--fitNone {
  height: 100%;
  width: 100%;
}
.sui-ImageLazyLoad--fitContain, .sui-ImageLazyLoad-image--fitContain, .sui-ImageLazyLoad-imageWrap--fitContain {
  object-fit: contain;
}
.sui-ImageLazyLoad--fitCover, .sui-ImageLazyLoad-image--fitCover, .sui-ImageLazyLoad-imageWrap--fitCover {
  object-fit: cover;
}
.sui-ImageLazyLoad--fitFill, .sui-ImageLazyLoad-image--fitFill, .sui-ImageLazyLoad-imageWrap--fitFill {
  object-fit: fill;
}
.sui-ImageLazyLoad--fitNone, .sui-ImageLazyLoad-image--fitNone, .sui-ImageLazyLoad-imageWrap--fitNone {
  object-fit: none;
}
.sui-ImageLazyLoad .LazyLoad {
  align-items: center;
  display: flex;
  justify-content: center;
}

.sui-CardArticle {
  background-color: #ffffff;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease;
  overflow: hidden;
}
.sui-CardArticle:hover {
  box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.15);
}
.sui-CardArticle:hover .sui-CardArticle-title {
  color: inherit;
}
.sui-CardArticle.is-disabled {
  opacity: 0.3;
}
.sui-CardArticle-media {
  position: relative;
}
.sui-CardArticle-media img {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}
.sui-CardArticle-mediaIcon {
  height: 48px;
  width: 48px;
  fill: #ffffff !important;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.sui-CardArticle-content {
  padding: 11px 16px 22px;
}
.sui-CardArticle-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 4px;
}
.sui-CardArticle-title--primary {
  color: #000e23;
}
.sui-CardArticle-description {
  color: #3b4a5a;
  font-size: 14px;
}
.sui-CardArticle-action {
  margin-top: 8px;
}
.sui-CardArticle-link {
  color: #000e23;
  text-decoration: none;
}
.sui-CardArticle-info.is-featured {
  border-top: 4px solid #ffe613;
}
.sui-CardArticle-infoInner {
  align-items: center;
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  margin: 0 16px;
  padding: 11px 0;
}
.sui-CardArticle-tag.sui-TagChip {
  margin: 0;
}
.sui-CardArticle-comments {
  color: #000e23;
  text-decoration: none;
  align-items: center;
  align-self: flex-end;
  color: #000e23;
  display: flex;
  font-size: 12px;
}
.sui-CardArticle-commentsWrap {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.sui-CardArticle-commentsIcon {
  fill: #000e23 !important;
  height: 16px;
  margin-right: 6px;
  width: 16px;
}

.sui-ListMasonry {
  align-content: stretch;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.sui-ListMasonry-column {
  align-content: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
}

@keyframes coming-in {
  to {
    transform: translateY(0);
  }
}
@media (min-width: 600px) {
  .mt-FeedArticles {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.mt-FeedArticles-item {
  margin-bottom: 16px;
}
@media (min-width: 600px) {
  .mt-FeedArticles-item {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.mt-FeedArticles-item.is-visible {
  animation: none;
  transform: translateY(0);
}
@media (min-width: 970px) {
  .mt-FeedArticles-item.is-coming-in {
    animation: coming-in 0.9s ease forwards;
    transform: translateY(150px);
  }
  .mt-FeedArticles-item.is-coming-in:nth-child(odd) {
    animation-duration: 0.6s;
  }
}
.mt-FeedArticles-itemWrapper {
  position: relative;
}
.mt-FeedArticles-itemActions {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
}

.mt-LinkStores-item {
  background-image: url("https://s.ccdn.es/images/stores@2x.png");
  background-repeat: no-repeat;
  background-size: 100%;
  border: 1px solid #bfc7d0;
  border-radius: 8px;
  display: inline-block;
  height: 50px;
  margin-right: 16px;
  overflow: hidden;
  text-indent: -200%;
  width: 140px;
}
.mt-LinkStores-item:hover {
  border: 1px solid #606f80;
}
.mt-LinkStores-item--itunes {
  background-position: 9px 10px;
}
.mt-LinkStores-item--gplay {
  background-position: 9px -36px;
}
.mt-LinkStores--hasShadow .mt-LinkStores-item {
  border: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.mt-LinkStores--hasShadow .mt-LinkStores-item:hover {
  background-color: #eef0f4;
  border: 0;
}

.mt-SharedCorporateFooter {
  padding: 32px 16px 16px;
  border-top: 1px solid #bfc7d0;
}
.mt-SharedCorporateFooter--bg-inherit {
  background-color: inherit;
}
.mt-SharedCorporateFooter--bg-white {
  background-color: #ffffff;
}
.mt-SharedCorporateFooter--fullWidth {
  margin: auto auto 0;
  max-width: 992px;
}
.mt-SharedCorporateFooter--simple {
  border-top: unset;
  padding-top: 0;
  width: 100%;
}
@media (min-width: 970px) {
  .mt-SharedCorporateFooter-firstRow {
    display: flex;
  }
}
.mt-SharedCorporateFooter-logo {
  display: inline-block;
  width: 206px;
}
.mt-SharedCorporateFooter-logo img {
  width: 100%;
}
@media (min-width: 970px) {
  .mt-SharedCorporateFooter-logo {
    display: flex;
  }
}
.mt-SharedCorporateFooter-appsLinks {
  padding: 32px 0;
}
@media (min-width: 970px) {
  .mt-SharedCorporateFooter-appsLinks {
    padding: 0 40px;
  }
}
.mt-SharedCorporateFooter-socialMediaContainer {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 16px;
}
@media (min-width: 970px) {
  .mt-SharedCorporateFooter-socialMediaContainer {
    align-items: center;
    margin-left: auto;
  }
}
.mt-SharedCorporateFooter-socialMedia {
  width: 20px;
}
.mt-SharedCorporateFooter-socialMediaLink {
  color: #000e23;
}
.mt-SharedCorporateFooter-socialMediaLink:hover {
  color: #242f44;
}
.mt-SharedCorporateFooter-generalLinksContainer {
  padding-bottom: 24px;
}
@media (min-width: 600px) {
  .mt-SharedCorporateFooter-generalLinksContainer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 32px;
  }
}
@media (min-width: 970px) {
  .mt-SharedCorporateFooter-generalLinksContainer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1300px) {
  .mt-SharedCorporateFooter-generalLinksContainer {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}
.mt-SharedCorporateFooter-linksColumn {
  padding-top: 40px;
}
@media (min-width: 600px) {
  .mt-SharedCorporateFooter-linksColumn {
    padding-right: 8px;
  }
}
.mt-SharedCorporateFooter-linksColumnTitle {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 24px;
  margin: 0;
  color: #000e23;
}
.mt-SharedCorporateFooter-linksList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mt-SharedCorporateFooter-linksListItem {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 16px;
}
.mt-SharedCorporateFooter-linksListItem:last-child {
  padding-bottom: 0;
}
.mt-SharedCorporateFooter-linksListItem a, .mt-SharedCorporateFooter-linksListItem a:visited {
  text-decoration: none;
  color: #3b4a5a;
}
.mt-SharedCorporateFooter-linksListItem a:hover {
  text-decoration: underline;
}
.mt-SharedCorporateFooter-linksContainer a {
  display: inline-block;
  padding-right: 6px;
}
.mt-SharedCorporateFooter-adevintaInfo {
  border-top: 1px solid #bfc7d0;
  margin: 0 -16px;
  padding: 24px 16px;
  color: #000e23;
}
.mt-SharedCorporateFooter-adevintaInfo a {
  text-decoration: underline;
}
.mt-SharedCorporateFooter-adevintaInfo a, .mt-SharedCorporateFooter-adevintaInfo a:visited {
  color: #000e23;
  font-weight: 700;
}
.mt-SharedCorporateFooter-textContainer {
  margin: 16px 0 0;
}
.mt-SharedCorporateFooter-textContainer:first-child {
  margin: 0;
}

/* sass-lint:disable class-name-format, no-important */

/* sass-lint:disable class-name-format, no-important */

@media (max-width: 799px) {
  .sui-DropdownBasic {
    position: relative;
  }
  .sui-DropdownBasic.is-expanded {
    border-bottom: 1px solid color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
  }
}
@media (min-width: 800px) {
  .sui-DropdownBasic {
    display: inline-block;
  }
}
.sui-DropdownBasic-button {
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  user-select: none;
  align-items: center;
  color: #000e23;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
}
.sui-DropdownBasic-button:focus {
  outline: 0;
}
@media (max-width: 799px) {
  .sui-DropdownBasic-button {
    background-color: #ffffff;
    color: #000e23;
    padding: 16px;
    width: 100%;
  }
}
@media (min-width: 800px) {
  .sui-DropdownBasic-button {
    border-radius: 16px;
    padding: 8px;
  }
  .is-expanded .sui-DropdownBasic-button {
    background-color: #eef0f4;
  }
}
.sui-DropdownBasic-button:hover {
  color: #242f44;
}
.sui-DropdownBasic-button:focus-visible {
  outline: 2px solid #000e23;
  border-radius: 4px;
}
@media (min-width: 800px) {
  .sui-DropdownBasic-buttonWrap {
    padding: 8px 0;
    position: relative;
  }
  .is-expanded > .sui-DropdownBasic-buttonWrap::after {
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0;
    bottom: 0;
    content: "";
    left: calc(50% - 8px);
    position: absolute;
  }
}
.sui-DropdownBasic-buttonContent {
  align-items: center;
  display: flex;
  font-weight: 600;
  text-align: left;
}
@media (max-width: 799px) {
  .sui-DropdownBasic-buttonContent {
    font-size: 18px;
    font-weight: normal;
  }
}
@media (min-width: 800px) {
  .sui-DropdownBasic-buttonIcon {
    display: none;
  }
}
.sui-DropdownBasic-buttonIcon :first-child {
  display: flex;
}
.sui-DropdownBasic-buttonIcon :first-child svg {
  height: 24px !important;
  width: 24px !important;
}
.sui-DropdownBasic-buttonIcon:not(:last-child) {
  margin-right: 8px;
}
.sui-DropdownBasicMenu {
  display: none;
}
.is-expanded > .sui-DropdownBasicMenu {
  background-color: #ffffff;
  border-top: unset;
  display: block;
  padding: 8px;
}
@media (max-width: 799px) {
  .is-expanded > .sui-DropdownBasicMenu {
    background-color: #ffffff;
    width: 100%;
  }
}
@media (min-width: 800px) {
  .is-expanded > .sui-DropdownBasicMenu {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    position: absolute;
    white-space: nowrap;
    z-index: 3;
  }
}
@media (min-width: 800px) {
  .sui-DropdownBasicMenu-item {
    float: left;
  }
  .sui-DropdownBasicMenu-item:not(:last-child) {
    padding-left: 8px;
    padding-right: 16px;
  }
}
.sui-DropdownBasicMenu-title {
  color: #606f80;
  display: block;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 16px;
  padding: 8px 0;
  text-transform: none;
}
@media (max-width: 799px) {
  .sui-DropdownBasicMenu-title {
    margin-bottom: 0;
    padding: 16px 0 0 8px;
  }
}
@media (min-width: 800px) {
  .sui-DropdownBasicMenu-title {
    border-bottom: 1px solid #bfc7d0;
  }
}
.sui-DropdownBasicMenu-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.sui-DropdownBasicMenu-listItem {
  margin: 16px 0;
}
@media (max-width: 799px) {
  .sui-DropdownBasicMenu-listItem:not(:first-child) {
    margin: 8px 0 16px;
  }
}
.sui-DropdownBasicMenu-listLink {
  color: #000e23;
  text-decoration: none;
  color: #3b4a5a;
  display: block;
  padding-right: 24px;
}
@media (max-width: 799px) {
  .sui-DropdownBasicMenu-listLink {
    font-size: 16px;
    padding: 4px 16px;
  }
}
@media (min-width: 800px) {
  .sui-DropdownBasicMenu-listLink {
    white-space: nowrap;
  }
}
.sui-DropdownBasicMenu-listLink:hover {
  color: #000e23;
  text-decoration: underline;
}

/* sass-lint:disable class-name-format, no-important */

/* small */
/* medium */
/* large */
/* threeCharacters */
/* disabled */
/* selected */
.sui-MoleculeBadgeCounter {
  display: inline-block;
  position: relative;
}
.sui-MoleculeBadgeCounter--withChildren {
  height: 100%;
}
.sui-MoleculeBadgeCounter-bullet {
  align-items: center;
  background-color: #e60e27;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  border-radius: 100%;
  box-sizing: border-box;
  color: #ffffff;
  display: inline-flex;
  font-size: 8px;
  justify-content: center;
}
.sui-MoleculeBadgeCounter-bullet--status-default {
  background-color: #e60e27;
  color: #ffffff;
}
.sui-MoleculeBadgeCounter-bullet--status-disabled {
  background-color: #777777;
  color: #ffffff;
}
.sui-MoleculeBadgeCounter-bullet--status-selected {
  background-color: #000e23;
  color: #ffffff;
}
.sui-MoleculeBadgeCounter-bullet-dot {
  background-color: #ffffff;
  border-style: solid;
  border-color: #e60e27;
}
.sui-MoleculeBadgeCounter-bullet-exclamation::after {
  content: "!";
}
.sui-MoleculeBadgeCounter-bullet-small {
  height: 12px;
  width: 12px;
}
.sui-MoleculeBadgeCounter-bullet-small.sui-MoleculeBadgeCounter-bullet--withChildren {
  position: absolute;
  right: -6px;
  top: -4px;
  z-index: 1;
}
.sui-MoleculeBadgeCounter-bullet-small.sui-MoleculeBadgeCounter-bullet-dot {
  border-width: 4px;
}
.sui-MoleculeBadgeCounter-bullet-medium {
  height: 16px;
  min-width: 16px;
}
.sui-MoleculeBadgeCounter-bullet-medium.sui-MoleculeBadgeCounter-bullet--withChildren {
  position: absolute;
  right: -8px;
  top: -6px;
  z-index: 1;
}
.sui-MoleculeBadgeCounter-bullet-medium.sui-MoleculeBadgeCounter-bullet-dot {
  border-width: 5px;
}
.sui-MoleculeBadgeCounter-bullet-medium.sui-MoleculeBadgeCounter-bullet-extended {
  border-radius: 16px;
  padding: 0 4px;
}
.sui-MoleculeBadgeCounter-bullet-medium--threeCharacters {
  border-radius: 32px;
  padding: 0 4px;
}
.sui-MoleculeBadgeCounter-bullet-large {
  font-size: 10px;
  height: 24px;
  min-width: 24px;
}
.sui-MoleculeBadgeCounter-bullet-large.sui-MoleculeBadgeCounter-bullet--withChildren {
  position: absolute;
  right: -12px;
  top: -12px;
  z-index: 1;
}
.sui-MoleculeBadgeCounter-bullet-large.sui-MoleculeBadgeCounter-bullet-dot {
  border-width: 6px;
}
.sui-MoleculeBadgeCounter-bullet-large.sui-MoleculeBadgeCounter-bullet-extended {
  border-radius: 16px;
  padding: 0 8px;
}
.sui-MoleculeBadgeCounter-bullet-large--threeCharacters {
  border-radius: 32px;
  min-width: 36px;
  padding: 0 4px;
}

@media (max-width: 799px) {
  .sui-DropdownUser {
    background-color: #ffffff;
  }
}
@media (min-width: 800px) {
  .sui-DropdownUser {
    display: inline-block;
  }
}
.sui-DropdownUser-button {
  align-items: center;
  background: url("https://s.ccdn.es/images/topbar-bg-dropdown-user.jpg") center center;
  border: none;
  display: flex;
  position: relative;
  text-align: left;
  width: 100%;
}
@media (max-width: 799px) {
  .sui-DropdownUser-button {
    padding: 22px 16px;
  }
}
@media (min-width: 800px) {
  .sui-DropdownUser-button {
    background: none;
    border-radius: 32px;
    padding: 6px 16px;
    width: auto;
  }
  .is-expanded .sui-DropdownUser-button {
    background-color: #eef0f4;
  }
}
.sui-DropdownUser-button:focus-visible {
  outline: 2px solid #000e23;
  border-radius: 4px;
}
.sui-DropdownUser-buttonAvatar {
  border-radius: 100%;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.has-notifications .sui-DropdownUser-buttonAvatarWrap {
  position: relative;
}
.has-notifications .sui-DropdownUser-buttonAvatarWrap::before {
  background-color: #e60e27;
  border: 2px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  line-height: 18px;
  margin: 0 0 0 10px;
  min-height: 18px;
  min-width: 18px;
  padding: 0 5px;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  content: attr(data-notification-counter);
  position: absolute;
  right: 2px;
  top: 2px;
}
.sui-DropdownUser-buttonText {
  font-weight: 700;
}
@media (max-width: 799px) {
  .sui-DropdownUser-buttonText {
    color: #ffffff;
  }
}
@media (min-width: 800px) {
  .sui-DropdownUser-buttonText {
    color: #000e23;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.sui-DropdownUserMenu {
  background-color: #ffffff;
}
@media (min-width: 800px) {
  .sui-DropdownUserMenu {
    background-color: #ffffff;
  }
  .sui-DropdownUserMenu-wrap {
    display: none;
    padding-top: 0;
  }
  .is-expanded > .sui-DropdownUserMenu-wrap {
    display: inline-block;
    padding-top: 8px;
    position: absolute;
    z-index: 3;
  }
  .is-expanded > .sui-DropdownUserMenu-wrap::after {
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0;
    content: "";
    left: 24px;
    position: absolute;
    top: 0;
  }
  .is-expanded > .sui-DropdownUserMenu-wrap > .sui-DropdownUserMenu {
    background-color: #ffffff;
    border-radius: 8px;
    border-top: unset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  }
}
.sui-DropdownUserMenu-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
@media (min-width: 800px) {
  .sui-DropdownUserMenu-list {
    margin-top: 4px;
  }
}
.sui-DropdownUserMenu-listItem:last-child {
  border-top: 1px solid #bfc7d0;
}
.sui-DropdownUserMenu-listLink {
  color: #000e23;
  text-decoration: none;
  align-items: center;
  display: flex;
  position: relative;
}
@media (max-width: 799px) {
  .sui-DropdownUserMenu-listLink {
    display: flex;
    font-size: 18px;
    font-weight: normal;
    padding: 22px 32px 22px 16px;
  }
}
@media (min-width: 800px) {
  .sui-DropdownUserMenu-listLink {
    color: #3b4a5a;
    padding: 11px 32px 11px 16px;
  }
}
.sui-DropdownUserMenu-listLink:hover, .sui-DropdownUserMenu-listLinkHighlight {
  color: #000e23;
}
.sui-DropdownUserMenu-listIcon :first-child {
  display: flex;
  margin-right: 4px;
}
.sui-DropdownUserMenu-listIcon :first-child svg {
  height: 24px !important;
  width: 24px !important;
}
.sui-DropdownUserMenu-listIcon :first-childHighlight {
  fill: var(--c-accent, #d57c1b) !important;
}
:hover > .sui-DropdownUserMenu-listIcon :first-child {
  fill: #000e23 !important;
}
.sui-DropdownUserMenu-listNotification {
  position: absolute;
  right: 16px;
}
.sui-DropdownUserMenu-listLink:hover .sui-DropdownUserMenu-listText {
  text-decoration: underline;
}

.html-has-scroll-disabled {
  overflow-y: hidden;
  position: fixed;
}

.body-has-scroll-disabled {
  height: 100%;
  overflow-y: hidden;
  position: fixed;
  width: 100%;
}

.sui-TopbarUser {
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  position: relative;
}
@media (min-width: 800px) {
  .sui-TopbarUser {
    border-radius: 8px;
  }
}
.sui-TopbarUser-heading {
  display: inline-flex;
  font-size: 0;
  line-height: 0;
}
.sui-TopbarUser-brand {
  color: #000e23;
  text-decoration: none;
  align-self: center;
  box-sizing: content-box;
  font-size: 24px;
  font-weight: 700;
  height: 16px;
  margin-bottom: 4px;
  margin-right: 16px;
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 serif;
  text-shadow: none;
  padding: 11px 0;
  width: 109px;
}
@media (min-width: 800px) {
  .sui-TopbarUser-brand {
    height: 19px;
    margin-right: 16px;
    width: 130px;
  }
}
@media (min-width: 970px) {
  .sui-TopbarUser-brand {
    margin-right: 32px;
  }
}
.sui-TopbarUser-brandIcon {
  align-items: center;
  display: flex;
  margin-right: 16px;
}
@media (min-width: 800px) {
  .sui-TopbarUser-brandIcon {
    margin-right: 32px;
  }
}
.sui-TopbarUser-cta {
  align-items: center;
  display: flex;
  gap: 8px;
}
.sui-TopbarUser-ctaButtonIcon {
  fill: currentColor !important;
}
@media (max-width: 799px) {
  .sui-TopbarUser-nav {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    max-width: 350px;
    overflow-y: auto;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    width: 90%;
  }
  .is-expanded > .sui-TopbarUser-nav {
    transform: translateX(0);
  }
  .sui-TopbarUser-navWrap {
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    z-index: 1;
  }
  .sui-TopbarUser-navWrap::before {
    background-color: #000000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.3s ease;
    width: 100%;
  }
  .sui-TopbarUser-navWrap.is-expanded {
    pointer-events: all;
  }
  .sui-TopbarUser-navWrap.is-expanded::before {
    opacity: 0.6;
  }
  .sui-TopbarUser-navMain {
    order: 2;
  }
  .sui-TopbarUser-navUser {
    order: 1;
  }
}
@media (min-width: 800px) {
  .sui-TopbarUser-nav {
    display: flex;
    justify-content: space-between;
  }
  .sui-TopbarUser-navWrap {
    flex: 1;
    padding: 11px 0;
  }
  .sui-TopbarUser-navMain, .sui-TopbarUser-navUser {
    align-items: center;
    display: flex;
  }
  .sui-TopbarUser-navMain {
    flex: 1;
  }
}
.sui-TopbarUser-title {
  display: flex;
  align-items: center;
}
.sui-TopbarUser-toggle {
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  user-select: none;
  margin-left: -16px;
  padding: 11px 16px;
}
.sui-TopbarUser-toggle:focus {
  outline: 0;
}
@media (min-width: 800px) {
  .sui-TopbarUser-toggle {
    display: none;
  }
}
.sui-TopbarUser-toggle.has-notifications {
  position: relative;
}
.sui-TopbarUser-toggle.has-notifications::before {
  background-color: #e60e27;
  border: 2px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  line-height: 18px;
  margin: 0 0 0 10px;
  min-height: 18px;
  min-width: 18px;
  padding: 0 5px;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  content: attr(data-notification-counter);
  position: absolute;
  right: 12px;
  top: 12px;
}
.sui-TopbarUser-toggleIcon {
  fill: #000e23 !important;
  height: 24px;
  width: 24px;
}
.sui-TopbarUser-navButton {
  align-items: center;
  display: flex;
  height: 48px;
}
.sui-TopbarUser-wrap {
  display: flex;
  flex: 1;
}

.mt-SharedTopbar {
  background-color: #ffffff;
  border-radius: 8px;
}
.mt-SharedTopbar-brand-icon {
  height: 40px;
  width: 40px;
}
.mt-SharedTopbar-customContent {
  align-items: center;
  display: flex;
  gap: 8px;
}
.mt-SharedTopbar-ctaGroup {
  align-items: center;
  display: flex;
  gap: 8px;
}
@media (max-width: 799px) {
  .mt-SharedTopbar-ctaGroup {
    gap: 4px;
  }
  .mt-SharedTopbar-ctaGroup > * {
    --button-height: 32px;
    font-size: 14px;
  }
  .mt-SharedTopbar-ctaGroup > *:not(:has(svg)) {
    padding-left: 8px;
    padding-right: 8px;
  }
  .mt-SharedTopbar-ctaGroup svg {
    height: 16px;
    width: 16px;
  }
  .mt-SharedTopbar--withSecondaryCTA .sui-TopbarUser-toggle {
    padding-left: 8px;
    padding-right: 8px;
  }
  .mt-SharedTopbar--withSecondaryCTA .sui-TopbarUser-brand {
    margin-right: 8px;
  }
}
.mt-SharedTopbar > .sui-TopbarUser {
  box-shadow: none;
}
.mt-SharedTopbar--headerFlush {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #bfc7d0;
}
.mt-SharedTopbar--fullWidth {
  border-radius: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
}
@media (min-width: 800px) {
  .mt-SharedTopbar--fullWidth {
    height: 64px;
  }
}
@media (min-width: 970px) {
  .mt-SharedTopbar--fullWidth {
    display: flex;
    justify-content: center;
  }
}
.mt-SharedTopbar--fullWidth .sui-TopbarUser {
  border-radius: 0;
}
@media (min-width: 800px) {
  .mt-SharedTopbar--fullWidth .sui-TopbarUser {
    box-shadow: none;
  }
}
@media (min-width: 970px) {
  .mt-SharedTopbar--fullWidth.mt-SharedTopbar--maxContent-medium .sui-TopbarUser {
    max-width: 992px;
  }
}
@media (min-width: 970px) {
  .mt-SharedTopbar--fullWidth.mt-SharedTopbar--maxContent-large .sui-TopbarUser {
    max-width: 1280px;
  }
}
@media (min-width: 970px) {
  .mt-SharedTopbar--fullWidth.mt-SharedTopbar--maxContent-extraLarge .sui-TopbarUser {
    max-width: 1800px;
  }
}
.mt-SharedTopbar.mt-SharedTopbar--fullWidth > .sui-TopbarUser {
  width: 100%;
}
@media (min-width: 800px) {
  .mt-SharedTopbar.mt-SharedTopbar--fullWidth > .sui-TopbarUser {
    padding: 0 16px;
  }
}
@media (min-width: 970px) {
  .mt-SharedTopbar--fullWidth {
    width: 100%;
  }
}
@media (min-width: 800px) {
  .mt-SharedTopbar .sui-DropdownUserMenu-wrap {
    padding-top: 4px;
  }
  .mt-SharedTopbar .sui-DropdownUserMenu-wrap::after {
    top: -4px;
  }
}
.mt-SharedTopbar .sui-DropdownUserMenu-listNotification {
  top: 16px;
  left: 30px;
}
@media (min-width: 800px) {
  .mt-SharedTopbar .sui-DropdownUserMenu-listNotification {
    top: 9px;
  }
}
@media (max-width: 799px) {
  .mt-SharedTopbar .sui-DropdownUserMenu-listLink {
    font-size: 18px;
  }
}
@media (min-width: 800px) {
  .mt-SharedTopbar .sui-DropdownUser-button {
    padding: 8px;
  }
}
.mt-SharedTopbar .sui-DropdownUser-buttonAvatarWrap {
  display: flex;
}
@media (max-width: 799px) {
  .mt-SharedTopbar.is-open .sui-TopbarUser {
    z-index: 6;
  }
}
@media (max-width: 799px) {
  .mt-SharedTopbar .sui-TopbarUser {
    height: 47px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
  }
}
@media (min-width: 800px) {
  .mt-SharedTopbar .sui-TopbarUser {
    padding: 4px 16px;
  }
  .mt-SharedTopbar .sui-TopbarUser-navUser {
    margin-right: 16px;
  }
  .mt-SharedTopbar .sui-TopbarUser-navWrap {
    padding: 8px 0;
  }
}
@media (min-width: 970px) {
  .mt-SharedTopbar .sui-TopbarUser {
    padding: 4px 24px;
  }
}
@media (max-width: 799px) {
  .mt-SharedTopbar .sui-DropdownBasic-buttonContent {
    font-size: 18px;
  }
}
@media (min-width: 970px) {
  .mt-SharedTopbar .sui-TopbarUser-navMain .sui-DropdownBasic-button {
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
  }
  .mt-SharedTopbar .sui-TopbarUser-navUser {
    margin-right: 8px;
  }
  .mt-SharedTopbar-ctaGroup {
    gap: 4px;
  }
}
@media (max-width: 799px) {
  .mt-SharedTopbar--headerFlush .sui-TopbarUser {
    position: absolute;
  }
}

.mt-LayoutBasicContainer {
  margin: 24px 0;
  padding: 0 8px;
}
@media (min-width: 970px) {
  .mt-LayoutBasicContainer {
    padding: 0;
  }
}
.mt-LayoutBasicContainer--fullHeight {
  flex-grow: 1;
}
@media (min-width: 970px) {
  .mt-LayoutBasicContainer--fullHeight {
    position: relative;
  }
}
.mt-LayoutBasicContainer--fullWidth {
  margin: 40px auto;
  max-width: 992px;
  padding: 0 16px;
  width: 100%;
}
.mt-LayoutBasicContainer--marginless {
  margin-top: 0;
}
.mt-LayoutBasicContainer--marginlessOnMobile {
  margin-top: 0;
}
@media (min-width: 970px) {
  .mt-LayoutBasicContainer--marginlessOnMobile {
    margin-top: 40px;
  }
}
.mt-LayoutBasicContainer--paddingless {
  padding: 0;
}
.mt-LayoutBasicContainer--maxContentWidth-medium {
  max-width: 992px;
}
.mt-LayoutBasicContainer--maxContentWidth-extraLarge {
  max-width: 1800px;
}
.mt-LayoutBasicContainer--marginTopSize-extraLarge {
  margin-top: 40px;
}
.mt-LayoutBasicContainer--marginTopSize-large {
  margin-top: 32px;
}
.mt-LayoutBasicContainer--marginTopSize-medium {
  margin-top: 24px;
}
.mt-LayoutBasicContainer--marginTopSize-small {
  margin-top: 16px;
}
.mt-LayoutBasicContainer--marginTopSize-none {
  margin-top: 0;
}
@media (max-width: 969px) {
  .mt-LayoutBasicContainer--marginlessOnMobile.mt-LayoutBasicContainer--marginTopSize-extraLarge, .mt-LayoutBasicContainer--marginlessOnMobile.mt-LayoutBasicContainer--marginTopSize-large, .mt-LayoutBasicContainer--marginlessOnMobile.mt-LayoutBasicContainer--marginTopSize-medium, .mt-LayoutBasicContainer--marginlessOnMobile.mt-LayoutBasicContainer--marginTopSize-small, .mt-LayoutBasicContainer--marginless.mt-LayoutBasicContainer--marginTopSize-extraLarge, .mt-LayoutBasicContainer--marginless.mt-LayoutBasicContainer--marginTopSize-large, .mt-LayoutBasicContainer--marginless.mt-LayoutBasicContainer--marginTopSize-medium, .mt-LayoutBasicContainer--marginless.mt-LayoutBasicContainer--marginTopSize-small {
    margin-top: 0;
  }
}

.mt-LayoutBasicFullHeight {
  margin: 0 auto;
  max-width: 980px;
  min-height: 100vh;
  padding-top: 47px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 970px) {
  .mt-LayoutBasicFullHeight {
    padding: 0;
  }
}
.mt-LayoutBasicFullHeight--headerless {
  padding-top: 0;
}

.mt-LayoutBasicFullWidth {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 47px;
}
.mt-LayoutBasicFullWidth--bg-inherit {
  background-color: inherit;
}
.mt-LayoutBasicFullWidth--bg-white {
  background-color: #ffffff;
}
.mt-LayoutBasicFullWidth--headerless {
  padding-top: 0;
}
@media (min-width: 800px) {
  .mt-LayoutBasicFullWidth {
    padding-top: 0;
  }
}

.mt-LayoutBasic {
  margin: 0 auto;
  max-width: 980px;
  padding-top: 47px;
}
@media (min-width: 800px) {
  .mt-LayoutBasic {
    padding-top: 0;
  }
}
.mt-LayoutBasic--headerless {
  padding-top: 0;
}

.sui-MoleculeButtonGroup {
  display: flex;
}
.sui-MoleculeButtonGroup--fullWidth {
  display: flex;
}
.sui-MoleculeButtonGroup--spaced-xsmall {
  gap: 2px;
}
.sui-MoleculeButtonGroup--spaced-small {
  gap: 4px;
}
.sui-MoleculeButtonGroup--spaced-medium {
  gap: 8px;
}
.sui-MoleculeButtonGroup--spaced-large {
  gap: 16px;
}
.sui-MoleculeButtonGroup--display-grid {
  display: grid;
}
.sui-MoleculeButtonGroup--col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.sui-MoleculeButtonGroup--col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.sui-MoleculeButtonGroup--col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.sui-MoleculeButtonGroup--vertical {
  flex-direction: column;
}

.sui-MoleculePagination {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
}
.sui-MoleculePagination-item:not(:first-child) {
  margin-left: 8px;
}
.sui-MoleculePagination-divider {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 4px;
}

.mt-ListPagination {
  display: flex;
  justify-content: center;
}
.mt-ListPagination-icon {
  fill: currentColor !important;
}

.sui-TagChip {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #bfc7d0;
  border-radius: 1rem;
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  display: inline-flex;
  font-size: 10px;
  line-height: 1.5em;
  margin-bottom: 6px;
  margin-right: 8px;
  padding: 6px 8px;
}
.sui-TagChip-link {
  color: #000e23;
  text-decoration: none;
  cursor: pointer;
  font-weight: 400;
}
.sui-TagChip-link:hover {
  background-color: #eef0f4;
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
}
.sui-TagChip-deleteIcon {
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  user-select: none;
  fill: color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777)) !important;
  height: 1.5em;
  margin-left: 6px;
  width: 1.5em;
}
.sui-TagChip-deleteIcon:focus {
  outline: 0;
}
.sui-TagChip-deleteIcon:hover {
  fill: #e60e27 !important;
}

.sui-CollapsibleBasic {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  width: 100%;
}
.sui-CollapsibleBasic-trigger {
  align-items: center;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #bfc7d0;
  cursor: pointer;
  display: flex;
  line-height: 1.36;
  margin-bottom: 8px;
  padding: 8px 16px;
  text-align: left;
  width: 100%;
}
.sui-CollapsibleBasic-trigger:focus-visible {
  outline: 2px solid #000e23;
  border-radius: 4px;
}
.sui-CollapsibleBasic-trigger-iconBox {
  transition: all;
}
.sui-CollapsibleBasic-trigger-iconBox-icon {
  display: block;
  fill: #000e23 !important;
  height: 24px;
  margin: auto 0;
  width: 24px;
}
.sui-CollapsibleBasic-trigger-label {
  color: #000e23;
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.sui-CollapsibleBasic-collapsibleContent {
  margin-bottom: 8px;
  overflow: hidden;
}
.sui-CollapsibleBasic-transitionNormal {
  transition: max-height 0.3s ease-in-out;
}
.sui-CollapsibleBasic-transitionFast {
  transition: max-height 0.1s ease-in-out;
}
.sui-CollapsibleBasic.is-collapsed .sui-CollapsibleBasic-collapsibleContent {
  max-height: 0;
}
.sui-CollapsibleBasic.is-collapsed .sui-CollapsibleBasic-collapsibleContent.is-hidden {
  display: none;
}
.sui-CollapsibleBasic.is-expanded {
  background-color: transparent;
}
.sui-CollapsibleBasic.is-expanded .sui-CollapsibleBasic-trigger-iconBox {
  transform: rotateZ(180deg);
}
.sui-CollapsibleBasic.is-expanded .sui-CollapsibleBasic-collapsibleContent {
  max-height: 100vh;
  overflow-y: auto;
}

.mt-ListTagCloud {
  color: #000e23;
}
@media (min-width: 800px) {
  .mt-ListTagCloud {
    margin-bottom: 8px;
  }
}
.mt-ListTagCloud-title {
  font-size: 14px;
  color: #000e23;
  font-weight: 400;
  margin: 0;
}

/* sass-lint:disable no-important, class-name-format*/

.sui-BreadcrumbBasic {
  background-color: transparent;
  box-shadow: none;
  color: #3b4a5a;
  display: flex;
  padding: 8px 16px;
}
@media (min-width: 800px) {
  .sui-BreadcrumbBasic {
    border-radius: 0;
    padding: 8px 16px;
  }
}
.sui-BreadcrumbBasic-btn {
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  user-select: none;
  color: #3b4a5a;
  margin-right: 0;
}
.sui-BreadcrumbBasic-btn:focus {
  outline: 0;
}
@media (min-width: 800px) {
  .sui-BreadcrumbBasic-btn {
    display: none;
  }
}
.is-expanded .sui-BreadcrumbBasic-btn, .is-scrollable .sui-BreadcrumbBasic-btn {
  display: none;
}
.sui-BreadcrumbBasic-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
  align-items: center;
}
.is-scrollable .sui-BreadcrumbBasic-list {
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
}
.sui-BreadcrumbBasic-listItem {
  align-items: center;
  display: flex;
  font-size: 14px;
  margin-right: 0;
}
.sui-BreadcrumbBasic-listItem:not(:last-child) {
  display: none;
}
@media (min-width: 800px) {
  .sui-BreadcrumbBasic-listItem:not(:last-child) {
    display: inline-flex;
    margin-right: 0;
  }
}
.is-expanded .sui-BreadcrumbBasic-listItem, .is-scrollable .sui-BreadcrumbBasic-listItem {
  display: inline-flex;
}
.sui-BreadcrumbBasic-icon {
  fill: #bfc7d0 !important;
  height: 13px;
  margin-right: 0;
  width: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sui-BreadcrumbBasic-link {
  color: #000e23;
  text-decoration: none;
  color: #3b4a5a;
  text-decoration: underline;
  border-radius: 4px;
}
.sui-BreadcrumbBasic-link:hover {
  color: #000e23;
  text-decoration: underline;
}
.sui-BreadcrumbBasic-link:focus-visible:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}

.mt-NavigationBreadcrumb-icon {
  color: #bfc7d0;
}

.sui-AtomTag {
  border-radius: 16px;
  height: 32px;
  padding: 0 16px;
  border: none;
  align-items: center;
  align-content: center;
  background-color: #eef0f4;
  box-sizing: border-box;
  cursor: text;
  display: inline-flex;
  font-size: 12px;
  justify-content: center;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
}
.sui-AtomTag:has(.sui-AtomTag-closeable) {
  padding-right: 0;
}
.sui-AtomTag.sui-AtomTag-hasClose {
  padding-right: 0;
}
.sui-AtomTag:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid {
  background-color: #000e23;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #000e23 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #000e23 10%, transparent);
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #000e23;
  background-color: color-mix(in srgb, #000e23 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #000e23 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #000e23;
  border-width: 1px;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #000e23 15%, #777777);
  color: color-mix(in srgb, #000e23 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #000e23 20%, #777777);
  color: color-mix(in srgb, #000e23 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--color-primary.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--color-primary .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid {
  background-color: #e60e27;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #e60e27 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #e60e27;
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #e60e27;
  border-width: 1px;
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #e60e27 15%, #777777);
  color: color-mix(in srgb, #e60e27 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #e60e27 20%, #777777);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--color-accent.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--color-accent .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid {
  background-color: #017943;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #017943 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #017943 10%, transparent);
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #017943;
  background-color: color-mix(in srgb, #017943 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #017943 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #017943;
  border-width: 1px;
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #017943 15%, #777777);
  color: color-mix(in srgb, #017943 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #017943 20%, #777777);
  color: color-mix(in srgb, #017943 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--color-success.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--color-success .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid {
  background-color: #d97703;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #d97703 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #d97703 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #d97703 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #d97703 10%, transparent);
  color: #d97703;
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #d97703;
  background-color: color-mix(in srgb, #d97703 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #d97703 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #d97703 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #d97703 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #d97703 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #d97703;
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #d97703 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #d97703;
  border-width: 1px;
  color: #d97703;
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #d97703 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #d97703 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #d97703 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #d97703 15%, #777777);
  color: color-mix(in srgb, #d97703 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #d97703 20%, #777777);
  color: color-mix(in srgb, #d97703 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #d97703;
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #d97703 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--color-alert.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--color-alert .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid {
  background-color: #b21229;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b21229 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b21229 10%, transparent);
  color: #b21229;
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b21229;
  background-color: color-mix(in srgb, #b21229 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b21229 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #b21229;
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b21229 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b21229;
  border-width: 1px;
  color: #b21229;
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b21229 15%, #777777);
  color: color-mix(in srgb, #b21229 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b21229 20%, #777777);
  color: color-mix(in srgb, #b21229 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #b21229;
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b21229 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--color-error.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--color-error .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid {
  background-color: #777777;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #777777 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #777777 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #777777 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #777777 10%, transparent);
  color: #777777;
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #777777;
  background-color: color-mix(in srgb, #777777 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #777777 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #777777 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #777777 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #777777 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #777777;
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #777777 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #777777;
  border-width: 1px;
  color: #777777;
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #777777 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #777777 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #777777 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #777777 15%, #777777);
  color: color-mix(in srgb, #777777 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #777777 20%, #777777);
  color: color-mix(in srgb, #777777 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #777777;
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #777777 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--color-neutral.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--color-neutral .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid {
  background-color: #ffffff;
  color: #000000;
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #ffffff 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000000;
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000000 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000000 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-solid:focus-visible {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #ffffff 10%, transparent);
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #ffffff;
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #ffffff 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-tinted:focus-visible {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #ffffff;
  border-width: 1px;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #ffffff 15%, #777777);
  color: color-mix(in srgb, #ffffff 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #ffffff 20%, #777777);
  color: color-mix(in srgb, #ffffff 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline:focus-visible, .sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed:focus-visible {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--color-surface.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--color-surface .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid {
  background-color: #e60e27;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #e60e27 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #e60e27;
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #e60e27;
  border-width: 1px;
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #e60e27 15%, #777777);
  color: color-mix(in srgb, #e60e27 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #e60e27 20%, #777777);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-accentWithoutHover .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid {
  background-color: #b8e1ff;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b8e1ff 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b8e1ff 10%, transparent);
  color: #b8e1ff;
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b8e1ff;
  background-color: color-mix(in srgb, #b8e1ff 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b8e1ff 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #b8e1ff;
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8e1ff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b8e1ff;
  border-width: 1px;
  color: #b8e1ff;
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b8e1ff 15%, #777777);
  color: color-mix(in srgb, #b8e1ff 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b8e1ff 20%, #777777);
  color: color-mix(in srgb, #b8e1ff 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #b8e1ff;
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8e1ff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-aqua.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-aqua .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid {
  background-color: #b8e1ff;
  color: #3b4a5a;
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b8e1ff 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #3b4a5a;
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #3b4a5a 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #3b4a5a 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b8e1ff 10%, transparent);
  color: #b8e1ff;
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b8e1ff;
  background-color: color-mix(in srgb, #b8e1ff 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b8e1ff 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #b8e1ff;
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8e1ff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b8e1ff;
  border-width: 1px;
  color: #b8e1ff;
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8e1ff 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8e1ff 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8e1ff 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b8e1ff 15%, #777777);
  color: color-mix(in srgb, #b8e1ff 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b8e1ff 20%, #777777);
  color: color-mix(in srgb, #b8e1ff 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #b8e1ff;
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8e1ff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-aquaWithoutHover .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid {
  background-color: #f4bbb8;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #f4bbb8 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f4bbb8 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #f4bbb8 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #f4bbb8 10%, transparent);
  color: #f4bbb8;
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #f4bbb8;
  background-color: color-mix(in srgb, #f4bbb8 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #f4bbb8 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f4bbb8 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f4bbb8 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #f4bbb8 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #f4bbb8;
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #f4bbb8 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #f4bbb8;
  border-width: 1px;
  color: #f4bbb8;
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #f4bbb8 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f4bbb8 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f4bbb8 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #f4bbb8 15%, #777777);
  color: color-mix(in srgb, #f4bbb8 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #f4bbb8 20%, #777777);
  color: color-mix(in srgb, #f4bbb8 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #f4bbb8;
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #f4bbb8 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-bloodOrange .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid {
  background-color: #bbb7f9;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #bbb7f9 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bbb7f9 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #bbb7f9 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #bbb7f9 10%, transparent);
  color: #bbb7f9;
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #bbb7f9;
  background-color: color-mix(in srgb, #bbb7f9 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #bbb7f9 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bbb7f9 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bbb7f9 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #bbb7f9 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #bbb7f9;
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #bbb7f9 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #bbb7f9;
  border-width: 1px;
  color: #bbb7f9;
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #bbb7f9 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bbb7f9 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bbb7f9 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #bbb7f9 15%, #777777);
  color: color-mix(in srgb, #bbb7f9 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #bbb7f9 20%, #777777);
  color: color-mix(in srgb, #bbb7f9 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #bbb7f9;
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #bbb7f9 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-blue.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-blue .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid {
  background-color: #ead6ce;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #ead6ce 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ead6ce 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #ead6ce 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #ead6ce 10%, transparent);
  color: #ead6ce;
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #ead6ce;
  background-color: color-mix(in srgb, #ead6ce 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #ead6ce 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ead6ce 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ead6ce 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #ead6ce 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #ead6ce;
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ead6ce 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #ead6ce;
  border-width: 1px;
  color: #ead6ce;
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #ead6ce 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ead6ce 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ead6ce 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #ead6ce 15%, #777777);
  color: color-mix(in srgb, #ead6ce 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #ead6ce 20%, #777777);
  color: color-mix(in srgb, #ead6ce 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #ead6ce;
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ead6ce 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-brown.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-brown .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid {
  background-color: #e60e27;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #e60e27 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #e60e27;
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #e60e27;
  border-width: 1px;
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #e60e27 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #e60e27 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #e60e27 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #e60e27 15%, #777777);
  color: color-mix(in srgb, #e60e27 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #e60e27 20%, #777777);
  color: color-mix(in srgb, #e60e27 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-clear.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-clear .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #e60e27;
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #e60e27 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #e60e27 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 10%, transparent);
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  border-width: 1px;
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, #777777);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #e60e27) 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-cons.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-cons .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid {
  background-color: #b21229;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b21229 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b21229 10%, transparent);
  color: #b21229;
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b21229;
  background-color: color-mix(in srgb, #b21229 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b21229 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #b21229;
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b21229 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b21229;
  border-width: 1px;
  color: #b21229;
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b21229 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b21229 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b21229 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b21229 15%, #777777);
  color: color-mix(in srgb, #b21229 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b21229 20%, #777777);
  color: color-mix(in srgb, #b21229 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #b21229;
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b21229 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-error.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-error .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid {
  background-color: #eef0f4;
  color: #3b4a5a;
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #eef0f4 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #3b4a5a;
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #3b4a5a 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #3b4a5a 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #eef0f4 10%, transparent);
  color: #eef0f4;
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #eef0f4;
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #eef0f4 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #eef0f4;
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #eef0f4 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #eef0f4;
  border-width: 1px;
  color: #eef0f4;
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #eef0f4 15%, #777777);
  color: color-mix(in srgb, #eef0f4 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #eef0f4 20%, #777777);
  color: color-mix(in srgb, #eef0f4 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #eef0f4;
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #eef0f4 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-gray.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-gray .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid {
  background-color: #606f80;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #606f80 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #606f80 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #606f80 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #606f80 10%, transparent);
  color: #606f80;
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #606f80;
  background-color: color-mix(in srgb, #606f80 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #606f80 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #606f80 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #606f80 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #606f80 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #606f80;
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #606f80 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #606f80;
  border-width: 1px;
  color: #606f80;
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #606f80 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #606f80 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #606f80 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #606f80 15%, #777777);
  color: color-mix(in srgb, #606f80 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #606f80 20%, #777777);
  color: color-mix(in srgb, #606f80 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #606f80;
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #606f80 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-grayDarkWithoutHover .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid {
  background-color: #fff19f;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #fff19f 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fff19f 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #fff19f 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #fff19f 10%, transparent);
  color: #fff19f;
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #fff19f;
  background-color: color-mix(in srgb, #fff19f 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #fff19f 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fff19f 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fff19f 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #fff19f 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #fff19f;
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #fff19f 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #fff19f;
  border-width: 1px;
  color: #fff19f;
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #fff19f 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fff19f 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fff19f 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #fff19f 15%, #777777);
  color: color-mix(in srgb, #fff19f 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #fff19f 20%, #777777);
  color: color-mix(in srgb, #fff19f 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #fff19f;
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #fff19f 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-lemon.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-lemon .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid {
  background-color: #eef0f4;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #eef0f4 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #eef0f4 10%, transparent);
  color: #eef0f4;
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #eef0f4;
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #eef0f4 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #eef0f4;
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #eef0f4 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #eef0f4;
  border-width: 1px;
  color: #eef0f4;
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #eef0f4 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #eef0f4 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #eef0f4 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #eef0f4 15%, #777777);
  color: color-mix(in srgb, #eef0f4 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #eef0f4 20%, #777777);
  color: color-mix(in srgb, #eef0f4 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #eef0f4;
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #eef0f4 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-lightBlue.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-lightBlue .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid {
  background-color: #000000;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #000000 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000000 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #000000 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #000000 10%, transparent);
  color: #000000;
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #000000;
  background-color: color-mix(in srgb, #000000 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #000000 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000000 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000000 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #000000 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #000000;
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000000 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #000000;
  border-width: 1px;
  color: #000000;
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #000000 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000000 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000000 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #000000 15%, #777777);
  color: color-mix(in srgb, #000000 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #000000 20%, #777777);
  color: color-mix(in srgb, #000000 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #000000;
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000000 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-lightGray.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-lightGray .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid {
  background-color: #c3ffb5;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #c3ffb5 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #c3ffb5 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #c3ffb5 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #c3ffb5 10%, transparent);
  color: #c3ffb5;
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #c3ffb5;
  background-color: color-mix(in srgb, #c3ffb5 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #c3ffb5 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #c3ffb5 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #c3ffb5 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #c3ffb5 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #c3ffb5;
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #c3ffb5 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #c3ffb5;
  border-width: 1px;
  color: #c3ffb5;
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #c3ffb5 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #c3ffb5 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #c3ffb5 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #c3ffb5 15%, #777777);
  color: color-mix(in srgb, #c3ffb5 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #c3ffb5 20%, #777777);
  color: color-mix(in srgb, #c3ffb5 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #c3ffb5;
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #c3ffb5 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-lime.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-lime .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid {
  background-color: #bdd3f9;
  color: #2323c8;
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #bdd3f9 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bdd3f9 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #bdd3f9 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #2323c8;
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #2323c8 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #2323c8 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #bdd3f9 10%, transparent);
  color: #bdd3f9;
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #bdd3f9;
  background-color: color-mix(in srgb, #bdd3f9 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #bdd3f9 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bdd3f9 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bdd3f9 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #bdd3f9 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #bdd3f9;
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #bdd3f9 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #bdd3f9;
  border-width: 1px;
  color: #bdd3f9;
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #bdd3f9 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #bdd3f9 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #bdd3f9 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #bdd3f9 15%, #777777);
  color: color-mix(in srgb, #bdd3f9 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #bdd3f9 20%, #777777);
  color: color-mix(in srgb, #bdd3f9 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #bdd3f9;
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #bdd3f9 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-offer.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-offer .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid {
  background-color: #fccfa2;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #fccfa2 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fccfa2 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #fccfa2 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #fccfa2 10%, transparent);
  color: #fccfa2;
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #fccfa2;
  background-color: color-mix(in srgb, #fccfa2 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #fccfa2 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fccfa2 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fccfa2 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #fccfa2 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #fccfa2;
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #fccfa2 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #fccfa2;
  border-width: 1px;
  color: #fccfa2;
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #fccfa2 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #fccfa2 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #fccfa2 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #fccfa2 15%, #777777);
  color: color-mix(in srgb, #fccfa2 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #fccfa2 20%, #777777);
  color: color-mix(in srgb, #fccfa2 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #fccfa2;
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #fccfa2 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-orangeJuice .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid {
  background-color: #000e23;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #000e23 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #000e23 10%, transparent);
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #000e23;
  background-color: color-mix(in srgb, #000e23 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #000e23 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #000e23;
  border-width: 1px;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #000e23 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #000e23 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #000e23 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #000e23 15%, #777777);
  color: color-mix(in srgb, #000e23 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #000e23 20%, #777777);
  color: color-mix(in srgb, #000e23 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-primaryWithoutHover .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #017943 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 10%, transparent);
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  border-width: 1px;
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, #777777);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777);
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, color-mix(in srgb, var(--c-base, white) 80%, #017943) 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-pros.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-pros .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid {
  background-color: #f7bff7;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #f7bff7 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f7bff7 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #f7bff7 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #f7bff7 10%, transparent);
  color: #f7bff7;
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #f7bff7;
  background-color: color-mix(in srgb, #f7bff7 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #f7bff7 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f7bff7 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f7bff7 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #f7bff7 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #f7bff7;
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #f7bff7 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #f7bff7;
  border-width: 1px;
  color: #f7bff7;
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #f7bff7 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #f7bff7 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #f7bff7 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #f7bff7 15%, #777777);
  color: color-mix(in srgb, #f7bff7 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #f7bff7 20%, #777777);
  color: color-mix(in srgb, #f7bff7 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #f7bff7;
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #f7bff7 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-purple.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-purple .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid {
  background-color: #ff99ad;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #ff99ad 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ff99ad 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #ff99ad 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #ff99ad 10%, transparent);
  color: #ff99ad;
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #ff99ad;
  background-color: color-mix(in srgb, #ff99ad 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #ff99ad 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ff99ad 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ff99ad 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #ff99ad 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #ff99ad;
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ff99ad 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #ff99ad;
  border-width: 1px;
  color: #ff99ad;
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #ff99ad 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ff99ad 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ff99ad 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #ff99ad 15%, #777777);
  color: color-mix(in srgb, #ff99ad 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #ff99ad 20%, #777777);
  color: color-mix(in srgb, #ff99ad 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #ff99ad;
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ff99ad 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-salmon.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-salmon .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid {
  background-color: #b0f4d5;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b0f4d5 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b0f4d5 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b0f4d5 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b0f4d5 10%, transparent);
  color: #b0f4d5;
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b0f4d5;
  background-color: color-mix(in srgb, #b0f4d5 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b0f4d5 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b0f4d5 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b0f4d5 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b0f4d5 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #b0f4d5;
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b0f4d5 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b0f4d5;
  border-width: 1px;
  color: #b0f4d5;
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b0f4d5 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b0f4d5 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b0f4d5 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b0f4d5 15%, #777777);
  color: color-mix(in srgb, #b0f4d5 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b0f4d5 20%, #777777);
  color: color-mix(in srgb, #b0f4d5 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #b0f4d5;
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b0f4d5 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-softGreen.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-softGreen .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid {
  background-color: #017943;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #017943 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #ffffff 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #017943 10%, transparent);
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #017943;
  background-color: color-mix(in srgb, #017943 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #017943 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #017943;
  border-width: 1px;
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #017943 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #017943 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #017943 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #017943 15%, #777777);
  color: color-mix(in srgb, #017943 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #017943 20%, #777777);
  color: color-mix(in srgb, #017943 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #017943;
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #017943 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-success.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-success .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid {
  background-color: #b8f4f4;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b8f4f4 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b8f4f4 10%, transparent);
  color: #b8f4f4;
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b8f4f4;
  background-color: color-mix(in srgb, #b8f4f4 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b8f4f4 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #b8f4f4;
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8f4f4 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b8f4f4;
  border-width: 1px;
  color: #b8f4f4;
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b8f4f4 15%, #777777);
  color: color-mix(in srgb, #b8f4f4 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b8f4f4 20%, #777777);
  color: color-mix(in srgb, #b8f4f4 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #b8f4f4;
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8f4f4 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-teal.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-teal .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid {
  background-color: #b8f4f4;
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #b8f4f4 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #000e23;
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #000e23 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #b8f4f4 10%, transparent);
  color: #b8f4f4;
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #b8f4f4;
  background-color: color-mix(in srgb, #b8f4f4 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #b8f4f4 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #b8f4f4;
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8f4f4 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #b8f4f4;
  border-width: 1px;
  color: #b8f4f4;
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #b8f4f4 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #b8f4f4 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #b8f4f4 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #b8f4f4 15%, #777777);
  color: color-mix(in srgb, #b8f4f4 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #b8f4f4 20%, #777777);
  color: color-mix(in srgb, #b8f4f4 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #b8f4f4;
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #b8f4f4 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-tealWithoutHover .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid {
  background-color: #ffffff;
  color: #606f80;
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 90%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 80%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 70%, #000000);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 80%, #000000) 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid:disabled, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid[data-disabled=true] {
  background-color: color-mix(in srgb, #ffffff 5%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid .sui-AtomTag-closeable {
  color: #606f80;
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #606f80 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-solid .sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  outline: 2px solid color-mix(in srgb, #606f80 80%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted {
  background-color: color-mix(in srgb, #ffffff 10%, transparent);
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted.sui-AtomTag-actionable:hover:not([data-disabled=true], :disabled, [data-read-only=true]) {
  color: #ffffff;
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 25%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 20%, #777777) 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted:disabled, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted[data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 20%, #777777) 10%, transparent);
  color: color-mix(in srgb, #ffffff 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-tinted .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed {
  background-color: transparent;
  border-color: #ffffff;
  border-width: 1px;
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed.sui-AtomTag-actionable:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 10%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline[aria-pressed=true], .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed[aria-pressed=true] {
  background-color: color-mix(in srgb, #ffffff 15%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]), .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed[aria-pressed=true]:hover:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  background-color: color-mix(in srgb, #ffffff 20%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline[aria-pressed=true][data-disabled=true], .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed[aria-pressed=true]:disabled, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed[aria-pressed=true][data-disabled=true] {
  background-color: color-mix(in srgb, color-mix(in srgb, #ffffff 15%, #777777) 15%, transparent);
  border-color: color-mix(in srgb, #ffffff 15%, #777777);
  color: color-mix(in srgb, #ffffff 15%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline:disabled, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline[data-disabled=true], .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed:disabled, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed[data-disabled=true] {
  border-color: color-mix(in srgb, #ffffff 20%, #777777);
  color: color-mix(in srgb, #ffffff 20%, #777777);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline .sui-AtomTag-closeable, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed .sui-AtomTag-closeable {
  color: #ffffff;
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline .sui-AtomTag-closeable:hover, .sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed .sui-AtomTag-closeable:hover {
  color: color-mix(in srgb, #ffffff 60%, transparent);
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-outline {
  border-style: solid;
}
.sui-AtomTag.sui-AtomTag--type-white.sui-AtomTag--design-dashed {
  border-style: dashed;
}
.sui-AtomTag.sui-AtomTag--type-white .sui-AtomTag-closeable {
  cursor: pointer;
}
.sui-AtomTag * ~ .sui-AtomTag-label {
  margin: 0 0 0 4px;
}
.sui-AtomTag .sui-AtomTag-label + * {
  margin: 0 0 0 4px;
}
.sui-AtomTag .sui-AtomTag-label {
  display: inline-block;
  line-height: 32px;
  max-width: 208px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.sui-AtomTag-hasIcon .sui-AtomTag .sui-AtomTag-label, .sui-AtomTag-hasClose .sui-AtomTag .sui-AtomTag-label {
  max-width: 188px;
}
.sui-AtomTag-hasIcon.sui-AtomTag-hasClose .sui-AtomTag .sui-AtomTag-label {
  max-width: 168px;
}
.sui-AtomTag-closeable {
  padding: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 16px;
}
.sui-AtomTag-closeable:focus-visible {
  box-shadow: none;
  outline: none;
}
.sui-AtomTag-closeable:focus-visible .sui-AtomTag-closeableIcon {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 1px;
}
.sui-AtomTag-closeableIcon {
  cursor: pointer;
  line-height: initial;
  position: relative;
  border-radius: 50%;
  background-color: transparent;
  fill: inherit;
  color: inherit;
}
.sui-AtomTag-icon {
  align-items: center;
  height: 16px;
  width: 16px;
  display: flex;
  justify-content: center;
  line-height: initial;
  vertical-align: middle;
  margin-left: 0;
}
.sui-AtomTag-secondary-icon {
  align-items: center;
  height: 16px;
  width: 16px;
  display: flex;
  justify-content: center;
  line-height: initial;
  vertical-align: middle;
  margin-right: 0;
}
.sui-AtomTag-actionable:not(:disabled, [data-disabled=true], [data-read-only=true]) {
  cursor: pointer;
}
.sui-AtomTag:disabled, .sui-AtomTag[data-disabled=true], .sui-AtomTag[data-read-only=true] {
  cursor: default;
}
.sui-AtomTag--size-xs {
  border-radius: 8px;
  height: 16px;
  padding: 0 4px;
}
.sui-AtomTag--size-xs.sui-AtomTag-hasClose {
  padding-right: 0;
}
.sui-AtomTag--size-xs .sui-AtomTag-closeable {
  padding: 0 4px 0 0;
}
.sui-AtomTag--size-xs .sui-AtomTag-label {
  line-height: 16px;
}
.sui-AtomTag--size-s {
  border-radius: 12px;
  height: 24px;
  padding: 0 8px;
}
.sui-AtomTag--size-s.sui-AtomTag-hasClose {
  padding-right: 0;
}
.sui-AtomTag--size-s .sui-AtomTag-closeable {
  padding: 0 8px 0 0;
}
.sui-AtomTag--size-s .sui-AtomTag-label {
  line-height: 24px;
}
.sui-AtomTag--size-m {
  border-radius: 16px;
  height: 32px;
  padding: 0 16px;
}
.sui-AtomTag--size-m.sui-AtomTag-hasClose {
  padding-right: 0;
}
.sui-AtomTag--size-m .sui-AtomTag-closeable {
  padding: 0 16px 0 0;
}
.sui-AtomTag--size-m .sui-AtomTag-label {
  line-height: 32px;
}
.sui-AtomTag--size-l {
  border-radius: 20px;
  height: 40px;
  padding: 0 24px;
}
.sui-AtomTag--size-l.sui-AtomTag-hasClose {
  padding-right: 0;
}
.sui-AtomTag--size-l .sui-AtomTag-closeable {
  padding: 0 24px 0 0;
}
.sui-AtomTag--size-l .sui-AtomTag-label {
  line-height: 40px;
}
.sui-AtomTag--size-xl {
  border-radius: 24px;
  height: 48px;
  padding: 0 32px;
}
.sui-AtomTag--size-xl.sui-AtomTag-hasClose {
  padding-right: 0;
}
.sui-AtomTag--size-xl .sui-AtomTag-closeable {
  padding: 0 32px 0 0;
}
.sui-AtomTag--size-xl .sui-AtomTag-label {
  line-height: 48px;
}
.sui-AtomTag--responsive {
  border-radius: 20px;
  height: 40px;
}
.sui-AtomTag--responsive:has(.sui-AtomTag-closeable) {
  padding-right: 0;
}
.sui-AtomTag--responsive.sui-AtomTag-hasClose {
  padding-right: 0;
}
.sui-AtomTag--responsive .sui-AtomTag-label {
  line-height: 40px;
}
@media (min-width: 600px) {
  .sui-AtomTag--responsive.sui-AtomTag--size-xs {
    border-radius: 8px;
    height: 16px;
    padding: 0 4px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-xs .sui-AtomTag-label {
    line-height: 16px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-xs.sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-xs .sui-AtomTag-closeable {
    padding: 0 4px 0 0;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-s {
    border-radius: 12px;
    height: 24px;
    padding: 0 8px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-s .sui-AtomTag-label {
    line-height: 24px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-s.sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-s .sui-AtomTag-closeable {
    padding: 0 8px 0 0;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-m {
    border-radius: 16px;
    height: 32px;
    padding: 0 16px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-m .sui-AtomTag-label {
    line-height: 32px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-m.sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-m .sui-AtomTag-closeable {
    padding: 0 16px 0 0;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-l {
    border-radius: 20px;
    height: 40px;
    padding: 0 24px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-l .sui-AtomTag-label {
    line-height: 40px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-l.sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-l .sui-AtomTag-closeable {
    padding: 0 24px 0 0;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-xl {
    border-radius: 24px;
    height: 48px;
    padding: 0 32px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-xl .sui-AtomTag-label {
    line-height: 48px;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-xl.sui-AtomTag-hasClose {
    padding-right: 0;
  }
  .sui-AtomTag--responsive.sui-AtomTag--size-xl .sui-AtomTag-closeable {
    padding: 0 32px 0 0;
  }
}
@media print {
  .sui-AtomTag {
    border-color: #eef0f4;
    border-style: solid;
    border-width: 2px;
  }
}

.sui-AtomInput--withTags {
  background: #ffffff;
  border: 1px solid #bfc7d0;
  box-sizing: border-box;
  color: var(--c-base-inverse, initial);
  font-family: inherit;
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  border: none;
  border-radius: 8px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 8px;
}
.sui-AtomInput--withTags[aria-disabled=true] {
  background-color: #eef0f4;
}
.sui-AtomInput--withTags[aria-disabled=true] .sui-AtomInput-input:disabled {
  border: 0;
  background-color: transparent;
}
.sui-AtomInput--withTags .sui-AtomTag_Container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.sui-AtomInput--withTags .sui-AtomTag_Container-size-xl {
  height: 56px;
  min-height: 56px;
}
.sui-AtomInput--withTags .sui-AtomTag_Container-size-l {
  height: 48px;
  min-height: 48px;
}
.sui-AtomInput--withTags .sui-AtomTag_Container-size-m {
  height: 40px;
  min-height: 40px;
}
.sui-AtomInput--withTags .sui-AtomTag_Container-size-s {
  height: 32px;
  min-height: 32px;
}
.sui-AtomInput--withTags .sui-AtomTag_Container-size-xs {
  height: 24px;
  min-height: 24px;
}
.sui-AtomInput--withTags .sui-AtomInput_Container {
  width: auto;
}
.sui-AtomInput--withTags .sui-AtomInput-input {
  padding: 0;
}
.sui-AtomInput--withTags-xl {
  height: 100%;
  min-height: 56px;
}
.sui-AtomInput--withTags-xl .sui-AtomInput-input {
  min-height: calc(56px - 8px * 2 - 2px);
}
.sui-AtomInput--withTags-l {
  height: 100%;
  min-height: 48px;
}
.sui-AtomInput--withTags-l .sui-AtomInput-input {
  min-height: calc(48px - 8px * 2 - 2px);
}
.sui-AtomInput--withTags-m {
  height: 100%;
  min-height: 40px;
}
.sui-AtomInput--withTags-m .sui-AtomInput-input {
  min-height: calc(40px - 8px * 2 - 2px);
}
.sui-AtomInput--withTags-s {
  height: 100%;
  min-height: 32px;
}
.sui-AtomInput--withTags-s .sui-AtomInput-input {
  min-height: calc(32px - 8px * 2 - 2px);
}
.sui-AtomInput--withTags-xs {
  height: 100%;
  min-height: 24px;
}
.sui-AtomInput--withTags-xs .sui-AtomInput-input {
  min-height: calc(24px - 8px * 2 - 2px);
}
.sui-AtomInput--withTags-m .sui-AtomInput--withTags-container {
  padding: 8px 0 8px 8px;
}
.sui-AtomInput--withTags-s .sui-AtomInput--withTags-container {
  padding: 4px 0 4px 4px;
}
.sui-AtomInput--withTags.sui-AtomInput--withTags--isBorderless {
  border: none;
}
.sui-AtomInput--withTags:not(.sui-AtomInput--withTags--isBorderless) {
  border: 1px solid #bfc7d0;
}
.sui-AtomInput--withTags:not(.sui-AtomInput--withTags--isBorderless).sui-AtomInput--withTags--focus {
  border: 2px solid #000e23;
  box-shadow: none;
  outline: 0 none;
}
.sui-AtomInput--withTags:not(.sui-AtomInput--withTags--isBorderless).sui-AtomInput--withTags--success {
  border-color: #017943;
}
.sui-AtomInput--withTags:not(.sui-AtomInput--withTags--isBorderless).sui-AtomInput--withTags--error {
  border-color: #b21229;
}
.sui-AtomInput--withTags:not(.sui-AtomInput--withTags--isBorderless).sui-AtomInput--withTags--alert {
  border-color: #d97703;
}
.sui-AtomInput--withTags:not(.sui-AtomInput--withTags--isBorderless).sui-AtomInput--withTags:focus-within:has(.sui-AtomInput-input:focus-visible) {
  outline-style: solid;
  outline-color: color-mix(in srgb, #000e23 80%, transparent);
  outline-width: 2px;
  outline-offset: 2px;
}

.sui-MoleculeDropdownList {
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
  margin: 0;
  overflow-y: auto;
  padding: 0;
  width: 100%;
}
.sui-MoleculeDropdownList.is-hidden {
  display: none;
}
.sui-MoleculeDropdownList--position-top {
  display: flex;
  flex-direction: column-reverse;
  border-radius: 0;
}
.sui-MoleculeDropdownList--design-solid {
  border: 1px solid color-mix(in srgb, var(--c-base, white) 40%, #777777);
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.sui-MoleculeDropdownList--design-flat {
  margin: 0;
}
.sui-MoleculeDropdownList--size-small {
  max-height: 145px;
}
.sui-MoleculeDropdownList--size-medium {
  max-height: 220px;
}
.sui-MoleculeDropdownList--size-large {
  max-height: 300px;
}
.sui-MoleculeDropdownList:focus {
  outline: none;
}

.sui-MoleculeAutosuggest {
  position: relative;
  outline: none;
  box-sizing: border-box;
}
.sui-MoleculeAutosuggest .sui-MoleculeDropdownList {
  position: absolute;
  z-index: 800;
}
.sui-MoleculeAutosuggest input::-ms-clear {
  display: none;
}
.sui-MoleculeAutosuggest--disabled .sui-MoleculeAutosuggest-input-container .sui-AtomInput--withTags {
  background: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
}
.sui-MoleculeAutosuggest .sui-MoleculeAutosuggest-input-container .sui-AtomInput--withIcon {
  display: flex;
  flex-grow: 1;
  width: unset;
}
.sui-MoleculeAutosuggest .sui-MoleculeAutosuggest-input-container .sui-MoleculeAutosuggest-input-container {
  align-items: center;
  border: 1px solid transparent;
  cursor: default;
  display: flex;
  min-height: 40px;
}
.sui-MoleculeAutosuggest .sui-MoleculeAutosuggest-input-container .sui-MoleculeAutosuggest-input-icon, .sui-MoleculeAutosuggest .sui-MoleculeAutosuggest-input-container .sui-MoleculeAutosuggest-input-clear-icon {
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  fill: #777777;
}
.sui-MoleculeAutosuggest.sui-MoleculeAutosuggest--success .sui-AtomInput-input {
  border-color: #017943;
}
.sui-MoleculeAutosuggest.sui-MoleculeAutosuggest--success .sui-AtomInput--withTags {
  border-color: #017943;
}
.sui-MoleculeAutosuggest.sui-MoleculeAutosuggest--error .sui-AtomInput-input {
  border-color: #b21229;
}
.sui-MoleculeAutosuggest.sui-MoleculeAutosuggest--error .sui-AtomInput--withTags {
  border-color: #b21229;
}
.sui-MoleculeAutosuggest.sui-MoleculeAutosuggest--alert .sui-AtomInput-input {
  border-color: #d97703;
}
.sui-MoleculeAutosuggest.sui-MoleculeAutosuggest--alert .sui-AtomInput--withTags {
  border-color: #d97703;
}

.sui-MoleculeDropdownOption {
  align-items: center;
  border-radius: 0;
  color: #606f80;
  display: flex;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px 0 16px;
  margin: 0 0 0 0;
}
.sui-MoleculeDropdownOption-mark {
  color: initial;
}
.sui-MoleculeDropdownOption-mark.is-highlighted {
  background-color: #fffed4;
  font-weight: normal;
}
.sui-MoleculeDropdownOption-checkbox {
  padding-left: 4px;
}
.sui-MoleculeDropdownOption-leftAddon {
  margin-left: 4px;
}
.sui-MoleculeDropdownOption-text {
  font-size: inherit;
  line-height: inherit;
  flex-basis: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sui-MoleculeDropdownOption-text:first-child {
  margin-left: 4px;
}
.sui-MoleculeDropdownOption-text--noWrap {
  white-space: nowrap;
}
.sui-MoleculeDropdownOption-text--lineWrap, .sui-MoleculeDropdownOption-text--twoLines, .sui-MoleculeDropdownOption-text--threeLines {
  line-height: 1.36;
}
.sui-MoleculeDropdownOption-text--twoLines, .sui-MoleculeDropdownOption-text--threeLines {
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.sui-MoleculeDropdownOption-text--twoLines {
  -webkit-line-clamp: 2;
}
.sui-MoleculeDropdownOption-text--threeLines {
  -webkit-line-clamp: 3;
}
.sui-MoleculeDropdownOption-description {
  color: #777777;
  margin: 4px 0 0 4px;
  font-size: inherit;
}
.sui-MoleculeDropdownOption.is-selected:not(.sui-MoleculeDropdownOption-checkbox) {
  background: #eef0f4;
}
.sui-MoleculeDropdownOption.is-selected:not(.sui-MoleculeDropdownOption-checkbox) .sui-MoleculeDropdownOption-text {
  font-weight: 700;
  color: inherit;
}
.sui-MoleculeDropdownOption--disabled {
  color: color-mix(in srgb, var(--c-base, white) 60%, #777777);
  cursor: default;
}
.sui-MoleculeDropdownOption:hover, .sui-MoleculeDropdownOption:focus {
  background-color: #eef0f4;
  color: inherit;
  cursor: pointer;
  outline: none;
}
.sui-MoleculeDropdownOption:hover .sui-MoleculeDropdownOption-description, .sui-MoleculeDropdownOption:focus .sui-MoleculeDropdownOption-description {
  color: inherit;
}
.sui-MoleculeDropdownOption:focus-visible {
  outline-color: #000e23;
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}
.sui-MoleculeDropdownOption--withDescription {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 8px 16px;
}
.sui-MoleculeDropdownOption--withDescription.is-selected {
  color: inherit;
}
.sui-MoleculeDropdownOption--withDescriptionAndAddon {
  flex-direction: row;
}
.sui-MoleculeDropdownOption--withDescriptionAndAddon .sui-MoleculeDropdownOption-leftAddon {
  height: fit-content;
}
.sui-MoleculeDropdownOption--withDescriptionAndAddon .sui-MoleculeDropdownOption-text {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.sui-MoleculeDropdownOption--withDescriptionAndAddon .sui-MoleculeDropdownOption-description {
  margin: 0;
}

.mt-SearchNews {
  font-size: 14px;
}
.mt-SearchNews-inner {
  margin: 0 auto;
  max-width: 500px;
}
.mt-SearchNews-iconWrapper {
  color: #3b4a5a;
}

.mt-SectionBasic-margin--giant {
  margin-bottom: 48px;
}
.mt-SectionBasic-margin--xxxl {
  margin-bottom: 40px;
}
.mt-SectionBasic-margin--xxl {
  margin-bottom: 32px;
}
.mt-SectionBasic-margin--xl {
  margin-bottom: 24px;
}
.mt-SectionBasic-margin--l {
  margin-bottom: 16px;
}
.mt-SectionBasic-margin--m {
  margin-bottom: 8px;
}
.mt-SectionBasic-margin--s {
  margin-bottom: 4px;
}
.mt-SectionBasic-title-margin--giant {
  margin-bottom: 48px;
}
.mt-SectionBasic-title-margin--xxxl {
  margin-bottom: 40px;
}
.mt-SectionBasic-title-margin--xxl {
  margin-bottom: 32px;
}
.mt-SectionBasic-title-margin--xl {
  margin-bottom: 24px;
}
.mt-SectionBasic-title-margin--l {
  margin-bottom: 16px;
}
.mt-SectionBasic-title-margin--m {
  margin-bottom: 8px;
}
.mt-SectionBasic-title-margin--s {
  margin-bottom: 4px;
}
.mt-SectionBasic[id]::before {
  content: "";
  display: block;
  height: 75px;
  margin-top: -75px;
  visibility: hidden;
}

.mt-TitleNews {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 4px;
  font-weight: normal;
  margin-bottom: 16px;
}

.sui-PrimitiveVisuallyHidden {
  position: absolute;
  border: 0;
  width: 0;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  word-wrap: normal;
}

.sui-MoleculeTabs {
  background-color: transparent;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.sui-MoleculeTabs.sui-MoleculeTabs--justify-content-flex-start {
  align-items: flex-start;
}
.sui-MoleculeTabs.sui-MoleculeTabs--justify-content-center {
  align-items: center;
}
.sui-MoleculeTabs.sui-MoleculeTabs--justify-content-flex-end {
  align-items: flex-end;
}
.sui-MoleculeTabs-content {
  background: #ffffff;
}
.sui-MoleculeTabs-scroller {
  list-style: none;
  margin: 0;
  padding-left: 0;
  align-items: flex-start;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
.sui-MoleculeTabs-scroller .sui-MoleculeTabs-item:first-of-type, .sui-MoleculeTabs-scroller .sui-MoleculeTabs-item:first-of-type .is-active, .sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item:first-of-type, .sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item:first-of-type .is-active, .sui-MoleculeTabs--classic .sui-MoleculeTabs-item:first-of-type, .sui-MoleculeTabs--classic .sui-MoleculeTabs-item:first-of-type .is-active {
  border-radius: 8px 0 0 0;
}
.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-scroller .sui-MoleculeTabs-item:last-of-type, .sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-scroller .sui-MoleculeTabs-item:last-of-type .is-active, .sui-MoleculeTabs--fullWidth .sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item:last-of-type, .sui-MoleculeTabs--fullWidth .sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item:last-of-type .is-active, .sui-MoleculeTabs--fullWidth .sui-MoleculeTabs--classic .sui-MoleculeTabs-item:last-of-type, .sui-MoleculeTabs--fullWidth .sui-MoleculeTabs--classic .sui-MoleculeTabs-item:last-of-type .is-active {
  border-radius: 0 8px 0 0;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item, .sui-MoleculeTabs--classic.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item {
  border: 1px solid transparent;
  border-bottom-color: #000000;
  display: flex;
  flex-direction: column;
  font-weight: 600;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item.sui-MoleculeTabs--justify-content-flex-start, .sui-MoleculeTabs--classic.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item.sui-MoleculeTabs--justify-content-flex-start {
  justify-content: flex-start;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item.sui-MoleculeTabs--justify-content-center, .sui-MoleculeTabs--classic.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item.sui-MoleculeTabs--justify-content-center {
  justify-content: center;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item.sui-MoleculeTabs--justify-content-flex-end, .sui-MoleculeTabs--classic.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item.sui-MoleculeTabs--justify-content-flex-end {
  justify-content: flex-end;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item.is-active, .sui-MoleculeTabs--classic.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item.is-active {
  background: transparent;
  border-bottom: 0;
  border-color: #000000;
  color: #000e23;
  font-weight: 600;
  margin-top: 1px;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item.is-active span, .sui-MoleculeTabs--classic.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item.is-active span {
  transform: translateY(-1px);
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item.is-active svg, .sui-MoleculeTabs--classic.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item.is-active svg {
  fill: #000e23;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item:hover:not(.is-disabled), .sui-MoleculeTabs--classic.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item:hover:not(.is-disabled) {
  color: #000e23;
  cursor: pointer;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item:hover:not(.is-disabled) svg, .sui-MoleculeTabs--classic.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item:hover:not(.is-disabled) svg {
  fill: #000e23;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item {
  border: 1px solid transparent;
  border-right-color: #000000;
  font-weight: 600;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item.is-active {
  background: transparent;
  border-color: #000000;
  border-right-color: transparent;
  color: #000e23;
  font-weight: 600;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item.is-active svg {
  fill: #000e23;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item:hover:not(.is-disabled) {
  color: #000e23;
  cursor: pointer;
}
.sui-MoleculeTabs--classic.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item:hover:not(.is-disabled) svg {
  fill: #000e23;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-scroller, .sui-MoleculeTabs--highlighted.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-scroller {
  border-bottom: none;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item, .sui-MoleculeTabs--highlighted.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item {
  border: 0 none transparent;
  border-bottom: 0 solid transparent;
  text-align: center;
  font-weight: 600;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item.is-active, .sui-MoleculeTabs--highlighted.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item.is-active {
  background: transparent;
  border-bottom: 2px solid #000e23;
  border-bottom-color: #000e23;
  color: #000e23;
  font-weight: 600;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item.is-active svg, .sui-MoleculeTabs--highlighted.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item.is-active svg {
  fill: #000e23;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item:hover:not(.is-disabled), .sui-MoleculeTabs--highlighted.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item:hover:not(.is-disabled) {
  color: #000e23;
  cursor: pointer;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-item:hover:not(.is-disabled) svg, .sui-MoleculeTabs--highlighted.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-item:hover:not(.is-disabled) svg {
  fill: #000e23;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-content, .sui-MoleculeTabs--highlighted.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-content {
  border-top: 1px solid #bfc7d0;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--vertical {
  border-right: 1px solid #000000;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item {
  border: 0 none transparent;
  cursor: pointer;
  font-weight: 600;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item.is-active {
  background: transparent;
  border-right: 2px solid #000e23;
  color: #000e23;
  font-weight: 600;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item.is-active svg {
  fill: #000e23;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item:hover:not(.is-disabled) {
  color: #000e23;
  cursor: pointer;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item:hover:not(.is-disabled) svg {
  fill: #000e23;
}
.sui-MoleculeTabs--highlighted.sui-MoleculeTabs--vertical .sui-MoleculeTabs-content {
  border-left: 0 solid transparent;
}
.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-scroller, .sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-scroller {
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  width: fit-content;
}
.sui-MoleculeTabs--horizontal .sui-MoleculeTabs-scroller::-webkit-scrollbar, .sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-scroller::-webkit-scrollbar {
  -webkit-appearance: none;
}
.sui-MoleculeTabs--vertical {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.sui-MoleculeTabs--vertical .sui-MoleculeTabs-scroller {
  flex-direction: column;
}
.sui-MoleculeTabs--vertical .sui-MoleculeTabs-content {
  align-self: stretch;
}
.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item {
  padding: 16px 8px;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 800px) {
  .sui-MoleculeTabs--vertical .sui-MoleculeTabs-item {
    width: 100%;
  }
}
.sui-MoleculeTabs--vertical .sui-MoleculeTabs-item.is-disabled {
  cursor: no-drop;
}
.sui-MoleculeTabs--fullWidth {
  display: block;
}
.sui-MoleculeTabs--fullWidth .sui-MoleculeTabs-scroller {
  display: flex;
  min-width: 100%;
}
.sui-MoleculeTabs-item {
  color: #000e23;
  text-decoration: none;
  align-items: center;
  background: transparent;
  color: #3b4a5a;
  flex: 1 1 auto;
  font-size: 14px;
  margin: 0;
  outline: 0 none;
  padding: 16px 8px;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
  scroll-snap-align: start;
}
.sui-MoleculeTabs-item:focus-visible {
  outline: #000e23 auto 1px;
  outline-offset: -2px;
  position: relative;
  z-index: 1;
}
.sui-MoleculeTabs-item:first-of-type {
  margin: 0;
}
.sui-MoleculeTabs-item-icon {
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 0 auto 4px;
  vertical-align: middle;
  width: 32px;
}
.sui-MoleculeTabs-item-icon svg {
  width: 100%;
  height: 100%;
}
.sui-MoleculeTabs-item-count {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  justify-content: center;
  margin: 8px;
}
.sui-MoleculeTabs-item svg {
  fill: #3b4a5a;
}
.sui-MoleculeTabs-item.is-disabled {
  color: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
  cursor: no-drop;
}
.sui-MoleculeTabs-item.is-disabled svg {
  fill: color-mix(in srgb, var(--c-base, white) 80%, var(--c-gray, #777777));
}

.mt-LoginBanner {
  align-items: center;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 16px;
}
@media (min-width: 600px) {
  .mt-LoginBanner {
    flex-direction: row;
  }
}
.mt-LoginBanner-text {
  flex: 4;
  font-size: 16px;
}
.mt-LoginBanner-textTitle {
  font-weight: 600;
  margin: 0;
}
@media (min-width: 600px) {
  .mt-LoginBanner-textTitle {
    margin: initial;
  }
}
.mt-LoginBanner-loginButtons {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1.8;
  gap: 16px;
  justify-content: center;
  width: 100%;
}
.mt-LoginBanner-loginButtonsItem {
  width: 100%;
}
.mt-LoginBanner-image {
  flex: 2.2;
  width: 80%;
  align-self: flex-start;
}
@media (min-width: 800px) {
  .mt-LoginBanner-image {
    align-self: center;
    width: 100%;
  }
}

.sui-AtomCheckbox {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  color: #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon {
  align-items: center;
  border-radius: 0.15em;
  border-style: solid;
  border-width: 1.5px;
  cursor: pointer;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  outline-offset: 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon:focus {
  outline: none;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon span {
  /* Center custom icons */
  align-items: center;
  display: flex;
  justify-content: center;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled input[type=checkbox] {
  display: none;
}
.sui-AtomCheckbox.sui-AtomCheckbox--size-small {
  width: 16px;
  height: 16px;
}
.sui-AtomCheckbox.sui-AtomCheckbox--size-small.sui-AtomCheckbox--native-enabled input[type=checkbox] {
  width: 16px;
  height: 16px;
}
.sui-AtomCheckbox.sui-AtomCheckbox--size-medium {
  width: 24px;
  height: 24px;
}
.sui-AtomCheckbox.sui-AtomCheckbox--size-medium.sui-AtomCheckbox--native-enabled input[type=checkbox] {
  width: 24px;
  height: 24px;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox] {
  border-color: transparent;
  background-color: #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]::before {
  box-shadow: inset 1em 1em #000e23;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon.is-checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon.is-indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon:checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon:indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox].is-checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox].is-indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:indeterminate {
  border-color: transparent;
  color: #000e23;
  background-color: transparent;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon.is-checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon.is-indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon:checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon:indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox].is-checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox].is-indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:indeterminate::before {
  box-shadow: inset 1em 1em #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon:disabled, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:disabled {
  background-color: transparent;
  border-color: #bfc7d0;
  color: #3b4a5a;
  cursor: default;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon:disabled::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:disabled::before {
  background-color: #bfc7d0;
  box-shadow: none;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled), .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled) {
  border-color: #017943;
  color: #017943;
  background-color: #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled)::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled)::before {
  box-shadow: inset 1em 1em #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled).is-checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled).is-indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled):checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled):indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled).is-checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled).is-indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled):checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled):indeterminate {
  color: #ffffff;
  border-color: #017943;
  background-color: #017943;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled).is-checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled).is-indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled):checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=success]:not(:disabled):indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled).is-checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled).is-indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled):checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=success]:not(:disabled):indeterminate::before {
  box-shadow: inset 1em 1em #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled), .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled) {
  border-color: #b21229;
  color: #b21229;
  background-color: #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled)::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled)::before {
  box-shadow: inset 1em 1em #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled).is-checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled).is-indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled):checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled):indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled).is-checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled).is-indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled):checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled):indeterminate {
  color: #ffffff;
  border-color: #b21229;
  background-color: #b21229;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled).is-checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled).is-indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled):checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=error]:not(:disabled):indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled).is-checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled).is-indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled):checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=error]:not(:disabled):indeterminate::before {
  box-shadow: inset 1em 1em #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled), .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled) {
  border-color: #d97703;
  color: #d97703;
  background-color: #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled)::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled)::before {
  box-shadow: inset 1em 1em #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled).is-checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled).is-indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled):checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled):indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled).is-checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled).is-indeterminate, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled):checked, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled):indeterminate {
  color: #ffffff;
  border-color: #d97703;
  background-color: #d97703;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled).is-checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled).is-indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled):checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-disabled .sui-AtomCheckbox--Icon[data-status=alert]:not(:disabled):indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled).is-checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled).is-indeterminate::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled):checked::before, .sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox][data-status=alert]:not(:disabled):indeterminate::before {
  box-shadow: inset 1em 1em #ffffff;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox] {
  appearance: none;
  background-color: #ffffff;
  margin: 0;
  font: inherit;
  border-width: 1.5px;
  border-style: solid;
  border-radius: 0.15em;
  display: flex;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]::before {
  margin: 10%;
  content: "";
  width: 80%;
  height: 80%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  transform-origin: bottom left;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:checked::before {
  transform: scale(1);
  clip-path: polygon(10% 40%, 0% 55%, 50% 90%, 100% 10%, 85% 0%, 46% 65%);
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:indeterminate::before {
  transform: scale(1);
  clip-path: polygon(0% 44%, 100% 44%, 100% 56%, 0% 56%);
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:focus {
  outline: none;
}
.sui-AtomCheckbox.sui-AtomCheckbox--native-enabled input[type=checkbox]:focus-visible {
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
}

.sui-MoleculeCheckboxField .sui-AtomCheckbox {
  display: flex;
  align-items: center;
}
.sui-MoleculeCheckboxField .sui-AtomCheckbox--native {
  width: 24px;
  height: 24px;
}
.sui-MoleculeCheckboxField .sui-AtomCheckbox input[type=checkbox] {
  margin: 0;
}
.sui-MoleculeCheckboxField .sui-AtomLabel {
  cursor: pointer;
  font-weight: 400;
  color: inherit;
}
.sui-MoleculeCheckboxField .sui-AtomLabel--success {
  color: #017943;
}
.sui-MoleculeCheckboxField .sui-AtomLabel--error {
  color: #b21229;
}
.sui-MoleculeCheckboxField .sui-AtomLabel--alert {
  color: #d97703;
}
.sui-MoleculeCheckboxField-toggleIcon {
  cursor: pointer;
  order: 1;
  position: absolute;
  right: 0;
}

@keyframes flow {
  0% {
    background-position: 0% 0%;
    filter: hue-rotate(0deg);
  }
  50% {
    background-position: 200% 100%;
    filter: hue-rotate(30deg);
  }
  100% {
    background-position: 0% 0%;
    filter: hue-rotate(0deg);
  }
}
.sui-AtomButton {
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  user-select: none;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: normal;
  min-width: 40px;
  outline: 0;
  padding: 0 16px;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat) {
  background: transparent;
  user-select: text;
  border: none;
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.46;
  text-align: left;
  padding: 0;
  justify-content: center;
  text-align: center;
  text-decoration: underline;
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):hover, .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):active {
  color: #242f44;
  text-decoration: underline;
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):active {
  background: transparent;
}
@media (hover: hover) {
  .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):hover {
    background: transparent;
  }
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  background: transparent;
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  background: transparent;
}
@media (hover: hover) {
  .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    background: transparent;
  }
}
.sui-AtomButton--primary.sui-AtomButton--outline, .sui-AtomButton--primary.sui-AtomButton--outline-animated, .sui-AtomButton--primary.sui-AtomButton--flat {
  border-color: #000e23;
  color: #000e23;
  text-decoration-line: none;
}
.sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--outline:active, .sui-AtomButton--primary.sui-AtomButton--outline-animated.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--outline-animated:active, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--flat:active {
  background: #eef0f4;
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--outline:hover, .sui-AtomButton--primary.sui-AtomButton--outline-animated:hover, .sui-AtomButton--primary.sui-AtomButton--flat:hover {
    background: #eef0f4;
  }
}
.sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--primary.sui-AtomButton--outline-animated.sui-AtomButton--negative, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--primary.sui-AtomButton--outline-animated.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--outline-animated.sui-AtomButton--negative:active, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23);
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--primary.sui-AtomButton--outline-animated.sui-AtomButton--negative:hover, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23);
  }
}
.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat) {
  color: #000e23;
}
.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--accent.sui-AtomButton--outline, .sui-AtomButton--accent.sui-AtomButton--outline-animated, .sui-AtomButton--accent.sui-AtomButton--flat {
  border-color: #e60e27;
  color: #e60e27;
  text-decoration-line: none;
}
.sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--outline:active, .sui-AtomButton--accent.sui-AtomButton--outline-animated.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--outline-animated:active, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--flat:active {
  background: #f7cbcb;
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--outline:hover, .sui-AtomButton--accent.sui-AtomButton--outline-animated:hover, .sui-AtomButton--accent.sui-AtomButton--flat:hover {
    background: #f7cbcb;
  }
}
.sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--accent.sui-AtomButton--outline-animated.sui-AtomButton--negative, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--accent.sui-AtomButton--outline-animated.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--outline-animated.sui-AtomButton--negative:active, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #e60e27);
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--accent.sui-AtomButton--outline-animated.sui-AtomButton--negative:hover, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #e60e27);
  }
}
.sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat) {
  color: #e60e27;
}
.sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--neutral.sui-AtomButton--outline, .sui-AtomButton--neutral.sui-AtomButton--outline-animated, .sui-AtomButton--neutral.sui-AtomButton--flat {
  border-color: #3b4a5a;
  color: #3b4a5a;
  text-decoration-line: none;
}
.sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--outline:active, .sui-AtomButton--neutral.sui-AtomButton--outline-animated.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--outline-animated:active, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--outline:hover, .sui-AtomButton--neutral.sui-AtomButton--outline-animated:hover, .sui-AtomButton--neutral.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  }
}
.sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--neutral.sui-AtomButton--outline-animated.sui-AtomButton--negative, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--neutral.sui-AtomButton--outline-animated.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--outline-animated.sui-AtomButton--negative:active, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--neutral.sui-AtomButton--outline-animated.sui-AtomButton--negative:hover, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  }
}
.sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat) {
  color: #3b4a5a;
}
.sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--success.sui-AtomButton--outline, .sui-AtomButton--success.sui-AtomButton--outline-animated, .sui-AtomButton--success.sui-AtomButton--flat {
  border-color: #017943;
  color: #017943;
  text-decoration-line: none;
}
.sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--outline:active, .sui-AtomButton--success.sui-AtomButton--outline-animated.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--outline-animated:active, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--outline:hover, .sui-AtomButton--success.sui-AtomButton--outline-animated:hover, .sui-AtomButton--success.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  }
}
.sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--success.sui-AtomButton--outline-animated.sui-AtomButton--negative, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--success.sui-AtomButton--outline-animated.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--outline-animated.sui-AtomButton--negative:active, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--success.sui-AtomButton--outline-animated.sui-AtomButton--negative:hover, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  }
}
.sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat) {
  color: #017943;
}
.sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--error.sui-AtomButton--outline, .sui-AtomButton--error.sui-AtomButton--outline-animated, .sui-AtomButton--error.sui-AtomButton--flat {
  border-color: #b21229;
  color: #b21229;
  text-decoration-line: none;
}
.sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--outline:active, .sui-AtomButton--error.sui-AtomButton--outline-animated.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--outline-animated:active, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--outline:hover, .sui-AtomButton--error.sui-AtomButton--outline-animated:hover, .sui-AtomButton--error.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  }
}
.sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--error.sui-AtomButton--outline-animated.sui-AtomButton--negative, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--error.sui-AtomButton--outline-animated.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--outline-animated.sui-AtomButton--negative:active, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--error.sui-AtomButton--outline-animated.sui-AtomButton--negative:hover, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  }
}
.sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat) {
  color: #b21229;
}
.sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--outline, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline-animated, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat {
  border-color: #25d366;
  color: #25d366;
  text-decoration-line: none;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline:active, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline-animated.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline-animated:active, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--outline:hover, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline-animated:hover, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline-animated.sui-AtomButton--negative, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #000000;
  color: #000000;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline-animated.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline-animated.sui-AtomButton--negative:active, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline-animated.sui-AtomButton--negative:hover, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat) {
  color: #25d366;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #000000;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000000);
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--outline-animated):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000000);
  }
}
.sui-AtomButton--outline-animated {
  border: 0;
}
.sui-AtomButton--outline-animated::before {
  content: "";
  inset: 0;
  position: absolute;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23), color-mix(in srgb, var(--c-base-inverse, black) 40%, #000e23));
  mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);
  mask-composite: exclude;
  background-size: 300% 300%;
  animation: flow 4s ease-in-out infinite;
}
.sui-AtomButton--outline, .sui-AtomButton--outline-animated, .sui-AtomButton--negative {
  background: none;
}

.sui-MoleculeNotification {
  border-radius: initial;
  max-height: 500px;
}
.sui-MoleculeNotification-content {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.sui-MoleculeNotification-content--alignItems-stretch {
  align-items: stretch;
}
.sui-MoleculeNotification-content--alignItems-space-around {
  align-items: space-around;
}
.sui-MoleculeNotification-content--alignItems-space-between {
  align-items: space-between;
}
.sui-MoleculeNotification-content--alignItems-center {
  align-items: center;
}
.sui-MoleculeNotification-content--alignItems-flex-start {
  align-items: flex-start;
}
.sui-MoleculeNotification-content--alignItems-flex-end {
  align-items: flex-end;
}
.sui-MoleculeNotification-children, .sui-MoleculeNotification-text {
  align-items: normal;
  display: flex;
  flex: 1 1 auto;
  font-size: 14px;
  line-height: inherit;
  margin-top: 0;
}
.sui-MoleculeNotification-buttonsContainer {
  padding: 16px;
  padding-top: 0;
  text-align: right;
}
.sui-MoleculeNotification-icon {
  display: flex;
  align-items: center;
}
.sui-MoleculeNotification-icon svg {
  fill: currentColor !important;
}
.sui-MoleculeNotification-iconLeft {
  display: none;
  margin-right: 8px;
}
@media (min-width: 480px) {
  .sui-MoleculeNotification-iconLeft {
    display: block;
  }
}
.sui-MoleculeNotification-iconLeft svg {
  height: 24px;
  width: 24px;
}
.sui-MoleculeNotification-iconLeft--show {
  display: block;
}
.sui-MoleculeNotification-iconClose {
  cursor: pointer;
  margin-left: 16px;
}
@media (min-width: 480px) {
  .sui-MoleculeNotification-iconClose {
    margin-left: 8px;
  }
}
.sui-MoleculeNotification-iconClose svg {
  height: 24px;
  width: 24px;
}
.sui-MoleculeNotification--info {
  background-color: #2323c8;
  color: #ffffff;
}
.sui-MoleculeNotification--success {
  background-color: #017943;
  color: #ffffff;
}
.sui-MoleculeNotification--warning {
  background-color: #d97703;
  color: #ffffff;
}
.sui-MoleculeNotification--error {
  background-color: #b21229;
  color: #ffffff;
}
.sui-MoleculeNotification--system {
  background-color: #000e23;
  color: #ffffff;
}
.sui-MoleculeNotification--positive {
  color: #000000;
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--info {
  color: #000e23 !important;
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--success {
  color: #003522 !important;
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--warning {
  color: #d97703 !important;
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--error {
  color: #b21229 !important;
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--system {
  color: #000e23 !important;
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--info {
  background: #bdd3f9;
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--success {
  background: #d9ebe3;
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--warning {
  background: color-mix(in srgb, var(--c-base, white) 80%, #d97703);
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--error {
  background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
}
.sui-MoleculeNotification--positive.sui-MoleculeNotification--system {
  background: #eef0f4;
}
.sui-MoleculeNotification--outline {
  background-color: #eef0f4;
  border-style: solid;
  border-width: 2px;
  box-shadow: none;
  color: #000000;
}
.sui-MoleculeNotification--outline .sui-MoleculeNotification-content {
  padding: 14px;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--info {
  border-color: #2323c8;
  color: #2323c8;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--info .sui-MoleculeNotification-iconLeft svg,
.sui-MoleculeNotification--outline.sui-MoleculeNotification--info .sui-MoleculeNotification-iconClose svg {
  fill: #2323c8 !important;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--success {
  border-color: #017943;
  color: #017943;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--success .sui-MoleculeNotification-iconLeft svg,
.sui-MoleculeNotification--outline.sui-MoleculeNotification--success .sui-MoleculeNotification-iconClose svg {
  fill: #017943 !important;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--warning {
  border-color: #d97703;
  color: #d97703;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--warning .sui-MoleculeNotification-iconLeft svg,
.sui-MoleculeNotification--outline.sui-MoleculeNotification--warning .sui-MoleculeNotification-iconClose svg {
  fill: #d97703 !important;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--error {
  border-color: #b21229;
  color: #b21229;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--error .sui-MoleculeNotification-iconLeft svg,
.sui-MoleculeNotification--outline.sui-MoleculeNotification--error .sui-MoleculeNotification-iconClose svg {
  fill: #b21229 !important;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--system {
  border-color: #000e23;
  color: #000e23;
}
.sui-MoleculeNotification--outline.sui-MoleculeNotification--system .sui-MoleculeNotification-iconLeft svg,
.sui-MoleculeNotification--outline.sui-MoleculeNotification--system .sui-MoleculeNotification-iconClose svg {
  fill: #000e23 !important;
}
.sui-MoleculeNotification.sui-MoleculeNotification-roundedCorners--xl {
  border-radius: 32px;
}
.sui-MoleculeNotification.sui-MoleculeNotification-roundedCorners--l {
  border-radius: 16px;
}
.sui-MoleculeNotification.sui-MoleculeNotification-roundedCorners--m {
  border-radius: 8px;
}
.sui-MoleculeNotification.sui-MoleculeNotification-roundedCorners--s {
  border-radius: 4px;
}
.sui-MoleculeNotification.sui-MoleculeNotification-roundedCorners--xs {
  border-radius: 2px;
}
.sui-MoleculeNotification--relative {
  position: relative;
}
.sui-MoleculeNotification--top {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.sui-MoleculeNotification--bottom {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.sui-MoleculeNotification-effect--top {
  transition: top 0.5s ease-out;
}
.sui-MoleculeNotification-effect--top.sui-MoleculeNotification-effect--hide {
  top: -50%;
  transition: top 0.3s ease-in;
}
.sui-MoleculeNotification-effect--bottom {
  transition: bottom 0.5s ease-out;
}
.sui-MoleculeNotification-effect--bottom.sui-MoleculeNotification-effect--hide {
  bottom: -50%;
  transition: bottom 0.3s ease-in;
}
.sui-MoleculeNotification-effect--relative {
  transition: opacity 0.5s ease-out 0.5s, max-height 0.5s ease 0s;
}
.sui-MoleculeNotification-effect--relative.sui-MoleculeNotification-effect--hide {
  max-height: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in 0s, max-height 0.5s ease 0.3s;
}

.sui-AtomValidationText {
  display: block;
  font-size: 10px;
  margin: 4px 0 0;
}
.sui-AtomValidationText--success {
  color: #017943;
}
.sui-AtomValidationText--error {
  color: #b21229;
}
.sui-AtomValidationText--alert {
  color: #d97703;
}

.sui-AtomLabel {
  display: block;
  color: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: inherit;
}
.sui-AtomLabel-optionalText {
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  margin-left: 4px;
}
.sui-AtomLabel--xsmall {
  font-size: 10px;
}
.sui-AtomLabel--small {
  font-size: 12px;
}
.sui-AtomLabel--medium {
  font-size: 14px;
}
.sui-AtomLabel--large {
  font-size: 16px;
}
.sui-AtomLabel--inlineLeft {
  display: inline;
  margin-right: 8px;
}
.sui-AtomLabel--inlineRight {
  display: inline;
  margin-left: 8px;
}
.sui-AtomLabel--disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.sui-AtomLabel--success {
  color: #017943;
}
.sui-AtomLabel--success .sui-AtomLabel-optionalText {
  color: #777777;
}
.sui-AtomLabel--error {
  color: #b21229;
}
.sui-AtomLabel--error .sui-AtomLabel-optionalText {
  color: #777777;
}
.sui-AtomLabel--alert {
  color: #d97703;
}
.sui-AtomLabel--alert .sui-AtomLabel-optionalText {
  color: #777777;
}
.sui-AtomLabel--contrast {
  color: var(--c-base-inverse, #ffffff);
}
.sui-AtomLabel--contrast .sui-AtomLabel-optionalText {
  color: #777777;
}
.sui-AtomLabel--disabled {
  color: #3b4a5a;
}
.sui-AtomLabel--disabled .sui-AtomLabel-optionalText {
  color: #777777;
}

.sui-AtomHelpText {
  color: #606f80;
  display: block;
  font-size: 10px;
  margin: 4px 0 0;
}

.sui-MoleculeField--inline {
  display: flex;
  width: 100%;
}
.sui-MoleculeField--inline-reverse {
  display: flex;
  flex-direction: column;
  position: relative;
}
.sui-MoleculeField--inline-reverse .sui-AtomLabel {
  align-items: center;
}
.sui-MoleculeField--inline-reverse .sui-MoleculeField-nodeLabelContainer {
  margin-left: 8px;
}
.sui-MoleculeField--fullWidth .sui-MoleculeField-nodeLabelContainer {
  min-width: 0;
  width: 100%;
}
.sui-MoleculeField-labelContainer {
  align-items: flex-start;
  display: flex;
  font-weight: 400;
  margin-bottom: 4px;
}
.sui-MoleculeField-nodeLabelContainer {
  align-self: center;
}
.sui-MoleculeField-inputContainer {
  width: 100%;
}
.sui-MoleculeField-inputContainer--aligned {
  padding-left: 24px;
}
.sui-MoleculeField--autohide .sui-AtomHelpText {
  display: none;
}
.sui-MoleculeField--autohide .sui-MoleculeField-inputContainer *:focus + .sui-AtomHelpText {
  display: block;
}

.sui-AtomInput-input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff;
  border: 1px solid #bfc7d0;
  box-sizing: border-box;
  color: var(--c-base-inverse, initial);
  font-family: inherit;
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  border-radius: 8px;
  min-height: auto;
  text-overflow: unset;
  flex-grow: 1;
}
.sui-AtomInput-input--charsSize {
  width: inherit;
}
.sui-AtomInput-input--hidden {
  display: none;
}
.sui-AtomInput-input--readOnly {
  background: #eef0f4;
  border: 1px solid #bfc7d0;
  color: #000e23;
}
.sui-AtomInput-input > *,
.sui-AtomInput-input .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput-input > *:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.sui-AtomInput-input > *:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-square {
  border-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-square > *,
.sui-AtomInput-input.sui-AtomInput-input-shape-square .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-square > *:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-square > *:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-rounded {
  border-radius: 4px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-rounded > *,
.sui-AtomInput-input.sui-AtomInput-input-shape-rounded .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-rounded > *:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-rounded > *:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle > *,
.sui-AtomInput-input.sui-AtomInput-input-shape-circle .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl {
  border-radius: 28px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl > *,
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl > *:first-child {
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xl > *:last-child {
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l {
  border-radius: 24px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l > *,
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l > *:first-child {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-l > *:last-child {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m {
  border-radius: 20px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m > *,
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m > *:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-m > *:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s {
  border-radius: 16px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s > *,
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s > *:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-s > *:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs {
  border-radius: 12px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs > *,
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs > *:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.sui-AtomInput-input.sui-AtomInput-input-shape-circle.sui-AtomInput-input-shape-circle.sui-AtomInput-input-size-xs > *:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.sui-AtomInput-input.sui-AtomInput-input--noBorder, .sui-AtomInput-input.sui-AtomInput-input--noBorder:disabled {
  border: 0;
}
.sui-AtomInput-input.sui-AtomInput-input--noBorder:focus, .sui-AtomInput-input.sui-AtomInput-input--noBorder:disabled:focus {
  border: 0;
  box-shadow: none;
  outline: 0;
}
.sui-AtomInput-input::placeholder {
  color: #606f80;
}
.sui-AtomInput-input:disabled {
  pointer-events: none;
}
.sui-AtomInput-input:disabled:not(.sui-AtomInput-input--readOnly) {
  -webkit-text-fill-color: #bfc7d0;
  background: #ffffff;
  color: #bfc7d0;
}
.sui-AtomInput-input:focus {
  outline: none;
}
.sui-AtomInput-input-size-xl {
  height: 56px;
  min-height: 56px;
}
.sui-AtomInput-input-size-l {
  height: 48px;
  min-height: 48px;
}
.sui-AtomInput-input-size-m {
  height: 40px;
  min-height: 40px;
}
.sui-AtomInput-input-size-s {
  height: 32px;
  min-height: 32px;
}
.sui-AtomInput-input-size-xs {
  height: 24px;
  min-height: 24px;
}
.sui-AtomInput-input.sui-AtomInput-input--state-success {
  border-color: #017943;
}
.sui-AtomInput-input.sui-AtomInput-input--state-error {
  border-color: #b21229;
}
.sui-AtomInput-input.sui-AtomInput-input--state-alert {
  border-color: #d97703;
}
.sui-AtomInput-input[type=number] {
  -moz-appearance: textfield;
}
.sui-AtomInput-input[type=number]::-webkit-outer-spin-button, .sui-AtomInput-input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.sui-AtomInput_Container {
  display: flex;
  flex-grow: 1;
  width: 100%;
  border-radius: 8px;
}
.sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder) {
  border-radius: 8px;
}
.sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder).sui-AtomInput_Container-shape-square {
  border-radius: 0;
}
.sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder).sui-AtomInput_Container-shape-rounded {
  border-radius: 4px;
}
.sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder).sui-AtomInput_Container-shape-circle {
  border-radius: 100dvh;
}
.sui-AtomInput_Container:not(.sui-AtomInput_Container-noBorder).sui-AtomInput_Container:focus-within:has(.sui-AtomInput-input:focus-visible) {
  outline-style: solid;
  outline-color: color-mix(in srgb, #000e23 80%, transparent);
  outline-width: 2px;
  outline-offset: 2px;
}

.sui-AtomInput--withAddon {
  align-items: center;
  background-color: #eef0f4;
  border-color: color-mix(in srgb, var(--c-base, white) 40%, var(--c-gray, #777777));
  border-style: solid;
  color: #bfc7d0;
  display: flex;
  flex-direction: column;
  height: inherit;
  justify-content: center;
  line-height: inherit;
  padding-left: 16px;
  padding-right: 16px;
}
.sui-AtomInput--withAddon--right {
  border-width: 1px 1px 1px 0;
}
.sui-AtomInput--withAddon--left {
  border-width: 1px 0 1px 1px;
}
.sui-AtomInput--withAddonWrapper {
  display: flex;
  flex-grow: 1;
}
.sui-AtomInput--withAddonWrapper > *,
.sui-AtomInput--withAddonWrapper .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper > *:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.sui-AtomInput--withAddonWrapper > *:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square > *,
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square > *:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-square > *:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded {
  border-radius: 4px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded > *,
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded > *:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-rounded > *:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle > *,
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl {
  border-radius: 28px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl > *,
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl > *:first-child {
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xl > *:last-child {
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l {
  border-radius: 24px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l > *,
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l > *:first-child {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-l > *:last-child {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m {
  border-radius: 20px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m > *,
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m > *:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-m > *:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s {
  border-radius: 16px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s > *,
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s > *:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-s > *:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs {
  border-radius: 12px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs > *,
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs .sui-AtomInput-input {
  border-radius: 0;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs > *:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.sui-AtomInput--withAddonWrapper.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-shape-circle.sui-AtomInput--withAddonWrapper-size-xs > *:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.sui-AtomInput--withIcon {
  position: relative;
  width: 100%;
}
.sui-AtomInput--withIcon--left .sui-AtomInput-input {
  padding-left: 44px;
}
.sui-AtomInput--withIcon--right .sui-AtomInput-input {
  padding-right: 44px;
}
.sui-AtomInput--withIcon-icon {
  align-items: center;
  color: #000e23;
  display: flex;
  fill: #000e23;
  height: 24px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  pointer-events: none;
}
.sui-AtomInput--withIcon-icon--withHandler {
  cursor: pointer;
  pointer-events: auto;
}
.sui-AtomInput--withIcon-icon--left {
  left: 16px;
}
.sui-AtomInput--withIcon-icon--right {
  right: 16px;
}
.sui-AtomInput--withIcon-icon > * {
  height: 100%;
  width: 100%;
}

.sui-AtomInput--withButton {
  display: flex;
  width: 100%;
}
.sui-AtomInput--withButton-input {
  flex: 1;
  width: 100%;
}
.sui-AtomInput--withButton-button {
  margin-left: 8px;
}

.sui-AtomInput-input-password {
  position: relative;
  width: 100%;
  display: flex;
  background: #ffffff;
  border: 1px solid #bfc7d0;
  box-sizing: border-box;
  color: var(--c-base-inverse, initial);
  font-family: inherit;
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  padding-left: 0;
  border-radius: 8px;
}
.sui-AtomInput-input-password > input {
  padding-right: 0px;
}
.sui-AtomInput-input-password-shape-square {
  border-radius: 0;
}
.sui-AtomInput-input-password-shape-rounded {
  border-radius: 4px;
}
.sui-AtomInput-input-password-shape-circle {
  border-radius: 100dvh;
}
.sui-AtomInput-input-password--toggleButton {
  margin-top: 8px;
  margin-bottom: 8px;
  border: none;
  background: #ffffff;
  color: #000e23;
  display: inline-block;
  user-select: none;
  border-radius: 8px;
}
.sui-AtomInput-input-password--toggleButton-shape-square {
  border-radius: 0;
}
.sui-AtomInput-input-password--toggleButton-shape-rounded {
  border-radius: 4px;
}
.sui-AtomInput-input-password--toggleButton-shape-circle {
  border-radius: 100dvh;
}
.sui-AtomInput-input-password--toggleButton:focus-visible {
  outline-style: solid;
  outline-color: color-mix(in srgb, #000e23 80%, transparent);
  outline-width: 2px;
  outline-offset: 2px;
}
.sui-AtomInput-input-password--state-error {
  border-color: #b21229;
}
.sui-AtomInput-input-password--state-success {
  border-color: #017943;
}
.sui-AtomInput-input-password--state-alert {
  border-color: #d97703;
}

.mt-NewsletterForm {
  padding: 16px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-NewsletterForm-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-NewsletterForm-formContent {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 16px;
}
@media (min-width: 800px) {
  .mt-NewsletterForm-form--large {
    align-items: flex-end;
    flex-direction: row;
  }
}
.mt-NewsletterForm-link {
  color: #000e23;
  font-weight: 600;
  text-decoration: underline;
}
.mt-NewsletterForm-submit {
  align-self: flex-start;
}

.sui-AtomToast {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #777777;
  box-shadow: none;
  color: #000e23;
  font-size: 14px;
  overflow: hidden;
}
.sui-AtomToast-container {
  margin: 8px;
  position: fixed;
  z-index: 1200;
}
.sui-AtomToast-icon {
  cursor: pointer;
  margin: 4px;
  position: absolute;
  right: 0;
}
.sui-AtomToast-icon svg {
  fill: #ffffff !important;
  height: 16px;
  width: 16px;
}
.sui-AtomToast-position--bottom, .sui-AtomToast-position--bottom-right, .sui-AtomToast-position--bottom-left {
  bottom: 0;
}
.sui-AtomToast-position--top, .sui-AtomToast-position--top-right, .sui-AtomToast-position--top-left {
  top: 0;
}
.sui-AtomToast-position--bottom, .sui-AtomToast-position--top {
  left: 50%;
}
.sui-AtomToast-position--bottom .sui-AtomToast, .sui-AtomToast-position--top .sui-AtomToast {
  left: -50%;
  position: relative;
}
.sui-AtomToast-position--bottom-right, .sui-AtomToast-position--top-right {
  right: 0;
}
.sui-AtomToast-position--bottom-left, .sui-AtomToast-position--top-left {
  left: 0;
}
.sui-AtomToast-effect--top {
  transition: top 0.5s ease-out;
}
.sui-AtomToast-effect--top.sui-AtomToast-effect--hide {
  top: -50%;
  transition: top 0.5s ease-in;
}
.sui-AtomToast-effect--bottom {
  transition: bottom 0.5s ease-out;
}
.sui-AtomToast-effect--bottom.sui-AtomToast-effect--hide {
  bottom: -50%;
  transition: bottom 0.5s ease-in;
}
.sui-AtomToast-effect--top-right, .sui-AtomToast-effect--bottom-right {
  transition: right 0.5s ease-out;
}
.sui-AtomToast-effect--top-right.sui-AtomToast-effect--hide, .sui-AtomToast-effect--bottom-right.sui-AtomToast-effect--hide {
  right: -100vh;
  transition: right 0.5s ease-in;
}
.sui-AtomToast-effect--top-left, .sui-AtomToast-effect--bottom-left {
  transition: left 0.5s ease-out;
}
.sui-AtomToast-effect--top-left.sui-AtomToast-effect--hide, .sui-AtomToast-effect--bottom-left.sui-AtomToast-effect--hide {
  left: -100vh;
  transition: left 0.5s ease-in;
}

.mt-ActionsSaveNews {
  display: inline-flex;
}
.mt-ActionsSaveNews-notification {
  background-color: #000e23;
  color: #ffffff;
  display: flex;
  gap: 4px;
  padding: 16px 24px 16px 16px;
  width: 325px;
}
@media (min-width: 800px) {
  .mt-ActionsSaveNews-notification {
    width: 450px;
  }
}
.mt-ActionsSaveNews-notificationText {
  margin: 0;
}
.mt-ActionsSaveNews-notification--success {
  background-color: #017943;
}
.mt-ActionsSaveNews-notification--error {
  background-color: #b21229;
}

.sui-MoleculeRating-Star {
  align-items: center;
  color: #ff9900;
  display: flex;
  margin-left: 0;
}
.sui-MoleculeRating-Star svg {
  fill: currentColor;
  height: 100%;
  width: 100%;
}

.sui-MoleculeRating {
  align-items: center;
  display: flex;
}
.sui-MoleculeRating-containerStars {
  display: flex;
}
.sui-MoleculeRating .sui-MoleculeRating-label {
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  display: flex;
  margin: 0 0 0 8px;
  padding: 8px;
}
.sui-MoleculeRating--small {
  font-size: 12px;
}
.sui-MoleculeRating--small .sui-MoleculeRating-Star {
  height: 16px;
  width: 16px;
  margin-left: 0;
}
.sui-MoleculeRating--small .sui-MoleculeRating-label {
  font-size: inherit;
}
.sui-MoleculeRating--medium {
  font-size: 14px;
}
.sui-MoleculeRating--medium .sui-MoleculeRating-Star {
  height: 24px;
  width: 24px;
  margin-left: 0;
}
.sui-MoleculeRating--medium .sui-MoleculeRating-label {
  font-size: inherit;
}
.sui-MoleculeRating--large {
  font-size: 16px;
}
.sui-MoleculeRating--large .sui-MoleculeRating-Star {
  height: 32px;
  width: 32px;
}
.sui-MoleculeRating--large .sui-MoleculeRating-label {
  font-size: inherit;
}
.sui-MoleculeRating--withLink .sui-MoleculeRating-label:hover {
  background: color-mix(in srgb, var(--c-base, white) 90%, #000e23);
  cursor: pointer;
}
.sui-MoleculeRating--withLink .sui-MoleculeRating-labelLink {
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  text-decoration: none;
}
.sui-MoleculeRating--withLink .sui-MoleculeRating-labelLink:hover {
  color: color-mix(in srgb, var(--c-base-inverse, black) 40%, var(--c-gray, #777777));
  text-decoration: none;
}

.mt-SharedSmartbanner {
  background-color: #ffffff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  padding: 8px;
}
.mt-SharedSmartbanner-close {
  padding: 8px 8px 8px 0;
  margin-top: auto;
  margin-bottom: auto;
}
.mt-SharedSmartbanner-content {
  display: flex;
  gap: 8px;
}
.mt-SharedSmartbanner-contentLogo {
  height: 50px;
  width: 50px;
  flex-shrink: 0;
}
.mt-SharedSmartbanner-contentInfoText {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.mt-SharedSmartbanner-contentInfoDescription {
  font-size: 12px;
  color: #3b4a5a;
  margin: 0;
}
.mt-SharedSmartbanner-cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  width: fit-content;
}
.mt-SharedSmartbanner--relative {
  position: relative;
  box-shadow: none;
}
.mt-SharedSmartbanner--fixed {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  left: 0;
  z-index: 4;
}
.mt-SharedSmartbanner--fixed-top {
  top: 0;
}
.mt-SharedSmartbanner--fixed-bottom {
  bottom: 0;
}
.mt-SharedSmartbanner--sticky {
  position: sticky;
  top: 0;
  z-index: 4;
}
.mt-SharedSmartbanner--fullwidth {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.mt-SharedSmartbanner--hasAdToolbarOffset {
  top: 56px;
}
.mt-SharedSmartbanner--hasTopbarOffset {
  top: 47px;
}
.mt-SharedSmartbanner--hasFiltersOffset {
  top: 127px;
}

.sui-AtomIcon {
  --color: inherit;
  display: inherit;
  border: none;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
}
.sui-AtomIcon:focus {
  outline: none;
}
.sui-AtomIcon:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.sui-AtomIcon.sui-AtomIcon--color-accent svg {
  --color: #e60e27;
}
.sui-AtomIcon.sui-AtomIcon--color-alert svg {
  --color: #d97703;
}
.sui-AtomIcon.sui-AtomIcon--color-currentColor svg {
  --color: currentColor;
}
.sui-AtomIcon.sui-AtomIcon--color-error svg {
  --color: #b21229;
}
.sui-AtomIcon.sui-AtomIcon--color-primary svg {
  --color: #000e23;
}
.sui-AtomIcon.sui-AtomIcon--color-success svg {
  --color: #017943;
}
.sui-AtomIcon.sui-AtomIcon--color-gray svg {
  --color: #777777;
}
.sui-AtomIcon.sui-AtomIcon--design-filled svg {
  fill: var(--color, currentColor);
  stroke: none;
}
.sui-AtomIcon.sui-AtomIcon--design-filled svg path {
  stroke: none !important;
}
.sui-AtomIcon.sui-AtomIcon--design-filled svg path:not([fill=none]) {
  fill: inherit !important;
}
.sui-AtomIcon.sui-AtomIcon--design-outline svg {
  stroke: var(--color, currentColor);
  fill: none;
}
.sui-AtomIcon.sui-AtomIcon--design-outline svg path {
  fill: none !important;
}
.sui-AtomIcon.sui-AtomIcon--design-outline svg path:not([stroke=none]) {
  stroke: inherit !important;
}
.sui-AtomIcon.sui-AtomIcon--size-extraSmall svg {
  height: 12px;
  width: 12px;
}
.sui-AtomIcon.sui-AtomIcon--size-extraSmall.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.sui-AtomIcon.sui-AtomIcon--size-extraSmall.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.sui-AtomIcon.sui-AtomIcon--size-extraSmall.sui-AtomIcon--shape-circular {
  border-radius: 6px;
}
.sui-AtomIcon.sui-AtomIcon--size-small svg {
  height: 16px;
  width: 16px;
}
.sui-AtomIcon.sui-AtomIcon--size-small.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.sui-AtomIcon.sui-AtomIcon--size-small.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.sui-AtomIcon.sui-AtomIcon--size-small.sui-AtomIcon--shape-circular {
  border-radius: 8px;
}
.sui-AtomIcon.sui-AtomIcon--size-medium svg {
  height: 24px;
  width: 24px;
}
.sui-AtomIcon.sui-AtomIcon--size-medium.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.sui-AtomIcon.sui-AtomIcon--size-medium.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.sui-AtomIcon.sui-AtomIcon--size-medium.sui-AtomIcon--shape-circular {
  border-radius: 12px;
}
.sui-AtomIcon.sui-AtomIcon--size-large svg {
  height: 32px;
  width: 32px;
}
.sui-AtomIcon.sui-AtomIcon--size-large.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.sui-AtomIcon.sui-AtomIcon--size-large.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.sui-AtomIcon.sui-AtomIcon--size-large.sui-AtomIcon--shape-circular {
  border-radius: 16px;
}
.sui-AtomIcon.sui-AtomIcon--size-extraLarge svg {
  height: 40px;
  width: 40px;
}
.sui-AtomIcon.sui-AtomIcon--size-extraLarge.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.sui-AtomIcon.sui-AtomIcon--size-extraLarge.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.sui-AtomIcon.sui-AtomIcon--size-extraLarge.sui-AtomIcon--shape-circular {
  border-radius: 20px;
}
.sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge svg {
  height: 48px;
  width: 48px;
}
.sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge.sui-AtomIcon--shape-squared {
  border-radius: 0;
}
.sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge.sui-AtomIcon--shape-rounded {
  border-radius: 4px;
}
.sui-AtomIcon.sui-AtomIcon--size-extraExtraLarge.sui-AtomIcon--shape-circular {
  border-radius: 24px;
}
.sui-AtomIcon > span {
  display: inherit;
}
.sui-AtomIcon svg {
  vertical-align: middle;
}

.mt-TitleBasic-pre {
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  margin: 0 0 4px;
}
.mt-TitleBasic-pre--xxl, .mt-TitleBasic-pre--xl, .mt-TitleBasic-pre--l {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.36;
}
.mt-TitleBasic-pre--m, .mt-TitleBasic-pre--s, .mt-TitleBasic-pre--xs {
  font-size: 12px;
  line-height: 15.6px;
}
.mt-TitleBasic-pre--xxs {
  font-size: 10px;
  line-height: 12px;
}
.mt-TitleBasic-title {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0;
}
.mt-TitleBasic-title--xxl {
  font-size: 54px;
}
.mt-TitleBasic-title--xl {
  font-size: 40px;
}
.mt-TitleBasic-title--l {
  font-size: 32px;
}
.mt-TitleBasic-title--m {
  font-size: 28px;
}
.mt-TitleBasic-title--s {
  font-size: 24px;
}
.mt-TitleBasic-title--xs-s {
  font-size: 20px;
}
.mt-TitleBasic-title--xs {
  font-size: 16px;
}
.mt-TitleBasic-title--xxs {
  font-size: 14px;
}
.mt-TitleBasic-title--xxxs {
  font-size: 12px;
}
.mt-TitleBasic-title--maxLines-1 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mt-TitleBasic-title--maxLines-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mt-TitleBasic-title--maxLines-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mt-TitleBasic-titleWrapper {
  display: flex;
  align-items: center;
}
.mt-TitleBasic-titleWrapper--left {
  justify-content: flex-start;
  text-align: left;
}
.mt-TitleBasic-titleWrapper--right {
  justify-content: flex-end;
  text-align: right;
}
.mt-TitleBasic-titleWrapper--center {
  justify-content: center;
  text-align: center;
}
.mt-TitleBasic-titleIcon {
  margin-right: 8px;
}
.mt-TitleBasic-desc {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  line-height: 1.36;
  margin: 4px 0 0;
}
.mt-TitleBasic-desc--xxl, .mt-TitleBasic-desc--xl, .mt-TitleBasic-desc--l, .mt-TitleBasic-desc--m {
  font-size: 20px;
}
.mt-TitleBasic-desc--xs-s {
  font-size: 16px;
}
.mt-TitleBasic-desc--s, .mt-TitleBasic-desc--xs {
  font-size: 14px;
}
.mt-TitleBasic-desc--xxs {
  font-size: 12px;
}
.mt-TitleBasic-desc--xxxs {
  font-size: 10px;
}
.mt-TitleBasic-desc--left {
  text-align: left;
}
.mt-TitleBasic-desc--right {
  text-align: right;
}
.mt-TitleBasic-desc--center {
  text-align: center;
}
.mt-TitleBasic-pre strong, .mt-TitleBasic-pre small, .mt-TitleBasic-title strong, .mt-TitleBasic-title small, .mt-TitleBasic-desc strong, .mt-TitleBasic-desc small, .mt-TitleBasic-titleWrapper strong, .mt-TitleBasic-titleWrapper small {
  color: #e60e27;
}
.mt-TitleBasic-pre--white, .mt-TitleBasic-title--white, .mt-TitleBasic-desc--white, .mt-TitleBasic-titleWrapper--white {
  color: #ffffff;
}
.mt-TitleBasic-pre--black, .mt-TitleBasic-title--black, .mt-TitleBasic-desc--black, .mt-TitleBasic-titleWrapper--black {
  color: #000e23;
}
.mt-TitleBasic-pre--currentColor, .mt-TitleBasic-title--currentColor, .mt-TitleBasic-desc--currentColor, .mt-TitleBasic-titleWrapper--currentColor {
  color: currentColor;
}
.mt-TitleBasic-pre--gray, .mt-TitleBasic-title--gray, .mt-TitleBasic-desc--gray, .mt-TitleBasic-titleWrapper--gray {
  color: #3b4a5a;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sui-PrimitiveLoadingIcon {
  display: inline-block;
  border-width: 2px;
  border-color: currentcolor currentcolor transparent transparent;
  border-style: solid;
  border-radius: 9999px;
  animation: spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.sui-AtomButton {
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  user-select: none;
  border-radius: 8px;
  border: 1px solid;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  line-height: normal;
  min-width: 40px;
  outline: 0;
  padding: 0 16px;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.sui-AtomButton:focus {
  outline: 0;
}
.sui-AtomButton .sui-AtomButton-leftIcon:not(.sui-AtomButton .sui-AtomButton-leftIcon [class*=Icon], .sui-AtomButton .sui-AtomButton-rightIcon [class*=Icon], .sui-AtomButton .sui-AtomButton-centerIcon [class*=Icon]), .sui-AtomButton .sui-AtomButton-rightIcon:not(.sui-AtomButton .sui-AtomButton-leftIcon [class*=Icon], .sui-AtomButton .sui-AtomButton-rightIcon [class*=Icon], .sui-AtomButton .sui-AtomButton-centerIcon [class*=Icon]), .sui-AtomButton .sui-AtomButton-centerIcon:not(.sui-AtomButton .sui-AtomButton-leftIcon [class*=Icon], .sui-AtomButton .sui-AtomButton-rightIcon [class*=Icon], .sui-AtomButton .sui-AtomButton-centerIcon [class*=Icon]) {
  height: 16px;
  width: 16px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.sui-AtomButton .sui-AtomButton-leftIcon {
  margin-right: 8px;
}
.sui-AtomButton .sui-AtomButton-rightIcon {
  margin-left: 8px;
}
.sui-AtomButton + .sui-AtomButton:not(.sui-AtomButton--fitted):not(.sui-AtomButton-group) {
  margin-left: 8px;
}
.sui-AtomButton-inner, .sui-AtomButton-content {
  display: inline-flex;
  align-items: center;
  height: 100%;
  pointer-events: none;
  text-decoration: inherit;
}
.sui-AtomButton--loading .sui-AtomButton-inner {
  justify-content: center;
}
.sui-AtomButton--loading .sui-AtomButton-content {
  opacity: 0;
}
.sui-AtomButton-leftIcon, .sui-AtomButton-rightIcon, .sui-AtomButton-centerIcon {
  display: inline-flex;
}
.sui-AtomButton-leftIcon .sui-AtomIcon, .sui-AtomButton-rightIcon .sui-AtomIcon, .sui-AtomButton-centerIcon .sui-AtomIcon {
  display: inline-flex;
}
.sui-AtomButton-leftIcon svg, .sui-AtomButton-rightIcon svg, .sui-AtomButton-centerIcon svg {
  fill: currentColor;
  stroke: currentColor;
}
.sui-AtomButton-centerIcon {
  align-items: center;
  justify-content: center;
  position: absolute;
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  background: transparent;
  user-select: text;
  border: none;
  color: #000e23;
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.46;
  text-align: left;
  padding: 0;
  justify-content: center;
  text-align: center;
  text-decoration: underline;
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover, .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
  text-decoration: underline;
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  background: transparent;
}
@media (hover: hover) {
  .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    background: transparent;
  }
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  background: transparent;
}
.sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  background: transparent;
}
@media (hover: hover) {
  .sui-AtomButton.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    background: transparent;
  }
}
.sui-AtomButton--primary.sui-AtomButton--solid {
  background: #000e23;
  border-color: #000e23;
  color: #ffffff;
  text-decoration-line: none;
}
.sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--solid:active {
  background: #242f44;
  border-color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--solid:hover {
    background: #242f44;
    border-color: #242f44;
  }
}
.sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #000e23;
}
.sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #000e23);
  }
}
.sui-AtomButton--primary.sui-AtomButton--outline, .sui-AtomButton--primary.sui-AtomButton--flat {
  border-color: #000e23;
  color: #000e23;
  text-decoration-line: none;
}
.sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--outline:active, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--flat:active {
  background: #eef0f4;
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--outline:hover, .sui-AtomButton--primary.sui-AtomButton--flat:hover {
    background: #eef0f4;
  }
}
.sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23);
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--primary.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000e23);
  }
}
.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #000e23;
}
.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--primary.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--accent.sui-AtomButton--solid {
  background: #e60e27;
  border-color: #e60e27;
  color: #ffffff;
  text-decoration-line: none;
}
.sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--solid:active {
  background: #b21229;
  border-color: #b21229;
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--solid:hover {
    background: #b21229;
    border-color: #b21229;
  }
}
.sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #e60e27;
}
.sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  }
}
.sui-AtomButton--accent.sui-AtomButton--outline, .sui-AtomButton--accent.sui-AtomButton--flat {
  border-color: #e60e27;
  color: #e60e27;
  text-decoration-line: none;
}
.sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--outline:active, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--flat:active {
  background: #f7cbcb;
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--outline:hover, .sui-AtomButton--accent.sui-AtomButton--flat:hover {
    background: #f7cbcb;
  }
}
.sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #e60e27);
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--accent.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #e60e27);
  }
}
.sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #e60e27;
}
.sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--accent.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--neutral.sui-AtomButton--solid {
  background: #3b4a5a;
  border-color: #3b4a5a;
  color: #ffffff;
  text-decoration-line: none;
}
.sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  }
}
.sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #3b4a5a;
}
.sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  }
}
.sui-AtomButton--neutral.sui-AtomButton--outline, .sui-AtomButton--neutral.sui-AtomButton--flat {
  border-color: #3b4a5a;
  color: #3b4a5a;
  text-decoration-line: none;
}
.sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--outline:active, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--outline:hover, .sui-AtomButton--neutral.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #3b4a5a);
  }
}
.sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--neutral.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #3b4a5a);
  }
}
.sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #3b4a5a;
}
.sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--neutral.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--success.sui-AtomButton--solid {
  background: #017943;
  border-color: #017943;
  color: #ffffff;
  text-decoration-line: none;
}
.sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  }
}
.sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #017943;
}
.sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  }
}
.sui-AtomButton--success.sui-AtomButton--outline, .sui-AtomButton--success.sui-AtomButton--flat {
  border-color: #017943;
  color: #017943;
  text-decoration-line: none;
}
.sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--outline:active, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--outline:hover, .sui-AtomButton--success.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  }
}
.sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--success.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #017943);
  }
}
.sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #017943;
}
.sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--success.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--error.sui-AtomButton--solid {
  background: #b21229;
  border-color: #b21229;
  color: #ffffff;
  text-decoration-line: none;
}
.sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  }
}
.sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #ffffff);
  border-color: #ffffff;
  color: #b21229;
}
.sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  }
}
.sui-AtomButton--error.sui-AtomButton--outline, .sui-AtomButton--error.sui-AtomButton--flat {
  border-color: #b21229;
  color: #b21229;
  text-decoration-line: none;
}
.sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--outline:active, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--outline:hover, .sui-AtomButton--error.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #b21229);
  }
}
.sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #ffffff;
  color: #ffffff;
}
.sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--error.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #b21229);
  }
}
.sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #b21229;
}
.sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #ffffff;
}
.sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
}
@media (hover: hover) {
  .sui-AtomButton--error.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #ffffff);
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--solid {
  background: #25d366;
  border-color: #25d366;
  color: #000000;
  text-decoration-line: none;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--solid:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--solid:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
    border-color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative {
  background: var(--c-base, #000000);
  border-color: #000000;
  color: #25d366;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  border-color: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--solid.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
    border-color: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--outline, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat {
  border-color: #25d366;
  color: #25d366;
  text-decoration-line: none;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline:active, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat:active {
  background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--outline:hover, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat:hover {
    background: color-mix(in srgb, var(--c-base, white) 80%, #25d366);
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative {
  border-color: #000000;
  color: #000000;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative:active, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative:active {
  background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--outline.sui-AtomButton--negative:hover, .sui-AtomButton--social-whatsapp.sui-AtomButton--flat.sui-AtomButton--negative:hover {
    background: color-mix(in srgb, var(--c-base-inverse, black) 20%, #25d366);
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat) {
  color: #25d366;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):active {
  color: #242f44;
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat):hover {
    color: #242f44;
  }
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative {
  color: #000000;
}
.sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative.sui-AtomButton--focused, .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:active {
  color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000000);
}
@media (hover: hover) {
  .sui-AtomButton--social-whatsapp.sui-AtomButton--link:not(.sui-AtomButton--solid):not(.sui-AtomButton--outline):not(.sui-AtomButton--flat).sui-AtomButton--negative:hover {
    color: color-mix(in srgb, var(--c-base-inverse, black) 20%, #000000);
  }
}
.sui-AtomButton--outline, .sui-AtomButton--negative {
  background: none;
}
.sui-AtomButton--flat {
  border: 0;
}
.sui-AtomButton--solid.sui-AtomButton--primary {
  box-shadow: none;
}
.sui-AtomButton--solid.sui-AtomButton--primary.sui-AtomButton--negative {
  box-shadow: none;
}
.sui-AtomButton--elevation-large {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.sui-AtomButton--elevation-large.sui-AtomButton--primary {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.sui-AtomButton--elevation-large.sui-AtomButton--primary.sui-AtomButton--negative {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
.sui-AtomButton--elevation-medium {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.sui-AtomButton--elevation-medium.sui-AtomButton--primary {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.sui-AtomButton--elevation-medium.sui-AtomButton--primary.sui-AtomButton--negative {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.sui-AtomButton:focus-visible {
  box-shadow: none;
  outline: 2px solid color-mix(in srgb, #000e23 80%, transparent);
  outline-offset: 2px;
}
.sui-AtomButton--squared {
  border-radius: 0;
}
.sui-AtomButton--circular {
  border-radius: 20px;
}
.sui-AtomButton--center {
  text-align: center;
}
.sui-AtomButton--left {
  text-align: left;
}
.sui-AtomButton--right {
  text-align: right;
}
.sui-AtomButton--disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
.sui-AtomButton--small {
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  min-width: 32px;
  padding: 0 8px;
}
.sui-AtomButton--small .sui-AtomButton-leftIcon:not(.sui-AtomButton--small .sui-AtomButton-leftIcon [class*=Icon], .sui-AtomButton--small .sui-AtomButton-rightIcon [class*=Icon], .sui-AtomButton--small .sui-AtomButton-centerIcon [class*=Icon]), .sui-AtomButton--small .sui-AtomButton-rightIcon:not(.sui-AtomButton--small .sui-AtomButton-leftIcon [class*=Icon], .sui-AtomButton--small .sui-AtomButton-rightIcon [class*=Icon], .sui-AtomButton--small .sui-AtomButton-centerIcon [class*=Icon]), .sui-AtomButton--small .sui-AtomButton-centerIcon:not(.sui-AtomButton--small .sui-AtomButton-leftIcon [class*=Icon], .sui-AtomButton--small .sui-AtomButton-rightIcon [class*=Icon], .sui-AtomButton--small .sui-AtomButton-centerIcon [class*=Icon]) {
  height: 16px;
  width: 16px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.sui-AtomButton--small .sui-AtomButton-leftIcon {
  margin-right: 4px;
}
.sui-AtomButton--small .sui-AtomButton-rightIcon {
  margin-left: 4px;
}
.sui-AtomButton--small.sui-AtomButton--squared {
  border-radius: 0;
}
.sui-AtomButton--small.sui-AtomButton--circular {
  border-radius: 16px;
}
.sui-AtomButton--large {
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  height: 48px;
  min-width: 48px;
  padding: 0 16px;
}
.sui-AtomButton--large .sui-AtomButton-leftIcon:not(.sui-AtomButton--large .sui-AtomButton-leftIcon [class*=Icon], .sui-AtomButton--large .sui-AtomButton-rightIcon [class*=Icon], .sui-AtomButton--large .sui-AtomButton-centerIcon [class*=Icon]), .sui-AtomButton--large .sui-AtomButton-rightIcon:not(.sui-AtomButton--large .sui-AtomButton-leftIcon [class*=Icon], .sui-AtomButton--large .sui-AtomButton-rightIcon [class*=Icon], .sui-AtomButton--large .sui-AtomButton-centerIcon [class*=Icon]), .sui-AtomButton--large .sui-AtomButton-centerIcon:not(.sui-AtomButton--large .sui-AtomButton-leftIcon [class*=Icon], .sui-AtomButton--large .sui-AtomButton-rightIcon [class*=Icon], .sui-AtomButton--large .sui-AtomButton-centerIcon [class*=Icon]) {
  height: 24px;
  width: 24px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.sui-AtomButton--large .sui-AtomButton-leftIcon {
  margin-right: 8px;
}
.sui-AtomButton--large .sui-AtomButton-rightIcon {
  margin-left: 8px;
}
.sui-AtomButton--large.sui-AtomButton--squared {
  border-radius: 0;
}
.sui-AtomButton--large.sui-AtomButton--circular {
  border-radius: 24px;
}
.sui-AtomButton--fullWidth {
  justify-content: center;
  width: 100%;
}
.sui-AtomButton--empty {
  padding: 0;
}
.sui-AtomButton--empty .sui-AtomButton-leftIcon,
.sui-AtomButton--empty .sui-AtomButton-rightIcon {
  margin: 0;
}
.sui-AtomButton-group {
  margin-left: -1px;
  margin-right: 0;
  padding: 0 16px;
}
.sui-AtomButton-group + .sui-AtomButton-group {
  margin-left: -1px;
  margin-right: 0;
}
.sui-AtomButton-group--middle.sui-AtomButton {
  border-radius: 0;
}
.sui-AtomButton-group--first.sui-AtomButton {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.sui-AtomButton-group--last.sui-AtomButton {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.sui-AtomButton-group--selected.sui-AtomButton {
  border-radius: none;
  box-shadow: none;
}
.sui-AtomButton-group--focused {
  border: 1px solid;
}

.sui-AtomImage {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.sui-AtomImage-figure {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
  height: 100%;
}
.sui-AtomImage-figure--skeleton {
  background-size: contain;
}
.sui-AtomImage-figure--placeholder {
  background-size: cover;
}
.sui-AtomImage.is-loading .sui-AtomImage-figure--placeholder {
  filter: blur(5px);
}
.sui-AtomImage.is-loaded .sui-AtomImage-figure--placeholder {
  filter: blur(0);
  transition: 1s filter linear;
}
.sui-AtomImage.is-loaded .sui-AtomImage-spinner {
  display: none;
}
.sui-AtomImage-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.sui-AtomImage.is-loading .sui-AtomImage-image {
  opacity: 0;
}
.sui-AtomImage.is-loaded .sui-AtomImage-image {
  opacity: 1;
}
.sui-AtomImage.is-error .sui-AtomImage-image {
  display: none;
}
.sui-AtomImage-error, .sui-AtomImage-spinner {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.mt-EmptyCaseDefault {
  align-items: center;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 320px;
  padding: 40px 16px;
  width: min-content;
  margin: 0 auto;
}
@media (min-width: 600px) {
  .mt-EmptyCaseDefault {
    padding: 64px 24px;
  }
}
.mt-EmptyCaseDefault-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.mt-EmptyCaseDefault-image {
  width: 100%;
}
.mt-EmptyCaseDefault-image--auto {
  height: auto;
  width: auto;
}
.mt-EmptyCaseDefault-image--small {
  width: 80px;
}
.mt-EmptyCaseDefault-image--medium {
  min-height: 280px;
  width: 320px;
}
.mt-EmptyCaseDefault-image--large {
  height: 100px;
}
@media (min-width: 600px) {
  .mt-EmptyCaseDefault-image--large {
    height: 200px;
    width: 520px;
  }
}
.mt-EmptyCaseDefault-image--portrait {
  height: auto;
}
.mt-EmptyCaseDefault-text--margin-xss {
  margin: 0 0 16px;
}
.mt-EmptyCaseDefault-textNode {
  font-family: "PoppinsMotor", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.36;
  text-align: center;
  color: #000e23;
  margin: 4px 0 0;
}
.mt-EmptyCaseDefault-textNode .sui-AtomIcon {
  display: inline-flex;
  vertical-align: middle;
}

:root [data-theme-mode=light] {
  --c-base: #ffffff;
  --c-base-inverse: #000000;
  --c-primary: #0052ff;
  --c-accent: #e80262;
  --c-gray: color-mix(in srgb, var(--c-base-inverse) 80%, var(--c-base));
  --c-success: #008537;
  --c-alert: #bd5b00;
  --c-error: #e72326;
}

:root [data-theme-mode=dark] {
  --c-base: #000000;
  --c-base-inverse: #ffffff;
  --c-primary: #2469ff;
  --c-accent: #e80262;
  --c-gray: color-mix(in srgb, var(--c-base-inverse) 80%, var(--c-base));
  --c-success: #008a39;
  --c-alert: #bd5b00;
  --c-error: #e72326;
}

.sui-AtomBadge {
  align-items: center;
  background-color: transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  fill: currentColor;
  display: inline-flex;
  max-width: 100%;
  justify-content: center;
  white-space: nowrap;
  cursor: default;
}
.sui-AtomBadge.sui-AtomBadge-size-small {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  height: 16px;
  padding: 0 8px;
}
.sui-AtomBadge.sui-AtomBadge-size-medium {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  height: 16px;
  padding: 0 8px;
}
.sui-AtomBadge.sui-AtomBadge-size-large {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  height: 24px;
  padding: 0 8px;
}
.sui-AtomBadge-icon {
  height: 16px;
  width: 16px;
  align-items: center;
  display: flex;
  line-height: initial;
  margin-right: 4px;
}
.sui-AtomBadge-icon--iconRight {
  margin-left: 4px;
  margin-right: 0;
}
.sui-AtomBadge-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-success {
  background-color: #017943;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-success.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #017943;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-error {
  background-color: #b21229;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-error.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b21229;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-alert {
  background-color: #d97703;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-alert.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #d97703;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-info {
  background-color: #777777;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-info.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #777777;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-new {
  background-color: #e60e27;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-new.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #e60e27;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-neutral {
  background-color: #ffffff;
  color: #3b4a5a;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-neutral.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ffffff;
  padding: 0;
  color: #3b4a5a;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-primary {
  background-color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-solid.sui-AtomBadge-type-primary.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #000e23;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-alert {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #d97703);
  color: #d97703;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-alert.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 80%, #d97703);
  padding: 0;
  color: #d97703;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-info {
  background-color: #eef0f4;
  color: #777777;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-info.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #eef0f4;
  padding: 0;
  color: #777777;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-new {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  color: #e60e27;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-new.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  padding: 0;
  color: #e60e27;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-neutral {
  background-color: #eef0f4;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-neutral.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #eef0f4;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-neutralDark {
  background-color: rgba(191, 197, 204, 0.7215686275);
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-neutralDark.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: rgba(191, 197, 204, 0.7215686275);
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-neutralLight {
  background-color: #dfe2e6;
  color: rgba(0, 14, 35, 0.7215686275);
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-neutralLight.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #dfe2e6;
  padding: 0;
  color: rgba(0, 14, 35, 0.7215686275);
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-primary {
  background-color: color-mix(in srgb, var(--c-base, white) 90%, #000e23);
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-primary.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 90%, #000e23);
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-accentWithoutHover {
  background-color: #e60e27;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-accentWithoutHover.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #e60e27;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-aqua {
  background-color: #b8e1ff;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-aqua.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b8e1ff;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-aquaWithoutHover {
  background-color: #b8e1ff;
  color: #3b4a5a;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-aquaWithoutHover.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b8e1ff;
  padding: 0;
  color: #3b4a5a;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-bloodOrange {
  background-color: #f4bbb8;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-bloodOrange.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #f4bbb8;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-blue {
  background-color: #bbb7f9;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-blue.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #bbb7f9;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-brown {
  background-color: #ead6ce;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-brown.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ead6ce;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-error {
  background-color: #b21229;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-error.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b21229;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-gray {
  background-color: #eef0f4;
  color: #3b4a5a;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-gray.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #eef0f4;
  padding: 0;
  color: #3b4a5a;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-grayDarkWithoutHover {
  background-color: #606f80;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-grayDarkWithoutHover.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #606f80;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-lemon {
  background-color: #fff19f;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-lemon.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #fff19f;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-lightBlue {
  background-color: #eef0f4;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-lightBlue.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #eef0f4;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-orangeJuice {
  background-color: #fccfa2;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-orangeJuice.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #fccfa2;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-primaryWithoutHover {
  background-color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-primaryWithoutHover.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #000e23;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-purple {
  background-color: #f7bff7;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-purple.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #f7bff7;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-softGreen {
  background-color: #b0f4d5;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-softGreen.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b0f4d5;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-success {
  background-color: #017943;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-success.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #017943;
  padding: 0;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-successLight {
  background-color: color-mix(in srgb, var(--c-base, white) 60%, #017943);
  color: #017943;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-successLight.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 60%, #017943);
  padding: 0;
  color: #017943;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-pros {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  color: #017943;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-pros.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 80%, #017943);
  padding: 0;
  color: #017943;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-prosLight {
  background-color: #ebf4f0;
  color: #017943;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-prosLight.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ebf4f0;
  padding: 0;
  color: #017943;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-cons {
  background-color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  color: #e60e27;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-cons.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: color-mix(in srgb, var(--c-base, white) 80%, #e60e27);
  padding: 0;
  color: #e60e27;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-offer {
  background-color: #bdd3f9;
  color: #2323c8;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-offer.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #bdd3f9;
  padding: 0;
  color: #2323c8;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-teal {
  background-color: #b8f4f4;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-teal.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b8f4f4;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-white {
  background-color: #ffffff;
  color: #606f80;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-white.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ffffff;
  padding: 0;
  color: #606f80;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-tealWithoutHover {
  background-color: #b8f4f4;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-tealWithoutHover.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #b8f4f4;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-lime {
  background-color: #c3ffb5;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-lime.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #c3ffb5;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-recommended {
  background-color: #bdd3f9;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-recommended.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #bdd3f9;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-recommendedLight {
  background-color: #d9e6ff;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-recommendedLight.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #d9e6ff;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-recommendedLighter {
  background-color: #d9e6ff;
  color: rgba(0, 14, 35, 0.7215686275);
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-recommendedLighter.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #d9e6ff;
  padding: 0;
  color: rgba(0, 14, 35, 0.7215686275);
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-salmon {
  background-color: #ff99ad;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-salmon.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #ff99ad;
  padding: 0;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-discount {
  background-color: #f7cbcb;
  color: #000e23;
}
.sui-AtomBadge.sui-AtomBadge-design-soft.sui-AtomBadge-type-discount.sui-AtomBadge--isTransparent {
  background-color: transparent;
  color: #f7cbcb;
  padding: 0;
  color: #000e23;
}

.mt-NewsList .sui-MoleculeTabs-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.mt-NewsList .sui-MoleculeTabs-item .sui-MoleculeTabs-item-icon {
  margin: 0;
  height: 24px;
}
.mt-NewsList-savedTabLabel {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

@media (min-width: 970px) {
  .mt-NewsList-AdvertisingRectangle {
    display: flex;
    justify-content: space-around;
  }
}