/*
* Copyright 2020 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
:root {
  --fnd-motion-ease-informative: linear;
  --fnd-motion-ease-focused: ease-in-out;
  --fnd-motion-ease-expressive: ease-out;
  --fnd-motion-duration-100: 0.1s;
  --fnd-motion-duration-150: 0.15s;
  --fnd-motion-duration-200: 0.2s;
  --fnd-motion-duration-250: 0.25s;
  --fnd-motion-duration-300: 0.3s;
  --fnd-motion-duration-350: 0.35s;
  --fnd-motion-duration-450: 0.45s;
  --fnd-motion-duration-600: 0.6s;
  --fnd-motion-duration-1000: 1s;
  --fnd-motion-duration-1500: 1.5s;
  --fnd-motion-duration-informative-quick: 0.2s;
  --fnd-motion-duration-informative-base: 0.3s;
  --fnd-motion-duration-informative-slow: 0.6s;
  --fnd-motion-duration-focused-quick: 0.2s;
  --fnd-motion-duration-focused-base: 0.3s;
  --fnd-motion-duration-focused-slow: 0.45s;
  --fnd-motion-duration-expressive-quick: 0.2s;
  --fnd-motion-duration-expressive-base: 0.3s;
  --fnd-motion-duration-expressive-slow: 0.45s;
  --fnd-motion-delay-0: 0s;
  --fnd-motion-delay-100: 0.1s;
  --fnd-motion-delay-150: 0.15s;
  --fnd-motion-delay-200: 0.2s;
  --fnd-motion-delay-250: 0.25s;
  --fnd-motion-delay-300: 0.3s;
  --fnd-motion-delay-450: 0.45s;
  --fnd-motion-delay-600: 0.6s;
  --fnd-motion-delay-1000: 1s;
}

@keyframes animations-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes animations-flash {
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes animations-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
:root {
  --fnd-color-always-dark: #000;
  --fnd-color-always-light: #fff;
}

:root,
.light-base-theme {
  /* Text */
  --fnd-color-text-difference: #fff;
  --fnd-color-text-inverse: #fff;
  --fnd-color-text-high: #000;
  --fnd-color-text-mid: #666;
  --fnd-color-text-low: #8e8d8d;
  --fnd-color-text-state-disabled: #8e8d8d;
  --fnd-color-text-transparency-mid: color-mix(in srgb, #000 70%, transparent);
  --fnd-color-text-transparency-low: color-mix(in srgb, #000 40%, transparent);
  --fnd-color-semantic-text-success: #0b9e23;
  --fnd-color-semantic-text-danger: #bf281b;
  /* Background */
  --fnd-color-background-inverse: #000;
  --fnd-color-background-base: #fff;
  --fnd-color-background-state-disabled: #e5e5e5;
  --fnd-color-background-secondary: #f5f5f5;
  --fnd-color-background-tertiary: #e5e5e5;
  --fnd-color-background-quaternary: #cbcbcb;
  --fnd-color-background-quinary: #767676;
  --fnd-color-background-accent-green: #5cfe50;
  --fnd-color-background-accent-secondary: #04cd24;
  --fnd-color-background-transparency-mid: color-mix(in srgb, #000 80%, transparent);
  --fnd-color-background-transparency-low: color-mix(in srgb, #000 20%, transparent);
  --fnd-color-semantic-background-success: #d5ffd1;
  --fnd-color-semantic-background-danger: #ffdfdc;
  /* Border */
  --fnd-color-border-inverse: #fff;
  --fnd-color-border-high: #000;
  --fnd-color-border-mid-dark: #767676;
  --fnd-color-border-mid: #cbcbcb;
  --fnd-color-border-low: #e5e5e5;
  --fnd-color-border-state-disabled: #e5e5e5;
  --fnd-color-semantic-border-success: #0b9e23;
  --fnd-color-semantic-border-danger: #bf281b;
}

.dark-base-theme {
  /* Text */
  --fnd-color-text-difference: #fff;
  --fnd-color-text-inverse: #000;
  --fnd-color-text-high: #fff;
  --fnd-color-text-mid: #cbcbcb;
  --fnd-color-text-low: #767676;
  --fnd-color-text-state-disabled: #8e8d8d;
  --fnd-color-text-transparency-mid: color-mix(in srgb, #000 70%, transparent);
  --fnd-color-text-transparency-low: color-mix(in srgb, #000 40%, transparent);
  --fnd-color-semantic-text-success: #0b9e23;
  --fnd-color-semantic-text-danger: #ef5b4e;
  /* Background */
  --fnd-color-background-inverse: #fff;
  --fnd-color-background-base: #000;
  --fnd-color-background-state-disabled: #333;
  --fnd-color-background-secondary: #1d1d1d;
  --fnd-color-background-tertiary: #4d4d4d;
  --fnd-color-background-quaternary: #666;
  --fnd-color-background-quinary: #d9d9d9;
  --fnd-color-background-accent-green: #5cfe50;
  --fnd-color-background-accent-secondary: #56ed4b;
  --fnd-color-background-transparency-mid: color-mix(in srgb, #000 60%, transparent);
  --fnd-color-background-transparency-low: color-mix(in srgb, #000 20%, transparent);
  --fnd-color-semantic-background-success: #d5ffd1;
  --fnd-color-semantic-background-danger: #ffdfdc;
  /* Border */
  --fnd-color-border-inverse: #000;
  --fnd-color-border-high: #fff;
  --fnd-color-border-mid-dark: #cbcbcb;
  --fnd-color-border-mid: #767676;
  --fnd-color-border-low: #333;
  --fnd-color-border-state-disabled: #333;
  --fnd-color-semantic-border-success: #0b9e23;
  --fnd-color-semantic-border-danger: #ef5b4e;
}

.light-secondary-theme {
  /* Text */
  --fnd-color-text-difference: #fff;
  --fnd-color-text-inverse: #fff;
  --fnd-color-text-high: #000;
  --fnd-color-text-mid: #666;
  --fnd-color-text-low: #8e8d8d;
  --fnd-color-text-state-disabled: #8e8d8d;
  --fnd-color-text-transparency-mid: color-mix(in srgb, #000 70%, transparent);
  --fnd-color-text-transparency-low: color-mix(in srgb, #000 40%, transparent);
  --fnd-color-semantic-text-success: #0b9e23;
  --fnd-color-semantic-text-danger: #bf281b;
  /* Background */
  --fnd-color-background-inverse: #000;
  --fnd-color-background-base: #f5f5f5;
  --fnd-color-background-state-disabled: #e5e5e5;
  --fnd-color-background-secondary: #fff;
  --fnd-color-background-tertiary: #d9d9d9;
  --fnd-color-background-quaternary: #cbcbcb;
  --fnd-color-background-quinary: #8e8d8d;
  --fnd-color-background-accent-green: #5cfe50;
  --fnd-color-background-accent-secondary: #04cd24;
  --fnd-color-background-transparency-mid: color-mix(in srgb, #000 80%, transparent);
  --fnd-color-background-transparency-low: color-mix(in srgb, #000 20%, transparent);
  --fnd-color-semantic-background-success: #d5ffd1;
  --fnd-color-semantic-background-danger: #ffdfdc;
  /* Border */
  --fnd-color-border-inverse: #fff;
  --fnd-color-border-high: #000;
  --fnd-color-border-mid-dark: #8e8d8d;
  --fnd-color-border-mid: #cbcbcb;
  --fnd-color-border-low: #d9d9d9;
  --fnd-color-border-state-disabled: #e5e5e5;
  --fnd-color-semantic-border-success: #0b9e23;
  --fnd-color-semantic-border-danger: #bf281b;
}

.dark-secondary-theme {
  /* Text */
  --fnd-color-text-difference: #fff;
  --fnd-color-text-inverse: #000;
  --fnd-color-text-high: #fff;
  --fnd-color-text-mid: #cbcbcb;
  --fnd-color-text-low: #767676;
  --fnd-color-text-state-disabled: #8e8d8d;
  --fnd-color-text-transparency-mid: color-mix(in srgb, #000 70%, transparent);
  --fnd-color-text-transparency-low: color-mix(in srgb, #000 40%, transparent);
  --fnd-color-semantic-text-success: #0b9e23;
  --fnd-color-semantic-text-danger: #ef5b4e;
  /* Background */
  --fnd-color-background-inverse: #fff;
  --fnd-color-background-base: #1d1d1d;
  --fnd-color-background-state-disabled: #333;
  --fnd-color-background-secondary: #333;
  --fnd-color-background-tertiary: #4d4d4d;
  --fnd-color-background-quaternary: #666;
  --fnd-color-background-quinary: #d9d9d9;
  --fnd-color-background-accent-green: #5cfe50;
  --fnd-color-background-accent-secondary: #04cd24;
  --fnd-color-background-transparency-mid: color-mix(in srgb, #000 60%, transparent);
  --fnd-color-background-transparency-low: color-mix(in srgb, #000 20%, transparent);
  --fnd-color-semantic-background-success: #d5ffd1;
  --fnd-color-semantic-background-danger: #ffdfdc;
  /* Border */
  --fnd-color-border-inverse: #000;
  --fnd-color-border-high: #fff;
  --fnd-color-border-mid-dark: #cbcbcb;
  --fnd-color-border-mid: #767676;
  --fnd-color-border-low: #333;
  --fnd-color-border-state-disabled: #333;
  --fnd-color-semantic-border-success: #0b9e23;
  --fnd-color-semantic-border-danger: #ef5b4e;
}

.dark-accent-theme {
  /* Text */
  --fnd-color-text-difference: #fff;
  --fnd-color-text-inverse: #000;
  --fnd-color-text-high: #fff;
  --fnd-color-text-mid: #c6cfff;
  --fnd-color-text-low: #8ea0ff;
  --fnd-color-text-state-disabled: #001894;
  --fnd-color-text-transparency-mid: color-mix(in srgb, #000 70%, transparent);
  --fnd-color-text-transparency-low: color-mix(in srgb, #000 40%, transparent);
  --fnd-color-semantic-text-success: #0b9e23;
  --fnd-color-semantic-text-danger: #ffb5af;
  /* Background */
  --fnd-color-background-inverse: #fff;
  --fnd-color-background-base: #0029ff;
  --fnd-color-background-state-disabled: #0022ca;
  --fnd-color-background-secondary: #0022ca;
  --fnd-color-background-tertiary: #2c4eff;
  --fnd-color-background-quaternary: #8ea0ff;
  --fnd-color-background-quinary: #c6cfff;
  --fnd-color-background-accent-green: #5cfe50;
  --fnd-color-background-accent-secondary: #04cd24;
  --fnd-color-background-transparency-mid: color-mix(in srgb, #000 60%, transparent);
  --fnd-color-background-transparency-low: color-mix(in srgb, #000 20%, transparent);
  --fnd-color-semantic-background-success: #d5ffd1;
  --fnd-color-semantic-background-danger: #ffb5af;
  /* Border */
  --fnd-color-border-inverse: #000;
  --fnd-color-border-high: #fff;
  --fnd-color-border-mid-dark: #ebedff;
  --fnd-color-border-mid: #c6cfff;
  --fnd-color-border-low: #8ea0ff;
  --fnd-color-border-state-disabled: #8ea0ff;
  --fnd-color-semantic-border-success: #0b9e23;
  --fnd-color-semantic-border-danger: #ffb5af;
}

:root {
  --fnd-spacing-none: 0;
  --fnd-spacing-01: 4px;
  --fnd-spacing-02: 8px;
  --fnd-spacing-03: 12px;
  --fnd-spacing-04: 16px;
  --fnd-spacing-05: 20px;
  --fnd-spacing-06: 24px;
  --fnd-spacing-07: 32px;
  --fnd-spacing-08: 40px;
  --fnd-spacing-09: 56px;
  --fnd-spacing-10: 64px;
  --fnd-spacing-11: 80px;
  --fnd-spacing-12: 112px;
}

:root {
  --fnd-radius-none: 0;
  --fnd-radius-s: 2px;
  --fnd-radius-m: 4px;
  --fnd-radius-l: 8px;
}

:root {
  /* Paragraph XS */
  --fnd-typography-paragraph-xs-font-size: 0.625rem;
  --fnd-typography-paragraph-xs-line-height: 0.75rem;
  --fnd-typography-paragraph-xs-letter-spacing: 0;
  /* Paragraph S */
  --fnd-typography-paragraph-s-font-size: 0.75rem;
  --fnd-typography-paragraph-s-line-height: 1rem;
  --fnd-typography-paragraph-s-letter-spacing: 0;
  /* Paragraph M */
  --fnd-typography-paragraph-m-font-size: 0.875rem;
  --fnd-typography-paragraph-m-line-height: 1.125rem;
  --fnd-typography-paragraph-m-letter-spacing: 0;
  /* Paragraph L */
  --fnd-typography-paragraph-l-font-size: 1rem;
  --fnd-typography-paragraph-l-line-height: 1.375rem;
  --fnd-typography-paragraph-l-letter-spacing: 0;
  /* Paragraph XL */
  --fnd-typography-paragraph-xl-font-size: 1rem;
  --fnd-typography-paragraph-xl-line-height: 1.375rem;
  --fnd-typography-paragraph-xl-letter-spacing: 0;
  /* Heading XXS */
  --fnd-typography-heading-xxs-font-size: 1.125rem;
  --fnd-typography-heading-xxs-line-height: 1.5rem;
  --fnd-typography-heading-xxs-letter-spacing: 0;
  /* Heading XS */
  --fnd-typography-heading-xs-font-size: 1.25rem;
  --fnd-typography-heading-xs-line-height: 1.75rem;
  --fnd-typography-heading-xs-letter-spacing: -0.2px;
  /* Heading S */
  --fnd-typography-heading-s-font-size: 1.5rem;
  --fnd-typography-heading-s-line-height: 2rem;
  --fnd-typography-heading-s-letter-spacing: -0.5px;
  /* Heading M */
  --fnd-typography-heading-m-font-size: 2rem;
  --fnd-typography-heading-m-line-height: 2.5rem;
  --fnd-typography-heading-m-letter-spacing: -0.5px;
  /* Heading L */
  --fnd-typography-heading-l-font-size: 2rem;
  --fnd-typography-heading-l-line-height: 2.5rem;
  --fnd-typography-heading-l-letter-spacing: -0.5px;
  /* Heading XL */
  --fnd-typography-heading-xl-font-size: 2.75rem;
  --fnd-typography-heading-xl-line-height: 3rem;
  --fnd-typography-heading-xl-letter-spacing: -1px;
  /* Heading XXL */
  --fnd-typography-heading-xxl-font-size: 2.75rem;
  --fnd-typography-heading-xxl-line-height: 3rem;
  --fnd-typography-heading-xxl-letter-spacing: -1px;
  /* Display S */
  --fnd-typography-display-s-font-size: 3.75rem;
  --fnd-typography-display-s-line-height: 4.5rem;
  --fnd-typography-display-s-letter-spacing: -1.5px;
}

@media only screen and (min-width: 768px) {
  :root {
    /* Heading XXL */
    --fnd-typography-heading-xxl-font-size: 3.75rem;
    --fnd-typography-heading-xxl-line-height: 4.5rem;
    --fnd-typography-heading-xxl-letter-spacing: -1.5px;
  }
}
@media only screen and (min-width: 960px) {
  :root {
    /* Heading L */
    --fnd-typography-heading-l-font-size: 2.75rem;
    --fnd-typography-heading-l-line-height: 3rem;
    --fnd-typography-heading-l-letter-spacing: -1px;
    /* Heading XL */
    --fnd-typography-heading-xl-font-size: 3.75rem;
    --fnd-typography-heading-xl-line-height: 4.5rem;
    --fnd-typography-heading-xl-letter-spacing: -1.5px;
    /* Heading XXL */
    --fnd-typography-heading-xxl-font-size: 5rem;
    --fnd-typography-heading-xxl-line-height: 5rem;
    --fnd-typography-heading-xxl-letter-spacing: -3px;
    /* Display S */
    --fnd-typography-display-s-font-size: 6.25rem;
    --fnd-typography-display-s-line-height: 6.25rem;
    --fnd-typography-display-s-letter-spacing: -2px;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    /* Paragraph XL */
    --fnd-typography-paragraph-xl-font-size: 1.125rem;
    --fnd-typography-paragraph-xl-line-height: 1.5rem;
    --fnd-typography-paragraph-xl-letter-spacing: 0;
    /* Heading XXS */
    --fnd-typography-heading-xxs-font-size: 1.25rem;
    --fnd-typography-heading-xxs-line-height: 1.75rem;
    --fnd-typography-heading-xxs-letter-spacing: -0.2px;
    /* Heading XS */
    --fnd-typography-heading-xs-font-size: 1.5rem;
    --fnd-typography-heading-xs-line-height: 2rem;
    --fnd-typography-heading-xs-letter-spacing: -0.5px;
    /* Heading S */
    --fnd-typography-heading-s-font-size: 2rem;
    --fnd-typography-heading-s-line-height: 2.5rem;
    --fnd-typography-heading-s-letter-spacing: -0.5px;
    /* Heading M */
    --fnd-typography-heading-m-font-size: 2.75rem;
    --fnd-typography-heading-m-line-height: 3rem;
    --fnd-typography-heading-m-letter-spacing: -1px;
    /* Heading L */
    --fnd-typography-heading-l-font-size: 3.75rem;
    --fnd-typography-heading-l-line-height: 4.5rem;
    --fnd-typography-heading-l-letter-spacing: -1.5px;
    /* Heading XL */
    --fnd-typography-heading-xl-font-size: 5rem;
    --fnd-typography-heading-xl-line-height: 5rem;
    --fnd-typography-heading-xl-letter-spacing: -3px;
    /* Heading XXL */
    --fnd-typography-heading-xxl-font-size: 6.25rem;
    --fnd-typography-heading-xxl-line-height: 6.25rem;
    --fnd-typography-heading-xxl-letter-spacing: -2px;
    /* Display S */
    --fnd-typography-display-s-font-size: 8rem;
    --fnd-typography-display-s-line-height: 8rem;
    --fnd-typography-display-s-letter-spacing: -4px;
  }
}
@media only screen and (min-width: 1600px) {
  :root {
    /* Paragraph S */
    --fnd-typography-paragraph-s-font-size: 0.875rem;
    --fnd-typography-paragraph-s-line-height: 1.125rem;
    --fnd-typography-paragraph-s-letter-spacing: 0;
    /* Paragraph M */
    --fnd-typography-paragraph-m-font-size: 1rem;
    --fnd-typography-paragraph-m-line-height: 1.375rem;
    --fnd-typography-paragraph-m-letter-spacing: 0;
    /* Paragraph L */
    --fnd-typography-paragraph-l-font-size: 1.125rem;
    --fnd-typography-paragraph-l-line-height: 1.5rem;
    --fnd-typography-paragraph-l-letter-spacing: 0;
    /* Paragraph XL */
    --fnd-typography-paragraph-xl-font-size: 1.5rem;
    --fnd-typography-paragraph-xl-line-height: 2rem;
    --fnd-typography-paragraph-xl-letter-spacing: -0.5px;
    /* Heading XXS */
    --fnd-typography-heading-xxs-font-size: 1.5rem;
    --fnd-typography-heading-xxs-line-height: 2rem;
    --fnd-typography-heading-xxs-letter-spacing: -0.5px;
  }
}
:root {
  --columns: 4;
  --grid-gap: 16px;
}

@media only screen and (width >= 768px) {
  :root {
    --columns: 12;
    --grid-gap: 20px;
  }
}
@media only screen and (width >= 960px) {
  :root {
    --grid-gap: 20px;
  }
}
@media only screen and (width >= 1200px) {
  :root {
    --grid-gap: 24px;
  }
}
@media only screen and (width >= 1600px) {
  :root {
    --grid-gap: 32px;
  }
}
@media only screen and (width >= 1920px) {
  :root {
    --grid-gap: 32px;
  }
}
:root {
  --fnd-image-ratio-1-1: 1;
  --fnd-image-ratio-4-3: 4/3;
  --fnd-image-ratio-3-4: 3/4;
  --fnd-image-ratio-3-2: 3/2;
  --fnd-image-ratio-2-3: 2/3;
  --fnd-image-ratio-16-9: 16/9;
  --fnd-image-ratio-9-16: 9/16;
}

.select-wrapper {
  --dropdow-distance-from-toggle: 12px;
  position: relative;
  display: inline-flex;
}
.select-wrapper .select-toggle {
  display: flex;
  height: 40px;
  padding: 0 var(--fnd-spacing-02) 0 var(--fnd-spacing-04);
  justify-content: space-between;
  align-items: center;
  gap: 0;
  border-radius: var(--fnd-radius-m);
  background: var(--fnd-color-background-secondary);
  color: var(--fnd-color-text-mid);
}
.select-wrapper .select-toggle:hover, .select-wrapper .select-toggle:focus, .select-wrapper .select-toggle[aria-expanded=true] {
  color: var(--fnd-color-text-high);
  background: var(--fnd-color-background-secondary);
}
.select-wrapper .select-toggle[aria-expanded=true] .select-toggle-text + .icon {
  transform: rotate(180deg);
}
.select-wrapper .select-toggle .icon {
  color: inherit;
  margin: 10px;
  transition: transform var(--fnd-motion-duration-300);
}
.select-wrapper .select-dropdown {
  display: none;
  position: absolute;
  background-color: var(--fnd-color-background-base);
  border-radius: var(--fnd-radius-m);
  border: solid 1px var(--fnd-color-border-low);
  z-index: 1;
  width: 100%;
  top: calc(100% + var(--dropdow-distance-from-toggle));
}
@media (min-width: 1200px) {
  .select-wrapper .select-dropdown {
    width: 272px;
  }
}
.select-wrapper .select-dropdown.stick-to-right {
  right: 0;
}
.select-wrapper .select-dropdown.stick-to-top {
  top: calc(var(--dropdow-distance-from-toggle) * -1);
  translate: 0 -100%;
}
.select-wrapper .select-dropdown .search-input-container {
  padding: var(--dropdow-distance-from-toggle) var(--fnd-spacing-04);
  width: 100%;
  border-bottom: solid 1px var(--fnd-color-border-low);
}
.select-wrapper .select-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0;
  max-height: 384px;
  overflow-y: auto;
}
.select-wrapper .select-list li {
  font-size: var(--fnd-typography-paragraph-m-font-size);
  line-height: var(--fnd-typography-paragraph-m-line-height);
  letter-spacing: var(--fnd-typography-paragraph-m-letter-spacing);
  color: var(--fnd-color-text-high);
  padding: 15px var(--fnd-spacing-04);
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select-wrapper .select-list li:hover, .select-wrapper .select-list li:focus {
  background: var(--fnd-color-background-secondary);
}
.select-wrapper .select-list li.last-selected {
  border-bottom: 1px solid var(--fnd-color-border-mid);
}
.select-wrapper .select-list li .icon {
  width: 20px;
  height: 20px;
}
.select-wrapper .select-list li[aria-selected=false] .icon {
  display: none;
}
.select-wrapper .multi-select .select-list li {
  padding: 15px var(--fnd-spacing-04) 15px 42px;
}
.select-wrapper .multi-select .select-list li .icon {
  display: none;
}
.select-wrapper .multi-select .select-list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: var(--fnd-radius-s);
  border: 1px solid var(--fnd-color-border-mid);
}
.select-wrapper .multi-select .select-list li[aria-selected=true]::before {
  background: var(--fnd-color-background-inverse);
  border-color: var(--fnd-color-border-high);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23000' d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Z'/%3E%3Cpath fill='%23fff' d='M6.798 11 4 8.156l.7-.711 2.098 2.133L11.3 5l.699.711L6.798 11Z'/%3E%3C/svg%3E");
}
.select-wrapper .select--disable-last-selected .select-list:has(li[aria-selected=true]):not(:has(li[aria-selected=true] ~ li[aria-selected=true])) li[aria-selected=true] {
  cursor: inherit;
}
.select-wrapper .no-results {
  font-size: var(--fnd-typography-paragraph-m-font-size);
  line-height: var(--fnd-typography-paragraph-m-line-height);
  letter-spacing: var(--fnd-typography-paragraph-m-letter-spacing);
  padding: 15px var(--fnd-spacing-04);
}

.button-container:has(.button) {
  margin: 0;
  line-height: 0;
}

a.button:any-link,
button {
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: 0;
  font-family: var(--ff-celonis-poppins);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-style: normal;
  text-decoration: none;
  background-color: var(--fnd-color-background-inverse);
  color: var(--fnd-color-text-inverse);
  border-radius: var(--fnd-radius-s);
  border: 0;
  padding: 0 var(--fnd-spacing-07); /* Medium is the default size */
  height: 48px;
  /* Size variations */
  /* Type variations */
  /* State variations */
  /* Icon Button */
}
a.button:any-link:hover, a.button:any-link:focus,
button:hover,
button:focus {
  background-color: var(--fnd-color-background-quinary);
}
a.button:any-link:has(.icon-only),
button:has(.icon-only) {
  border-radius: var(--fnd-radius-m);
}
@media (min-width: 1200px) {
  a.button:any-link,
  button {
    width: auto;
  }
}
a.button:any-link span,
button span {
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
a.button:any-link .icon,
button .icon {
  color: #8e8d8d;
  height: 20px;
  width: 20px;
}
a.button:any-link.small,
button.small {
  padding: 0 var(--fnd-spacing-04);
  height: 40px;
}
a.button:any-link.large,
button.large {
  padding: 0 var(--fnd-spacing-08);
  height: 56px;
}
a.button:any-link.xlarge,
button.xlarge {
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  padding: 0 var(--fnd-spacing-09);
  height: 72px;
}
a.button:any-link.conversion,
button.conversion {
  background-color: var(--fnd-color-background-accent-green);
  color: var(--fnd-color-always-dark);
}
a.button:any-link.conversion:hover, a.button:any-link.conversion:focus,
button.conversion:hover,
button.conversion:focus {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
}
a.button:any-link.secondary,
button.secondary {
  border: solid 1px var(--fnd-color-border-mid);
  background-color: var(--fnd-color-background-base);
  color: var(--fnd-color-text-high);
}
a.button:any-link.secondary:hover, a.button:any-link.secondary:focus,
button.secondary:hover,
button.secondary:focus {
  background-color: var(--fnd-color-background-secondary);
}
a.button:any-link.disabled,
button.disabled {
  background-color: var(--fnd-color-background-state-disabled);
  border: 0;
  color: var(--fnd-color-text-state-disabled);
  cursor: not-allowed;
}
a.button:any-link.disabled:hover, a.button:any-link.disabled:focus,
button.disabled:hover,
button.disabled:focus {
  background-color: var(--fnd-color-background-state-disabled);
  color: var(--fnd-color-text-state-disabled);
}
a.button:any-link.icon-button:hover, a.button:any-link.icon-button:focus,
button.icon-button:hover,
button.icon-button:focus {
  background-color: var(--fnd-color-background-tertiary);
}

a:any-link:not(.button, .wrapper).conversion {
  font-size: var(--fnd-typography-paragraph-xl-font-size);
  line-height: var(--fnd-typography-paragraph-xl-line-height);
  letter-spacing: var(--fnd-typography-paragraph-xl-letter-spacing);
  color: var(--fnd-color-text-high);
  text-decoration: none;
}
a:any-link:not(.button, .wrapper).conversion::before {
  content: "";
  display: inline-block;
  width: 0.625em;
  height: 0.625em;
  border-radius: var(--fnd-radius-s);
  margin-right: var(--fnd-spacing-02);
  background-color: var(--fnd-color-background-accent-green);
  transition: background-color var(--fnd-motion-duration-focused-base) var(--fnd-motion-ease-focused);
}
a:any-link:not(.button, .wrapper).conversion:hover::before, a:any-link:not(.button, .wrapper).conversion:focus::before {
  background-color: var(--fnd-color-background-inverse);
}
a:any-link:not(.button, .wrapper):has(.icon) {
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
}
a:any-link:not(.button, .wrapper):has(.icon).small {
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: 0;
}
a:any-link:not(.button, .wrapper):has(.icon) .icon {
  margin-inline: var(--fnd-spacing-02) 0;
  color: var(--fnd-color-text-mid);
  height: 18px;
  width: 18px;
}
a:any-link:not(.button, .wrapper):has(.icon) .icon:first-child {
  margin-inline: 0 var(--fnd-spacing-02);
}

.icon-only,
.icon-button {
  background: var(--fnd-color-background-secondary);
  color: var(--fnd-color-text-mid);
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  text-overflow: unset;
  line-height: 0;
  border-radius: var(--fnd-radius-m);
  padding: 10px;
  height: 40px;
  width: 40px;
}
a.button .icon-only,
a.button .icon-button {
  text-overflow: unset;
}
.icon-only .icon,
.icon-button .icon {
  margin: 0;
  width: 20px;
  height: 20px;
}
.icon-only .svg-icon svg,
.icon-button .svg-icon svg {
  width: 20px;
  height: 20px;
}
.icon-only-xsmall,
.icon-button-xsmall {
  padding: var(--fnd-spacing-01);
  height: 24px;
  width: 24px;
}
.icon-only-xsmall .svg-icon,
.icon-only-xsmall .svg-icon svg,
.icon-button-xsmall .svg-icon,
.icon-button-xsmall .svg-icon svg {
  width: 16px;
  height: 16px;
}
.icon-only-small,
.icon-button-small {
  padding: 6px;
  height: 32px;
  width: 32px;
}
.icon-only-small .svg-icon,
.icon-only-small .svg-icon svg,
.icon-button-small .svg-icon,
.icon-button-small .svg-icon svg {
  width: 20px;
  height: 20px;
}
.icon-only-large,
.icon-button-large {
  padding: var(--fnd-spacing-03);
  height: 48px;
  width: 48px;
}
.icon-only-large .svg-icon,
.icon-only-large .svg-icon svg,
.icon-button-large .svg-icon,
.icon-button-large .svg-icon svg {
  width: 24px;
  height: 24px;
}
.icon-only-xlarge,
.icon-button-xlarge {
  padding: var(--fnd-spacing-05);
  height: 72px;
  width: 72px;
}
.icon-only-xlarge .svg-icon,
.icon-only-xlarge .svg-icon svg,
.icon-button-xlarge .svg-icon,
.icon-button-xlarge .svg-icon svg {
  width: 32px;
  height: 32px;
}

.icon-link {
  background: transparent;
  padding: 0;
  height: 20px;
  width: 20px;
}

.labels-container {
  display: flex;
  flex-flow: row wrap;
  gap: var(--fnd-spacing-02);
  margin-bottom: var(--fnd-spacing-04);
}
.labels-container.dense {
  gap: var(--fnd-spacing-04);
}
.labels-container.dense .label {
  height: 16px;
  position: relative;
  padding: 0;
}
.labels-container.dense .label .icon {
  width: 20px;
  height: 20px;
}
.labels-container.dense .label::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: var(--fnd-color-text-mid);
  right: -8px;
  position: absolute;
}
.labels-container.dense .label:last-of-type::after {
  display: none;
}
.labels-container .label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--fnd-spacing-01);
  height: 32px;
  padding: 0 var(--fnd-spacing-02);
  border-radius: var(--fnd-radius-s);
  background-color: var(--fnd-color-background-secondary);
  color: var(--fnd-color-text-mid);
  font-size: var(--fnd-typography-paragraph-s-font-size);
}
.labels-container .label .icon {
  color: var(--fnd-color-text-low);
}

.social-links-container {
  font-size: var(--fnd-typography-paragraph-m-font-size);
  line-height: var(--fnd-typography-paragraph-m-line-height);
  letter-spacing: var(--fnd-typography-paragraph-m-letter-spacing);
}
.social-links-container span {
  color: var(--fnd-color-text-low);
}
.social-links-container a {
  padding-inline: var(--fnd-spacing-02);
}
.social-links-container a:hover {
  text-decoration: none;
  color: var(--fnd-color-text-mid);
}
.social-links-container a + a {
  border-inline-start: 1px solid;
  border-image: linear-gradient(to top, transparent 20%, var(--fnd-color-border-low) 20%, var(--fnd-color-border-low) 80%, transparent 80%) 1 100%;
}

.search-input-container {
  font-size: var(--fnd-typography-paragraph-m-font-size);
  line-height: var(--fnd-typography-paragraph-m-line-height);
  letter-spacing: var(--fnd-typography-paragraph-m-letter-spacing);
  display: inline-flex;
}
.search-input-container .search-input-wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
.search-input-container .search-input {
  height: 40px;
  width: 100%;
  background: var(--fnd-color-background-secondary);
  color: var(--fnd-color-text-high);
  border: 0;
  border-radius: var(--fnd-radius-m);
  padding: 0 40px;
}
.search-input-container .search-input:hover, .search-input-container .search-input:focus {
  outline: none;
}
.search-input-container button {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 40px;
  padding: 0;
}
.search-input-container button:hover, .search-input-container button:focus {
  background: transparent;
}
.search-input-container button.search-clear-input {
  right: 0;
  left: unset;
}
.search-input-container .icon {
  color: var(--fnd-color-text-mid);
  height: 40px;
  width: 40px;
  padding: var(--fnd-spacing-03);
  margin: 0;
}
.search-input-container .icon.icon-icon-search {
  position: absolute;
  top: 0;
  left: 0;
}

:root {
  /* fonts */
  --ff-celonis-poppins:
    "Poppins",
    "Poppins Fallback",
    helvetica,
    arial,
    sans-serif;
  --ff-celonis-heading-poppins:
    "Poppins",
    "Poppins Fallback",
    helvetica,
    arial,
    sans-serif;
  /* nav height */
  --nav-height: 64px;
  /* square value size */
  --square-value-small: 160px;
  --square-value-big: 200px;
}
@media (min-width: 1200px) {
  :root {
    --nav-height: 88px;
  }
}

/*
  Fallback fonts
  When using fonts, please see "best practices for fonts" in Readme
*/
@font-face {
  font-family: "Poppins Fallback";
  font-style: normal;
  font-weight: 400;
  src: local("Arial");
  ascent-override: 92.83%;
  descent-override: 30.94%;
  line-gap-override: 8.84%;
  size-adjust: 113.11%;
}
html {
  box-sizing: border-box;
}

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

body {
  font-size: var(--fnd-typography-paragraph-xl-font-size);
  line-height: var(--fnd-typography-paragraph-xl-line-height);
  letter-spacing: var(--fnd-typography-paragraph-xl-letter-spacing);
  font-family: var(--ff-celonis-poppins);
  font-feature-settings: "ss01" on, "ss04" on, "ss02" on;
  display: none;
  margin: 0;
  background-color: var(--fnd-color-background-base);
  color: var(--fnd-color-text-high);
}
body.appear {
  display: block;
}

header {
  height: var(--nav-height);
  background-color: var(--fnd-color-always-dark);
}
header.header-in-search-page {
  background-color: var(--fnd-color-always-light);
}

header .header,
footer .footer {
  visibility: hidden;
}

header .header[data-block-status=loaded],
footer .footer[data-block-status=loaded] {
  visibility: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0.8em;
  margin-bottom: 0.25em;
  font-family: var(--ff-celonis-heading-poppins);
  line-height: 1.25;
  font-weight: 400;
  scroll-margin: 40px;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: normal;
}

h1 {
  font-size: var(--fnd-typography-heading-xl-font-size);
  line-height: var(--fnd-typography-heading-xl-line-height);
  letter-spacing: var(--fnd-typography-heading-xl-letter-spacing);
}

h2 {
  font-size: var(--fnd-typography-heading-l-font-size);
  line-height: var(--fnd-typography-heading-l-line-height);
  letter-spacing: var(--fnd-typography-heading-l-letter-spacing);
}

h3 {
  font-size: var(--fnd-typography-heading-m-font-size);
  line-height: var(--fnd-typography-heading-m-line-height);
  letter-spacing: var(--fnd-typography-heading-m-letter-spacing);
}

h4 {
  font-size: var(--fnd-typography-heading-s-font-size);
  line-height: var(--fnd-typography-heading-s-line-height);
  letter-spacing: var(--fnd-typography-heading-s-letter-spacing);
}

h5 {
  font-size: var(--fnd-typography-heading-xs-font-size);
  line-height: var(--fnd-typography-heading-xs-line-height);
  letter-spacing: var(--fnd-typography-heading-xs-letter-spacing);
}

h6 {
  font-size: var(--fnd-typography-heading-xxs-font-size);
  line-height: var(--fnd-typography-heading-xxs-line-height);
  letter-spacing: var(--fnd-typography-heading-xxs-letter-spacing);
}

p,
dl,
ol,
ul,
pre,
blockquote {
  margin-top: 0.8em;
  margin-bottom: 0.25em;
}

code,
pre {
  font-size: var(--fnd-typography-paragraph-l-font-size);
  line-height: var(--fnd-typography-paragraph-l-line-height);
  letter-spacing: var(--fnd-typography-paragraph-l-letter-spacing);
}

pre {
  padding: 16px;
  border-radius: 8px;
  background-color: var(--fnd-color-background-base);
  overflow-x: auto;
  white-space: pre;
}

main > div {
  margin: 40px 16px;
}

input,
textarea,
select {
  font: inherit;
}

/* links */
a:any-link {
  color: var(--fnd-color-text-high);
  text-decoration: none;
  overflow-wrap: anywhere;
  word-break: normal;
}
a:hover {
  text-decoration: underline;
}

/* images */
main img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}

.icon {
  display: inline-block;
  height: 24px;
  width: 24px;
}
.icon img {
  height: 100%;
  width: 100%;
}
.icon--sm {
  height: 12px;
  width: 12px;
}

.default-content-wrapper > p:has(> picture), .default-content-wrapper > p:has(> .video-wrap) {
  padding-block: var(--fnd-spacing-08);
  margin: 0;
}
@media (min-width: 1200px) {
  .default-content-wrapper > p:has(> picture), .default-content-wrapper > p:has(> .video-wrap) {
    padding-block: var(--fnd-spacing-11);
  }
}
.default-content-wrapper > p:has(> picture) img, .default-content-wrapper > p:has(> .video-wrap) img {
  border-radius: var(--fnd-radius-m);
  aspect-ratio: var(--fnd-image-ratio-16-9);
  object-fit: cover;
  width: 100%;
}
.default-content-wrapper > p > img {
  border-radius: var(--fnd-radius-m);
  aspect-ratio: var(--fnd-image-ratio-16-9);
  object-fit: cover;
  width: 100%;
}

/* svg icons */
.icon svg {
  height: 100%;
  width: 100%;
}

/* sections */
main {
  background-color: var(--fnd-color-background-base);
}
main > .section {
  margin: 0;
  background-color: var(--fnd-color-background-base);
  color: var(--fnd-color-text-high);
}
main > .section:first-of-type {
  margin: 0;
}
main > .section > div.default-content-wrapper {
  margin-inline: auto;
  box-sizing: border-box;
  padding-inline: var(--fnd-spacing-05);
}
@media (min-width: 768px) {
  main > .section > div.default-content-wrapper {
    padding-inline: var(--fnd-spacing-07);
  }
}
@media (min-width: 960px) {
  main > .section > div.default-content-wrapper {
    padding-inline: var(--fnd-spacing-08);
  }
}
@media (min-width: 1200px) {
  main > .section > div.default-content-wrapper {
    padding-inline: var(--fnd-spacing-09);
  }
}
@media (min-width: 1600px) {
  main > .section > div.default-content-wrapper {
    padding-inline: var(--fnd-spacing-10);
  }
}
@media (min-width: 1920px) {
  main > .section > div.default-content-wrapper {
    padding-inline: 0;
    max-width: 1472px;
  }
}
main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)):has(.block.light-base-theme) {
  background-color: var(--fnd-color-always-light);
}
main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)):has(.block.dark-base-theme) {
  background-color: var(--fnd-color-always-dark);
}
main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)):has(.block.light-secondary-theme) {
  background-color: var(--fnd-color-background-secondary);
}
main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)) > div:not(.full-width) {
  margin-inline: auto;
  box-sizing: border-box;
  padding-inline: var(--fnd-spacing-05);
}
@media (min-width: 768px) {
  main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)) > div:not(.full-width) {
    padding-inline: var(--fnd-spacing-07);
  }
}
@media (min-width: 960px) {
  main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)) > div:not(.full-width) {
    padding-inline: var(--fnd-spacing-08);
  }
}
@media (min-width: 1200px) {
  main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)) > div:not(.full-width) {
    padding-inline: var(--fnd-spacing-09);
  }
}
@media (min-width: 1600px) {
  main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)) > div:not(.full-width) {
    padding-inline: var(--fnd-spacing-10);
  }
}
@media (min-width: 1920px) {
  main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)) > div:not(.full-width) {
    padding-inline: 0;
    max-width: 1472px;
  }
}
main > .section > div:not(:is(.default-content-wrapper, .sidebar-menu-wrapper)) > div.full-width {
  max-width: 100%;
  box-sizing: border-box;
}
main .section.light,
main .section.highlight {
  background-color: var(--fnd-color-background-base);
  margin: 0;
  padding: 40px 0;
}

/* Video poster and modal */
.video-wrap,
.video-wrap-autoplay {
  position: relative;
  overflow: clip;
}
.video-wrap .play-sign,
.video-wrap .open-button,
.video-wrap-autoplay .play-sign,
.video-wrap-autoplay .open-button {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.video-wrap .play-sign,
.video-wrap-autoplay .play-sign {
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-wrap .play-sign::before,
.video-wrap-autoplay .play-sign::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: color-mix(in srgb, var(--fnd-color-always-dark) 80%, transparent);
  width: 112px;
  height: 112px;
  border-radius: 50%;
}
.video-wrap .play-sign .icon,
.video-wrap-autoplay .play-sign .icon {
  width: 48px;
  height: 48px;
  z-index: 1;
  color: color-mix(in srgb, var(--fnd-color-always-light) 70%, transparent);
}
.video-wrap .open-button,
.video-wrap .close-button,
.video-wrap-autoplay .open-button,
.video-wrap-autoplay .close-button {
  -webkit-appearance: none;
  border-radius: 0;
  text-align: inherit;
  background: none;
  box-shadow: none;
  padding: 0;
  cursor: pointer;
  border: none;
  color: inherit;
  font: inherit;
}
.video-wrap .open-button,
.video-wrap-autoplay .open-button {
  z-index: 2;
}
@media (min-width: 768px) {
  .video-wrap .open-button,
  .video-wrap-autoplay .open-button {
    cursor: none;
  }
}
.video-wrap .close-button,
.video-wrap-autoplay .close-button {
  border-radius: var(--fnd-radius-m);
  background: var(--fnd-color-background-secondary);
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 1;
  top: var(--fnd-spacing-03);
  right: var(--fnd-spacing-05);
}
.video-wrap .close-button:hover, .video-wrap .close-buttonfocus,
.video-wrap-autoplay .close-button:hover,
.video-wrap-autoplay .close-buttonfocus {
  background: var(--fnd-color-border-state-disabled);
}
@media (min-width: 1200px) {
  .video-wrap .close-button,
  .video-wrap-autoplay .close-button {
    top: var(--fnd-spacing-04);
    right: var(--fnd-spacing-06);
  }
}
.video-wrap .close-button .icon,
.video-wrap-autoplay .close-button .icon {
  margin: 0;
  display: flex;
}
.video-wrap .play-hover,
.video-wrap-autoplay .play-hover {
  font-size: var(--fnd-typography-heading-m-font-size);
  line-height: var(--fnd-typography-heading-m-line-height);
  letter-spacing: var(--fnd-typography-heading-m-letter-spacing);
  display: none;
  user-select: none;
  pointer-events: none;
  color: var(--fnd-color-text-difference);
  position: absolute;
  mix-blend-mode: difference;
  z-index: 3;
}
@media (min-width: 768px) {
  .video-wrap:has(.open-button:hover, video:hover) .play-hover,
  .video-wrap-autoplay:has(.open-button:hover, video:hover) .play-hover {
    display: block;
  }
}

.video-dialog {
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: unset;
  max-height: unset;
  background-color: var(--fnd-color-background-base);
  padding-block: var(--fnd-spacing-05);
  padding-inline: var(--fnd-spacing-05);
}
.video-dialog::backdrop {
  background-color: var(--fnd-color-background-base);
  cursor: pointer;
}
.video-dialog .player-container {
  height: 100%;
}
.video-dialog .player-wrapper {
  position: absolute;
  inset: 0;
  margin: auto;
  aspect-ratio: 16/9;
  max-width: calc(100% - var(--fnd-spacing-05) * 2);
  max-height: calc(100% - var(--fnd-spacing-05) * 2);
  border-radius: var(--fnd-radius-l);
  overflow: hidden;
}
@media (min-width: 768px) {
  .video-dialog .player-wrapper {
    max-width: calc(100% - var(--fnd-spacing-07) * 2);
  }
}
@media (min-width: 960px) {
  .video-dialog .player-wrapper {
    max-width: calc(100% - var(--fnd-spacing-08) * 2);
  }
}
@media (min-width: 1200px) {
  .video-dialog .player-wrapper {
    max-width: calc(100% - var(--fnd-spacing-09) * 2);
  }
}
@media (min-width: 1600px) {
  .video-dialog .player-wrapper {
    max-width: calc(100% - var(--fnd-spacing-10) * 2);
  }
}
.video-dialog video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 768px) {
  .video-dialog video {
    cursor: none;
  }
}

/* Helper classes */
.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.hidden,
[hidden] {
  display: none !important;
}

.block-error {
  border: 3px dashed var(--fnd-color-semantic-border-danger);
}

.scroll-blocked {
  overflow: hidden;
  position: fixed;
  inset: 0;
}

/* Smooth scrolling anchors */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
[id] {
  scroll-margin-block-start: calc(var(--nav-height) + var(--anchor-nav-height, 0px));
}