/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../packages/atoms/src/CircleLoader/CircleLoader.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a $breakpoint map from px to em
 * This function is specific to include-media library
 * @param {Map} $breakpoints - A include-media breakpoint map
 * @param {Number} $base-value - The base pixel value of the app for media queries
 * @return {Map} - The $breakpoints map converted in em
 */
/* stylelint-disable-next-line value-keyword-case */
/* stylelint-disable-next-line */
/**
 * Calculate an em value from a px value
 * @param {Number} $px - A value to be converted in em
 * @param {Number} $base - The base pixel value of the app
 * @return {Number} - The $px value converted in em
 */
.circle-loader {
  display: inline-block;
  inline-size: 1em;
  block-size: 1em;
  transform-origin: 50%;
  font-size: 1em;
  vertical-align: middle;
}
.circle-loader-track, .circle-loader-circle {
  fill: none;
  stroke-width: var(--stroke-width, 2);
  stroke-linecap: round;
  stroke: currentcolor;
}
.circle-loader-track {
  opacity: 0.2;
}
.circle-loader-circle {
  stroke-dasharray: 26.2194px, 17.4796px;
  animation: anime-loader-stroke 1s linear infinite;
}
@keyframes anime-loader-stroke {
  from {
    stroke-dashoffset: 43.699;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.circle-loader {
  /* Small is the default */
}
.circle-loader.is-tiny {
  font-size: 0.7142857143em;
}
.circle-loader.is-medium {
  --stroke-width: 1.3;
  font-size: 2.2857142857em;
}
.circle-loader.is-large {
  --stroke-width: 1;
  font-size: 3.4285714286em;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../packages/atoms/src/Button/ButtonLike.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a $breakpoint map from px to em
 * This function is specific to include-media library
 * @param {Map} $breakpoints - A include-media breakpoint map
 * @param {Number} $base-value - The base pixel value of the app for media queries
 * @return {Map} - The $breakpoints map converted in em
 */
/* stylelint-disable-next-line value-keyword-case */
/* stylelint-disable-next-line */
/**
 * Calculate an em value from a px value
 * @param {Number} $px - A value to be converted in em
 * @param {Number} $base - The base pixel value of the app
 * @return {Number} - The $px value converted in em
 */
/**
 * Convert a list of arguments into a string seperated by dashes
 * @param {String} $args - A list of arguments
 * @returns {String} - The converted into a strings joined with dashes
 */
/**
 * Easing functions for transitions and animations
 * Learn more at http://easings.net/
 * @param {String} $type - The wanted easing name
 * @returns {String} - The easing function, using cubic-bezier
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Button shape
 */
.button {
  display: inline-block;
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
  border: 1px solid var(--button-default-border-color, transparent);
  border-radius: var(--border-radius-md);
  outline: none;
  background-color: var(--button-default-background-color, transparent);
  color: var(--button-default-text-color, inherit);
  text-align: center;
  cursor: pointer;
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1), background-position 0s;
}
@supports selector(:focus-visible:has(a, b)) {
  .button {
    outline: unset;
  }
}
.button, .button:hover, .button:focus, .button:focus-within, .button:active {
  text-decoration: none;
}
.button:hover, .button.is-hover {
  border-color: var(--button-hover-border-color, transparent);
  background-color: var(--button-hover-background-color, transparent);
  color: var(--button-hover-text-color, inherit);
  opacity: 1;
}
@supports not selector(:focus-visible:has(a, b)) {
  .button:focus, .button:focus-within {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    color: var(--button-default-text-color, inherit);
  }
}
@supports selector(:focus-visible:has(a, b)) {
  .button:focus {
    color: var(--button-default-text-color, inherit);
  }
  .button:focus-visible, .button:has(*:focus-visible), .button.display-focus-visible {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    color: var(--button-default-text-color, inherit);
  }
}
.button:active, .button.is-active, .button[aria-expanded=true]:not([aria-controls]) {
  border-color: var(--button-active-border-color, transparent);
  background-color: var(--button-active-background-color, transparent);
  color: var(--button-active-text-color, inherit);
  opacity: 1;
}
.button[disabled], .button.is-disabled {
  pointer-events: none;
  background-color: var(--button-hover-background-color, transparent);
}
.button[disabled]:not([aria-busy=true], .no-disabled-styles), .button.is-disabled:not([aria-busy=true], .no-disabled-styles) {
  border-color: transparent;
  background-color: var(--interaction-weak, transparent);
  color: var(--text-weak, inherit);
  opacity: 0.5;
}
.button[disabled]:not([aria-busy=true], .no-disabled-styles)[class*=button-ghost], .button.is-disabled:not([aria-busy=true], .no-disabled-styles)[class*=button-ghost] {
  background-color: var(--button-default-background-color, transparent);
}

.button-underline {
  --padding-block: 0.5em;
  position: relative;
  display: inline-block;
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
  outline: none;
  color: var(--button-default-text-color, inherit);
  text-decoration: underline;
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1);
}
@supports selector(:focus-visible:has(a, b)) {
  .button-underline {
    outline: unset;
  }
}
.button-underline::after {
  content: "";
  position: absolute;
  inset-block: 0.2857142857em;
  inset-inline: -0.2142857143em;
  z-index: 1;
  border-radius: var(--border-radius-md);
  border: 1px solid transparent;
  pointer-events: none;
  transition: 0.15s cubic-bezier(0.5, 1, 0.89, 1);
}
@supports not selector(:focus-visible:has(a, b)) {
  .button-underline:focus::after, .button-underline:focus-within::after {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  }
}
@supports selector(:focus-visible:has(a, b)) {
  .button-underline:focus-visible::after, .button-underline:has(*:focus-visible)::after {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  }
}
.button-underline.button-tiny, .button-underline.button-small, .button-underline.button-medium, .button-underline.button-large {
  --padding-inline: 0;
}
.button-underline:hover, .button-underline:focus, .button-underline:focus-within, .button-underline:active {
  text-decoration: none;
}
.button-underline:hover, .button-underline:focus, .button-underline:focus-within {
  color: var(--button-hover-text-color, inherit);
}
.button-underline:active, .button-underline.is-active {
  color: var(--button-active-text-color, inherit);
}
.button-underline[disabled], .button-underline.is-disabled {
  pointer-events: none;
}
.button-underline[disabled]:not([aria-busy=true], .no-disabled-styles), .button-underline.is-disabled:not([aria-busy=true], .no-disabled-styles) {
  color: var(--text-weak, inherit);
  opacity: 0.5;
}

/*
 * Button variants
 */
.button-solid-norm {
  --button-default-background-color: var(--interaction-norm);
  --button-hover-background-color: var(--interaction-norm-major-1);
  --button-active-background-color: var(--interaction-norm-major-2);
  --button-default-text-color: var(--interaction-norm-contrast);
  --button-hover-text-color: var(--interaction-norm-contrast);
  --button-active-text-color: var(--interaction-norm-contrast);
  --focus-outline: var(--interaction-norm-major-2);
}

.button-outline-norm {
  --button-default-background-color: var(--background-norm);
  --button-hover-background-color: var(--interaction-norm-minor-2);
  --button-active-background-color: var(--interaction-norm-minor-1);
  --button-default-border-color: var(--interaction-norm-major-1);
  --button-hover-border-color: var(--interaction-norm-major-2);
  --button-active-border-color: var(--interaction-norm-major-3);
  --button-default-text-color: var(
  	--text-norm
  );
  --button-hover-text-color: var(
  	--text-norm
  );
  --button-active-text-color: var(
  	--text-norm
  );
}

.button-ghost-norm {
  --button-default-background-color: var(--interaction-default);
  --button-hover-background-color: var(--interaction-default-hover);
  --button-active-background-color: var(--interaction-default-active);
  --button-default-text-color: var(
  	--interaction-norm-major-1
  );
  --button-hover-text-color: var(
  	--interaction-norm-major-2
  );
  --button-active-text-color: var(
  	--interaction-norm-major-3
  );
}

.button-underline-norm {
  --button-default-text-color: var(
  	--interaction-norm-major-1
  );
  --button-hover-text-color: var(
  	--interaction-norm-major-2
  );
  --button-active-text-color: var(
  	--interaction-norm-major-3
  );
}

.button-solid-weak {
  --button-default-background-color: var(--interaction-weak);
  --button-hover-background-color: var(--interaction-weak-major-1);
  --button-active-background-color: var(--interaction-weak-major-2);
  --button-default-text-color: var(--text-norm);
  --button-hover-text-color: var(--text-norm);
  --button-active-text-color: var(--text-norm);
}

.button-outline-weak {
  --button-default-background-color: var(--background-norm);
  --button-hover-background-color: var(--interaction-weak-minor-2);
  --button-active-background-color: var(--interaction-weak-minor-1);
  --button-default-border-color: var(--interaction-weak-major-1);
  --button-hover-border-color: var(--interaction-weak-major-2);
  --button-active-border-color: var(--interaction-weak-major-3);
  --button-default-text-color: var(
  	--text-norm
  );
  --button-hover-text-color: var(
  	--text-norm
  );
  --button-active-text-color: var(
  	--text-norm
  );
}

.button-ghost-weak {
  --button-default-background-color: var(--interaction-default);
  --button-hover-background-color: var(--interaction-default-hover);
  --button-active-background-color: var(--interaction-default-active);
  --button-default-text-color: var(
  	--text-norm
  );
  --button-hover-text-color: var(
  	--text-norm
  );
  --button-active-text-color: var(
  	--text-norm
  );
}

.button-underline-weak {
  --button-default-text-color: var(
  	--text-norm
  );
  --button-hover-text-color: var(
  	--text-norm
  );
  --button-active-text-color: var(
  	--text-norm
  );
}

.button-solid-danger {
  --button-default-background-color: var(--signal-danger);
  --button-hover-background-color: var(--signal-danger-major-1);
  --button-active-background-color: var(--signal-danger-major-2);
  --button-default-text-color: var(--signal-danger-contrast);
  --button-hover-text-color: var(--signal-danger-contrast);
  --button-active-text-color: var(--signal-danger-contrast);
}

.button-outline-danger {
  --button-default-background-color: var(--background-norm);
  --button-hover-background-color: var(--signal-danger-minor-2);
  --button-active-background-color: var(--signal-danger-minor-1);
  --button-default-border-color: var(--signal-danger-major-1);
  --button-hover-border-color: var(--signal-danger-major-2);
  --button-active-border-color: var(--signal-danger-major-3);
  --button-default-text-color: var(
  	--signal-danger-major-1
  );
  --button-hover-text-color: var(
  	--signal-danger-major-2
  );
  --button-active-text-color: var(
  	--signal-danger-major-3
  );
}

.button-ghost-danger {
  --button-default-background-color: var(--interaction-default);
  --button-hover-background-color: var(--interaction-default-hover);
  --button-active-background-color: var(--interaction-default-active);
  --button-default-text-color: var(
  	--signal-danger-major-1
  );
  --button-hover-text-color: var(
  	--signal-danger-major-2
  );
  --button-active-text-color: var(
  	--signal-danger-major-3
  );
}

.button-underline-danger {
  --button-default-text-color: var(
  	--signal-danger-major-1
  );
  --button-hover-text-color: var(
  	--signal-danger-major-2
  );
  --button-active-text-color: var(
  	--signal-danger-major-3
  );
}

.button-solid-warning {
  --button-default-background-color: var(--signal-warning);
  --button-hover-background-color: var(--signal-warning-major-1);
  --button-active-background-color: var(--signal-warning-major-2);
  --button-default-text-color: var(--signal-warning-contrast);
  --button-hover-text-color: var(--signal-warning-contrast);
  --button-active-text-color: var(--signal-warning-contrast);
}

.button-outline-warning {
  --button-default-background-color: var(--background-norm);
  --button-hover-background-color: var(--signal-warning-minor-2);
  --button-active-background-color: var(--signal-warning-minor-1);
  --button-default-border-color: var(--signal-warning-major-1);
  --button-hover-border-color: var(--signal-warning-major-2);
  --button-active-border-color: var(--signal-warning-major-3);
  --button-default-text-color: var(
  	--signal-warning-major-1
  );
  --button-hover-text-color: var(
  	--signal-warning-major-2
  );
  --button-active-text-color: var(
  	--signal-warning-major-3
  );
}

.button-ghost-warning {
  --button-default-background-color: var(--interaction-default);
  --button-hover-background-color: var(--interaction-default-hover);
  --button-active-background-color: var(--interaction-default-active);
  --button-default-text-color: var(
  	--signal-warning-major-1
  );
  --button-hover-text-color: var(
  	--signal-warning-major-2
  );
  --button-active-text-color: var(
  	--signal-warning-major-3
  );
}

.button-underline-warning {
  --button-default-text-color: var(
  	--signal-warning-major-1
  );
  --button-hover-text-color: var(
  	--signal-warning-major-2
  );
  --button-active-text-color: var(
  	--signal-warning-major-3
  );
}

.button-solid-success {
  --button-default-background-color: var(--signal-success);
  --button-hover-background-color: var(--signal-success-major-1);
  --button-active-background-color: var(--signal-success-major-2);
  --button-default-text-color: var(--signal-success-contrast);
  --button-hover-text-color: var(--signal-success-contrast);
  --button-active-text-color: var(--signal-success-contrast);
}

.button-outline-success {
  --button-default-background-color: var(--background-norm);
  --button-hover-background-color: var(--signal-success-minor-2);
  --button-active-background-color: var(--signal-success-minor-1);
  --button-default-border-color: var(--signal-success-major-1);
  --button-hover-border-color: var(--signal-success-major-2);
  --button-active-border-color: var(--signal-success-major-3);
  --button-default-text-color: var(
  	--signal-success-major-1
  );
  --button-hover-text-color: var(
  	--signal-success-major-2
  );
  --button-active-text-color: var(
  	--signal-success-major-3
  );
}

.button-ghost-success {
  --button-default-background-color: var(--interaction-default);
  --button-hover-background-color: var(--interaction-default-hover);
  --button-active-background-color: var(--interaction-default-active);
  --button-default-text-color: var(
  	--signal-success-major-1
  );
  --button-hover-text-color: var(
  	--signal-success-major-2
  );
  --button-active-text-color: var(
  	--signal-success-major-3
  );
}

.button-underline-success {
  --button-default-text-color: var(
  	--signal-success-major-1
  );
  --button-hover-text-color: var(
  	--signal-success-major-2
  );
  --button-active-text-color: var(
  	--signal-success-major-3
  );
}

.button-solid-info {
  --button-default-background-color: var(--signal-info);
  --button-hover-background-color: var(--signal-info-major-1);
  --button-active-background-color: var(--signal-info-major-2);
  --button-default-text-color: var(--signal-info-contrast);
  --button-hover-text-color: var(--signal-info-contrast);
  --button-active-text-color: var(--signal-info-contrast);
}

.button-outline-info {
  --button-default-background-color: var(--background-norm);
  --button-hover-background-color: var(--signal-info-minor-2);
  --button-active-background-color: var(--signal-info-minor-1);
  --button-default-border-color: var(--signal-info-major-1);
  --button-hover-border-color: var(--signal-info-major-2);
  --button-active-border-color: var(--signal-info-major-3);
  --button-default-text-color: var(
  	--signal-info-major-1
  );
  --button-hover-text-color: var(
  	--signal-info-major-2
  );
  --button-active-text-color: var(
  	--signal-info-major-3
  );
}

.button-ghost-info {
  --button-default-background-color: var(--interaction-default);
  --button-hover-background-color: var(--interaction-default-hover);
  --button-active-background-color: var(--interaction-default-active);
  --button-default-text-color: var(
  	--signal-info-major-1
  );
  --button-hover-text-color: var(
  	--signal-info-major-2
  );
  --button-active-text-color: var(
  	--signal-info-major-3
  );
}

.button-underline-info {
  --button-default-text-color: var(
  	--signal-info-major-1
  );
  --button-hover-text-color: var(
  	--signal-info-major-2
  );
  --button-active-text-color: var(
  	--signal-info-major-3
  );
}

.button-solid-norm-light {
  --button-default-background-color: var(--interaction-norm-minor-2);
  --button-hover-background-color: var(--interaction-norm-minor-2);
  --button-default-text-color: var(--interaction-norm);
  --button-hover-text-color: var(--interaction-norm);
}

.button-outline-weak-text-norm {
  --button-default-text-color: var(--interaction-norm);
  --button-hover-text-color: var(--interaction-norm);
  --button-active-text-color: var(--interaction-norm);
}

/*
 * Modifiers
 */
.button-tiny {
  --padding-block: 0.4166666667em;
  --padding-inline: 0.6666666667em;
  font-size: 0.8571428571em;
  line-height: 1.3333333333;
}

.button-small {
  --padding-block: 0.2142857143em;
  --padding-inline: 0.7857142857em;
}

.button-medium {
  --padding-block: 0.5em;
  --padding-inline: 1.0714285714em;
}

.button-large {
  --padding-block: 0.5625em;
  --padding-inline: 1.1875em;
  font-size: 1.1428571429em;
  line-height: 1.5;
}

.button-for-icon.button-tiny {
  --padding-block: 0.4166666667em;
  --padding-inline: 0.4166666667em;
}
.button-for-icon.button-small {
  --padding-block: 0.3571428571em;
  --padding-inline: 0.3571428571em;
}
.button-for-icon.button-medium {
  --padding-block: 0.6428571429em;
  --padding-inline: 0.6428571429em;
}
.button-for-icon.button-large {
  --padding-block: 0.8125em;
  --padding-inline: 0.8125em;
}
.button-for-icon > svg {
  display: block;
  transition: opacity 0.25s ease-out;
}

.button[aria-busy=true] {
  position: relative;
}
.button[aria-busy=true]:not(.button-for-icon).button-tiny {
  padding-inline-end: 1.7142857143em;
}
.button[aria-busy=true]:not(.button-for-icon).button-small {
  padding-inline-end: 2.2857142857em;
}
.button[aria-busy=true]:not(.button-for-icon).button-medium {
  padding-inline-end: 2.8571428571em;
}
.button[aria-busy=true]:not(.button-for-icon).button-large {
  padding-inline-end: 3.1428571429em;
}
.button[aria-busy=true]:not(.button-for-icon).w-full:not([class*=":w-auto"]) {
  padding-inline-end: var(--padding-inline);
}
@media (max-width: 28.125em) {
  .button[aria-busy=true]:not(.button-for-icon).w-full.sm\:w-auto {
    padding-inline-end: var(--padding-inline);
  }
}
@media (max-width: 42.5em) {
  .button[aria-busy=true]:not(.button-for-icon).w-full.md\:w-auto {
    padding-inline-end: var(--padding-inline);
  }
}
@media (max-width: 56.875em) {
  .button[aria-busy=true]:not(.button-for-icon).w-full.lg\:w-auto {
    padding-inline-end: var(--padding-inline);
  }
}
@media (max-width: 68.75em) {
  .button[aria-busy=true]:not(.button-for-icon).w-full.xl\:w-auto {
    padding-inline-end: var(--padding-inline);
  }
}
.button[aria-busy=true]:not(.button-for-icon).button-tiny .button-loader-container {
  inset-inline-end: 0.4285714286em;
}
.button[aria-busy=true]:not(.button-for-icon).button-small .button-loader-container {
  inset-inline-end: 0.7142857143em;
}
.button[aria-busy=true]:not(.button-for-icon).button-medium .button-loader-container {
  inset-inline-end: 0.8571428571em;
}
.button[aria-busy=true]:not(.button-for-icon).button-large .button-loader-container {
  inset-inline-end: 1em;
}
.button[aria-busy=true].button-for-icon > svg {
  opacity: 0;
}
.button[aria-busy=true].button-for-icon .button-loader-container {
  inset: 0;
}

.button-underline[aria-busy=true] {
  position: relative;
  padding-inline-end: 1.4285714286em;
}
.button-underline[aria-busy=true] .button-loader-container {
  inset-inline-end: 0;
}

.button-loader-container {
  position: absolute;
  inset-block: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: 0.25s ease-out both anime-button-loader-container-fade-in;
}
@keyframes anime-button-loader-container-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.button-pill {
  border-radius: 2em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../packages/atoms/src/Tooltip/Tooltip.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a $breakpoint map from px to em
 * This function is specific to include-media library
 * @param {Map} $breakpoints - A include-media breakpoint map
 * @param {Number} $base-value - The base pixel value of the app for media queries
 * @return {Map} - The $breakpoints map converted in em
 */
/* stylelint-disable-next-line value-keyword-case */
/* stylelint-disable-next-line */
/**
 * Easing functions for transitions and animations
 * Learn more at http://easings.net/
 * @param {String} $type - The wanted easing name
 * @returns {String} - The easing function, using cubic-bezier
 */
.tooltip {
  position: fixed;
  z-index: 1100;
  min-inline-size: 0.5em;
  max-inline-size: 14.5em;
  scale: 1.001;
  border-radius: var(--border-radius-md);
  background-color: var(--tooltip-background-color);
  color: var(--tooltip-text-color);
  padding-block: 0.5em;
  padding-inline: 0.75em;
  text-align: center;
  word-break: break-word;
}
.tooltip--no-max-width {
  max-inline-size: 100vw;
}
.tooltip-in-first {
  animation: anime-tooltip-in-first 0.2s cubic-bezier(0.25, 1, 0.5, 1) both;
}
@keyframes anime-tooltip-in-first {
  from {
    scale: 0.9;
    opacity: 0;
  }
  to {
    scale: 1.001;
    opacity: 1;
  }
}
.tooltip-in {
  animation: anime-tooltip-in 0.15s cubic-bezier(0.11, 0, 0.5, 0) both;
}
@keyframes anime-tooltip-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tooltip-out {
  animation: anime-tooltip-out 0.15s cubic-bezier(0.5, 1, 0.89, 1) both;
}
@keyframes anime-tooltip-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.tooltip-out-last {
  animation: anime-tooltip-out-last 0.35s cubic-bezier(0.7 , 0, 0.84, 0) both;
}
@keyframes anime-tooltip-out-last {
  from {
    scale: 1.001;
    opacity: 1;
  }
  to {
    scale: 0.9;
    opacity: 0;
  }
}
.tooltip-primary {
  --tooltip-background-color: var(--primary);
  --tooltip-text-color: var(--primary-contrast);
}
.tooltip-danger {
  --tooltip-background-color: var(--signal-danger);
  --tooltip-text-color: var(--signal-danger-contrast);
}
.tooltip-warning {
  --tooltip-background-color: var(--signal-warning);
  --tooltip-text-color: var(--signal-warning-contrast);
}
.tooltip-success {
  --tooltip-background-color: var(--signal-success);
  --tooltip-text-color: var(--signal-success-contrast);
}
.tooltip-info {
  --tooltip-background-color: var(--signal-info);
  --tooltip-text-color: var(--signal-info-contrast);
}
.tooltip {
  /* stylelint-disable */
}
.tooltip--top-start {
  border-bottom-left-radius: 0;
}
.tooltip--top-end {
  border-bottom-right-radius: 0;
}
.tooltip--bottom-start {
  border-top-left-radius: 0;
}
.tooltip--bottom-end {
  border-top-right-radius: 0;
}
.tooltip--left-end {
  border-bottom-right-radius: 0;
}
.tooltip--right-end {
  border-bottom-left-radius: 0;
}
.tooltip--left-start {
  border-top-right-radius: 0;
}
.tooltip--right-start {
  border-top-left-radius: 0;
}
.tooltip {
  /* stylelint-enable */
  /* pseudo-element to make arrows */
}
.tooltip::before {
  content: "";
  position: absolute;
  z-index: 1;
  inline-size: 0.5em;
  block-size: 0.5em;
  pointer-events: none;
  border: 0.5em solid transparent;
}
.tooltip {
  /* stylelint-disable */
}
.tooltip--top::before, .tooltip--top-start::before, .tooltip--top-end::before {
  top: 100%;
  border-top: 0.5em solid var(--tooltip-background-color);
}
.tooltip--bottom::before, .tooltip--bottom-start::before, .tooltip--bottom-end::before {
  bottom: 100%;
  border-bottom: 0.5em solid var(--tooltip-background-color);
}
.tooltip--right::before, .tooltip--right-start::before, .tooltip--right-end::before {
  left: -1em;
  border-right: 0.5em solid var(--tooltip-background-color);
}
.tooltip--left::before, .tooltip--left-start::before, .tooltip--left-end::before {
  right: -1em;
  border-left: 0.5em solid var(--tooltip-background-color);
}
.tooltip--top::before, .tooltip--bottom::before {
  left: calc(50% - 0.5em);
}
.tooltip--top-start::before, .tooltip--bottom-start::before {
  left: 0;
}
.tooltip--top-end::before, .tooltip--bottom-end::before {
  right: 0;
}
.tooltip--left::before, .tooltip--right::before {
  top: calc(50% - 0.5em);
}
.tooltip--left-start::before, .tooltip--right-start::before {
  top: 0;
}
.tooltip--left-end::before, .tooltip--right-end::before {
  bottom: 0;
}
.tooltip {
  /* stylelint-enable */
}
.tooltip .kbd {
  position: relative;
  background-color: transparent;
  color: inherit;
  border-color: transparent;
}
.tooltip .kbd::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--background-strong);
  opacity: 0.2;
  border-radius: var(--border-radius-sm);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../packages/components/components/modalTwo/Modal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a $breakpoint map from px to em
 * This function is specific to include-media library
 * @param {Map} $breakpoints - A include-media breakpoint map
 * @param {Number} $base-value - The base pixel value of the app for media queries
 * @return {Map} - The $breakpoints map converted in em
 */
/* stylelint-disable-next-line value-keyword-case */
/* stylelint-disable-next-line */
/**
 * Easing functions for transitions and animations
 * Learn more at http://easings.net/
 * @param {String} $type - The wanted easing name
 * @returns {String} - The easing function, using cubic-bezier
 */
/**
 * Calculate an em value from a px value
 * @param {Number} $px - A value to be converted in em
 * @param {Number} $base - The base pixel value of the app
 * @return {Number} - The $px value converted in em
 */
/**
 * Calculate an rem value from a px value
 * @param {Number} $px - A value to be converted in em
 * @param {Number} $user-default-font-size - The default font-size of the browser. Should be equivalent to 16px
 * @return {Number} - The $px value converted in rem
 */
/* stylelint-disable */
/* stylelint-enable */
.modal-two {
  position: fixed;
  inset: 0;
  z-index: 900;
  display: flex;
  padding: 3.5em;
  overflow: hidden;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  animation: 0.1s ease-out forwards;
  animation-name: anime-modal-two-in;
  max-inline-size: 100vw;
  max-block-size: 100vh;
}
@media (max-width: 42.5em) {
  .modal-two {
    padding: 2em;
  }
}
@media (max-width: 28.125em) {
  .modal-two {
    padding: 1em;
  }
}
.modal-two--out {
  animation-name: anime-modal-two-out;
}
.modal-two--out .modal-two-dialog {
  animation-name: anime-modal-two-dialog-out;
}
@media (max-width: 28.125em) {
  .modal-two--fullscreen-on-mobile {
    padding: 0;
    align-items: stretch;
    background: none;
  }
}
@media print {
  .modal-two--fullscreen-on-mobile {
    position: absolute;
    inset-block-end: unset;
    padding: 0.7142857143em;
  }
}
@media (max-width: 28.125em) {
  .modal-two--fullscreen-on-mobile .modal-two-dialog {
    flex: 1 0 100%;
    border-radius: 0;
  }
}
.modal-two--fullscreen {
  padding: 0;
  align-items: stretch;
  background: none;
}
.modal-two--fullscreen .modal-two-dialog {
  flex: 1 0 100%;
  border-radius: 0;
  max-inline-size: unset;
}
.modal-two--is-behind-backdrop {
  z-index: 899;
}
.modal-two--backdrop-blur {
  backdrop-filter: blur(0.5rem);
}
@keyframes anime-modal-two-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes anime-modal-two-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.modal-two-header-title h1 {
  font-weight: var(--font-weight-bold);
}
.modal-two-dialog {
  --size: 30rem;
  --margin: 2rem;
  position: relative;
  z-index: 1;
  display: flex;
  max-inline-size: var(--size);
  inline-size: 100%;
  overflow: hidden;
  padding: 0;
  margin: auto;
  transform-origin: center top;
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-lifted);
  background: var(--modal-background-color);
  color: var(--modal-text-color);
  animation: 0.25s cubic-bezier(0.33, 1, 0.68, 1) both;
  animation-name: anime-modal-two-dialog-in;
}
@media (max-width: 42.5em) {
  .modal-two-dialog {
    --margin: 1.5rem;
  }
}
@media (max-width: 28.125em) {
  .modal-two-dialog {
    --margin: 1rem;
  }
}
.modal-two-dialog-container {
  flex-grow: 1;
  max-inline-size: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.modal-two-dialog--xsmall {
  --size: 22.5rem;
  --margin: 1rem;
}
.modal-two-dialog--small {
  --size: 24.5rem;
  --margin: 1.5rem;
}
.modal-two-dialog--large {
  --size: 37.5rem;
}
.modal-two-dialog--xlarge {
  --size: 50rem;
}
.modal-two-dialog--full {
  --size: 100%;
  inline-size: var(--size);
}
@keyframes anime-modal-two-dialog-in {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes anime-modal-two-dialog-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../packages/atoms/src/Scroll/Scroll.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a $breakpoint map from px to em
 * This function is specific to include-media library
 * @param {Map} $breakpoints - A include-media breakpoint map
 * @param {Number} $base-value - The base pixel value of the app for media queries
 * @return {Map} - The $breakpoints map converted in em
 */
/* stylelint-disable-next-line value-keyword-case */
/* stylelint-disable-next-line */
/**
 * Easing functions for transitions and animations
 * Learn more at http://easings.net/
 * @param {String} $type - The wanted easing name
 * @returns {String} - The easing function, using cubic-bezier
 */
:root {
  --scrollshadow-size: 0.313rem;
  --scrollshadow-opacity: var(--shadow-norm-opacity);
}

.scroll-outer-horizontal {
  position: relative;
}
.scroll-outer-horizontal .scroll-child {
  /*
   * the reason this is using inline-block is because
   * we need direct access to a child element of the scroll
   * container in order to know when the edges of these two
   * elements overlap (that way we can tell that the scroll
   * is either at the very start, at the very end or somewhere
   * in the middle)
   *
   * however, a block element always takes the width of their
   * parent, whereas an inline-block element will take the width
   * of their child, which would be the overflowing scrollable
   * content in this case
   *
   * "width: 100%" in order to maintain a block element behaviour
   * even though using "display: inline-block"
   *
   */
  display: inline-block;
  min-inline-size: 100%;
}
.scroll-outer-horizontal .scroll-inner {
  overflow-x: auto;
}
.scroll-outer-horizontal .scroll-start-shadow,
.scroll-outer-horizontal .scroll-end-shadow {
  z-index: 1;
  position: absolute;
  inset-block-start: 0;
  inline-size: var(--scrollshadow-size);
  block-size: 100%;
  opacity: 0;
  transition: 250ms cubic-bezier(0.33, 1, 0.68, 1);
}
.scroll-outer-horizontal .scroll-start-shadow {
  inset-inline-start: 0;
  background: linear-gradient(90deg, rgb(0, 0, 0, var(--scrollshadow-opacity)), transparent);
}
.scroll-outer-horizontal .scroll-end-shadow {
  inset-inline-end: 0;
  background: linear-gradient(270deg, rgb(0, 0, 0, var(--scrollshadow-opacity)), transparent);
}
.scroll-outer-horizontal .scroll-start-shadow-visible,
.scroll-outer-horizontal .scroll-end-shadow-visible {
  opacity: 1;
}
.scroll-outer-vertical {
  block-size: 100%;
  position: relative;
}
.scroll-outer-vertical .scroll-inner {
  block-size: 100%;
  overflow-y: auto;
}
.scroll-outer-vertical .scroll-inner--contained {
  overscroll-behavior: contain;
}
.scroll-outer-vertical .scroll-start-shadow,
.scroll-outer-vertical .scroll-end-shadow {
  z-index: 1;
  position: absolute;
  inset-inline: 0 0;
  block-size: var(--scrollshadow-size);
  transition: 250ms cubic-bezier(0.33, 1, 0.68, 1);
  opacity: 0;
}
.scroll-outer-vertical .scroll-start-shadow {
  inset-block-start: 0;
  background: linear-gradient(180deg, rgb(0, 0, 0, var(--scrollshadow-opacity)), transparent);
}
.scroll-outer-vertical .scroll-end-shadow {
  inset-block-end: 0;
  background: linear-gradient(0deg, rgb(0, 0, 0, var(--scrollshadow-opacity)), transparent);
}
.scroll-outer-vertical .scroll-start-shadow-visible,
.scroll-outer-vertical .scroll-end-shadow-visible {
  opacity: 1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../packages/components/components/modalTwo/ModalContent.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.modal-two-content {
  margin-block: 0.5em 1em;
  margin-inline: var(--margin);
}
.modal-two-content > *:first-child {
  margin-block-start: 0;
}
.modal-two-content > *:last-child {
  margin-block-end: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../packages/components/components/modalTwo/ModalFooter.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a $breakpoint map from px to em
 * This function is specific to include-media library
 * @param {Map} $breakpoints - A include-media breakpoint map
 * @param {Number} $base-value - The base pixel value of the app for media queries
 * @return {Map} - The $breakpoints map converted in em
 */
/* stylelint-disable-next-line value-keyword-case */
/* stylelint-disable-next-line */
/* stylelint-disable */
/* stylelint-enable */
.modal-two-footer {
  display: flex;
  margin-block: 1em calc(var(--margin) - 0.5em);
  margin-inline: var(--margin);
  justify-content: space-between;
  flex-wrap: wrap-reverse;
  flex-shrink: 0;
}
@media (max-width: 28.125em) {
  .modal-two-footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
@media (min-width: 28.135em) {
  .modal-two-footer--full {
    justify-content: flex-end;
  }
  .modal-two-footer--full > *:not(:first-child) {
    margin-inline-start: 0.5em;
  }
}
.modal-two-footer > * {
  margin-block-end: 0.5em;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../packages/components/components/prompt/Prompt.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Convert a $breakpoint map from px to em
 * This function is specific to include-media library
 * @param {Map} $breakpoints - A include-media breakpoint map
 * @param {Number} $base-value - The base pixel value of the app for media queries
 * @return {Map} - The $breakpoints map converted in em
 */
/* stylelint-disable-next-line value-keyword-case */
/* stylelint-disable-next-line */
/**
 * Calculate an rem value from a px value
 * @param {Number} $px - A value to be converted in em
 * @param {Number} $user-default-font-size - The default font-size of the browser. Should be equivalent to 16px
 * @return {Number} - The $px value converted in rem
 */
.prompt.prompt {
  --size: 18rem;
}
.prompt-header {
  margin-block: 1.5em 0.5em;
  margin-inline: var(--margin);
}
.prompt-actions {
  margin-block: 0.5em;
  margin-inline: var(--margin);
}
.prompt-footer.prompt-footer {
  display: block;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../packages/atoms/src/ProtonLoader/ProtonLoader.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes anime-move-light {
  0% {
    opacity: 0;
    transform: translate(0, -60px);
  }
  50% {
    opacity: 1;
    transform: translate(20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, 112px);
  }
}
.proton-loader-light {
  animation: 2s ease-in-out infinite anime-move-light;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/app/app.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Convert a $breakpoint map from px to em
 * This function is specific to include-media library
 * @param {Map} $breakpoints - A include-media breakpoint map
 * @param {Number} $base-value - The base pixel value of the app for media queries
 * @return {Map} - The $breakpoints map converted in em
 */
/* stylelint-disable-next-line value-keyword-case */
/* stylelint-disable-next-line */
/**
 * Calculate an em value from a px value
 * @param {Number} $px - A value to be converted in em
 * @param {Number} $base - The base pixel value of the app
 * @return {Number} - The $px value converted in em
 */
/**
 * Calculate an rem value from a px value
 * @param {Number} $px - A value to be converted in em
 * @param {Number} $user-default-font-size - The default font-size of the browser. Should be equivalent to 16px
 * @return {Number} - The $px value converted in rem
 */
/**
 * Give logical string for a "classic" placement
 * @param {String} $placement - top/left/right/bottom/vertical/horizontal/t/r/b/l/v/h/x/y
 * @return {String} - the logical prop fragment
 */
/**
 * Replace `$search` with `$replace` in `$string`
 * @author Hugo Giraudel
 * @param {String} $string - Initial string
 * @param {String} $search - Substring to replace
 * @param {String} $replace ('') - New value
 * @return {String} - Updated string
 */
/**
 * Easing functions for transitions and animations
 * Learn more at http://easings.net/
 * @param {String} $type - The wanted easing name
 * @returns {String} - The easing function, using cubic-bezier
 */
/**
 * Convert a list of arguments into a string seperated by dashes
 * @param {String} $args - A list of arguments
 * @returns {String} - The converted into a strings joined with dashes
 */
/**
 * Generate vendor prefixes for a given property
 * @param {String} $property - The given property from which generate vendor prefixes
 * @param {String} $value - The value of the property
 * @param {String} $prefixes - Wanted prefix•es
 * @return {String} - The property with each prefix
 */
/**
 * Generate each transform origin possibilities
 * @return {String} - CSS classes for each transform origin value
 */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-disable at-rule-no-vendor-prefix */
/* fix viewport for Win8 (snap mode) and preparing day
 * when viewport will be supported by all render engines
 *
 * Examples: http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
 * width=device-width => width: device-width;
 * height=device-height => height: device-height;
 * initial-scale=2 => zoom: 2;
 * maximum-scale=2 => max-zoom: 2;
 * minimum-scale=0.5 => min-zoom: 0.5;
 * user-scalable=no => user-zoom: fixed;
 *
 * for Win8 snap mode => only width: device-width; works for the moment
 * kept for compatibility with older browsers
 */
body::before {
  display: none;
}
@media (max-width: 28.125em) {
  body::before {
    content: "xsmall";
  }
}
@media (min-width: 28.135em) {
  body::before {
    content: "small";
  }
}
@media (min-width: 42.51em) {
  body::before {
    content: "medium";
  }
}
@media (min-width: 56.885em) {
  body::before {
    content: "large";
  }
}
@media (min-width: 68.76em) {
  body::before {
    content: "xlarge";
  }
}
@media (min-width: 93.76em) {
  body::before {
    content: "2xlarge";
  }
}

article,
aside,
details,
dialog,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

abbr,
mark,
meter,
time,
output {
  display: inline;
}

/* reset minimum */
html,
body,
blockquote,
ul,
ol,
form,
input,
button,
figure {
  margin: 0;
  padding: 0;
}

button,
progress {
  border: 0;
}

p,
ul,
ol,
dl,
blockquote,
pre,
menu,
td,
th {
  font-size: 1em;
  line-height: inherit;
  margin-block: 1.4285714286em;
  margin-inline: 0;
}

/* reset buttons, remember to style them in forms */
input,
select,
textarea,
optgroup,
button {
  background: transparent;
  border: 0;
  font: inherit;
  color: inherit;
  /* stylelint-disable-next-line */
  -webkit-appearance: none;
}

input[type=checkbox] {
  /* stylelint-disable-next-line */
  -webkit-appearance: checkbox;
}

input[type=radio] {
  /* stylelint-disable-next-line */
  -webkit-appearance: radio;
}

/* makes you want to click on */
label,
button,
input[type=submit],
input[type=button],
input[type=reset] {
  cursor: pointer;
}

button[disabled],
input[type=submit][disabled],
input[type=button][disabled],
input[type=reset][disabled] {
  cursor: default;
  pointer-events: none;
}

/* avoid dummy resize */
textarea {
  resize: vertical;
  cursor: auto;
}

/* remove a Firefox difference on button tag */
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

label,
button,
input,
select {
  color: currentcolor;
  vertical-align: middle;
}

/* fix display img/iframe */
img,
iframe {
  vertical-align: middle;
}

iframe,
dialog {
  border: 0;
}

ul,
ol,
menu {
  padding-inline-start: 2em;
}

dd {
  margin-inline-start: 2em;
}

b,
strong {
  font-weight: bold;
}

/* harmonization between Chrome/Firefox */
pre,
code,
kbd,
samp {
  font-family: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

small {
  font-size: 80%;
}

/* avoid border on images in links */
a:link img, a:visited img {
  border-style: none;
}

/* fix border image IE */
img {
  border-style: none;
}

/* tiny control */
audio:not([controls]) {
  display: none;
  block-size: 0;
}

/* important, abbr are good
 * only those with a title are shown */
abbr[title] {
  border-block-end: dotted 1px;
  cursor: help;
  text-decoration: none;
  /* color inherited from text */
}

code,
pre,
samp {
  white-space: pre-wrap;
}

code {
  line-height: 1;
}

dfn {
  font-style: italic;
}

/*
 * taken from http://tinytypo.tetue.net/ made by @tetue
 * tuned with the help of https://www.nicolas-hoffmann.net/utilitaires/codes-hexas-ascii-unicode-utf8-caracteres-usuels.php
 *
 * see https://en.wikipedia.org/wiki/Quotation_mark#Summary_table for reference
 */
html {
  quotes: "“" "”" "‘" "’";
}

:lang(fr) {
  quotes: "« " " »" "“" "”" "‘" "’";
}

:lang(en) {
  quotes: "“" "”" "‘" "’";
}

:lang(es) {
  quotes: "«" "»" "“" "”";
}

:lang(it) {
  quotes: "« " " »" "“" "”";
}

:lang(de) {
  quotes: "„" "“" "‚" "‘";
}

:lang(ja) {
  quotes: "「" "」" "『" "』";
}

:lang(ar) {
  quotes: "“" "”";
}

blockquote::before,
q::before {
  content: open-quote;
}
blockquote::after,
q::after {
  content: close-quote;
}

.rotateX-180 {
  transform: rotateX(180deg);
}

.rotateY-180,
.mirror,
[dir=rtl] .rtl\:mirror {
  transform: rotateY(180deg);
}

.rotateZ-45 {
  transform: rotateZ(45deg);
}

.rotateZ-90, details[open] > summary .summary-triangle {
  transform: rotateZ(90deg);
}

.rotateZ-270 {
  transform: rotateZ(270deg);
}

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

html {
  box-sizing: border-box;
  overscroll-behavior: none;
}

body {
  background: var(--background-norm);
  min-block-size: 100%;
}

::selection {
  background-color: var(--selection-background-color);
  color: var(--selection-text-color);
}

a,
.link {
  color: var(--link-norm);
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  cursor: pointer;
}
a:hover, a:focus,
.link:hover,
.link:focus {
  color: var(--link-hover);
  text-decoration: none;
}
a:active,
.link:active {
  color: var(--link-active);
  text-decoration: none;
}

b,
strong {
  font-weight: var(--font-weight-bold);
}

@supports selector(:focus-visible) {
  a:focus:not(:focus-visible),
  button:focus:not(:focus-visible) {
    outline: 0;
  }
}
/* it depends, it exceeds (french joke) */
table, img, td, blockquote,
code,
pre,
textarea,
input,
svg {
  block-size: auto;
  max-inline-size: 100%;
}

textarea {
  min-block-size: 2.25rem;
}

/*
 * avoids dimensioning for radio, checkboxes and images
 * and a different display on IE
 */
input[type=radio],
input[type=checkbox],
input[type=image] {
  background-color: transparent;
  border: 0;
  inline-size: auto;
}

input[type=radio],
input[type=checkbox] {
  opacity: 0;
}

/* removes X in input when typing in IE/EDGE */
input::-ms-clear {
  inline-size: 0;
  block-size: 0;
}

/* removes native password revealer for IE/EDGE */
input::-ms-reveal {
  display: none;
}

/* fix for standard select component */
select {
  padding: 0;
}
select option {
  background-color: var(--field-background-color);
}

/* avoid ugly line-height */
sup,
sub {
  vertical-align: 0;
  position: relative;
}

sup {
  inset-block-end: 1ex;
}

sub {
  inset-block-start: 0.5ex;
}

mark {
  background-color: var(--mark-background-color);
  color: var(--mark-text-color);
  font-weight: var(--mark-font-weight);
}
mark.is-light {
  background-color: unset;
  color: inherit;
  font-weight: var(--font-weight-bold);
}

/* avoid margin on nested elements */
li p,
li ul {
  margin-block: 0;
}

hr {
  background-color: var(--border-norm);
  border: 0;
  block-size: 1px;
  margin-inline: 0;
  margin-block: 0 1em;
  padding: 0;
}

hr.weak {
  background-color: var(--border-weak);
}

table {
  margin-block-end: 1.5em;
  table-layout: fixed;
}

details {
  border-block-end: 1px solid var(--border-norm);
}
details > summary::-webkit-details-marker {
  display: none;
}
details:first-child {
  border-block-start: 1px solid var(--border-norm);
}
details[open] > summary .summary-caret {
  transform: rotateX(180deg);
}
summary {
  padding-block: 0.5em;
  padding-inline: 0;
  list-style: none;
  border: 0;
  cursor: pointer;
}

/* stylelint-disable */
/*
 * Static variables that keep the same between each visual theme
 */
:root,
.ui-standard,
.ui-prominent {
  --signal-danger-hover: var(--signal-danger-major-1);
  --signal-danger-active: var(--signal-danger-major-2);
  --signal-warning-hover: var(--signal-warning-major-1);
  --signal-warning-active: var(--signal-warning-major-2);
  --signal-success-hover: var(--signal-success-major-1);
  --signal-success-active: var(--signal-success-major-2);
  --signal-info-hover: var(--signal-info-major-1);
  --signal-info-active: var(--signal-info-major-2);
  --interaction-norm-hover: var(--interaction-norm-major-1);
  --interaction-norm-active: var(--interaction-norm-major-2);
  --interaction-weak-hover: var(--interaction-weak-major-1);
  --interaction-weak-active: var(--interaction-weak-major-2);
}

:root {
  --1px: 0.0625rem;
  --border-radius-sm: calc(0.5 * var(--border-radius) * var(--1px));
  --border-radius-md: calc(var(--border-radius) * var(--1px));
  --border-radius-lg: calc(1.5 * var(--border-radius) * var(--1px));
  --border-radius-xl: calc(2 * var(--border-radius) * var(--1px));
  --border-radius-xxl: calc(3 * var(--border-radius) * var(--1px));
  --border-radius-full: 9999em;
}

/*
 * List of optional variables
 * An optional variable has always a defined fallback value
 */
/* prettier-ignore */
:root,
.ui-standard,
.ui-prominent {
  /*
   * Generate 'optional' css variables from
   * variable-name: default-value
   *
   * Output
   * --variable-name: var(--optional-variable-name, default-value);
   *
   * Example
   * --link-norm: var(--optional-link-norm, var(--interaction-norm));
   */
  --link-norm: var(--optional-link-norm, var(--interaction-norm));
  --link-hover: var(--optional-link-hover, var(--interaction-norm-hover));
  --link-active: var(--optional-link-active, var(--interaction-norm-active));
  --selection-background-color: var(--optional-selection-background-color, var(--primary));
  --selection-text-color: var(--optional-selection-text-color, var(--primary-contrast));
  --header-background-color: var(--optional-header-background-color, var(--background-norm));
  --sidebar-background-color: var(--optional-sidebar-background-color, var(--background-norm));
  --navigation-current-item-marker-color: var(--optional-navigation-current-item-marker-color, var(--interaction-norm));
  --navigation-current-item-background-color: var(--optional-navigation-current-item-background-color, var(--interaction-default-hover));
  --navigation-current-item-text-color: var(--optional-navigation-current-item-text-color, var(--text-norm));
  --main-box-shadow: var(--optional-main-box-shadow, none);
  --main-border-width: var(--optional-main-border-width, 1px);
  --navigation-item-count-background-color: var(--optional-navigation-item-count-background-color, var(--primary));
  --navigation-item-count-text-color: var(--optional-navigation-item-count-text-color, var(--primary-contrast));
  --toolbar-background-color: var(--optional-toolbar-background-color, var(--background-norm));
  --toolbar-border-bottom-color: var(--optional-toolbar-border-bottom-color, var(--border-weak));
  --toolbar-text-color: var(--optional-toolbar-text-color, var(--text-norm));
  --toolbar-separator-color: var(--optional-toolbar-separator-color, var(--border-norm));
  --scrollbar-thumb-color: var(--optional-scrollbar-thumb-color, rgba(128, 128, 128, 0.25));
  --tooltip-background-color: var(--optional-tooltip-background-color, var(--background-invert));
  --tooltip-text-color: var(--optional-tooltip-text-color, var(--text-invert));
  --background-elevated: var(--optional-background-elevated, var(--background-norm));
  --background-lowered: var(--optional-background-lowered, var(--background-weak));
  --email-item-unread-background-color: var(--optional-email-item-unread-background-color, var(--background-elevated));
  --email-item-unread-text-color: var(--optional-email-item-unread-text-color, var(--text-norm));
  --email-item-unread-icon-background-color: var(--optional-email-item-unread-icon-background-color, var(--background-strong));
  --email-item-unread-icon-text-color: var(--optional-email-item-unread-icon-text-color, inherit);
  --email-item-read-background-color: var(--optional-email-item-read-background-color, var(--background-lowered));
  --email-item-read-text-color: var(--optional-email-item-read-text-color, var(--text-norm));
  --email-item-read-icon-background-color: var(--optional-email-item-read-icon-background-color, var(--background-strong));
  --email-item-read-icon-text-color: var(--optional-email-item-read-icon-text-color, inherit);
  --email-item-selected-background-color: var(--optional-email-item-selected-background-color, var(--interaction-norm));
  --email-item-selected-text-color: var(--optional-email-item-selected-text-color, var(--interaction-norm-contrast));
  --email-item-selected-icon-background-color: var(--optional-email-item-selected-icon-background-color, var(--interaction-norm-major-2));
  --email-item-selected-icon-text-color: var(--optional-email-item-selected-icon-text-color, inherit);
  --email-message-view-background-color: var(--optional-email-message-view-background-color, var(--background-norm));
  --email-message-view-comfort-background-color: var(--optional-email-message-view-comfort-background-color, var(--background-norm));
  --field-background-color: var(--optional-field-background-color, var(--background-norm));
  --field-text-color: var(--optional-field-text-color, var(--text-norm));
  --field-placeholder-color: var(--optional-field-placeholder-color, var(--text-hint));
  --field-hover-background-color: var(--optional-field-hover-background-color, var(--background-norm));
  --field-hover-text-color: var(--optional-field-hover-text-color, var(--text-norm));
  --field-focus-background-color: var(--optional-field-focus-background-color, var(--background-norm));
  --field-focus-text-color: var(--optional-field-focus-text-color, var(--text-norm));
  --field-disabled-background-color: var(--optional-field-disabled-background-color, var(--background-norm));
  --field-disabled-text-color: var(--optional-field-disabled-text-color, var(--text-disabled));
  --select-background-color: var(--optional-select-background-color, var(--field-background-color));
  --favorite-icon-color: var(--optional-favorite-icon-color, orange);
  --mark-background-color: var(--optional-mark-background-color, yellow);
  --mark-text-color: var(--optional-mark-text-color, black);
  --mark-font-weight: var(--optional-mark-font-weight, var(--font-weight-normal, normal));
  --modal-background-color: var(--optional-modal-background-color, var(--background-norm));
  --modal-text-color: var(--optional-modal-text-color, var(--text-norm));
  --file-preview-text-color: var(--optional-file-preview-text-color, var(--text-norm));
  --file-preview-background-color: var(--optional-file-preview-background-color, var(--background-norm));
  --mini-calendar-today-color: var(--optional-mini-calendar-today-color, var(--primary));
  --border-radius: var(--optional-border-radius, 8);
  --shadow-default-color: var(--optional-shadow-default-color, 0 0 0);
  --shadow-norm-offset: var(--optional-shadow-norm-offset, 0 calc(var(--1px)) calc(var(--1px) * 4));
  --shadow-raised-offset: var(--optional-shadow-raised-offset, 0 calc(var(--1px) * 4) calc(var(--1px) * 12));
  --shadow-lifted-offset: var(--optional-shadow-lifted-offset, 0 calc(var(--1px) * 8) calc(var(--1px) * 24));
  --shadow-primary-color: var(--optional-shadow-primary-color, 0 0 0);
  --logo-text-proton-color: var(--optional-logo-text-proton-color, var(--text-norm));
  --logo-text-product-color: var(--optional-logo-text-product-color, var(--primary));
  --promotion-text-color: var(--optional-promotion-text-color, #15006F);
  --promotion-text-weak: var(--optional-promotion-text-weak, #50409b);
  --promotion-interaction-hover: var(--optional-promotion-interaction-hover, rgba(109, 74, 255, 0.08));
  --promotion-background-start: var(--optional-promotion-background-start, rgba(109, 74, 255, 0.15));
  --promotion-background-end: var(--optional-promotion-background-end, rgba(70, 26, 255, 0.04));
  --promotion-secondary-color: var(--optional-promotion-secondary-color, #d783ff);
  --bg-promotion-bw-button: var(--optional-bg-promotion-bw-button, var(--background-invert));
  --text-promotion-bw-button: var(--optional-text-promotion-bw-button, var(--text-invert));
  --highlight-background-norm: var(--optional-highlight-background-norm, #e1e5fc);
  --toggle-container-unchecked-loader-color: var(--optional-toggle-container-unchecked-loader-color, var(--interaction-norm-contrast));
}

/*
 * When applying a ui region class, we need to re-apply
 * default background and text colors as well as they changed,
 * so adding the overrides here will avoid the necessity
 * of adding two classes each time
 */
.ui-standard,
.ui-prominent {
  background-color: var(--background-norm);
  color: var(--text-norm);
}

/*
Only include font faces that we need.
Only used by outdated browsers/os
Minimises the number of font requests made which is then duplicated by the challenge script. This can be removed when the challenge script no longer makes style requests.
*/
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/static/Inter-Regular.85c128721035823e5405.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/static/Inter-Medium.da6143a97b8ed2ae857b.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/static/Inter-SemiBold.594041393209f0003754.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/static/Inter-Bold.54851dc3f5ada849af04.woff2) format("woff2");
}
/* -------------------------------------------------------
Variable font.
Usage:

  html { font-family: 'Inter', sans-serif; }
  @supports (font-variation-settings: normal) {
    html { font-family: 'InterVariable', sans-serif; }
  }
*/
@font-face {
  font-family: "InterVariable";
  font-weight: 100 900;
  font-style: normal;
  font-named-instance: "Regular";
  font-display: swap;
  src: url(/assets/static/InterVariable.c504db5c06caaf7cdfba.woff2) format("woff2 supports variations(gvar)"), url(/assets/static/InterVariable.c504db5c06caaf7cdfba.woff2) format("woff2-variations"), url(/assets/static/InterVariable.c504db5c06caaf7cdfba.woff2) format("woff2");
}
@font-face {
  font-family: "InterVariable";
  font-weight: 100 900;
  font-style: italic;
  font-named-instance: "Italic";
  font-display: swap;
  src: url(/assets/static/InterVariable-Italic.01dcbad1bac635f9c9cd.woff2) format("woff2 supports variations(gvar)"), url(/assets/static/InterVariable-Italic.01dcbad1bac635f9c9cd.woff2) format("woff2-variations"), url(/assets/static/InterVariable-Italic.01dcbad1bac635f9c9cd.woff2) format("woff2");
}
/*
OpenDyslexic font face definition for font face setting
*/
@font-face {
  font-family: OpenDyslexic;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("OpenDyslexic"), url(/assets/static/OpenDyslexic-Regular.904b03b8ee84dff60d49.woff2) format("woff2"), url(/assets/static/OpenDyslexic-Regular.faf7bb41c4bbb5a043ed.woff) format("woff");
}
@font-face {
  font-family: OpenDyslexic;
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: local("OpenDyslexic"), url(/assets/static/OpenDyslexic-Italic.83bf4ce46d74c07c8c8d.woff2) format("woff2"), url(/assets/static/OpenDyslexic-Italic.f955d6aac6d588c51c48.woff) format("woff");
}
@font-face {
  font-family: OpenDyslexic;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("OpenDyslexic"), url(/assets/static/OpenDyslexic-Bold.b10b526264214d354893.woff2) format("woff2"), url(/assets/static/OpenDyslexic-Bold.292139f3906836566d50.woff) format("woff");
}
@font-face {
  font-family: OpenDyslexic;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("OpenDyslexic"), url(/assets/static/OpenDyslexic-Bold-Italic.d7e13c040d08e47707e2.woff2) format("woff2"), url(/assets/static/OpenDyslexic-Bold-Italic.29faaf4a65a6e600df8f.woff) format("woff");
}
/*
Atkinson Hyperlegible font face definition for font face setting
*/
@font-face {
  font-family: "Atkinson HyperLegible";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(/assets/static/atkinson-hyperlegible-regular.1cc85c6af6b4d69204e7.woff2) format("woff2"), url(/assets/static/atkinson-hyperlegible-regular.1a8b2116ac7cbf367693.woff) format("woff");
}
@font-face {
  font-family: "Atkinson HyperLegible";
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: url(/assets/static/atkinson-hyperlegible-italic.0b075f0dec46d204108d.woff2) format("woff2"), url(/assets/static/atkinson-hyperlegible-italic.132f370e73cb80c6d9f4.woff) format("woff");
}
@font-face {
  font-family: "Atkinson HyperLegible";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/static/atkinson-hyperlegible-bold.473fc83d633440635011.woff2) format("woff2"), url(/assets/static/atkinson-hyperlegible-bold.b45d94031be28e270536.woff) format("woff");
}
@font-face {
  font-family: "Atkinson HyperLegible";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/static/atkinson-hyperlegible-bolditalic.e5f6312ca9bb09c2b33e.woff2) format("woff2"), url(/assets/static/atkinson-hyperlegible-bolditalic.6fc9c9c41095d76a950d.woff) format("woff");
}
:root {
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}

html,
.apply-font {
  font-family: var(--setting-font-family, var(--optional-font-family, system-ui, sans-serif));
  font-synthesis: none;
  font-weight: var(--font-weight-normal);
  font-style: normal;
  /* stylelint-disable */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  /* stylelint-enable */
}
@supports not (font-variation-settings: normal) {
  html,
  .apply-font {
    font-family: var(--setting-font-family, var(--optional-font-family, "Inter", system-ui, sans-serif));
  }
}
@supports (font-variation-settings: normal) {
  html,
  .apply-font {
    font-family: var(--setting-font-family, var(--optional-font-family, "InterVariable", system-ui, sans-serif));
  }
}

html {
  /* Introduce `--setting-font-size` to make the font size setting possible. */
  /* chosen size * browser default size / app default size * 100% / browser default size */
  font-size: calc(var(--setting-font-size) * 7.1428571429%);
}

body {
  color: var(--text-norm);
  line-height: 1.4285714286;
  font-size: 0.875em;
}

h1,
.h1 {
  display: block;
  margin: 0;
  font-size: 2.5714285714em;
  font-weight: var(--font-weight-normal);
}

h2,
.h2 {
  display: block;
  margin: 0;
  font-size: 2em;
  font-weight: var(--font-weight-normal);
}

h3,
.h3 {
  display: block;
  margin: 0;
  font-size: 1.4285714286em;
  font-weight: var(--font-weight-normal);
}

h4,
.h4 {
  display: block;
  margin: 0;
  font-size: 1.2857142857em;
  font-weight: var(--font-weight-normal);
}

h5,
.h5 {
  display: block;
  margin: 0;
  font-size: 1.2142857143em;
  font-weight: var(--font-weight-normal);
}

h6,
.h6 {
  display: block;
  margin: 0;
  font-size: 1.1428571429em;
  font-weight: var(--font-weight-normal);
}

/* Hyphenation: Thou shalt not pass (Moïse or Gandalf, don’t remember) */
.toolbar-button, .toolbar .select, .navigation-link, .interactive-pseudo-protrude, .interactive-pseudo-inset, .dropdown-item-button, .dropdown-item-link, .interactive-pseudo, .minicalendar-weeknumber, .minicalendar-day, .autocomplete-suggestions div, .interactive, .dropdown-item-container, .apps-dropdown-button, .navigation-link-header-group-link, .navigation-link-header-group-control, .navigation-sublink {
  outline: none;
  color: inherit;
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1), background-position 0s;
}
@supports selector(:focus-visible:has(a, b)) {
  .toolbar-button, .toolbar .select, .navigation-link, .interactive-pseudo-protrude, .interactive-pseudo-inset, .dropdown-item-button, .dropdown-item-link, .interactive-pseudo, .minicalendar-weeknumber, .minicalendar-day, .autocomplete-suggestions div, .interactive, .dropdown-item-container, .apps-dropdown-button, .navigation-link-header-group-link, .navigation-link-header-group-control, .navigation-sublink {
    outline: unset;
  }
}
.link-focus.link-focus.toolbar-button:focus, .toolbar .link-focus.link-focus.select:focus, .link-focus.link-focus.navigation-link:focus, .link-focus.link-focus.interactive-pseudo-protrude:focus, .link-focus.link-focus.interactive-pseudo-inset:focus, .link-focus.link-focus.dropdown-item-button:focus, .link-focus.link-focus.dropdown-item-link:focus, .link-focus.link-focus.interactive-pseudo:focus, .link-focus.link-focus.minicalendar-weeknumber:focus, .link-focus.link-focus.minicalendar-day:focus, .autocomplete-suggestions div.link-focus.link-focus:focus, .link-focus.link-focus.interactive:focus, .link-focus.link-focus.dropdown-item-container:focus, .link-focus.link-focus.apps-dropdown-button:focus, .link-focus.link-focus.navigation-link-header-group-link:focus, .link-focus.link-focus.navigation-link-header-group-control:focus, .link-focus.link-focus.navigation-sublink:focus, .link-focus.link-focus.toolbar-button:focus-visible, .toolbar .link-focus.link-focus.select:focus-visible, .link-focus.link-focus.navigation-link:focus-visible, .link-focus.link-focus.interactive-pseudo-protrude:focus-visible, .link-focus.link-focus.interactive-pseudo-inset:focus-visible, .link-focus.link-focus.dropdown-item-button:focus-visible, .link-focus.link-focus.dropdown-item-link:focus-visible, .link-focus.link-focus.interactive-pseudo:focus-visible, .link-focus.link-focus.minicalendar-weeknumber:focus-visible, .link-focus.link-focus.minicalendar-day:focus-visible, .autocomplete-suggestions div.link-focus.link-focus:focus-visible, .link-focus.link-focus.interactive:focus-visible, .link-focus.link-focus.dropdown-item-container:focus-visible, .link-focus.link-focus.apps-dropdown-button:focus-visible, .link-focus.link-focus.navigation-link-header-group-link:focus-visible, .link-focus.link-focus.navigation-link-header-group-control:focus-visible, .link-focus.link-focus.navigation-sublink:focus-visible {
  outline: none;
}
.toolbar-button:not([class*=bg-]), .toolbar .select:not([class*=bg-]), .navigation-link:not([class*=bg-]), .interactive-pseudo-protrude:not([class*=bg-]), .interactive-pseudo-inset:not([class*=bg-]), .dropdown-item-button:not([class*=bg-]), .dropdown-item-link:not([class*=bg-]), .interactive-pseudo:not([class*=bg-]), .minicalendar-weeknumber:not([class*=bg-]), .minicalendar-day:not([class*=bg-]), .autocomplete-suggestions div:not([class*=bg-]), .interactive:not([class*=bg-]), .dropdown-item-container:not([class*=bg-]), .apps-dropdown-button:not([class*=bg-]), .navigation-link-header-group-link:not([class*=bg-]), .navigation-link-header-group-control:not([class*=bg-]), .navigation-sublink:not([class*=bg-]) {
  background-color: var(--interaction-default);
}
.toolbar-button:hover, .toolbar .select:hover, .navigation-link:hover, .interactive-pseudo-protrude:hover, .interactive-pseudo-inset:hover, .dropdown-item-button:hover, .dropdown-item-link:hover, .interactive-pseudo:hover, .minicalendar-weeknumber:hover, .minicalendar-day:hover, .autocomplete-suggestions div:hover, .interactive:hover, .dropdown-item-container:hover, .apps-dropdown-button:hover, .navigation-link-header-group-link:hover, .navigation-link-header-group-control:hover, .navigation-sublink:hover {
  background-color: var(--interaction-default-hover);
  color: inherit;
}
.toolbar-button:active, .toolbar .select:active, .navigation-link:active, .interactive-pseudo-protrude:active, .interactive-pseudo-inset:active, .dropdown-item-button:active, .dropdown-item-link:active, .interactive-pseudo:active, .minicalendar-weeknumber:active, .minicalendar-day:active, .autocomplete-suggestions div:active, .interactive:active, .dropdown-item-container:active, .apps-dropdown-button:active, .navigation-link-header-group-link:active, .navigation-link-header-group-control:active, .navigation-sublink:active, .is-active.toolbar-button, .toolbar .is-active.select, .is-active.navigation-link, .is-active.interactive-pseudo-protrude, .is-active.interactive-pseudo-inset, .is-active.dropdown-item-button, .is-active.dropdown-item-link, .is-active.interactive-pseudo, .is-active.minicalendar-weeknumber, .is-active.minicalendar-day, .autocomplete-suggestions div.is-active, .is-active.interactive, .is-active.dropdown-item-container, .is-active.apps-dropdown-button, .is-active.navigation-link-header-group-link, .is-active.navigation-link-header-group-control, .is-active.navigation-sublink, .active.toolbar-button, .toolbar .active.select, .active.navigation-link, .active.interactive-pseudo-protrude, .active.interactive-pseudo-inset, .active.dropdown-item-button, .active.dropdown-item-link, .active.interactive-pseudo, .active.minicalendar-weeknumber, .active.minicalendar-day, .autocomplete-suggestions div.active, .active.interactive, .active.dropdown-item-container, .active.apps-dropdown-button, .active.navigation-link-header-group-link, .active.navigation-link-header-group-control, .active.navigation-sublink, [aria-expanded=true].toolbar-button, .toolbar [aria-expanded=true].select, [aria-expanded=true].navigation-link, [aria-expanded=true].interactive-pseudo-protrude, [aria-expanded=true].interactive-pseudo-inset, [aria-expanded=true].dropdown-item-button, [aria-expanded=true].dropdown-item-link, [aria-expanded=true].interactive-pseudo, [aria-expanded=true].minicalendar-weeknumber, [aria-expanded=true].minicalendar-day, .autocomplete-suggestions div[aria-expanded=true], [aria-expanded=true].interactive, [aria-expanded=true].dropdown-item-container, [aria-expanded=true].apps-dropdown-button, [aria-expanded=true].navigation-link-header-group-link, [aria-expanded=true].navigation-link-header-group-control, [aria-expanded=true].navigation-sublink {
  background-color: var(--interaction-default-active);
  color: inherit;
}
[disabled].toolbar-button, .toolbar [disabled].select, [disabled].navigation-link, [disabled].interactive-pseudo-protrude, [disabled].interactive-pseudo-inset, [disabled].dropdown-item-button, [disabled].dropdown-item-link, [disabled].interactive-pseudo, [disabled].minicalendar-weeknumber, [disabled].minicalendar-day, .autocomplete-suggestions div[disabled], [disabled].interactive, [disabled].dropdown-item-container, [disabled].apps-dropdown-button, [disabled].navigation-link-header-group-link, [disabled].navigation-link-header-group-control, [disabled].navigation-sublink, .is-disabled.toolbar-button, .toolbar .is-disabled.select, .is-disabled.navigation-link, .is-disabled.interactive-pseudo-protrude, .is-disabled.interactive-pseudo-inset, .is-disabled.dropdown-item-button, .is-disabled.dropdown-item-link, .is-disabled.interactive-pseudo, .is-disabled.minicalendar-weeknumber, .is-disabled.minicalendar-day, .autocomplete-suggestions div.is-disabled, .is-disabled.interactive, .is-disabled.dropdown-item-container, .is-disabled.apps-dropdown-button, .is-disabled.navigation-link-header-group-link, .is-disabled.navigation-link-header-group-control, .is-disabled.navigation-sublink {
  pointer-events: none;
}
[disabled].toolbar-button:not([aria-busy=true]), .toolbar [disabled].select:not([aria-busy=true]), [disabled].navigation-link:not([aria-busy=true]), [disabled].interactive-pseudo-protrude:not([aria-busy=true]), [disabled].interactive-pseudo-inset:not([aria-busy=true]), [disabled].dropdown-item-button:not([aria-busy=true]), [disabled].dropdown-item-link:not([aria-busy=true]), [disabled].interactive-pseudo:not([aria-busy=true]), [disabled].minicalendar-weeknumber:not([aria-busy=true]), [disabled].minicalendar-day:not([aria-busy=true]), .autocomplete-suggestions div[disabled]:not([aria-busy=true]), [disabled].interactive:not([aria-busy=true]), [disabled].dropdown-item-container:not([aria-busy=true]), [disabled].apps-dropdown-button:not([aria-busy=true]), [disabled].navigation-link-header-group-link:not([aria-busy=true]), [disabled].navigation-link-header-group-control:not([aria-busy=true]), [disabled].navigation-sublink:not([aria-busy=true]), .is-disabled.toolbar-button:not([aria-busy=true]), .toolbar .is-disabled.select:not([aria-busy=true]), .is-disabled.navigation-link:not([aria-busy=true]), .is-disabled.interactive-pseudo-protrude:not([aria-busy=true]), .is-disabled.interactive-pseudo-inset:not([aria-busy=true]), .is-disabled.dropdown-item-button:not([aria-busy=true]), .is-disabled.dropdown-item-link:not([aria-busy=true]), .is-disabled.interactive-pseudo:not([aria-busy=true]), .is-disabled.minicalendar-weeknumber:not([aria-busy=true]), .is-disabled.minicalendar-day:not([aria-busy=true]), .autocomplete-suggestions div.is-disabled:not([aria-busy=true]), .is-disabled.interactive:not([aria-busy=true]), .is-disabled.dropdown-item-container:not([aria-busy=true]), .is-disabled.apps-dropdown-button:not([aria-busy=true]), .is-disabled.navigation-link-header-group-link:not([aria-busy=true]), .is-disabled.navigation-link-header-group-control:not([aria-busy=true]), .is-disabled.navigation-sublink:not([aria-busy=true]) {
  opacity: 0.5;
}

/*
 * Interactive gives only default colors on every states
 * Default focus states
 */
@supports not selector(:focus-visible:has(a, b)) {
  .interactive:focus, .dropdown-item-container:focus, .apps-dropdown-button:focus, .navigation-link-header-group-link:focus, .navigation-link-header-group-control:focus, .navigation-sublink:focus, .interactive:focus-within, .dropdown-item-container:focus-within, .apps-dropdown-button:focus-within, .navigation-link-header-group-link:focus-within, .navigation-link-header-group-control:focus-within, .navigation-sublink:focus-within {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    color: inherit;
  }
  .interactive:focus:hover, .dropdown-item-container:focus:hover, .apps-dropdown-button:focus:hover, .navigation-link-header-group-link:focus:hover, .navigation-link-header-group-control:focus:hover, .navigation-sublink:focus:hover, .interactive:focus-within:hover, .dropdown-item-container:focus-within:hover, .apps-dropdown-button:focus-within:hover, .navigation-link-header-group-link:focus-within:hover, .navigation-link-header-group-control:focus-within:hover, .navigation-sublink:focus-within:hover {
    background-color: var(--interaction-default-hover);
  }
}
@supports selector(:focus-visible:has(a, b)) {
  .interactive:focus-visible, .dropdown-item-container:focus-visible, .apps-dropdown-button:focus-visible, .navigation-link-header-group-link:focus-visible, .navigation-link-header-group-control:focus-visible, .navigation-sublink:focus-visible, .interactive:has(*:focus-visible), .dropdown-item-container:has(*:focus-visible), .apps-dropdown-button:has(*:focus-visible), .navigation-link-header-group-link:has(*:focus-visible), .navigation-link-header-group-control:has(*:focus-visible), .navigation-sublink:has(*:focus-visible) {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    color: inherit;
  }
  .interactive:focus-visible:hover, .dropdown-item-container:focus-visible:hover, .apps-dropdown-button:focus-visible:hover, .navigation-link-header-group-link:focus-visible:hover, .navigation-link-header-group-control:focus-visible:hover, .navigation-sublink:focus-visible:hover, .interactive:has(*:focus-visible):hover, .dropdown-item-container:has(*:focus-visible):hover, .apps-dropdown-button:has(*:focus-visible):hover, .navigation-link-header-group-link:has(*:focus-visible):hover, .navigation-link-header-group-control:has(*:focus-visible):hover, .navigation-sublink:has(*:focus-visible):hover {
    background-color: var(--interaction-default-hover);
  }
}

/*
 * Interactive gives only default colors on every states
 * Focus states as pseudo element (dropdown options, minicalendar,...)
 */
.interactive-pseudo, .minicalendar-weeknumber, .minicalendar-day, .autocomplete-suggestions div, .interactive-pseudo-protrude, .interactive-pseudo-inset, .dropdown-item-button, .dropdown-item-link {
  z-index: 1;
}
.interactive-pseudo::after, .minicalendar-weeknumber::after, .minicalendar-day::after, .autocomplete-suggestions div::after, .interactive-pseudo-protrude::after, .interactive-pseudo-inset::after, .dropdown-item-button::after, .dropdown-item-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: var(--border-radius-sm);
  border: 1px solid transparent;
  pointer-events: none;
  transition: 0.15s cubic-bezier(0.5, 1, 0.89, 1);
}
.interactive-pseudo[class*=rounded]::after, [class*=rounded].minicalendar-weeknumber::after, [class*=rounded].minicalendar-day::after, .autocomplete-suggestions div[class*=rounded]::after, [class*=rounded].interactive-pseudo-protrude::after, [class*=rounded].interactive-pseudo-inset::after, [class*=rounded].dropdown-item-button::after, [class*=rounded].dropdown-item-link::after {
  border-radius: inherit;
}
@supports not selector(:focus-visible:has(a, b)) {
  .interactive-pseudo:focus::after, .minicalendar-weeknumber:focus::after, .minicalendar-day:focus::after, .autocomplete-suggestions div:focus::after, .interactive-pseudo-protrude:focus::after, .interactive-pseudo-inset:focus::after, .dropdown-item-button:focus::after, .dropdown-item-link:focus::after, .interactive-pseudo:focus-within::after, .minicalendar-weeknumber:focus-within::after, .minicalendar-day:focus-within::after, .autocomplete-suggestions div:focus-within::after, .interactive-pseudo-protrude:focus-within::after, .interactive-pseudo-inset:focus-within::after, .dropdown-item-button:focus-within::after, .dropdown-item-link:focus-within::after {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  }
  .interactive-pseudo:focus:hover, .minicalendar-weeknumber:focus:hover, .minicalendar-day:focus:hover, .autocomplete-suggestions div:focus:hover, .interactive-pseudo-protrude:focus:hover, .interactive-pseudo-inset:focus:hover, .dropdown-item-button:focus:hover, .dropdown-item-link:focus:hover, .interactive-pseudo:focus-within:hover, .minicalendar-weeknumber:focus-within:hover, .minicalendar-day:focus-within:hover, .autocomplete-suggestions div:focus-within:hover, .interactive-pseudo-protrude:focus-within:hover, .interactive-pseudo-inset:focus-within:hover, .dropdown-item-button:focus-within:hover, .dropdown-item-link:focus-within:hover {
    background-color: transparent;
  }
  .interactive-pseudo:focus:hover::after, .minicalendar-weeknumber:focus:hover::after, .minicalendar-day:focus:hover::after, .autocomplete-suggestions div:focus:hover::after, .interactive-pseudo-protrude:focus:hover::after, .interactive-pseudo-inset:focus:hover::after, .dropdown-item-button:focus:hover::after, .dropdown-item-link:focus:hover::after, .interactive-pseudo:focus-within:hover::after, .minicalendar-weeknumber:focus-within:hover::after, .minicalendar-day:focus-within:hover::after, .autocomplete-suggestions div:focus-within:hover::after, .interactive-pseudo-protrude:focus-within:hover::after, .interactive-pseudo-inset:focus-within:hover::after, .dropdown-item-button:focus-within:hover::after, .dropdown-item-link:focus-within:hover::after {
    background-color: var(--interaction-default-hover);
  }
  .interactive-pseudo:focus:active, .minicalendar-weeknumber:focus:active, .minicalendar-day:focus:active, .autocomplete-suggestions div:focus:active, .interactive-pseudo-protrude:focus:active, .interactive-pseudo-inset:focus:active, .dropdown-item-button:focus:active, .dropdown-item-link:focus:active, .interactive-pseudo:focus-within:active, .minicalendar-weeknumber:focus-within:active, .minicalendar-day:focus-within:active, .autocomplete-suggestions div:focus-within:active, .interactive-pseudo-protrude:focus-within:active, .interactive-pseudo-inset:focus-within:active, .dropdown-item-button:focus-within:active, .dropdown-item-link:focus-within:active {
    background-color: transparent;
  }
}
@supports selector(:focus-visible:has(a, b)) {
  .interactive-pseudo:focus-visible::after, .minicalendar-weeknumber:focus-visible::after, .minicalendar-day:focus-visible::after, .autocomplete-suggestions div:focus-visible::after, .interactive-pseudo-protrude:focus-visible::after, .interactive-pseudo-inset:focus-visible::after, .dropdown-item-button:focus-visible::after, .dropdown-item-link:focus-visible::after, .interactive-pseudo:has(*:focus-visible)::after, .minicalendar-weeknumber:has(*:focus-visible)::after, .minicalendar-day:has(*:focus-visible)::after, .autocomplete-suggestions div:has(*:focus-visible)::after, .interactive-pseudo-protrude:has(*:focus-visible)::after, .interactive-pseudo-inset:has(*:focus-visible)::after, .dropdown-item-button:has(*:focus-visible)::after, .dropdown-item-link:has(*:focus-visible)::after {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  }
  .interactive-pseudo:focus-visible:hover, .minicalendar-weeknumber:focus-visible:hover, .minicalendar-day:focus-visible:hover, .autocomplete-suggestions div:focus-visible:hover, .interactive-pseudo-protrude:focus-visible:hover, .interactive-pseudo-inset:focus-visible:hover, .dropdown-item-button:focus-visible:hover, .dropdown-item-link:focus-visible:hover, .interactive-pseudo:has(*:focus-visible):hover, .minicalendar-weeknumber:has(*:focus-visible):hover, .minicalendar-day:has(*:focus-visible):hover, .autocomplete-suggestions div:has(*:focus-visible):hover, .interactive-pseudo-protrude:has(*:focus-visible):hover, .interactive-pseudo-inset:has(*:focus-visible):hover, .dropdown-item-button:has(*:focus-visible):hover, .dropdown-item-link:has(*:focus-visible):hover {
    background-color: transparent;
  }
  .interactive-pseudo:focus-visible:hover::after, .minicalendar-weeknumber:focus-visible:hover::after, .minicalendar-day:focus-visible:hover::after, .autocomplete-suggestions div:focus-visible:hover::after, .interactive-pseudo-protrude:focus-visible:hover::after, .interactive-pseudo-inset:focus-visible:hover::after, .dropdown-item-button:focus-visible:hover::after, .dropdown-item-link:focus-visible:hover::after, .interactive-pseudo:has(*:focus-visible):hover::after, .minicalendar-weeknumber:has(*:focus-visible):hover::after, .minicalendar-day:has(*:focus-visible):hover::after, .autocomplete-suggestions div:has(*:focus-visible):hover::after, .interactive-pseudo-protrude:has(*:focus-visible):hover::after, .interactive-pseudo-inset:has(*:focus-visible):hover::after, .dropdown-item-button:has(*:focus-visible):hover::after, .dropdown-item-link:has(*:focus-visible):hover::after {
    background-color: var(--interaction-default-hover);
  }
  .interactive-pseudo:focus-visible:active, .minicalendar-weeknumber:focus-visible:active, .minicalendar-day:focus-visible:active, .autocomplete-suggestions div:focus-visible:active, .interactive-pseudo-protrude:focus-visible:active, .interactive-pseudo-inset:focus-visible:active, .dropdown-item-button:focus-visible:active, .dropdown-item-link:focus-visible:active, .interactive-pseudo:has(*:focus-visible):active, .minicalendar-weeknumber:has(*:focus-visible):active, .minicalendar-day:has(*:focus-visible):active, .autocomplete-suggestions div:has(*:focus-visible):active, .interactive-pseudo-protrude:has(*:focus-visible):active, .interactive-pseudo-inset:has(*:focus-visible):active, .dropdown-item-button:has(*:focus-visible):active, .dropdown-item-link:has(*:focus-visible):active {
    background-color: transparent;
  }
}

/*
 * Interactive gives only default colors on every states
 * Focus states as pseudo element with inset to deal with overflow-hidden
 */
.interactive-pseudo-inset, .dropdown-item-button, .dropdown-item-link {
  --interactive-inset: 0.1875rem;
}
.interactive-pseudo-inset::after, .dropdown-item-button::after, .dropdown-item-link::after {
  inset: var(--interactive-inset);
}

.interactive-pseudo-protrude {
  --interactive-inset: -0.1875rem;
}
.interactive-pseudo-protrude:hover, .interactive-pseudo-protrude:focus, .interactive-pseudo-protrude:focus-visible, .interactive-pseudo-protrude:focus-within, .interactive-pseudo-protrude:active, .interactive-pseudo-protrude.is-active, .interactive-pseudo-protrude.active, .interactive-pseudo-protrude[aria-expanded=true] {
  background-color: inherit;
}
.interactive-pseudo-protrude:hover::after {
  background-color: var(--interaction-default-hover);
}
.interactive-pseudo-protrude::after {
  inset: var(--interactive-inset);
}

.interactive--no-background:hover, .interactive--no-background:focus, .interactive--no-background:focus-visible, .interactive--no-background:focus-within, .interactive--no-background:active, .interactive--no-background.is-active, .interactive--no-background.active, .interactive--no-background[aria-expanded=true] {
  background-color: inherit;
}
.interactive--no-background:hover:hover, .interactive--no-background:hover:hover::after, .interactive--no-background:focus:hover, .interactive--no-background:focus:hover::after, .interactive--no-background:focus-visible:hover, .interactive--no-background:focus-visible:hover::after, .interactive--no-background:focus-within:hover, .interactive--no-background:focus-within:hover::after, .interactive--no-background:active:hover, .interactive--no-background:active:hover::after, .interactive--no-background.is-active:hover, .interactive--no-background.is-active:hover::after, .interactive--no-background.active:hover, .interactive--no-background.active:hover::after, .interactive--no-background[aria-expanded=true]:hover, .interactive--no-background[aria-expanded=true]:hover::after {
  background-color: inherit;
}

/* stylelint-disable */
.placeholder,
::placeholder {
  color: var(--field-placeholder-color);
  font-style: normal;
  opacity: 1;
}

.field-container {
  inline-size: 100%;
  display: inline-block;
  position: relative;
}

.field, .field-icon-container {
  block-size: 2.25rem;
  min-block-size: 2.25rem;
  padding-inline: 1.1428571429em;
  padding-block: 0.4285714286em;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--field-norm);
  background-color: var(--field-background-color);
  color: var(--field-text-color);
  outline: none;
  filter: none;
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
}
details .field, details .field-icon-container {
  block-size: auto;
}

@media (max-width: 28.125em) {
  .field, .field-icon-container {
    padding-inline: 0.5714285714em;
  }
}
@media (max-width: 42.5em) {
  .field, .field-icon-container {
    font-size: max(16px, 1em);
  }
}
.is-drawer-app .field, .is-drawer-app .field-icon-container {
  font-size: 1em;
}
details .field, details .field-icon-container {
  block-size: auto;
}

.field.field--tiny, .field--tiny.field-icon-container, .field.field--small, .field--small.field-icon-container, .field.field--large, .field--large.field-icon-container {
  block-size: auto;
}
.field:hover, .field-icon-container:hover {
  border-color: var(--field-hover);
  background-color: var(--field-hover-background-color);
  color: var(--field-hover-text-color);
}
.field:focus, .field-icon-container:focus, .field.focus, .focus.field-icon-container, .field:focus-within, .field-icon-container:focus-within, .field[aria-expanded=true]:not([aria-controls]), [aria-expanded=true].field-icon-container:not([aria-controls]) {
  border-color: var(--focus-outline);
  box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  background-color: var(--field-focus-background-color);
  color: var(--field-focus-text-color);
}
@supports selector(:focus-visible) {
  .field:focus-visible, .field-icon-container:focus-visible {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    background-color: var(--field-focus-background-color);
    color: var(--field-focus-text-color);
  }
}
.field[disabled], [disabled].field-icon-container {
  border-color: var(--field-disabled);
  background-color: var(--field-disabled-background-color);
  color: var(--field-disabled-text-color);
}
.field[aria-invalid=true]:not(:focus), [aria-invalid=true].field-icon-container:not(:focus), .field[aria-invalid=true]:not(.ng-pristine), [aria-invalid=true].field-icon-container:not(.ng-pristine) {
  border-color: var(--signal-danger);
}
.field.is-valid:not(:focus), .is-valid.field-icon-container:not(:focus) {
  border-color: var(--signal-success);
}
.field.w-full, .w-full.field-icon-container {
  inline-size: 100%;
}
.field.w-auto, .w-auto.field-icon-container {
  inline-size: auto;
}
.field[type=search], [type=search].field-icon-container {
  padding-inline-start: 2em;
}
.field[type=search]::-webkit-search-cancel-button, [type=search].field-icon-container::-webkit-search-cancel-button {
  display: none;
}
.field[type=search].field-show-clear-button::-webkit-search-cancel-button, [type=search].field-show-clear-button.field-icon-container::-webkit-search-cancel-button {
  display: block;
}
.field[type=number], [type=number].field-icon-container {
  padding-inline-end: 0.25em;
}
.field.select, .select.field-icon-container {
  padding-inline-end: 0.375rem;
}
.field.select:focus-visible.field.select:focus-visible, .select.field-icon-container:focus-visible.select:focus-visible {
  outline: 0;
}
.field.select .m-auto, .select.field-icon-container .m-auto {
  display: flex;
  inline-size: 100%;
}
.field.select .mr-2, .select.field-icon-container .mr-2 {
  flex: 1 1 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--field-background-color) inset !important;
  -webkit-text-fill-color: var(--field-text-color) !important;
  caret-color: var(--field-text-color) !important;
}

[list]::-webkit-calendar-picker-indicator {
  display: none !important;
}

select.field, select.field-icon-container {
  background: var(--select-background-color);
  background-size: 0.9375rem;
  padding-inline: 1em 1.25rem;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
select.field::-ms-expand, select.field-icon-container::-ms-expand {
  display: none;
}
select.field > optgroup, select.field-icon-container > optgroup {
  background-color: var(--background-weak);
}

/* hotfix for Chrome */
select.text-center {
  text-align-last: center;
}

textarea.field, textarea.field-icon-container,
.textarea.field,
.textarea.field-icon-container {
  block-size: auto;
}

/* errors */
.error-zone {
  transition: transform 0.15s linear, max-block-size 0.15s linear;
  transform: scaleY(1);
  transform-origin: top center;
}
.error-zone:empty {
  transform: scaleY(0);
}

.field-icon-container:focus-within + .error-zone,
.field:focus + .error-zone,
.field-icon-container:focus + .error-zone {
  transform: scaleY(0);
  max-block-size: 0;
}

/* sizes/other modifiers */
.field--tiny {
  padding: 0.4285714286em;
}

.field--small {
  padding-block: 0.1428571429em;
  padding-inline: 1.1428571429em;
}

.field--large {
  padding-block: 0.7142857143em;
  padding-inline: 1.1428571429em;
}

.field--highlight {
  border-color: var(--primary);
  border-width: 2px;
}

/* field with icon */
.field-icon-container {
  padding: 0;
}
.field-icon-container > .field, .field-icon-container > .field-icon-container {
  border: 0;
  inline-size: calc(100% - 1.5em);
}
.field-icon-container, .field-icon-container-empty {
  min-block-size: calc(2.25rem + 2px);
}
.field-icon-container:focus-within > .field, .field-icon-container:focus-within > .field-icon-container {
  background-color: transparent;
  box-shadow: none;
  outline: 0;
}

.dropdown-content .select--inline-caret-option {
  display: none;
}

.field-icon-container--invalid:not(:focus-within) {
  border-color: var(--signal-danger);
}
.field-icon-container--invalid:not(:focus-within) > .field, .field-icon-container--invalid:not(:focus-within) > .field-icon-container {
  border-color: var(--signal-danger);
}

/*
 * REMOVE THIS IF POSSIBLE
 */
/* @protonmail.com field */
.field--username,
.sign-layout-container .field--username.field--username {
  padding-inline-end: var(--padding-right-field-above, 9em);
}

/* special stupid case for signup iframe challenge... not using same styles for the moment */
.sign-layout-container .field--username {
  padding-block: 0.7142857143em;
  padding-inline: 1.1428571429em;
}

/*
 * Specific for input fields
 * TO_CHECK if removable
 */
.right-icon,
.right-text,
.left-icon {
  inset-block-start: 0;
  block-size: 2.25rem !important;
  align-content: center;
}

.right-icon {
  inset-inline-end: 0.5em;
}

.right-text {
  inset-inline-end: 1em;
}
.right-text-inner {
  padding-block-end: 0.125rem;
}

.left-icon {
  inset-inline-start: 0.5em;
}

.field-two-container {
  position: relative;
  display: block;
  inline-size: 100%;
  max-inline-size: 100%;
  cursor: default;
}
.field-two-label-container {
  font-weight: var(--font-weight-semibold);
  margin-block-end: 0.25rem;
}
.field-two-label {
  cursor: pointer;
}
.field-two-hint {
  margin-block-end: 0.0625rem;
  text-align: end;
  font-size: 0.75rem;
  color: var(--text-weak);
  font-weight: var(--font-weight-normal);
}
.field-two-assist {
  margin-block-start: 0.25rem;
  font-size: 0.75rem;
  color: var(--text-weak);
}
.field-two-assist:not(:empty) {
  cursor: pointer;
}
.field-two-assist:empty::before {
  content: " ";
  white-space: pre;
}
.field-two-assist.assist-container--no-min-height::before {
  content: none;
}
.field-two--invalid .field-two-assist {
  color: var(--signal-danger);
  font-weight: var(--font-weight-semibold);
}
.field-two--invalid .multi-select-container {
  border-color: var(--signal-danger);
}
.field-two--warning .field-two-assist {
  color: var(--signal-warning);
  font-weight: var(--font-weight-semibold);
}
.field-two--warning .multi-select-container {
  border-color: var(--signal-warning);
}
.field-two--disabled:not(.field-two--disabled-only-field) {
  color: var(--field-disabled-text-color);
}
.field-two--disabled .field-two-label, .field-two--disabled .field-two-hint, .field-two--disabled .field-two-assist {
  color: inherit;
  cursor: default;
}
.field-two--readonly {
  --field-norm: var(--background-weak);
  --field-hover: var(--background-strong);
  --field-background-color: var(--background-weak);
  --field-hover-background-color: var(--background-weak);
  --field-focus-background-color: var(--background-weak);
}
.field-two--disabled-only-field .select,
.field-two--disabled-only-field .input.disabled {
  background-color: var(--background-weak);
  color: var(--text-hint);
  border-color: var(--background-weak);
}
.field-two--bigger .input-element, .field-two--bigger .select {
  padding-block: 0.6875rem;
}

.input {
  border-radius: var(--border-radius-md);
  border: 1px solid var(--field-norm);
  background-color: var(--field-background-color);
  color: var(--field-text-color);
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
}
.input:hover, .input.hover {
  border-color: var(--field-hover);
  background-color: var(--field-hover-background-color);
  color: var(--field-hover-text-color);
}
.input.focus, .input:not(.disabled):focus-within {
  border-color: var(--focus-outline);
  background-color: var(--field-focus-background-color);
  color: var(--field-focus-text-color);
  box-shadow: 0 0 0 0.1875rem var(--focus-ring);
}
.input.error {
  --focus-outline: var(--signal-danger);
  --focus-ring: color-mix(in srgb, var(--signal-danger) 20%, transparent);
  border-color: var(--signal-danger);
}
.input.disabled {
  border-color: var(--field-disabled);
  background-color: var(--field-disabled-background-color);
  color: var(--field-disabled-text-color);
}
.input.unstyled.input.unstyled {
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  transition: none;
}
.input-element {
  min-block-size: 2.125rem;
  padding-block: 0.5em;
  padding-inline: 0.8571428571em;
  border-radius: var(--border-radius-md);
  background: none;
  color: inherit;
  outline: none;
  filter: none;
}
@media (max-width: 28.125em) {
  .input-element {
    padding-inline: 0.5714285714em;
  }
}
@media (max-width: 42.5em) {
  .input-element {
    font-size: max(16px, 1em);
  }
}
@media print {
  .input-element {
    font-size: 10pt;
  }
}
.is-drawer-app .input-element {
  font-size: 1em;
}
.input-element:-moz-ui-invalid {
  box-shadow: none;
}
.input-element[type=search]::-webkit-search-cancel-button {
  display: none;
}
.input-element select.input-element::-ms-expand {
  display: none;
}
.input-adornment {
  color: var(--text-weak);
  max-inline-size: 60%;
}
.input-adornment .button:not([class*=button-underline]):first-child {
  margin-inline-start: -0.25em;
}
.input-adornment .button:not([class*=button-underline]):last-child {
  margin-inline-end: -0.25em;
}
.input.disabled .input-element::placeholder, .input.disabled .input-adornment {
  color: inherit;
}
.input > .input-adornment + * > .input-element {
  padding-inline-start: 0.5em;
}
.input > *:has(+ .input-adornment) > .input-element {
  padding-inline-end: 0.5em;
}

.textarea {
  min-block-size: 2.25rem;
  padding-block: 0.5em;
  padding-inline: 1.1428571429em;
  border: 1px solid var(--field-norm);
  border-radius: var(--border-radius-md);
  background-color: var(--field-background-color);
  color: var(--field-text-color);
  outline: none;
  filter: none;
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1), block-size 0s;
}
@media (max-width: 28.125em) {
  .textarea {
    padding-inline: 0.5714285714em;
  }
}
@media (max-width: 42.5em) {
  .textarea {
    font-size: max(16px, 1em);
  }
}
.is-drawer-app .textarea {
  font-size: 1em;
}
.textarea:hover, .textarea.hover {
  border-color: var(--field-hover);
  background-color: var(--field-hover-background-color);
  color: var(--field-hover-text-color);
}
.textarea:focus, .textarea.focus {
  border-color: var(--focus-outline);
  box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  background-color: var(--field-focus-background-color);
  color: var(--field-focus-text-color);
}
.textarea.error {
  border-color: var(--signal-danger);
}
.textarea.disabled {
  border-color: var(--field-disabled);
  background-color: var(--field-disabled-background-color);
  color: var(--field-disabled-text-color);
  pointer-events: none;
}
.textarea.disabled::placeholder {
  color: inherit;
}
.textarea:-moz-ui-invalid {
  box-shadow: none;
}
.textarea.unstyled.textarea.unstyled {
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  transition: none;
}

.checkbox-container {
  display: inline-flex;
}
.checkbox-input.checkbox-input {
  position: absolute;
  cursor: pointer;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
}
.checkbox-input.checkbox-input[disabled] {
  cursor: default;
}
.checkbox-fakecheck {
  display: inline-flex;
  min-inline-size: 1.25rem;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  margin-block: auto;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--field-norm);
  background-color: var(--field-background-color);
  color: var(--field-text-color);
  transition: 0.15s cubic-bezier(0.33, 1, 0.68, 1);
}
.checkbox-fakecheck-img {
  margin: auto;
  transform: scale(0);
  transition: 0.15s transform cubic-bezier(0.34, 1.56, 0.64, 1);
}
.checkbox-input:hover + .checkbox-fakecheck {
  border-color: var(--interaction-norm);
  background-color: var(--field-hover-background-color);
  color: var(--field-hover-text-color);
}
@supports not selector(:focus-visible) {
  .checkbox-input:focus + .checkbox-fakecheck {
    border-color: var(--interaction-norm);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    background-color: var(--field-focus-background-color);
    color: var(--field-focus-text-color);
  }
  .checkbox-input:focus:hover + .checkbox-fakecheck {
    border-color: var(--interaction-norm-hover);
  }
}
@supports selector(:focus-visible) {
  .checkbox-input:focus-visible + .checkbox-fakecheck {
    border-color: var(--interaction-norm);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    background-color: var(--field-focus-background-color);
    color: var(--field-focus-text-color);
  }
  .checkbox-input:focus-visible:hover + .checkbox-fakecheck {
    border-color: var(--interaction-norm-hover);
  }
}
.checkbox-input[aria-invalid=true] + .checkbox-fakecheck {
  border-color: var(--signal-danger);
  background-color: var(--field-background-color);
  color: var(--signal-danger);
}
.checkbox-input[disabled] + .checkbox-fakecheck {
  border-color: var(--field-disabled);
  background-color: var(--field-disabled-background-color);
  color: var(--field-disabled-text-color);
}
.checkbox {
  /*
   * Checked state
   */
}
.checkbox-input:checked + .checkbox-fakecheck {
  border-color: var(--interaction-norm);
  background-color: var(--interaction-norm);
  color: var(--interaction-norm-contrast);
}
.checkbox-input:checked:hover + .checkbox-fakecheck {
  border-color: var(--interaction-norm-hover);
  background-color: var(--interaction-norm-hover);
  color: var(--interaction-norm-contrast);
}
@supports not selector(:focus-visible) {
  .checkbox-input:checked:focus + .checkbox-fakecheck {
    border-color: var(--interaction-norm);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    background-color: var(--interaction-norm);
    color: var(--interaction-norm-contrast);
  }
  .checkbox-input:checked:focus:hover + .checkbox-fakecheck {
    border-color: var(--interaction-norm-hover);
  }
}
@supports selector(:focus-visible) {
  .checkbox-input:checked:focus-visible + .checkbox-fakecheck {
    border-color: var(--interaction-norm);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    background-color: var(--interaction-norm);
    color: var(--interaction-norm-contrast);
  }
  .checkbox-input:checked:focus-visible:hover + .checkbox-fakecheck {
    border-color: var(--interaction-norm-hover);
    background-color: var(--interaction-norm-hover);
  }
}
.checkbox-input:checked[aria-invalid=true] + .checkbox-fakecheck {
  border-color: var(--signal-danger);
  background-color: var(--signal-danger);
  color: var(--signal-danger-contrast);
}
.checkbox-input:checked[disabled] + .checkbox-fakecheck, .checkbox-input:checked[disabled]:indeterminate + .checkbox-fakecheck {
  border-color: var(--field-disabled);
  background-color: var(--field-disabled);
  color: var(--interaction-norm-contrast);
}
.checkbox-input:checked:indeterminate + .checkbox-fakecheck {
  border-color: var(--field-norm);
  background-color: var(--field-background-color);
  color: var(--field-text-color);
}
.checkbox-input:checked + .checkbox-fakecheck .checkbox-fakecheck-img, .checkbox-input:indeterminate + .checkbox-fakecheck .checkbox-fakecheck-img {
  transform: scale(1);
  transition-delay: 0.1s;
}

.radio-fakeradio {
  border-radius: 50%;
}
.radio-fakeradio::before {
  content: "";
  inline-size: 0.7142857143em;
  block-size: 0.7142857143em;
  margin: auto;
  border-radius: 50%;
  background: transparent;
  transform: scale(0);
  transition: 0.15s cubic-bezier(0.33, 1, 0.68, 1), 0.15s transform cubic-bezier(0.34, 1.56, 0.64, 1);
}
.radio:hover + .radio-fakeradio {
  border-color: var(--interaction-norm);
  background-color: var(--field-focus-background-color, var(--background-norm));
}
@supports not selector(:focus-visible) {
  .radio:focus + .radio-fakeradio {
    border-color: var(--interaction-norm);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    background-color: var(--field-focus-background-color);
    color: var(--field-focus-text-color);
  }
  .radio:focus:hover + .radio-fakeradio {
    border-color: var(--interaction-norm-hover);
  }
}
@supports selector(:focus-visible) {
  .radio:focus-visible + .radio-fakeradio {
    border-color: var(--interaction-norm);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    background-color: var(--field-focus-background-color);
    color: var(--field-focus-text-color);
  }
  .radio:focus-visible:hover + .radio-fakeradio {
    border-color: var(--interaction-norm-hover);
  }
}
.radio[aria-invalid=true] + .radio-fakeradio {
  border-color: var(--signal-danger);
  background-color: var(--field-background-color);
}
.radio[disabled] + .radio-fakeradio {
  border-color: var(--field-disabled);
  background-color: var(--field-disabled-background-color, var(--background-norm));
}
.radio {
  /*
   * Checked state
   */
}
.radio:checked + .radio-fakeradio::before {
  transform: scale(1);
  background-color: var(--interaction-norm);
}
@supports not selector(:focus-visible) {
  .radio:checked:focus:hover + .radio-fakeradio {
    border-color: var(--interaction-norm-hover);
  }
  .radio:checked:focus:hover + .radio-fakeradio::before {
    background-color: var(--interaction-norm-hover);
  }
}
@supports selector(:focus-visible) {
  .radio:checked:focus-visible:hover + .radio-fakeradio {
    border-color: var(--interaction-norm-hover);
  }
  .radio:checked:focus-visible:hover + .radio-fakeradio::before {
    background-color: var(--interaction-norm-hover);
  }
}
.radio:checked[aria-invalid=true] + .radio-fakeradio::before {
  background-color: var(--signal-danger);
}
.radio:checked[disabled] + .radio-fakeradio::before {
  background-color: var(--field-disabled);
}
.radio {
  /*
   * Modifiers
   */
}
.radio--ontop .radio-fakeradio {
  margin-block-start: 0;
}

.toggle-label {
  max-block-size: 1.7142857143em;
}

.toggle-container.toggle-container {
  position: relative;
  z-index: 0;
  display: inline-flex;
  inline-size: 2.8571428571em;
  min-block-size: 1.7142857143em;
  max-block-size: 1.7142857143em;
  border-radius: 1.4285714286em;
  background-color: var(--background-norm);
  flex-shrink: 0;
}
.toggle-container::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  z-index: 2;
  inline-size: 1.7142857143em;
  transform: translateX(0);
  border-radius: 1.7142857143em;
  background-color: var(--field-norm);
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}
.toggle-container::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 2.8571428571em;
  z-index: 1;
  border-radius: 1.4285714286em;
  border: 1px solid var(--field-norm);
  transition: 0.15s cubic-bezier(0.33, 1, 0.68, 1);
}
.toggle-container > .toggle-container-text {
  position: absolute;
  inset-block: 0;
  z-index: 2;
  display: inline-flex;
  border-radius: 1.7142857143em;
  inline-size: 1.7142857143em;
}
.toggle-container > .toggle-container-text:first-child {
  z-index: 3;
  inset-inline-start: 0;
  color: var(--text-norm);
}
.toggle-container > .toggle-container-text:last-child {
  z-index: 1;
  inset-inline-end: 0;
  color: var(--interaction-norm-contrast);
}
.toggle-container > .toggle-container-text .toggle-container-img {
  margin: auto;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.33, 1, 0.68, 1);
}
.toggle-container > .toggle-container-text .toggle-container-loader {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  color: var(--interaction-norm-contrast);
  animation: 0.25s cubic-bezier(0.33, 1, 0.68, 1) forwards anime-toggle-container-loader-fade-in;
}
@keyframes anime-toggle-container-loader-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.toggle-container > .toggle-container-text .circle-loader {
  margin: auto;
  font-size: 1.1428571429em;
}
.toggle-container {
  /**
   * states
   */
}
.toggle-container--checked .toggle-container-text:first-child {
  z-index: 1;
}
.toggle-container--checked .toggle-container-text:last-child {
  z-index: 3;
}
.toggle-container--checked .toggle-container-text:last-child .toggle-container-img {
  opacity: 1;
}
.toggle-container--checked::before {
  transform: translateX(1.1428571429em);
  background-color: var(--interaction-norm);
}
[dir=rtl] .toggle-container--checked::before {
  transform: translateX(-1.1428571429em);
}

.toggle-container--disabled {
  cursor: default;
  opacity: 0.5;
}
.toggle-container--disabled:not(.toggle-container--loading) {
  box-shadow: none;
  background-color: var(--background-strong);
}
.toggle-container--disabled:not(.toggle-container--loading)::before {
  background-color: var(--field-norm);
}
.toggle-container--disabled:not(.toggle-container--loading).toggle-container--checked::before {
  background-color: var(--interaction-norm);
}
.toggle-container--disabled.toggle-container--loading .toggle-container-text .toggle-container-img {
  opacity: 0;
}
.toggle-container--disabled.toggle-container--loading:not(.toggle-container--checked)::before {
  background-color: var(--field-hover);
}
.toggle-container--disabled.toggle-container--loading.toggle-container--checked::before {
  background-color: var(--interaction-norm-hover);
}
.toggle-container:not(.toggle-container--disabled):hover::before {
  background-color: var(--field-hover);
}
.toggle-container:has(:hover) .toggle-container:not(.toggle-container--disabled)::before {
  background-color: var(--field-hover);
}

@supports not selector(:focus-visible:has(a, b)) {
  .toggle-container:not(.toggle-container--disabled):focus-within::after {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  }
}
@supports selector(:focus-visible:has(a, b)) {
  .toggle-container:not(.toggle-container--disabled):has(*:focus-visible)::after {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  }
}
.toggle-container:not(.toggle-container--disabled).toggle-container--checked:hover::before {
  background-color: var(--interaction-norm-hover);
}
.toggle-container:has(:hover) .toggle-container--checked.toggle-container--checked::before {
  background-color: var(--interaction-norm-hover);
}

.toggle-container:not(.toggle-container--disabled).toggle-container--loading .toggle-container-text .toggle-container-img {
  opacity: 0;
}
.toggle-container:not(.toggle-container--disabled).toggle-container--loading:not(.toggle-container--checked)::before {
  background-color: var(--field-hover);
}
.toggle-container:not(.toggle-container--disabled).toggle-container--loading.toggle-container--checked::before {
  background-color: var(--interaction-norm-hover);
}
.toggle-container.toggle-container--loading:not(.toggle-container--checked) .toggle-container-loader {
  color: var(--toggle-container-unchecked-loader-color);
}
.toggle-container {
  /**
   * Sizes
   */
}
.toggle-container--small {
  margin-block-start: 0.25em;
  font-size: 0.8em;
}
.toggle-container--small .toggle-container-img {
  inline-size: 0.8125rem;
  block-size: 0.8125rem;
}

/* label */
.label {
  padding-block-start: 0.5em;
  inline-size: var(--label-width, 18em);
  padding-inline-end: 0.5em;
  max-inline-size: 100%;
  flex-shrink: 0;
}
.label.pt-0 {
  padding-block-start: 0;
}
.label.auto {
  inline-size: auto;
}
.label--small {
  font-size: 0.75rem;
  line-height: 2;
}

.form--icon-labels .label {
  --label-width: 2.4em;
}
@media (max-width: 28.125em) {
  .form--icon-labels .label {
    --label-width: 1.75em;
  }
}

@supports (scrollbar-width: auto) {
  html:not(.feature-scrollbars-off) * {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-color) transparent;
  }
}
@supports selector(::-webkit-scrollbar) {
  html:not(.feature-scrollbars-off) *::-webkit-scrollbar {
    inline-size: 0.625rem;
    block-size: 0.625rem;
  }
  html:not(.feature-scrollbars-off) *::-webkit-scrollbar-thumb {
    border: 0.125rem solid transparent;
    background-clip: padding-box;
    border-radius: 0.3125rem;
    background-color: var(--scrollbar-thumb-color);
  }
  html:not(.feature-scrollbars-off) *::-webkit-scrollbar-track {
    background-color: transparent;
  }
  html:not(.feature-scrollbars-off) *::-webkit-scrollbar-corner {
    visibility: hidden;
  }
}
@media (hover: hover) and (pointer: fine) {
  @supports (scrollbar-width: auto) {
    html:not(.feature-scrollbars-off) body *:not(:hover, :focus, :focus-within, .scrollbar-always-visible) {
      scrollbar-color: transparent transparent;
    }
  }
  @supports selector(::-webkit-scrollbar) {
    html:not(.feature-scrollbars-off) body *:not(:hover, :focus, :focus-within, .scrollbar-always-visible)::-webkit-scrollbar-thumb {
      visibility: hidden;
    }
  }
}

/**
 * reduced motion MQ: for vestibular disorders
 */
@media (prefers-reduced-motion: reduce) {
  *:not(.keep-motion),
  *:not(.keep-motion)::before,
  *:not(.keep-motion)::after {
    animation-delay: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
}
.feature-animations-off *:not(.keep-motion),
.feature-animations-off *:not(.keep-motion)::before,
.feature-animations-off *:not(.keep-motion)::after {
  animation-delay: 0.01ms !important;
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-delay: 0s !important;
  transition-duration: 0s !important;
}

.isSafari16 {
  font-variation-settings: "opsz" 0;
}

/* stylelint-disable */
.context-bar {
  background: var(--background-strong);
}
@media (min-width: 56.885em) {
  .context-bar {
    inline-size: 25vw;
    min-inline-size: 18.75rem;
    max-inline-size: 25rem;
    border-inline-start: 1px solid var(--border-norm);
  }
}
@media (max-width: 56.875em) {
  .context-bar {
    border-block-start: 1px solid var(--border-norm);
  }
}
.context-bar-inner {
  position: sticky;
  inset-block-start: 0;
  padding: 2em;
}

.navigation > .navigation-list:first-child,
.navigation > div > .navigation-list:first-child {
  padding-block-start: 0.1875rem;
}
.navigation > .navigation-list:last-child,
.navigation > div > .navigation-list:last-child {
  padding-block-end: 1.25rem;
}

.navigation-link,
.navigation-link-header-group {
  block-size: 2.25rem;
  padding-inline: var(--space-3) var(--space-2);
  text-decoration: none;
  display: flex;
  align-items: center;
  inline-size: 100%;
}
.navigation-link h3,
.navigation-link-header-group h3 {
  font-size: inherit;
}
.navigation-link.navigation-link-header-group--force-min-block-size,
.navigation-link-header-group.navigation-link-header-group--force-min-block-size {
  block-size: auto;
  min-block-size: 2.25rem;
}

.navigation-link-header-group.navigation-link-header-group:not(.navigation-link-header-group--expandable) {
  padding-inline: calc(var(--space-3) + 0.8em) var(--space-2);
  color: var(--text-weak);
}

.navigation-list:not(:first-child) > .navigation-link-header-group:first-child:not(.navigation-link-header-group--expandable) {
  position: relative;
  margin-block-start: var(--space-4);
}

.navigation-link-header-group--expandable {
  padding-block: 0;
}

.navigation-icon {
  color: var(--text-weak);
  transition: color 0.15s cubic-bezier(0.22, 1, 0.36, 1);
}
.navigation-icon--fixAliasing {
  transform: rotate(20deg);
}
.navigation-icon-empty {
  inline-size: 1rem;
}

.navigation-refresh {
  display: none;
}

.navigation-link {
  position: relative;
  border-radius: var(--border-radius-md);
  border: 1px solid transparent;
}
.navigation-link:hover, .navigation-link:focus {
  text-decoration: none;
}
.navigation-link:hover .navigation-icon, .navigation-link:focus .navigation-icon {
  color: inherit;
}
.navigation-link--collapsible {
  padding-block: 0.34375rem;
}

@supports not selector(:focus-visible) {
  label.navigation-link:focus {
    background-color: unset;
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  }
}
@supports selector(:focus-visible) {
  label.navigation-link:focus {
    background-color: unset;
    border-color: transparent;
    box-shadow: none;
  }
  label.navigation-link:focus-within {
    background-color: unset;
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  }
}

.navigation-link-child {
  padding-inline-start: calc(0.625rem + var(--space-3));
}

[aria-current=page].navigation-link {
  background-color: var(--navigation-current-item-background-color);
  color: var(--navigation-current-item-text-color);
  font-weight: var(--font-weight-bold);
}
[aria-current=page].navigation-link .navigation-link {
  color: var(--text-norm);
}
[aria-current=page].navigation-link:hover .navigation-icon:not(.navigation-icon--expand),
[aria-current=page].navigation-link .navigation-icon {
  color: inherit;
}
[aria-current=page].navigation-link .navigation-refresh {
  display: inline-flex;
}

.navigation-link-header-group-link {
  block-size: 2.25rem;
  border: 1px solid transparent;
  border-radius: var(--border-radius-md);
  color: var(--text-weak);
  padding-inline: var(--space-3) var(--space-2);
}
@supports selector(:focus-visible) {
  .navigation-link-header-group-link {
    outline: unset;
  }
}
.navigation-link-header-group-link:hover {
  color: var(--text-norm);
}
.navigation-link-header-group-link[aria-expanded=true], .navigation-link-header-group-link:focus-within {
  background: var(--interaction-default);
  color: var(--text-weak);
}
.navigation-link-header-group-link[aria-expanded=true]:hover, .navigation-link-header-group-link:focus-within:hover {
  background: var(--interaction-default-hover);
  color: var(--text-norm);
}
.navigation-link-header-group-link[aria-expanded=false]:focus-within:not(:hover) {
  color: var(--text-weak);
}
.navigation-link-header-group-link .navigation-icon--expand {
  color: var(--text-weak);
}
.navigation-link-header-group-link.navigation-link-header-group-link--force-min-block-size {
  block-size: auto;
  min-block-size: 2.25rem;
}

.navigation-link-header-group-control {
  padding: 0.5em;
  border: 1px solid transparent;
  border-radius: var(--border-radius-md);
  color: var(--text-weak);
}
.navigation-link-header-group-control .navigation-icon--expand {
  color: var(--text-weak);
}
.navigation-link-header-group-control:hover {
  color: var(--text-norm);
}
.navigation-link-header-group-control:hover .navigation-icon {
  color: inherit;
}

.navigation-link--expand:focus .navigation-icon--expand,
.navigation-link--expand:hover .navigation-icon--expand,
.navigation-link-header-group-link:hover .navigation-icon--expand {
  color: inherit;
}

/* items counters */
.navigation-counter-item {
  border-radius: var(--border-radius-sm);
  background: var(--navigation-item-count-background-color);
  font-size: 0.7857142857em;
  font-variant: tabular-nums;
  line-height: 1.8181818182em;
  text-align: center;
  color: var(--navigation-item-count-text-color);
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1);
}
.navigation-counter-item--transparent {
  background: transparent;
  color: inherit;
}
.navigation-counter-item--weak {
  background: transparent;
  color: var(--text-weak);
}
.active .navigation-counter-item--weak {
  color: currentcolor;
}
.navigation-counter-item:empty {
  display: none;
}
.navigation-counter-item[data-unread-count]::after {
  content: attr(data-unread-count);
  font-weight: var(--font-weight-bold);
  display: block;
  block-size: 0;
  overflow: hidden;
  visibility: hidden;
}

/* Sub folders */
.navigation-item-dropdown-opened .group-hover\:hidden {
  display: none;
}
.navigation-item-dropdown-opened .group-hover\:opacity-100 {
  opacity: 1;
}
.navigation-item-dropdown-opened .group-hover\:opacity-100-no-width {
  inline-size: auto;
}
.navigation-item [data-level="1"] {
  padding-inline-start: 0.5rem;
}
.navigation-item [data-level="2"] {
  padding-inline-start: 1rem;
}

/* Sub-navigation */
.navigation-sublist {
  margin-inline-start: var(--space-3);
  overflow: hidden;
  opacity: 1;
  transition: visibility 0s ease, transform 0.5s ease, opacity 0.5s ease, max-block-size 0.5s ease;
  transform-origin: top center;
  transform: scale(1, 1);
  max-block-size: 44em;
  visibility: visible;
  transition-delay: 0s;
}
.navigation-sublist[aria-hidden=true] {
  display: block;
  opacity: 0;
  max-block-size: 0;
  visibility: hidden;
  transform: scale(1, 0);
  transition-duration: 0s, 0.25s, 0.25s, 0.25s;
  transition-delay: 0.5s, 0s, 0s, 0s;
}

.navigation-subitem {
  margin-inline-start: 0.4375rem;
}

.navigation-sublink {
  border-inline-start: 2px solid var(--border-norm);
  display: block;
  padding-block: 0.46875rem;
  padding-inline: 0.9375rem 0.625rem;
  text-decoration: none;
}
.navigation-sublink[aria-current=true] {
  background-color: var(--navigation-current-item-background-color);
  color: var(--navigation-current-item-text-color);
  border-inline-start: 2px solid var(--navigation-current-item-marker-color);
  font-weight: var(--font-weight-bold);
}

/* fix bug on Chrome */
body {
  overflow: hidden;
  block-size: 100%;
}

/* === page === */
html,
.app-root,
.content-container {
  block-size: 100%;
}

.app-root-loader {
  position: fixed;
  inset: 0;
  background: var(--background-norm, white);
  color: var(--text-norm, black);
}

.app-noscript {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3em;
  font-size: 1.2em;
  background: white;
  color: black;
}

.content {
  background-color: var(--sidebar-background-color);
  color: var(--sidebar-text-color, var(--text-norm));
}

.header {
  padding-block: var(--space-1);
  padding-inline: var(--space-3) var(--space-2);
  block-size: 2.75rem;
  flex-shrink: 0;
  background-color: var(--header-background-color);
  color: var(--header-text-color, var(--text-norm));
}
@media (min-width: 42.51em) {
  .header {
    contain: content;
    padding-block: var(--space-3);
    padding-inline: var(--space-2) 0.625rem;
    block-size: 3.75rem;
  }
}
.header--drawer {
  block-size: 3.75rem;
}

.searchbox {
  --field-background-color: var(--background-weak);
  --field-hover-background-color: var(--field-background-color);
  --field-focus-background-color: var(--search-field-focus-background);
  --field-disabled-background-color: var(--field-background-color);
  inline-size: clamp(21.25rem, 100vw * 0.35 - 1.25rem, 32.5rem);
  max-inline-size: 100%;
  min-inline-size: 21.25rem;
}
.searchbox--adaptWidth {
  inline-size: 21.25rem;
  max-inline-size: calc(100vw - 28.125rem - 250px - 1.25rem - var(--drawer-width));
}
@media (max-width: 87.5em) {
  .searchbox--adaptWidth {
    --drawer-width: 0rem;
  }
}
@supports (inline-size: clamp(1px, calc(1vw), 100%)) {
  .searchbox--adaptWidth {
    inline-size: clamp(21.25rem, var(--width-conversation-column, calc(100vw * 0.35)) - 1.25rem, 32.5rem);
  }
}
.searchbox .input {
  --field-text-color: var(--color-weak);
  --field-placeholder-color: var(--text-weak);
  border-color: var(--background-weak);
  block-size: 2.25rem;
  line-height: 1;
}
.searchbox button {
  --button-default-text-color: var(--color-weak);
}

.footer {
  padding-block: 0.625rem;
  padding-inline: 0 0.9375rem;
  flex-shrink: 0;
  background-color: var(--header-background-color);
  color: var(--header-text-color, var(--text-norm));
}

.sidebar {
  contain: content;
  inline-size: 15.625rem;
  visibility: visible;
  transition: visibility 0s ease, transform 0s ease, inline-size 0.15s ease, opacity 1s ease;
  transition-delay: 0s;
  overflow: auto;
  background-color: var(--sidebar-background-color);
  color: var(--sidebar-text-color, var(--text-norm));
}
.sidebar--collapsed.sidebar--collapsed {
  inline-size: 3.75rem;
  z-index: 10;
}
.sidebar--collapsed .navigation-link,
.sidebar--collapsed .navigation-link-header-group-link {
  padding-inline: 0;
}
.sidebar--collapsed .logo-container {
  inline-size: auto;
  block-size: auto;
  padding-inline: 0;
  flex-direction: column;
}
.sidebar--collapsed .apps-dropdown-button {
  margin-inline: auto;
}
.sidebar--collapsed .navigation-counter-item {
  position: absolute;
  inset-block-start: 0.35em;
  inset-inline-end: 0.35em;
  transform: translateX(50%) translateY(-50%);
  inline-size: 0.5rem;
  block-size: 0.5rem;
  overflow: hidden;
  color: transparent;
  background: var(--navigation-item-count-background-color);
}
.sidebar-collapse-button--above-scroll.sidebar-collapse-button--above-scroll {
  background-color: var(--interaction-weak);
  color: var(--text-weak);
  margin-inline-end: 0;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
@media (max-width: 42.5em) {
  .sidebar {
    position: fixed;
    inset: 0;
    z-index: 800;
    inline-size: 100%;
    max-inline-size: 17rem;
    max-block-size: none;
    padding-block-start: 1em;
    transform-origin: 0 50%;
    transition: 0s visibility ease, 0.25s transform ease, inline-size 0s ease, opacity 1s ease;
    transition-delay: 0s;
  }
  .sidebar[data-expanded=false] {
    transform: translateX(-100%);
    visibility: hidden;
    transition-delay: 0.25s, 0s;
  }
  [dir=rtl] .sidebar[data-expanded=false] {
    transform: translateX(100%);
  }
  .sidebar[aria-hidden=true] {
    transform: translateX(0);
  }
}
.sidebar-backdrop {
  display: none;
}
@media (max-width: 42.5em) {
  .sidebar-backdrop {
    display: block;
    background-color: var(--backdrop-norm);
    position: fixed;
    inset: 0;
    z-index: 799;
  }
}

.logo-container {
  padding-block: 0;
  padding-inline: var(--space-4);
}
.logo-container > a {
  display: flex;
  align-self: baseline;
  flex: 1 1 auto;
}
.logo-container > a::after {
  border-radius: var(--border-radius-md);
}
@media (min-width: 42.51em) {
  .logo-container {
    block-size: 3.75rem;
    inline-size: 15.625rem;
  }
  .logo-container > a {
    align-self: center;
  }
}

@media (max-width: 42.5em) {
  .hamburger {
    flex-shrink: 0;
    margin-inline-end: 0.1em;
  }
}

.main {
  overflow: hidden;
  border-inline-start: var(--main-border-width) solid var(--border-weak);
  box-shadow: var(--main-box-shadow);
  background: var(--background-norm);
}
@media (max-width: 42.5em) {
  .main {
    margin-inline-end: 0;
    border-radius: 0;
    border-inline-start-width: 0;
    border-start-end-radius: 0;
    border-inline-end-width: 0;
  }
}

.main-area, .main-area--no-header, .main-area--with-toolbar, .main-area--with-toolbar--no-header {
  color: var(--text-norm);
  overflow: auto;
}
.main-area.overflow-hidden, .overflow-hidden.main-area--no-header, .overflow-hidden.main-area--with-toolbar, .overflow-hidden.main-area--with-toolbar--no-header {
  overflow: hidden;
}
.main-area-border {
  border-block-start: 1px solid var(--border-weak);
}
@media (min-width: 42.51em) {
  .main-area-rounded--left {
    border-inline-start: 1px solid var(--border-weak);
    border-start-start-radius: var(--border-radius-lg);
  }
}
@media (min-width: 42.51em) {
  .main-area-rounded--right {
    border-inline-end: 1px solid var(--border-weak);
    border-start-end-radius: var(--border-radius-lg);
    overflow: hidden;
  }
}

.main-area--with-toolbar, .main-area--with-toolbar--no-header {
  border-radius: 0;
}

.main-area--padding-fix {
  padding-block-end: 5em;
}

.main-area-content--padding-fix::after {
  content: "";
  display: flex;
  inline-size: 100%;
  block-size: 5em;
}

@media (max-width: 42.5em) {
  .main-area--padding-fix {
    padding-block-end: 8em;
  }
  .main-area-content--padding-fix::after {
    block-size: 8em;
  }
}
.main-area--no-header {
  max-block-size: 100%;
}

.main-area-content {
  background: var(--background-norm);
}

.main-area--row-mode .items-column-list {
  inline-size: 100%;
  min-inline-size: initial;
  max-inline-size: initial;
}

.sub-settings-section-anchor {
  inset-inline-start: -1.375rem;
  padding-inline-end: 0.375rem;
}
.settings-cards .sub-settings-section-anchor {
  inset-block-start: 0.1875rem;
}
@media (max-width: 56.875em) {
  .settings-cards .sub-settings-section-anchor {
    inset-inline-start: -1rem;
    inset-block-start: 0.125rem;
    padding-inline-end: 0.25rem;
  }
  .settings-cards .sub-settings-section-anchor svg {
    scale: 0.8;
  }
}

.settings-cards.bg-lowered .ui-standard.main-area-rounded--left {
  background-color: var(--background-lowered);
}

.toolbar {
  --padding-toolbar-button: 0.6428571429em;
  --padding-toolbar-button-dropdown: 0.6428571429em;
  --height-toolbar-button: 2.25rem;
  position: relative;
  z-index: 1;
  background-color: var(--toolbar-background-color);
  color: var(--toolbar-text-color);
}
.toolbar:not(.toolbar--in-container) {
  border-block-end: 1px solid var(--toolbar-border-bottom-color);
}
.toolbar--bordered {
  border-start-end-radius: var(--border-radius-md);
}
.toolbar--heavy {
  block-size: 2.8125rem;
}
.toolbar--in-container {
  block-size: 100%;
}
.toolbar--no-bg {
  background-color: transparent;
}
.toolbar-button {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding-inline: var(--padding-toolbar-button);
  border-radius: var(--border-radius-md);
  border: 1px solid transparent;
  block-size: var(--height-toolbar-button);
}
.toolbar-button--small {
  --height-toolbar-button: 1.75rem;
}
.toolbar-button--small-icon {
  --padding-toolbar-button: 0.3571428571em;
  --padding-toolbar-button-dropdown: 0.3571428571em;
}
.toolbar-button::before {
  content: "";
  position: absolute;
  inset: -0.4285714286em;
}
.toolbar-button--dropdown {
  padding-inline: var(--padding-toolbar-button-dropdown);
}
.toolbar-button--dropdown-more-selections {
  --padding-toolbar-button-dropdown: 0;
  --height-toolbar-button: 1.25rem !important;
}
.toolbar-separator {
  inline-size: 1px;
  background: var(--toolbar-separator-color);
}
.toolbar .vr.vr {
  block-size: 1.5rem;
  align-self: center;
  border-inline-end-color: var(--toolbar-border-bottom-color);
}
.toolbar button[aria-disabled=true],
.toolbar .toolbar-button[aria-disabled=true] {
  opacity: 0.5;
  pointer-events: none;
}
.toolbar .select {
  border-color: transparent;
  background-color: unset;
  color: currentcolor;
  block-size: auto;
  margin-inline: 0.25em;
  border-radius: var(--border-radius-md);
}
.toolbar .select-all-wrapper {
  block-size: 1.75rem;
}
.toolbar .select-all-wrapper:hover {
  background: var(--interaction-default-hover);
}
.toolbar .select-all-wrapper:hover button {
  background-color: transparent;
}
.toolbar .select-all-wrapper:has(:hover, :focus, [aria-expanded=true]) {
  background: var(--interaction-default-hover);
}
.toolbar .select-all-wrapper:has(:hover, :focus, [aria-expanded=true]) button {
  background-color: transparent;
}
.toolbar .select-all .checkbox-fakecheck {
  margin-inline-end: 0;
}
@media (max-width: 42.5em) {
  .toolbar {
    border-radius: 0;
  }
}
.toolbar-page-number-dropdown.toolbar-page-number-dropdown {
  min-inline-size: 4.5714285714em;
  padding: 0;
  display: block;
  text-align: center;
}
.toolbar-page-number-dropdown span {
  margin-inline: 0.0714285714em;
}

/* stylelint-disable */
/* Components | Alphabetical order */
.action-card {
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1);
}
.action-card > * + * {
  margin-inline-start: 1rem;
}
.action-card:hover, .action-card:focus {
  background-color: var(--interaction-default-hover);
}

/* to hide text with accessibility… a11y */
.invisible, .wizard-container--no-text-displayed .wizard-item[aria-current=step] .wizard-item-inner,
.sr-only,
.app-infos-compact .app-infos-name {
  position: absolute;
  inset-block-start: 0;
  block-size: 1px;
  inline-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

.visibility-hidden {
  visibility: hidden;
}

.invisible-number-input-arrow {
  /* Chrome, Safari, Edge, Opera */
}
.invisible-number-input-arrow::-webkit-outer-spin-button,
.invisible-number-input-arrow input::-webkit-outer-spin-button, .invisible-number-input-arrow::-webkit-inner-spin-button,
.invisible-number-input-arrow input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.invisible-number-input-arrow {
  /* Firefox */
}
.invisible-number-input-arrow input[type=number], .invisible-number-input-arrow[type=number] {
  appearance: textfield;
}

.one-of:not(:empty) ~ .one-of {
  display: none;
}

.app-infos-fake-meter {
  block-size: 0.2857142857em;
}
.app-infos-storage, .app-infos-version {
  color: var(--text-weak);
}
.app-infos a.app-infos-storage:hover, .app-infos a.app-infos-storage:focus, .app-infos-version[type=button]:hover, .app-infos-version[type=button]:focus {
  color: var(--text-norm);
}
.aside-link {
  border-radius: 50%;
  inline-size: 2rem;
  block-size: 2rem;
  padding: 0.4375rem;
  background: var(--interaction-weak);
  color: var(--text-norm);
}
.aside-link:hover, .aside-link:focus {
  background: var(--interaction-weak-hover);
  color: var(--primary);
}
.aside-link:active, .aside-link[aria-current=true] {
  background: var(--interaction-weak-active);
  color: var(--primary);
}
.aside-link-icon {
  inline-size: 1.0625rem;
  block-size: 1.0625rem;
  fill: currentcolor;
}

.apps-dropdown-button {
  border-radius: var(--border-radius-md);
  border: 1px solid transparent;
  margin-inline-end: -0.25rem;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  color: var(--text-weak);
}
.apps-dropdown-button:hover {
  color: var(--text-norm);
}
.apps-dropdown .dropdown-content ul {
  display: grid;
  grid-template-columns: repeat(var(--apps-dropdown-repeat), 1fr);
  gap: var(--space-6);
  justify-items: center;
}
.apps-dropdown .apps-dropdown-app-name,
.apps-dropdown .apps-dropdown-logo-wrapper {
  transition: 0.25s ease;
}
.apps-dropdown .apps-dropdown-new-badge {
  inset-inline-end: -0.5rem;
  inset-block-start: -0.75rem;
}
.apps-dropdown .apps-dropdown-new-badge .new-badge {
  block-size: 1rem;
  font-size: 0.625rem;
  padding-block: 0;
  padding-inline: 0.375rem;
}
.apps-dropdown .apps-dropdown-link:hover .apps-dropdown-app-name {
  color: var(--text-norm);
}
.apps-dropdown .apps-dropdown-link:hover .apps-dropdown-logo-wrapper {
  background-color: var(--interaction-default-hover);
}
.apps-dropdown .apps-dropdown-link[aria-current], .apps-dropdown .apps-dropdown-link:hover[aria-current], .apps-dropdown .apps-dropdown-link:focus[aria-current], .apps-dropdown .apps-dropdown-link:active[aria-current] {
  pointer-events: auto;
  background-color: transparent;
}
@supports not selector(:focus-visible:has(a, b)) {
  .apps-dropdown .apps-dropdown-link:focus .apps-dropdown-logo-wrapper, .apps-dropdown .apps-dropdown-link:focus-within .apps-dropdown-logo-wrapper {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    color: var(--text-norm);
  }
  .apps-dropdown .apps-dropdown-link:focus .apps-dropdown-logo-wrapper:hover, .apps-dropdown .apps-dropdown-link:focus-within .apps-dropdown-logo-wrapper:hover {
    background-color: var(--interaction-default-hover);
  }
}
@supports selector(:focus-visible:has(a, b)) {
  .apps-dropdown .apps-dropdown-link:focus-visible .apps-dropdown-logo-wrapper, .apps-dropdown .apps-dropdown-link:has(*:focus-visible) .apps-dropdown-logo-wrapper {
    border-color: var(--focus-outline);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    color: var(--text-norm);
  }
  .apps-dropdown .apps-dropdown-link:focus-visible .apps-dropdown-logo-wrapper:hover, .apps-dropdown .apps-dropdown-link:has(*:focus-visible) .apps-dropdown-logo-wrapper:hover {
    background-color: var(--interaction-default-hover);
  }
}

.autocomplete-suggestions {
  position: absolute;
  z-index: -1;
  inset-block-start: calc(100% - 2px);
  inset-inline: 0.35em;
  min-block-size: 80%;
  max-block-size: 11.5em;
  overflow: scroll;
  background-color: var(--background-norm);
  box-shadow: var(--shadow-lifted);
  color: var(--text-norm);
  border: 1px solid var(--border-norm);
  transform: translateY(-1.5em);
  opacity: 0;
  transition: transform 100ms ease-in, opacity 100ms ease-out 20ms;
}
.autocomplete-suggestions,
.autocomplete-suggestions div:last-child {
  border-end-start-radius: var(--border-radius-md);
  border-end-end-radius: var(--border-radius-md);
}
.autocomplete-suggestions div.selected {
  background-color: var(--interaction-norm);
  color: var(--interaction-norm-contrast);
  pointer-events: none;
}
.autocomplete-suggestions .button.button-link {
  color: inherit;
}
.autocomplete-suggestions--open {
  transform: translateY(0);
  opacity: 1;
}

.autocomplete-input {
  z-index: 1;
}

[class*=badge-label] {
  text-transform: uppercase;
  display: inline-flex;
  font-size: 0.6875rem;
  padding-inline: 0.7272727273em;
  line-height: 1.375rem;
  border-radius: var(--border-radius-full);
  text-align: center;
}

.badge-label-primary {
  background-color: var(--primary);
  color: var(--primary-contrast);
}

.badge-label-danger {
  background-color: var(--signal-danger);
  color: var(--signal-danger-contrast);
}

.badge-label-warning {
  background-color: var(--signal-warning);
  color: var(--signal-warning-contrast);
}

.badge-label-success {
  background-color: var(--signal-success);
  color: var(--signal-success-contrast);
}

.badge-label-info {
  background-color: var(--signal-info);
  color: var(--signal-info-contrast);
}

.badge-label-norm {
  background-color: var(--background-norm);
}

.badge-label-weak {
  background-color: var(--background-weak);
}

.badge-label-strong {
  background-color: var(--background-strong);
}

[class*=alert-block] {
  padding-block: 0.2em;
  padding-inline: 1.2em;
  color: var(--text-norm);
  border-inline-start-width: 3px;
  border-inline-start-style: solid;
  overflow-wrap: break-word;
}

.alert-block {
  border-color: var(--signal-info);
}

.alert-block--danger {
  border-color: var(--signal-danger);
}

.alert-block--warning {
  border-color: var(--signal-warning);
}

.alert-block--success {
  border-color: var(--signal-success);
}

.breadcrumb-container {
  border: 1px solid var(--border-norm);
}
.breadcrumb-button {
  padding: 0.4em;
  opacity: 0.3;
  color: inherit;
}
.breadcrumb-button[disabled][aria-current=step] {
  font-weight: var(--font-weight-bold);
  opacity: 1;
  color: inherit;
}

.button-account-container {
  border: 1px solid var(--border-norm);
  max-block-size: 50vh;
}
@media (max-width: 42.5em) {
  .button-account-container {
    max-block-size: none;
  }
}
.button-account-container-inner {
  border-inline-end: 1px solid var(--border-norm);
}

.button-group {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  border-radius: var(--border-radius-md);
  background-color: var(--background-norm);
  vertical-align: middle;
}
.button-group--no-bg-color {
  background-color: transparent;
}
.button-group-item.is-selected {
  pointer-events: none;
}
.button-group[class*=button-group-solid] .button-group-item:not(:first-child) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.button-group[class*=button-group-solid] .button-group-item:not(:last-child) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.button-group-small[class*=button-group-solid] .button-group-item {
  padding-inline: 0.5em;
}
.button-group-medium[class*=button-group-solid] .button-group-item {
  padding-inline: 0.8571428571em;
}
.button-group-large[class*=button-group-solid] .button-group-item {
  padding-inline: 1.0625em;
}
.button-group-small[class*=button-group-ghost] .vr {
  margin-block: 0.2857142857em;
  margin-inline: 0.2142857143em;
}
.button-group-small[class*=button-group-ghost] .button-group-item {
  padding-inline: 0.3571428571em;
}
.button-group-medium[class*=button-group-ghost] .vr {
  margin-block: 0.4285714286em;
  margin-inline: 0.2142857143em;
}
.button-group-medium[class*=button-group-ghost] .button-group-item {
  padding-inline: 0.7142857143em;
}
.button-group-large[class*=button-group-ghost] .vr {
  margin-block: 0.5714285714em;
  margin-inline: 0.2142857143em;
}
.button-group-large[class*=button-group-ghost] .button-group-item {
  padding-inline: 1.0714285714em;
}
.button-group[class*=button-group-outline] {
  border: 1px solid var(--button-group-border-color, transparent);
}
.button-group[class*=button-group-outline] .vr {
  margin-block: 0.1428571429em;
}
.button-group[class*=button-group-outline] .button-group-item {
  border-radius: var(--border-radius-sm);
}
.button-group[class*=button-group-outline] .button-group-item[aria-expanded=true]:not([aria-controls]) {
  border-color: transparent;
}
.button-group[class*=button-group-outline] .button-group-item[disabled]:not([aria-busy=true]), .button-group[class*=button-group-outline] .button-group-item.is-disabled:not([aria-busy=true]) {
  background-color: var(--button-default-background-color, transparent);
}
.button-group-pill {
  border-radius: var(--border-radius-full);
}
.button-group-pill:not([class*=button-group-solid]) {
  gap: var(--space-1);
}
.button-group[class*=button-group-pill] .button-group-item {
  border-radius: var(--border-radius-full);
}
.button-group-small[class*=button-group-pill] .button-group-item {
  padding-inline: 0.7142857143em;
}
.button-group-small[class*=button-group-outline] {
  padding: 0.1428571429em;
}
.button-group-small[class*=button-group-outline] .vr {
  margin-inline: 0.1428571429em;
}
.button-group-small[class*=button-group-outline] .button-group-item {
  padding-block: 0;
  padding-inline: 0.2857142857em;
}
.button-group-small[class*=button-group-outline] .button-group-item.button-for-icon {
  padding: 0.1428571429em;
}
.button-group-medium[class*=button-group-outline] {
  padding: 0.2142857143em;
}
.button-group-medium[class*=button-group-outline] .vr {
  margin-inline: 0.2142857143em;
}
.button-group-medium[class*=button-group-outline] .button-group-item {
  padding-block: 0.2142857143em;
  padding-inline: 0.5714285714em;
}
.button-group-medium[class*=button-group-outline] .button-group-item.button-for-icon {
  padding: 0.4285714286em;
}
.button-group-large[class*=button-group-outline] {
  padding: 0.2857142857em;
}
.button-group-large[class*=button-group-outline] .vr {
  margin-inline: 0.2857142857em;
}
.button-group-large[class*=button-group-outline] .button-group-item {
  padding-block: 0.25em;
  padding-inline: 0.75em;
}
.button-group-large[class*=button-group-outline] .button-group-item.button-for-icon {
  padding: 0.4375em;
}

/*
 * Button group color variants
 */
.button-group-solid-norm,
.button-group-outline-norm,
.button-group-ghost-norm {
  --border-norm: var(--interaction-norm-major-1);
}

.button-group-solid-norm .button-group-item.is-selected:not([disabled], .is-disabled) {
  background-color: var(--interaction-norm-major-2);
}

[class*=button-group-outline-] {
  --button-group-border-color: var(--interaction-norm-major-1);
}
@supports not selector(:focus-visible) {
  [class*=button-group-outline-] .button-group-item:not(:focus) {
    border-color: transparent;
  }
}
@supports selector(:focus-visible) {
  [class*=button-group-outline-] .button-group-item:not(:focus-visible) {
    border-color: transparent;
  }
}

.button-group-outline-norm .button-group-item.is-selected:not([disabled], .is-disabled),
.button-group-ghost-norm .button-group-item.is-selected:not([disabled], .is-disabled) {
  background-color: var(--interaction-norm);
  color: var(--interaction-norm-contrast);
}

.button-group-solid-weak,
.button-group-outline-weak,
.button-group-ghost-weak {
  --border-norm: var(--interaction-weak-major-1);
}

.button-group-solid-weak .button-group-item.is-selected:not([disabled], .is-disabled) {
  background-color: var(--interaction-weak-major-2);
}

[class*=button-group-outline-] {
  --button-group-border-color: var(--interaction-weak-major-1);
}
@supports not selector(:focus-visible) {
  [class*=button-group-outline-] .button-group-item:not(:focus) {
    border-color: transparent;
  }
}
@supports selector(:focus-visible) {
  [class*=button-group-outline-] .button-group-item:not(:focus-visible) {
    border-color: transparent;
  }
}

.button-group-outline-weak .button-group-item.is-selected:not([disabled], .is-disabled),
.button-group-ghost-weak .button-group-item.is-selected:not([disabled], .is-disabled) {
  background-color: var(--interaction-norm);
  color: var(--interaction-norm-contrast);
}

.circle-chart-background {
  stroke: var(--background-strong);
  stroke-width: 3px;
  fill: transparent;
}
.circle-chart-background--bigger .circle-chart-background {
  stroke: var(--background-weak);
}
.circle-chart-circle {
  stroke: var(--signal-success);
  stroke-width: 3px;
  fill: transparent;
  animation: anime-circle-chart-fill 2s reverse;
  transform: rotate(-90deg);
  transform-origin: center;
}
.circle-chart-percent {
  fill: var(--text-norm);
}
.circle-chart-info {
  color: var(--text-weak);
}
.circle-bar--medium .circle-chart-circle {
  stroke: var(--signal-warning);
}
.circle-bar--full .circle-chart-circle {
  stroke: var(--signal-danger);
}

@keyframes anime-circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
.collapsing-breadcrumbs {
  display: flex;
  min-block-size: 2.5em;
  padding-block: var(--space-1);
  padding-inline-start: var(--space-0);
  margin: var(--space-0);
  flex-wrap: nowrap;
  align-items: center;
}

.collapsing-breadcrumb {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: nowrap;
}
.collapsing-breadcrumb:not(.collapsing-breadcrumb--no-shrink) {
  min-inline-size: 2em;
}

.collapsed-breadcrumb-active button {
  background-color: var(--button-hover-background-color);
  color: var(--button-hover-text-color);
}

.color-selector-container {
  --color-item-size: 3.1428571429em;
  --color-grid-items: 5;
  display: grid;
  gap: 0.5714285714em;
  justify-content: center;
  grid-template-columns: repeat(var(--color-grid-items), var(--color-item-size));
}
.color-selector-container-inline {
  justify-content: space-between;
}
.color-selector-input[type=radio] {
  position: absolute;
  opacity: 0;
}
.color-selector-item {
  position: relative;
  display: flex;
  block-size: var(--color-item-size);
  inline-size: var(--color-item-size);
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--color-selector-base);
  cursor: pointer;
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1);
}
.color-selector-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  z-index: 1;
  border: 0.2142857143em solid transparent;
  transition: inherit;
}
.color-selector-item::after {
  content: "";
  display: block;
  inline-size: 0.8571428571em;
  block-size: 0.8571428571em;
  border-radius: 50%;
  margin: auto;
  background-color: transparent;
  transition: inherit;
}
.color-selector-item:hover::before, .color-selector-item:focus-within::before {
  border-color: var(--color-selector-strong);
}
.color-selector-item.is-selected::before {
  border-color: var(--color-selector-intense);
}
.color-selector-item.is-selected::after {
  background-color: white;
}

.dropdown {
  /*
  	The border is set on the parent, but the max height is set on a child container.
  	This breaks the available size computation because the parent element will be +2 pixels larger than the available max height.
  	This causes an infinite loop in the floating ui library. To prevent that, border size is subtracted in a calc in the max height set in .dropdown-content.
  */
  --custom-max-width: 20em;
  --custom-max-height: 30em;
  --min-width: 10em;
  --max-width: min(var(--custom-max-width, 100vw), 100vw);
  --max-height: min(var(--custom-max-height, 100vh), 100vh);
  --selection-background-color: var(--interaction-norm);
  --selection-text-color: var(--interaction-norm-contrast);
  position: fixed;
  z-index: 900;
  /* stylelint-disable */
  top: var(--top);
  left: var(--left);
  /* stylelint-enable */
  transform: scale(1);
  box-shadow: var(--shadow-lifted);
  border: 1px solid var(--border-norm);
  background-color: var(--background-norm);
  color: var(--text-norm);
  animation: 0.15s cubic-bezier(0.33, 1, 0.68, 1) both anime-dropdown-in-mouse;
}
@keyframes anime-dropdown-in-mouse {
  from {
    transform: scale(0.75);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.dropdown.is-dropdown-out {
  animation-name: anime-dropdown-out-mouse;
}
@keyframes anime-dropdown-out-mouse {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.75);
    opacity: 0;
  }
}
.dropdown--top {
  transform-origin: bottom center;
}
.dropdown--top-start {
  transform-origin: bottom left;
}
.dropdown--top-end {
  transform-origin: bottom right;
}
.dropdown--bottom {
  transform-origin: top center;
}
.dropdown--bottom-start {
  transform-origin: top left;
}
.dropdown--bottom-end {
  transform-origin: top right;
}
.dropdown--left {
  transform-origin: right center;
}
.dropdown--left-end {
  transform-origin: right bottom;
}
.dropdown--left-start {
  transform-origin: right top;
}
.dropdown--right {
  transform-origin: left center;
}
.dropdown--right-end {
  transform-origin: left bottom;
}
.dropdown--right-start {
  transform-origin: left top;
}
@media (hover: hover) and (pointer: coarse) and (max-width: 42.5em), (hover: none) and (max-width: 42.5em) {
  .dropdown.adaptive-for-touch-screens {
    inset: 0;
    display: flex;
    padding-block: 15%;
    padding-inline: 25%;
    overflow: hidden;
    transform: none;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border-radius: initial;
    box-shadow: none;
    border: none;
    background-color: var(--backdrop-norm);
    animation-name: anime-dropdown-in-touch;
  }
  @keyframes anime-dropdown-in-touch {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .dropdown.adaptive-for-touch-screens.is-dropdown-out {
    animation-name: anime-dropdown-out-touch;
  }
  @keyframes anime-dropdown-out-touch {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
}
@media (hover: hover) and (pointer: coarse) and (max-width: 28.125em), (hover: none) and (max-width: 28.125em) {
  .dropdown.adaptive-for-touch-screens {
    padding-inline: 10%;
  }
}
.dropdown {
  /* Backdrop button, meant to override 'autoClose' option on mobile */
}
.dropdown-backdrop {
  display: none;
}
@media (hover: hover) and (pointer: coarse) and (max-width: 42.5em), (hover: none) and (max-width: 42.5em) {
  .dropdown.adaptive-for-touch-screens .dropdown-backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    inline-size: 100%;
    block-size: 100%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: none;
  }
}
.dropdown {
  /* Scrollable frame inside the dropdown */
}
.dropdown-content {
  inline-size: var(--width);
  block-size: var(--height);
  min-inline-size: min(var(--min-width, 1.5em), 100vw);
  min-block-size: min(var(--min-height, 1em), 100vh);
  max-inline-size: calc(min(var(--available-width, var(--max-width)), var(--max-width)) - 2px);
  max-block-size: calc(min(var(--available-height, var(--max-height)), var(--max-height)) - 2px);
  overflow: auto;
  border-radius: inherit;
  background-color: var(--background-norm);
  background-image: radial-gradient(farthest-side at 50% 0, var(--backdrop-norm), transparent), radial-gradient(farthest-side at 50% 100%, var(--backdrop-norm), transparent);
  background-position: 50% 0, 0 100%;
  background-size: calc(100% - 1.25rem) 0.1875rem;
  background-repeat: no-repeat;
}
.dropdown-content::before, .dropdown-content::after {
  content: "";
  position: relative;
  z-index: 1;
  display: block;
  block-size: 0.1875rem;
  flex: 0 0 0.1875rem;
  background: var(--background-norm);
}
@media (hover: hover) and (pointer: coarse) and (max-width: 42.5em), (hover: none) and (max-width: 42.5em) {
  .dropdown.adaptive-for-touch-screens .dropdown-content {
    position: relative;
    z-index: 1;
    inline-size: 100%;
    max-inline-size: initial;
    max-block-size: initial;
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-lifted);
    transition: transform 0.1s ease-out;
    animation: anime-dropdown-content-scale-in 0.15s ease-out both;
  }
  @keyframes anime-dropdown-content-scale-in {
    from {
      transform: scale(0.8);
    }
    to {
      transform: scale(1);
    }
  }
  .dropdown.adaptive-for-touch-screens.is-dropdown-out .dropdown-content {
    animation-name: anime-dropdown-content-scale-out;
  }
  @keyframes anime-dropdown-content-scale-out {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(0.8);
    }
  }
}
.dropdown-item-button, .dropdown-item-link {
  position: relative;
}
.dropdown-item-button::after, .dropdown-item-link::after {
  z-index: 2;
}
.dropdown-item-button, .dropdown-item-button:hover, .dropdown-item-button:focus-visible, .dropdown-item-button:active, .dropdown-item-link, .dropdown-item-link:hover, .dropdown-item-link:focus-visible, .dropdown-item-link:active {
  color: var(--text-norm);
  text-decoration: none;
}
.dropdown-item--delete .dropdown-item-button, .dropdown-item--delete:hover .dropdown-item-button, .dropdown-item--delete:focus .dropdown-item-button {
  color: var(--signal-danger);
}
.dropdown-item [aria-current=true], .dropdown-item [aria-current=true]:hover, .dropdown-item [aria-current=true]:focus, .dropdown-item [aria-current=true]:active, .dropdown-item .dropdown-item--is-selected, .dropdown-item .dropdown-item--is-selected:hover, .dropdown-item .dropdown-item--is-selected:focus, .dropdown-item .dropdown-item--is-selected:active {
  --text-weak: var(--selection-text-color);
  background-color: var(--selection-background-color);
  color: var(--selection-text-color);
  pointer-events: none;
}
@supports not selector(:focus-visible) {
  .dropdown-item [aria-current=true]:focus, .dropdown-item .dropdown-item--is-selected:focus {
    z-index: 0;
    background-color: unset;
  }
  .dropdown-item [aria-current=true]:focus::after, .dropdown-item .dropdown-item--is-selected:focus::after {
    background-color: var(--selection-background-color);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    z-index: -1;
  }
}
@supports selector(:focus-visible) {
  .dropdown-item [aria-current=true]:focus-visible, .dropdown-item .dropdown-item--is-selected:focus-visible {
    z-index: 0;
    background-color: unset;
  }
  .dropdown-item [aria-current=true]:focus-visible::after, .dropdown-item .dropdown-item--is-selected:focus-visible::after {
    background-color: var(--selection-background-color);
    box-shadow: 0 0 0 0.1875rem var(--focus-ring);
    z-index: -1;
  }
}
.dropdown-item .dropdown-item--fake-disabled span {
  color: var(--text-norm);
  opacity: 0.5;
  font-weight: var(--font-weight-normal);
}
.dropdown-item .dropdown-item--fake-disabled:hover {
  cursor: default;
  background-color: var(--background-norm);
}
.dropdown-item-container, .dropdown-item-container:hover, .dropdown-item-container:focus-visible, .dropdown-item-container:active {
  color: var(--text-norm);
  text-decoration: none;
}
.dropdown-item-container.active {
  background-color: var(--interaction-default-hover);
}
.dropdown-item-container.dropdown-item--is-selected, .dropdown-item-container.dropdown-item--is-selected:hover, .dropdown-item-container.dropdown-item--is-selected:focus, .dropdown-item-container.dropdown-item--is-selected:active, .dropdown-item-container .dropdown-item--is-selected, .dropdown-item-container .dropdown-item--is-selected:hover, .dropdown-item-container .dropdown-item--is-selected:focus, .dropdown-item-container .dropdown-item--is-selected:active {
  pointer-events: all;
}
.dropdown-item-container .dropdown-item-button {
  background-color: transparent;
}
.dropdown-item-container .dropdown-item-button:hover, .dropdown-item-container .dropdown-item-button:focus, .dropdown-item-container .dropdown-item-button:active {
  background-color: transparent;
}
.dropdown-item-hr {
  block-size: 0;
  box-sizing: content-box;
  border-block-start: 1px solid var(--border-norm);
}
.dropdown-search {
  position: sticky;
  inset-block-start: 0;
  padding: 1rem;
  background-color: var(--background-norm);
  box-shadow: var(--shadow-norm);
  z-index: 1;
}
.dropdown-search-no-result {
  color: var(--text-weak);
  padding-block: 2.5rem;
  padding-inline: 0.625rem;
  letter-spacing: 0.015625rem;
}
.dropdown--is-searchable .dropdown-content::before {
  content: none;
}
.dropdown:has(+ .modal-two) {
  z-index: 899;
}

.editable-section-container {
  display: inline-grid;
  grid-template-columns: min-content minmax(5em, 1fr);
}
.editable-section-container > .border-bottom {
  padding-block-end: 1em;
}
.editable-section-container > :not(.border-bottom) {
  margin-block-start: 1em;
}
@media (max-width: 48.75em) {
  .editable-section-container--size-tablet {
    --label-width: 15em;
  }
}
@media (max-width: 42.5em) {
  .editable-section-container {
    grid-template-columns: auto;
    gap: 0.5em;
  }
  .editable-section-container > .pb-0 {
    padding-block-end: 0;
  }
  .editable-section-container > :not(.border-bottom) {
    margin-block-start: 0;
  }
}

.ellipsis-loader {
  display: inline-block;
  inline-size: 1.3em;
  font-family: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
  letter-spacing: -0.2em;
  vertical-align: baseline;
  text-align: start;
  white-space: pre;
  pointer-events: none;
}
.ellipsis-loader::before {
  content: " ";
  animation: anime-ellipsis-loading 1s steps(1, start) infinite;
}

@keyframes anime-ellipsis-loading {
  0% {
    content: " ";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
}
.expand-click-area::before {
  content: "";
  position: absolute;
  inset: 0;
}

.fab.fab {
  position: fixed;
  inset-block-end: 4.5714285714em;
  inset-inline-end: var(--right, 1.6em);
  z-index: 200;
  block-size: 3.5rem;
  inline-size: 3.5rem;
  border-radius: 50%;
  padding: 0.5em;
  box-shadow: var(--shadow-lifted);
  transition: inset-block-end 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.fab.fab--inBackground {
  z-index: 0;
}
@media (min-width: 42.51em) {
  .fab.fab {
    inset-block-end: 1em;
  }
}

.file-preview {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  background-color: var(--file-preview-background-color, var(--background-norm));
  color: var(--file-preview-text-color);
}
.file-preview-container {
  position: relative;
  display: flex;
  inline-size: 100%;
  overflow: auto;
  flex-flow: column wrap;
  flex: 1 1 0;
}
.file-preview-filename {
  max-inline-size: calc(50vw - 7em);
}
.file-preview-text {
  inline-size: 100%;
  max-inline-size: 50rem;
  padding: 2rem;
  margin-inline: auto;
  margin-block: var(--space-1) var(--space-8);
  background-color: whitesmoke;
  color: black;
  flex: 1 1 auto;
  word-break: break-word;
  white-space: pre-wrap;
}
.file-preview-image {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  margin: auto;
  max-inline-size: none;
  object-fit: contain;
}
.file-preview-image-out {
  animation: anime-image-preview-out 0.2s ease-in-out forwards;
}
.file-preview-loading {
  position: absolute;
  inset-block-end: 0;
  block-size: 2.5em;
}

@keyframes anime-image-preview-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.full-loader {
  animation: anime-loader-rotation 3.6s ease-in-out infinite;
  will-change: transform;
}
@keyframes anime-loader-rotation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.full-loader-circle {
  transform-origin: 50%;
  fill: none;
  stroke: currentcolor;
  stroke-width: 4.5;
  will-change: transform;
  animation: 3s linear infinite;
}
.full-loader-circle:nth-of-type(1) {
  animation-name: anime-loader-orbit-x;
}
.full-loader-circle:nth-of-type(2) {
  animation-name: anime-loader-orbit-y;
  animation-delay: 0.125s;
}
@keyframes anime-loader-orbit-x {
  0% {
    transform: rotatex(0);
    stroke-width: 4.5;
  }
  25% {
    stroke-width: 9;
  }
  50% {
    stroke-width: 4.5;
  }
  75% {
    stroke-width: 9;
  }
  100% {
    transform: rotatex(360deg);
    stroke-width: 4.5;
  }
}
@keyframes anime-loader-orbit-y {
  0% {
    transform: rotatey(0);
    stroke-width: 4.5;
  }
  25% {
    stroke-width: 9;
  }
  50% {
    stroke-width: 4.5;
  }
  75% {
    stroke-width: 9;
  }
  100% {
    transform: rotatey(360deg);
    stroke-width: 4.5;
  }
}
.full-loader.is-bold .full-loader-circle {
  stroke-width: 6.5;
}
.full-loader.is-bold .full-loader-circle:nth-of-type(1) {
  animation-name: anime-loader-orbit-x-bold;
}
.full-loader.is-bold .full-loader-circle:nth-of-type(2) {
  animation-name: anime-loader-orbit-y-bold;
}
@keyframes anime-loader-orbit-x-bold {
  0% {
    transform: rotatex(0);
    stroke-width: 6.5;
  }
  25% {
    stroke-width: 13;
  }
  50% {
    stroke-width: 6.5;
  }
  75% {
    stroke-width: 13;
  }
  100% {
    transform: rotatex(360deg);
    stroke-width: 6.5;
  }
}
@keyframes anime-loader-orbit-y-bold {
  0% {
    transform: rotatey(0);
    stroke-width: 6.5;
  }
  25% {
    stroke-width: 13;
  }
  50% {
    stroke-width: 6.5;
  }
  75% {
    stroke-width: 13;
  }
  100% {
    transform: rotatey(360deg);
    stroke-width: 6.5;
  }
}
.full-loader.is-xbold .full-loader-circle {
  stroke-width: 15;
}
.full-loader.is-xbold .full-loader-circle:nth-of-type(1) {
  animation-name: anime-loader-orbit-x-xbold;
}
.full-loader.is-xbold .full-loader-circle:nth-of-type(2) {
  animation-name: anime-loader-orbit-y-xbold;
}
@keyframes anime-loader-orbit-x-xbold {
  0% {
    transform: rotatex(0);
    stroke-width: 15;
  }
  25% {
    stroke-width: 30;
  }
  50% {
    stroke-width: 15;
  }
  75% {
    stroke-width: 30;
  }
  100% {
    transform: rotatex(360deg);
    stroke-width: 15;
  }
}
@keyframes anime-loader-orbit-y-xbold {
  0% {
    transform: rotatey(0);
    stroke-width: 15;
  }
  25% {
    stroke-width: 30;
  }
  50% {
    stroke-width: 15;
  }
  75% {
    stroke-width: 30;
  }
  100% {
    transform: rotatey(360deg);
    stroke-width: 15;
  }
}

.input-button.button {
  --button-default-border-color: var(--field-norm);
  --button-default-background-color: var(--background-norm);
  --button-default-text-color: var(--text-norm);
  --button-hover-border-color: var(--field-hover);
  --button-hover-background-color: var(--interaction-default-hover);
  --button-hover-text-color: var(--text-norm);
  --button-active-border-color: var(--interaction-norm);
  --button-active-background-color: var(--interaction-default-active);
  --button-active-text-color: var(--text-norm);
  inline-size: 2.5714285714em;
  padding: 0.5em;
}
.input-button.button.px-0 {
  padding-inline: 0;
}

.input-button-input:focus + .input-button {
  --button-default-background-color: var(--interaction-default-hover);
  --button-default-text-color: var(--text-norm);
}
.input-button-input:checked + .input-button {
  --button-default-border-color: var(--interaction-norm);
  --button-default-background-color: var(--interaction-norm);
  --button-default-text-color: var(--interaction-norm-contrast);
  --button-hover-border-color: var(--interaction-norm-hover);
  --button-hover-background-color: var(--interaction-norm-hover);
  --button-hover-text-color: var(--interaction-norm-contrast);
  --button-active-border-color: var(--interaction-norm-active);
  --button-active-background-color: var(--interaction-norm-active);
  --button-active-text-color: var(--interaction-norm-contrast);
}
.input-button-input:checked:focus + .input-button {
  --button-default-background-color: var(--interaction-norm-hover);
  --button-default-text-color: var(--interaction-norm-contrast);
}

.item-icon {
  inline-size: 2rem;
  block-size: 2rem;
  font-size: 0.75rem;
  background-color: var(--item-icon-background-color, var(--background-strong));
}
.item-icon--small {
  inline-size: 1.75rem;
  block-size: 1.75rem;
}

.item-sender-image {
  background-color: white;
  transform: scale(1);
}

.label-stack {
  --item-wide: 10em;
  --item-narrow: 1.5em;
  --item-scale: 0.6666666667;
  font-size: 0.6875rem;
  font-weight: var(--font-weight-semibold);
}
.label-stack.max-w-full {
  --item-wide: 100%;
}
.label-stack-item, .label-stack-overflow-count {
  border-radius: var(--border-radius-sm);
  line-height: 1.64;
}
.label-stack-item {
  min-inline-size: var(--item-narrow);
  max-inline-size: var(--item-wide);
  margin: 0.125rem;
  overflow: hidden;
  background-color: var(--label-bg, var(--background-strong));
  color: white;
}
.label-stack-item-inner {
  padding-inline: 0.375rem;
  border-radius: inherit;
  text-align: start;
}
.label-stack-item-inner.with-delete {
  padding-inline-end: 0.5em;
}
.label-stack-item-inner:not(.label-stack-item-button) .label-stack-item-text {
  cursor: default;
  -webkit-user-select: all;
          user-select: all;
}
.label-stack-item-button {
  transition: 0.15s cubic-bezier(0.22, 1, 0.36, 1);
}
.label-stack-item-button:hover, .label-stack-item-button:focus-visible {
  background-color: var(--label-bg-hover, var(--background-strong));
}
.label-stack-item-button:active {
  background-color: var(--label-bg-active, var(--background-strong));
}
.label-stack-item-delete {
  padding-inline: 0 0.1666666667em;
}
.label-stack-item-delete .label-stack-item-delete-icon {
  display: block;
  margin: auto;
}
.label-stack-overflow-count {
  background-color: var(--background-strong);
  margin-inline-start: 0.125em;
  cursor: pointer;
}
.label-stack-overflow-count > * {
  display: block;
  padding-inline: 0.25em 0.375em;
  color: var(--text-weak);
}
.label-stack:not(.is-stacked) {
  margin: -0.125em;
}
.label-stack.is-stacked {
  overflow: hidden;
  align-items: center;
  flex-wrap: nowrap;
}
.label-stack.is-stacked .label-stack-item {
  overflow: hidden;
  margin: 0;
  transition: transform 0.1s 0.2s cubic-bezier(0.25, 1, 0.5, 1), max-inline-size 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
}
.label-stack.is-stacked .label-stack-item:hover, .label-stack.is-stacked .label-stack-item:focus-within, .label-stack.is-stacked .label-stack-item:first-child {
  transition-delay: 0s, 0.075s;
}
.label-stack.is-stacked .label-stack-item:not(:first-child) {
  --button-opacity: 0;
  max-inline-size: var(--item-narrow);
  transform: scale(var(--item-scale));
}
.label-stack.is-stacked .label-stack-item-inner, .label-stack.is-stacked .label-stack-item-delete-icon {
  opacity: var(--button-opacity, 1);
  transition: opacity 0.2s 0.1s cubic-bezier(0.25, 1, 0.5, 1);
}
.label-stack.is-stacked .label-stack-item-delete {
  overflow: hidden;
}
@media (max-width: 42.5em) {
  .label-stack.is-stacked .label-stack-item-delete {
    display: none;
  }
}
@media (min-width: 42.51em) {
  .label-stack.is-stacked:hover .label-stack-item:first-child:not(:hover, :focus-within), .label-stack.is-stacked:focus-within .label-stack-item:first-child:not(:hover, :focus-within) {
    --button-opacity: 0;
    max-inline-size: var(--item-narrow);
    transform: scale(var(--item-scale));
    transition-delay: 0.2s, 0s;
  }
  .label-stack.is-stacked:hover .label-stack-item:not(:first-child):hover, .label-stack.is-stacked:hover .label-stack-item:not(:first-child):focus-within, .label-stack.is-stacked:focus-within .label-stack-item:not(:first-child):hover, .label-stack.is-stacked:focus-within .label-stack-item:not(:first-child):focus-within {
    --button-opacity: 1;
    max-inline-size: var(--item-wide);
    transform: scale(1);
  }
}

.meter-bar {
  --size: 0.7142857143em;
  --meter-bar-background-color: var(--border-norm);
  --meter-bar-thumb-color-success: var(--signal-success);
  inline-size: 100%;
  overflow: hidden;
  background-color: var(--meter-bar-background-color);
}
.meter-bar, .meter-bar-thumb {
  block-size: var(--size);
}
.meter-bar-thumb {
  min-inline-size: 3%;
  background: var(--meter-bar-thumb-color-success);
}
.meter-bar-thumb--warning {
  background: var(--signal-warning);
}
.meter-bar-thumb--danger {
  background: var(--signal-danger);
}
.meter-bar:not(.is-squared), .meter-bar:not(.is-squared) .meter-bar-thumb {
  border-radius: calc(var(--size) / 2);
}
.meter-bar.is-thin {
  --size: 0.2857142857em;
}

.minicalendar {
  --fixed-cell-size: 2.4285714286em;
  min-inline-size: 9.375rem;
  max-inline-size: 25rem;
  font-size: 0.75rem;
}
.minicalendar-grid, .minicalendar-weeknumbers, .minicalendar-weekdays, .minicalendar-monthdays {
  display: grid;
}
.minicalendar-weeknumbers, .minicalendar-weekdays, .minicalendar-monthdays {
  grid-gap: 1px 0;
  -webkit-user-select: none;
          user-select: none;
}
.minicalendar-weeknumbers > *, .minicalendar-weekdays > *, .minicalendar-monthdays > * {
  display: flex;
  justify-content: center;
  align-items: stretch;
  inline-size: var(--cell-width, auto);
}
@supports (aspect-ratio: 1/1) and (-moz-appearance: none) {
  .minicalendar-weeknumbers > *, .minicalendar-weekdays > *, .minicalendar-monthdays > * {
    aspect-ratio: 1/1;
  }
}
@supports (not (aspect-ratio: 1/1)) or (not (-moz-appearance: none)) {
  .minicalendar-weeknumbers > *, .minicalendar-weekdays > *, .minicalendar-monthdays > * {
    block-size: var(--cell-height, initial);
  }
}
.minicalendar-grid {
  grid-gap: 1px;
}
.minicalendar-grid:not(.with-weeknumbers) {
  grid-template-columns: 7fr;
  grid-template-rows: auto;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  grid-template-areas: "weekdays" "monthdays";
}
.minicalendar-grid.with-weeknumbers {
  grid-template-columns: 1fr 1px 7fr;
  grid-template-rows: auto;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  grid-template-areas: "weeknumbers rule weekdays" "weeknumbers rule monthdays";
}
.minicalendar-grid.is-fixed-size {
  --cell-width: var(--fixed-cell-size);
}
@supports (not (aspect-ratio: 1/1)) or (not (-moz-appearance: none)) {
  .minicalendar-grid {
    --cell-height: var(--computed-cell-width, var(--fixed-cell-size));
  }
}
.minicalendar-weeknumbers {
  grid-area: weeknumbers;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(var(--week-count, 4), 1fr);
}
.minicalendar-vr {
  grid-area: rule;
}
.minicalendar-weekdays {
  grid-area: weekdays;
  grid-template-columns: repeat(var(--weekdays-count, 7), 1fr);
  grid-template-rows: auto;
  color: var(--text-weak);
}
.minicalendar-weekdays > * {
  align-items: center;
}
.minicalendar-weekdays .current-weekday {
  color: var(--mini-calendar-today-color);
}
.minicalendar-monthdays {
  grid-area: monthdays;
  grid-template-columns: repeat(var(--cols, 7), 1fr);
  grid-template-rows: repeat(var(--rows, 4), 1fr);
}
.minicalendar-weeknumber, .minicalendar-day {
  position: relative;
  inline-size: 100%;
  border-radius: var(--border-radius-sm);
}
.minicalendar-weeknumber[aria-pressed=true], .minicalendar-day[aria-pressed=true] {
  background: var(--interaction-weak);
  color: var(--text-norm);
}
.minicalendar-weeknumber[aria-pressed=true]:hover, .minicalendar-day[aria-pressed=true]:hover {
  background: var(--interaction-weak-hover);
}
.minicalendar-weeknumber[aria-pressed=true]:active, .minicalendar-day[aria-pressed=true]:active {
  background: var(--interaction-weak-active);
}
.minicalendar-day::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: var(--border-radius-sm);
  border: 1px solid transparent;
  pointer-events: none;
  transition: 0.15s cubic-bezier(0.5, 1, 0.89, 1);
}
.minicalendar-day-number {
  position: relative;
  z-index: 1;
}
.minicalendar-day--selected::before {
  background: var(--interaction-norm);
}
.minicalendar-day--selected:hover::before, .minicalendar-day--selected:focus-visible::before {
  background: var(--interaction-norm-hover);
}
.minicalendar-day--selected:active::before {
  background: var(--interaction-norm-active);
}
.minicalendar-day--selected .minicalendar-day-number {
  font-weight: var(--font-weight-bold);
  color: var(--interaction-norm-contrast);
}
.minicalendar-day[aria-current=date] {
  font-weight: var(--font-weight-bold);
  color: var(--mini-calendar-today-color);
}
.minicalendar-day[aria-current=date]::before, .minicalendar-day[aria-current=date]::after {
  border-color: var(--mini-calendar-today-color);
}
.minicalendar-day--out-of-month {
  color: var(--text-weak);
}
.minicalendar-day--out-of-month[aria-pressed=true] {
  background: var(--background-weak);
  color: var(--text-weak);
}
.minicalendar-day--range:not(.minicalendar-day--range-bound-start) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.minicalendar-day--range:not(.minicalendar-day--range-bound-end) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.multi-select-container {
  border-radius: var(--border-radius-md);
  border: 1px solid var(--field-norm);
  background-color: var(--field-background-color);
  transition: box-shadow 0.15s cubic-bezier(0.22, 1, 0.36, 1);
}
.multi-select-container:focus, .multi-select-container:focus-within, .multi-select-container:focus-visible {
  border-color: var(--focus-outline);
  box-shadow: 0 0 0 0.1875rem var(--focus-ring);
  background-color: var(--field-focus-background-color);
}

.notifications-container {
  position: fixed;
  inset-block-end: calc(1.7142857143em + env(safe-area-inset-bottom));
  inset-inline-start: 50%;
  z-index: 1000;
  transform: translateX(-50%);
  filter: drop-shadow(var(--shadow-lifted));
}
[dir=rtl] .notifications-container {
  transform: translateX(50%);
}

.notifications-container {
  /* stylelint-disable-next-line scss/percent-placeholder-pattern */
}
.notifications-container:empty {
  display: none;
}

.notification {
  position: absolute;
  display: flex;
  inset-block-end: var(--top-custom);
  align-items: center;
  overflow: hidden;
  border-radius: var(--border-radius-lg);
  background-color: var(--background-invert);
  color: var(--text-invert);
  inline-size: max-content;
  max-inline-size: min(28.5714285714em, 100vw - 2em);
  padding-block: 0.5714285714em;
  padding-inline: 0.8571428571em 0.2857142857em;
  transform: translateX(-50%);
  transition: inset-block-end 0.35s cubic-bezier(0.5, 1, 0.89, 1);
}
[dir=rtl] .notification {
  transform: translateX(50%);
}

.notification .button {
  --button-default-text-color: inherit;
  --button-hover-text-color: inherit;
  --button-active-text-color: inherit;
  margin-block: -0.4285714286em;
}
.notification .link {
  color: inherit;
}
.notification__icon {
  margin-inline: 0 0.5714285714em;
  flex-shrink: 0;
}
.notification__content {
  display: flex;
  align-items: center;
  padding-inline-end: 0.5714285714em;
  word-break: break-word;
  hyphens: auto;
}
.notification__content > span {
  word-break: break-word;
  hyphens: auto;
}
.notification__content .notification__button {
  white-space: nowrap;
  align-self: center;
  margin-inline: 0.5714285714em -0.4285714286em;
  flex-shrink: 0;
}
.notification__content .notification__button + .notification__content .notification__button {
  margin-inline-start: 0.1428571429em;
}
.notification__content .circle-loader {
  flex-shrink: 0;
}
.notification__content .circle-loader:last-child, .notification__content .circle-loader:nth-last-child(2) {
  margin-inline-start: 0.5714285714em;
}
.notification__content .notification__button + .circle-loader {
  margin-inline-start: 1.1428571429em;
}
.notification:not(.notification--has-close-button) .notification__content .button {
  margin-inline-end: -0.5714285714em;
}
.notification__close-button {
  flex-shrink: 0;
}
.notification--in {
  animation-duration: 0.35s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-name: anime-notification-in;
}
.notification--out {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-name: anime-notification-out;
}
.notification--out-duplicate {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-name: anime-notification-out-duplicate;
}
.notification--error, .notification--warning {
  background-color: var(--signal-danger);
  color: var(--signal-danger-contrast);
}

@keyframes anime-notification-in {
  0% {
    opacity: 0;
    transform: translateY(60%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes anime-notification-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20%);
  }
}
@keyframes anime-notification-out-duplicate {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(0);
  }
}
.global-loader {
  z-index: 1000;
}

.overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr));
  grid-auto-flow: row dense;
  grid-gap: 1.25rem;
}
.overview-grid-item--tall {
  grid-row: span 2;
}
.overview-grid-item--full {
  grid-column: 1/-1;
}

.pill {
  background-color: var(--background-weak);
  text-shadow: none;
}
.pill.invalid {
  border-color: var(--signal-danger);
  color: var(--signal-danger);
}
.pill.invalid .composer-addresses-item-label {
  border-inline-end-color: currentcolor;
}

.progress-bar {
  background: var(--background-weak);
  color: var(--signal-info);
  appearance: none;
  block-size: 0.5em;
  border-radius: 0.25em;
}
.progress-bar::-webkit-progress-bar {
  border-radius: 0.25em;
}
.progress-bar::-webkit-progress-value {
  border-radius: 0.25em;
}
.progress-bar::-moz-progress-bar {
  border-radius: 0.25em;
}
.progress-bar::-webkit-progress-bar {
  background-color: var(--background-weak);
}
.progress-bar::-webkit-progress-value {
  background: var(--signal-info);
  -webkit-transition: 0.25s inline-size cubic-bezier(0.83, 0, 0.17, 1);
  transition: 0.25s inline-size cubic-bezier(0.83, 0, 0.17, 1);
}
.progress-bar::-moz-progress-bar {
  background: var(--signal-info);
  -moz-transition: 0.25s inline-size cubic-bezier(0.83, 0, 0.17, 1);
  transition: 0.25s inline-size cubic-bezier(0.83, 0, 0.17, 1);
}
.progress-bar::-ms-fill {
  border-color: currentcolor;
}
.progress-bar--norm {
  color: var(--interaction-norm);
}
.progress-bar--norm::-webkit-progress-value {
  background: var(--interaction-norm);
}
.progress-bar--norm::-moz-progress-bar {
  background: var(--interaction-norm);
}
.progress-bar--disabled {
  color: var(--background-strong);
}
.progress-bar--disabled::-webkit-progress-value {
  background: var(--background-strong);
}
.progress-bar--disabled::-moz-progress-bar {
  background: var(--background-strong);
}
.progress-bar--running {
  color: var(--signal-info);
}
.progress-bar--running::-webkit-progress-value {
  background: var(--signal-info);
}
.progress-bar--running::-moz-progress-bar {
  background: var(--signal-info);
}
.progress-bar--success {
  color: var(--signal-success);
}
.progress-bar--success::-webkit-progress-value {
  background: var(--signal-success);
}
.progress-bar--success::-moz-progress-bar {
  background: var(--signal-success);
}
.progress-bar--warning {
  color: var(--signal-warning);
}
.progress-bar--warning::-webkit-progress-value {
  background: var(--signal-warning);
}
.progress-bar--warning::-moz-progress-bar {
  background: var(--signal-warning);
}
.progress-bar--error {
  color: var(--signal-danger);
}
.progress-bar--error::-webkit-progress-value {
  background: var(--signal-danger);
}
.progress-bar--error::-moz-progress-bar {
  background: var(--signal-danger);
}
.progress-bar.is-thin {
  block-size: 0.25em;
  border-radius: 0.125em;
}
.progress-bar.is-thin::-webkit-progress-bar {
  border-radius: 0.125em;
}
.progress-bar.is-thin::-webkit-progress-value {
  border-radius: 0.125em;
}
.progress-bar.is-thin::-moz-progress-bar {
  border-radius: 0.125em;
}

.scrollshadow-sticky {
  position: sticky;
  display: block;
  block-size: 0.3125rem;
}
.scrollshadow-sticky--top {
  inset-block-start: 0;
  background-image: radial-gradient(farthest-side at 50% 0, var(--background-strong), transparent);
}
.scrollshadow-sticky--bottom {
  inset-block-end: 0;
  background-image: radial-gradient(farthest-side at 50% 100%, var(--background-strong), transparent);
}
.scrollshadow-static {
  position: absolute;
  display: block;
  inset-inline: 0;
  block-size: 0.3125rem;
  background: var(--background-norm);
}
.scrollshadow-static--top {
  inset-block-start: 0;
}
.scrollshadow-static--bottom {
  inset-block-end: 0;
}

.select-dropdown--togglable .dropdown-item [aria-current=true], .select-dropdown--togglable .dropdown-item [aria-current=true]:hover, .select-dropdown--togglable .dropdown-item [aria-current=true]:focus, .select-dropdown--togglable .dropdown-item [aria-current=true]:active, .select-dropdown--togglable .dropdown-item--is-selected, .select-dropdown--togglable .dropdown-item--is-selected:hover, .select-dropdown--togglable .dropdown-item--is-selected:focus, .select-dropdown--togglable .dropdown-item--is-selected:active {
  pointer-events: all;
}

.simple-table {
  border-collapse: collapse;
  border: 0;
  inline-size: 100%;
  --table-border-color: var(--border-norm);
  --table-padding: var(--space-2);
}
.simple-table-wrapper {
  inline-size: 100%;
  container-type: inline-size;
}
.simple-table--border-weak {
  --table-border-color: var(--border-weak);
}
.simple-table caption {
  transform: scale(0);
}
.simple-table td,
.simple-table th {
  padding: var(--table-padding);
  border-block-end: 1px solid var(--table-border-color);
}
.simple-table td.pl-0,
.simple-table th.pl-0 {
  padding-inline-start: 0;
}
.simple-table--no-inline-padding tr td:first-child,
.simple-table--no-inline-padding tr th:first-child {
  padding-inline-start: 0;
}
.simple-table--no-inline-padding tr td:last-child,
.simple-table--no-inline-padding tr th:last-child {
  padding-inline-end: 0;
}
.simple-table .show-when-stacked {
  display: none;
}
@container (max-width: 35rem) {
  .simple-table--responsive td {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
  }
  .simple-table--responsive thead {
    display: none;
  }
  .simple-table--responsive tr {
    display: block;
  }
}
@container (max-width: 35rem) {
  .simple-table--responsive-stacked tr {
    margin-block-end: var(--table-padding);
    border-block-end: 1px solid var(--table-border-color);
  }
  .simple-table--responsive-stacked td {
    padding-block-end: var(--table-padding);
  }
  .simple-table--responsive-stacked td.text-left-when-stacked {
    text-align: start;
  }
  .simple-table--responsive-stacked .show-when-stacked {
    display: block;
  }
  .simple-table--responsive-stacked .hide-when-stacked {
    display: none;
  }
  .simple-table--responsive-stacked .justify-start-when-stacked {
    justify-content: flex-start;
  }
}
.simple-table--last-row-no-border tr:last-child {
  margin-block-end: 0 !important;
  border-block-end: none !important;
}
.simple-table--last-row-no-border tr:last-child td {
  border-block-end: none !important;
}
@container (max-width: 35rem) {
  .simple-table--responsive-cards tr {
    padding: var(--space-3);
    border: 1px solid var(--table-border-color);
    border-radius: var(--border-radius-lg);
  }
  .simple-table--responsive-cards tr:not(:last-child) {
    margin-block-end: var(--space-3);
  }
  .simple-table--responsive-cards td:not(:last-child) {
    padding-block-end: var(--table-padding);
  }
}
.simple-table--responsive .simple-table__th-small {
  display: none;
}
@container (max-width: 35rem) {
  .simple-table--responsive .simple-table__th-small {
    display: flex;
    align-content: center;
    font-weight: var(--font-weight-medium);
    color: var(--text-weak);
    font-size: 0.86em;
    margin: 0;
  }
}
.simple-table th:not(.simple-table-row-th) {
  text-align: start;
}
.simple-table th:not(.simple-table-row-th).text-center {
  text-align: center;
}
.simple-table th:not(.simple-table-row-th).text-right {
  text-align: end;
}
.simple-table-row-th {
  font-weight: var(--font-weight-normal);
}
.simple-table {
  /* alternate bg for rows */
}
.simple-table--alternate-bg-row tbody tr:nth-child(odd) {
  background-color: var(--background-weak);
}
@media (hover: hover) {
  .simple-table--is-hoverable tbody tr:hover, .simple-table--is-hoverable tbody tr:focus-within {
    background-color: var(--interaction-default-hover);
  }
}
.simple-table tr.simple-table-sticky-row td,
.simple-table tr.simple-table-sticky-row th {
  position: sticky;
  inset-block-start: 0;
  background: var(--background-norm);
  z-index: 1;
}
.simple-table tr.simple-table-sticky-row td::after,
.simple-table tr.simple-table-sticky-row th::after {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline: 0;
  z-index: -1;
  block-size: 0.625rem;
  background: linear-gradient(to bottom, rgb(0, 0, 0, var(--shadow-norm-opacity)) 0%, transparent 100%);
  pointer-events: none;
  transition: opacity 0.125s ease-out;
}
.simple-table tr.simple-table-sticky-row.simple-table-sticky-row--is-on-top td::after,
.simple-table tr.simple-table-sticky-row.simple-table-sticky-row--is-on-top th::after {
  opacity: 0;
}
.simple-table {
  /* border-table */
}
.simple-table--border,
.simple-table--border th,
.simple-table--border td {
  border: 1px solid var(--table-border-color);
}
.simple-table--border-lines-rounded {
  border-spacing: 0;
  border-collapse: separate;
  --table-border-radius: var(--border-radius-xl);
  --table-spacing-x-global: var(--space-6);
  --table-spacing-x: var(--table-padding);
  --table-spacing-y: var(--space-4);
}
.simple-table--border-lines-rounded td,
.simple-table--border-lines-rounded th {
  border: 0;
}
.simple-table--border-lines-rounded tr:first-child td {
  border-block-start: 1px solid var(--table-border-color);
}
.simple-table--border-lines-rounded tr td:first-child {
  border-inline-start: 1px solid var(--table-border-color);
  padding-inline-start: var(--table-spacing-x-global);
}
.simple-table--border-lines-rounded tr td:last-child {
  border-inline-end: 1px solid var(--table-border-color);
  padding-inline-end: var(--table-spacing-x-global);
}
.simple-table--border-lines-rounded tr td {
  border-block-end: 1px solid var(--table-border-color);
  padding-inline: var(--table-spacing-x);
  padding-block: var(--table-spacing-y);
}
.simple-table--border-lines-rounded tr:first-child td:first-child {
  border-start-start-radius: var(--table-border-radius);
}
.simple-table--border-lines-rounded tr:first-child td:last-child {
  border-start-end-radius: var(--table-border-radius);
}
.simple-table--border-lines-rounded tr:last-child td:first-child {
  border-end-start-radius: var(--table-border-radius);
}
.simple-table--border-lines-rounded tr:last-child td:last-child {
  border-end-end-radius: var(--table-border-radius);
}
@container (max-width: 35rem) {
  .simple-table--border-lines-rounded.simple-table--responsive-cards tr td {
    border: 0;
    padding-block: 0 var(--table-padding);
    padding-inline: 0;
  }
  .simple-table--border-lines-rounded.simple-table--responsive-cards tr:last-child td {
    padding-block: 0;
  }
}
.simple-table--has-actions.simple-table--has-actions td:last-child,
.simple-table--has-actions.simple-table--has-actions th:last-child {
  text-align: end;
}
@container (max-width: 35rem) {
  .simple-table--responsive.simple-table--has-actions td:last-child,
  .simple-table--responsive.simple-table--has-actions th:last-child {
    text-align: start;
  }
}

.alternate-table-bg-row-rounded {
  border: 0;
  inline-size: 100%;
  border-spacing: 0;
}
.alternate-table-bg-row-rounded td,
.alternate-table-bg-row-rounded th {
  padding: var(--table-padding);
}
.alternate-table-bg-row-rounded {
  /* alternate bg for rows */
}
.alternate-table-bg-row-rounded tbody tr:nth-child(odd) > * {
  background-color: var(--background-weak);
}
.alternate-table-bg-row-rounded tbody tr:nth-child(odd) > :first-child {
  border-start-start-radius: var(--border-radius-lg);
  border-end-start-radius: var(--border-radius-lg);
}
.alternate-table-bg-row-rounded tbody tr:nth-child(odd) > :last-child {
  border-start-end-radius: var(--border-radius-lg);
  border-end-end-radius: var(--border-radius-lg);
}

.spotlight {
  position: fixed;
  z-index: 700;
  min-inline-size: 10em;
  max-inline-size: 25em;
  transform: scale(1);
  border-radius: var(--border-radius-md);
  background-color: var(--background-norm);
  box-shadow: var(--shadow-lifted);
  border: 1px solid var(--border-norm);
  text-align: start;
  word-break: break-word;
  animation: 0.15s ease-out both anime-spotlight-in;
}
.spotlight--is-above-modal {
  z-index: calc(900 + 1);
}
@keyframes anime-spotlight-in {
  from {
    transform: scale(0.75);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.spotlight.is-spotlight-out {
  animation-name: anime-spotlight-out;
}
@keyframes anime-spotlight-out {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.75);
    opacity: 0;
  }
}
.spotlight--top {
  transform-origin: bottom center;
}
.spotlight--top-start {
  transform-origin: bottom left;
}
.spotlight--top-end {
  transform-origin: bottom right;
}
.spotlight--bottom {
  transform-origin: top center;
}
.spotlight--bottom-start {
  transform-origin: top left;
}
.spotlight--bottom-end {
  transform-origin: top right;
}
.spotlight--left {
  transform-origin: right center;
}
.spotlight--left-end {
  transform-origin: right bottom;
}
.spotlight--left-start {
  transform-origin: right top;
}
.spotlight--right {
  transform-origin: left center;
}
.spotlight--right-end {
  transform-origin: left bottom;
}
.spotlight--right-start {
  transform-origin: left top;
}
.spotlight-inner {
  position: relative;
  z-index: 1;
  padding-block: 1em;
  padding-inline: 1.5em 3em;
  border-radius: var(--border-radius-md);
  color: var(--text-norm);
  background-color: var(--background-norm);
}
.spotlight-inner--center {
  padding-inline: 1.5em;
}
.spotlight-footer {
  padding-block: 1em;
  padding-inline: 1.5em 3em;
  background-color: var(--background-weak);
  border-block-start: 1px solid var(--border-weak);
  border-end-start-radius: var(--border-radius-md);
  border-end-end-radius: var(--border-radius-md);
}
.spotlight::before {
  content: "";
  position: absolute;
  z-index: 0;
  inline-size: 1em;
  block-size: 1em;
  transform: rotate(45deg);
  border: inherit;
  background-color: var(--background-norm);
  pointer-events: none;
}
.spotlight--top::before, .spotlight--top-start::before, .spotlight--top-end::before {
  inset-block-end: -0.5em;
}
.spotlight--bottom::before, .spotlight--bottom-start::before, .spotlight--bottom-end::before {
  inset-block-start: -0.5em;
}
.spotlight--right::before, .spotlight--right-start::before, .spotlight--right-end::before {
  inset-inline-start: -0.5em;
}
.spotlight--left::before, .spotlight--left-start::before, .spotlight--left-end::before {
  inset-inline-end: -0.5em;
}
.spotlight--top::before, .spotlight--bottom::before {
  inset-inline-start: calc(50% - 0.5em);
}
.spotlight--top-start::before, .spotlight--bottom-start::before {
  inset-inline-start: max(var(--arrow-offset, 0) - 0.5em + 0.5px, 0px);
}
.spotlight--top-end::before, .spotlight--bottom-end::before {
  inset-inline-end: max(var(--arrow-offset, 0) - 0.5em + 0.5px, 0px);
}
.spotlight--left::before, .spotlight--right::before {
  inset-block-start: calc(50% - 0.5em);
}
.spotlight--left-start::before, .spotlight--right-start::before {
  inset-block-start: max(var(--arrow-offset, 0) - 0.5em, 0px);
}
.spotlight--left-end::before, .spotlight--right-end::before {
  inset-block-end: max(var(--arrow-offset, 0) - 0.5em, 0px);
}
.spotlight-close {
  position: absolute;
  inset-block-start: 0.5em;
  inset-inline-end: 0.5em;
  z-index: 1;
}
.spotlight--no-side-radius.spotlight--top::before, .spotlight--no-side-radius.spotlight--top-start::before, .spotlight--no-side-radius.spotlight--top-end::before {
  border-block-start: 0;
  border-inline-start: 0;
}
.spotlight--no-side-radius.spotlight--bottom::before, .spotlight--no-side-radius.spotlight--bottom-start::before, .spotlight--no-side-radius.spotlight--bottom-end::before {
  border-block-end: 0;
  border-inline-end: 0;
}
.spotlight--no-side-radius.spotlight--top-end, .spotlight--no-side-radius.spotlight--top-end .spotlight-inner, .spotlight--no-side-radius.spotlight--left-end, .spotlight--no-side-radius.spotlight--left-end .spotlight-inner {
  border-end-end-radius: 0;
}
.spotlight--no-side-radius.spotlight--top-start, .spotlight--no-side-radius.spotlight--top-start .spotlight-inner, .spotlight--no-side-radius.spotlight--right-end, .spotlight--no-side-radius.spotlight--right-end .spotlight-inner {
  border-end-start-radius: 0;
}
.spotlight--no-side-radius.spotlight--bottom-start, .spotlight--no-side-radius.spotlight--bottom-start .spotlight-inner, .spotlight--no-side-radius.spotlight--right-start, .spotlight--no-side-radius.spotlight--right-start .spotlight-inner {
  border-start-start-radius: 0;
}
.spotlight--no-side-radius.spotlight--bottom-end, .spotlight--no-side-radius.spotlight--bottom-end .spotlight-inner, .spotlight--no-side-radius.spotlight--left-start, .spotlight--no-side-radius.spotlight--left-start .spotlight-inner {
  border-start-end-radius: 0;
}
.spotlight--with-illustration {
  max-inline-size: 28em;
}
.spotlight--large {
  max-inline-size: 30em;
}

.starbutton {
  /*
   * We need to override the color, no matter the specificity of the button
   * so we can use `!important` in this situation.
   * no focus state, only focus-visible
   */
}
.starbutton:focus-visible, .starbutton:hover, .starbutton--is-starred {
  color: var(--favorite-icon-color) !important;
}

.step-dots-item:not(:last-child) {
  margin-inline-end: 0.5em;
}
.step-dots-dot {
  inline-size: 0.5rem;
  block-size: 0.5rem;
  background-color: var(--interaction-weak);
  color: var(--text-norm);
  transition: background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.step-dots-dot:focus, .step-dots-dot:hover, .step-dots-dot:active {
  background-color: var(--interaction-norm);
  color: var(--interaction-norm-contrast);
}
.step-dots-dot[aria-selected=true] {
  background-color: var(--primary);
  color: var(--text-invert);
}

.container-section-sticky {
  padding-block: 0;
  padding-inline: 2em;
  inline-size: 100%;
  max-inline-size: 120ch;
  margin-inline: auto auto;
}
@media (min-width: 93.76em) {
  .container-section-sticky {
    max-inline-size: 75vw;
  }
}
.container-section-sticky--full-width {
  max-inline-size: none;
}
.container-section-sticky-section {
  margin-block-end: 5rem;
}
.container-section-sticky-section--single-calendar-section {
  margin-block-start: 3.8571428571em;
}
@media (max-width: 42.5em) {
  .container-section-sticky-section--single-calendar-section {
    margin-block-start: 0;
  }
}

/* trick for fixing anchor links */
.header-height-anchor {
  position: absolute;
  inset-block-start: -6.25rem;
}

@media (max-width: 42.5em) {
  .container-section-sticky-section {
    margin-block-end: 5rem;
  }
  .header-height-anchor {
    position: static;
    inset-block-start: 0;
  }
}
.topnav-link--blackfriday::before {
  content: "";
  position: absolute;
  inline-size: 0.4375rem;
  block-size: 0.4375rem;
  background: var(--signal-danger);
  border-radius: 50%;
  inset-inline-start: calc(1.09375rem + 0.9375rem);
  inset-block-start: calc(50% - 0.875rem);
}

.topnav-list > li:not(:last-child) {
  margin-inline-end: 0.25em;
  /* Decrease margins (was 1em) */
}
@media (max-width: 93.75em) {
  .topnav-list > li:not(:last-child) {
    margin-inline-end: 1px;
  }
}

.topnav-icon {
  margin-inline-end: 0.5em;
}

@media (max-width: 68.75em) {
  .topnav-vr {
    display: none;
  }
}

@media (max-width: 93.75em) {
  .topnav-list--four-elements .topnav-listItem:not(.topnav-listItem--noCollapse) .navigation-title {
    border: 0;
    clip: rect(0 0 0 0);
    block-size: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    inline-size: 1px;
  }
  .topnav-list--four-elements .topnav-listItem:not(.topnav-listItem--noCollapse) .topnav-icon {
    margin-inline-end: 0;
  }
  .topnav-list--four-elements .topnav-listItem:not(.topnav-listItem--noCollapse) .topnav-icon.expand-caret {
    margin-inline-start: 0.25em;
  }
}
@media (max-width: 103.125em) {
  [lang=hu] .topnav-list--four-elements .topnav-listItem:not(.topnav-listItem--noCollapse) .navigation-title {
    border: 0;
    clip: rect(0 0 0 0);
    block-size: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    inline-size: 1px;
  }
  [lang=hu] .topnav-list--four-elements .topnav-listItem:not(.topnav-listItem--noCollapse) .topnav-icon {
    margin-inline-end: 0;
  }
  [lang=hu] .topnav-list--four-elements .topnav-listItem:not(.topnav-listItem--noCollapse) .topnav-icon.expand-caret {
    margin-inline-start: 0.25em;
  }
}
@media (max-width: 65.625em) {
  [lang=hu] .topnav-list--four-elements .topnav-link {
    padding-inline: 0.3125rem;
  }
  [lang=hu] .topnav-list--four-elements .topnav-listItem:not(.topnav-listItem--noCollapse) .navigation-title {
    border: 0;
    clip: rect(0 0 0 0);
    block-size: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    inline-size: 1px;
  }
  [lang=hu] .topnav-list--four-elements .topnav-icon {
    margin-inline-end: 0;
  }
  [lang=hu] .topnav-list--four-elements .topnav-link--blackfriday::before {
    inset-inline-start: calc(0.3125rem + 0.9375rem);
  }
  [lang=hu] .topnav-list--four-elements .topnav-link--notification .notification-dot {
    inset-inline-end: 0.1em;
    inset-block-start: 0.1em;
  }
}

@media (max-width: 58.75em) {
  .topnav-list--four-elements .topnav-link {
    padding-inline: 0.3125rem;
  }
  .topnav-list--four-elements .topnav-listItem:not(.topnav-listItem--noCollapse) .navigation-title {
    border: 0;
    clip: rect(0 0 0 0);
    block-size: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    inline-size: 1px;
  }
  .topnav-list--four-elements .topnav-icon {
    margin-inline-end: 0;
  }
  .topnav-list--four-elements .topnav-link--blackfriday::before {
    inset-inline-start: calc(0.3125rem + 0.9375rem);
  }
  .topnav-list--four-elements .topnav-link--notification .notification-dot {
    inset-inline-end: 0.1em;
    inset-block-start: 0.1em;
  }
}
@media (max-width: 50em) {
  .topnav-link.topnav-link {
    padding-inline: 0.3125rem;
  }
  .topnav-listItem:not(.topnav-listItem--noCollapse) .navigation-title {
    border: 0;
    clip: rect(0 0 0 0);
    block-size: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    inline-size: 1px;
  }
  .topnav-icon.topnav-icon {
    margin-inline-end: 0;
  }
  .topnav-link--blackfriday::before {
    inset-inline-start: calc(0.3125rem + 0.9375rem);
  }
}
@media (max-width: 42.5em) {
  .topnav-icon.topnav-icon {
    inline-size: 1.5rem;
    block-size: 1.1875rem;
    margin-inline-end: 0;
  }
  .topnav-listItem:not(.topnav-listItem--noCollapse) .navigation-title {
    border: 0;
    clip: rect(0 0 0 0);
    block-size: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    inline-size: 1px;
  }
  .topnav-list--four-elements .topnav-link {
    padding-inline: 0.625rem;
  }
  .topnav-list--four-elements .topnav-link--blackfriday::before,
  .topnav-link--blackfriday::before {
    inset-inline-start: calc(0.625rem + 1.375rem);
    inset-block-start: calc(50% - 1.125rem);
  }
  .topnav-link--notification.topnav-link--notification .notification-dot {
    inset-inline-end: 0.15em;
    inset-block-start: 0.15em;
  }
}
@media (max-width: 28.125em) {
  .topnav-list--four-elements .topnav-link,
  .topnav-link {
    padding-inline: 0.125rem;
  }
  .topnav-list--four-elements .topnav-link--blackfriday::before,
  .topnav-link--blackfriday::before {
    inset-inline-start: calc(0.3125rem + 1.375rem);
  }
}
.treeview-item {
  border-block-end: 1px solid var(--border-norm);
  margin-block-end: -1px;
}
.treeview-item--move-inside::before, .treeview-item--move-top::before, .treeview-item--move-bottom::before {
  content: "";
  position: absolute;
}
.treeview-item--move-inside {
  background-color: var(--background-weak);
}
.treeview-item--move-inside::before {
  inset-inline-start: -0.5625rem;
  block-size: 0;
  inline-size: 0;
  border: 0.4375rem solid transparent;
  border-inline-start-color: var(--interaction-norm);
  border-inline-start-width: 0.5625rem;
}
.treeview-item--move-top::before, .treeview-item--move-bottom::before {
  inset-inline-start: -0.25rem;
  block-size: 0.5rem;
  inline-size: 0.5rem;
  border-radius: 50%;
  background: var(--interaction-norm);
}
.treeview-item--move-inside.treeview-item--self-grabbed::before {
  border-inline-start-color: var(--border-norm);
}
.treeview-item--move-top::before {
  inset-block-start: -0.25rem;
}
.treeview-item--move-bottom::before {
  inset-block-end: -0.25rem;
}
.treeview-item--move-top::after, .treeview-item--move-bottom::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  block-size: 1px;
  background: var(--interaction-norm);
}
.treeview-item--move-top::after {
  inset-block-start: 0;
}
.treeview-item--move-bottom::after {
  inset-block-end: -1px;
}
.treeview-item .treeview-item .treeview-item {
  padding-inline-start: 1.875rem;
}
.treeview-item .treeview-item .treeview-item.treeview-item--move-inside {
  background: linear-gradient(to right, transparent 0, transparent 1.875rem, var(--background-weak) 1.875rem);
}
.treeview-item .treeview-item .treeview-item.treeview-item--move-inside::before {
  inset-inline-start: calc(-0.5625rem + 1.875rem);
}
.treeview-item .treeview-item .treeview-item.treeview-item--move-top::before, .treeview-item .treeview-item .treeview-item.treeview-item--move-bottom::before {
  inset-inline-start: calc(-0.25rem + 1.875rem);
}
.treeview-item .treeview-item .treeview-item--move-top::after, .treeview-item .treeview-item .treeview-item--move-bottom::after {
  inset-inline-start: 1.875rem;
}

.user-initials.user-initials {
  min-inline-size: 1.75rem;
  min-block-size: 1.75rem;
}

.wizard {
  block-size: 0.375rem;
  display: flex;
}
.wizard-container {
  padding-inline-start: 0.125rem;
}
.wizard-marker {
  display: flex;
  inline-size: 1rem;
  block-size: 1rem;
  margin-inline-start: -1px;
  border-radius: 50%;
  position: relative;
  inset-block-start: -0.3125rem;
  background-image: radial-gradient(circle, var(--primary) 0, var(--primary) 0.1875rem, transparent 0.1875rem);
}
.wizard-marker-icon.wizard-marker-icon {
  fill: var(--primary-contrast);
}
.wizard-item {
  background: var(--background-strong);
  position: relative;
}
.wizard-item:not(:last-child) {
  flex: 1 1 0;
}
.wizard-item:first-child {
  background: none;
  background-image: linear-gradient(to left, var(--background-strong) 0, var(--background-strong) calc(100% - 0.1875rem), transparent calc(100% - 0.1875rem));
}
.wizard-item:last-child {
  background: none;
  background-image: linear-gradient(to right, var(--background-strong) 0, var(--background-strong) 50%, transparent 50%);
}
.wizard-item:last-child.is-complete::after {
  content: none;
}
.wizard-item.is-complete .wizard-marker {
  background-color: var(--primary);
  position: relative;
  inset-block-start: -0.3125rem;
}
.wizard-item[aria-current=step] .wizard-marker {
  background-image: radial-gradient(circle, var(--primary-contrast) 0, var(--primary-contrast) 0.1875rem, var(--primary) 0.1875rem);
}
.wizard-item.is-complete::before {
  content: "";
  background: var(--primary);
}
.wizard-item.is-complete::after {
  content: "";
  position: relative;
  display: block;
  inline-size: 100%;
  block-size: 0.375rem;
  inset-block-start: -1rem;
  background-color: var(--primary);
}
.wizard-label {
  flex: 1;
  text-align: center;
}
.wizard-label:first-child {
  text-align: start;
}
.wizard-label:last-child {
  text-align: end;
}
.wizard-label.is-complete {
  opacity: 0.5;
}
.wizard-label[aria-current=step] {
  font-size: 1em;
  font-weight: var(--font-weight-semibold);
}

/* stylelint-disable */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(var(--translate-y-from, 10px));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  animation: fadeInUp 0.4s ease-out;
  opacity: 0;
  animation-fill-mode: forwards; /* stays visible after animation */
}

@keyframes scaleFadeIn {
  from {
    opacity: 0;
    scale: 0;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
.scale-fade-in {
  animation: scaleFadeIn 0.15s cubic-bezier(0.5, 1, 0.89, 1);
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  animation: fadeIn 0.15s cubic-bezier(0.5, 1, 0.89, 1);
  animation-fill-mode: forwards;
}

:root {
  --transition-duration: 0.15s;
  --transition-easing: cubic-bezier(0.42, 0, 0.58, 1);
}

.transition-all {
  transition: all var(--transition-duration) var(--transition-easing);
}

.transition-spacings {
  transition: padding var(--transition-duration) var(--transition-easing), margin var(--transition-duration) var(--transition-easing), gap var(--transition-duration) var(--transition-easing);
}

.transition-margin {
  transition: margin var(--transition-duration) var(--transition-easing);
}

.transition-padding {
  transition: padding var(--transition-duration) var(--transition-easing);
}

.transition-gap {
  transition: gap var(--transition-duration) var(--transition-easing);
}

.unstyled {
  padding-inline-start: 0;
  list-style-type: none;
}

@media all {
  .columns-1 {
    column-count: 1;
  }
  .columns-2 {
    column-count: 2;
  }
}
@media (min-width: 28.135em) {
  .sm\:columns-1 {
    column-count: 1;
  }
  .sm\:columns-2 {
    column-count: 2;
  }
}
@media (min-width: 42.51em) {
  .md\:columns-1 {
    column-count: 1;
  }
  .md\:columns-2 {
    column-count: 2;
  }
}
@media (min-width: 56.885em) {
  .lg\:columns-1 {
    column-count: 1;
  }
  .lg\:columns-2 {
    column-count: 2;
  }
}
@media (min-width: 68.76em) {
  .xl\:columns-1 {
    column-count: 1;
  }
  .xl\:columns-2 {
    column-count: 2;
  }
}
@media (min-width: 93.76em) {
  .xxl\:columns-1 {
    column-count: 1;
  }
  .xxl\:columns-2 {
    column-count: 2;
  }
}
@supports (break-inside: avoid-column) {
  [class*=columns] > * {
    break-inside: avoid-column;
  }
}
@supports not (break-inside: avoid-column) {
  [class*=columns] > * {
    break-inside: avoid;
  }
}

.pointer-events-none,
.\*\:pointer-events-none * {
  pointer-events: none;
}

.icon-size-15, .icon-size-14, .icon-size-13, .icon-size-12, .icon-size-11, .icon-size-10, .icon-size-9, .icon-size-8, .icon-size-7, .icon-size-6, .icon-size-5\.5, .icon-size-5, .icon-size-4\.5, .icon-size-4, .icon-size-3\.5, .icon-size-3, .icon-size-2\.75, .icon-size-2\.5 {
  display: inline-block;
  vertical-align: middle;
  fill: currentcolor;
}

.icon-size-2\.5 {
  inline-size: 0.625rem;
  block-size: 0.625rem;
}

.icon-size-2\.75 {
  inline-size: 0.6875rem;
  block-size: 0.6875rem;
}

.icon-size-3 {
  inline-size: 0.75rem;
  block-size: 0.75rem;
}

.icon-size-3\.5 {
  inline-size: 0.875rem;
  block-size: 0.875rem;
}

.icon-size-4 {
  inline-size: 1rem;
  block-size: 1rem;
}

.icon-size-4\.5 {
  inline-size: 1.125rem;
  block-size: 1.125rem;
}

.icon-size-5 {
  inline-size: 1.25rem;
  block-size: 1.25rem;
}

.icon-size-5\.5 {
  inline-size: 1.375rem;
  block-size: 1.375rem;
}

.icon-size-6 {
  inline-size: 1.5rem;
  block-size: 1.5rem;
}

.icon-size-7 {
  inline-size: 1.75rem;
  block-size: 1.75rem;
}

.icon-size-8 {
  inline-size: 2rem;
  block-size: 2rem;
}

.icon-size-9 {
  inline-size: 2.25rem;
  block-size: 2.25rem;
}

.icon-size-10 {
  inline-size: 2.5rem;
  block-size: 2.5rem;
}

.icon-size-11 {
  inline-size: 2.75rem;
  block-size: 2.75rem;
}

.icon-size-12 {
  inline-size: 3rem;
  block-size: 3rem;
}

.icon-size-13 {
  inline-size: 3.25rem;
  block-size: 3.25rem;
}

.icon-size-14 {
  inline-size: 3.5rem;
  block-size: 3.5rem;
}

.icon-size-15 {
  inline-size: 3.75rem;
  block-size: 3.75rem;
}

.text-monospace {
  font-family: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
}

.text-tabular-nums {
  font-variant: tabular-nums;
}

@media all {
  .text-2xs {
    font-size: 0.6428571429em;
  }
  .text-xs {
    font-size: 0.7142857143em;
  }
  .text-sm {
    font-size: 0.8571428571em;
  }
  .text-rg {
    font-size: 1em;
  }
  .text-lg {
    font-size: 1.1428571429em;
  }
  .text-xl {
    font-size: 1.2857142857em;
  }
  .text-2xl {
    font-size: 1.4285714286em;
  }
  .text-3xl {
    font-size: 1.5714285714em;
  }
  .text-4xl {
    font-size: 1.7142857143em;
  }
  .text-5xl {
    font-size: 2em;
  }
  .text-6xl {
    font-size: 2.2857142857em;
  }
  .text-7xl {
    font-size: 2.5714285714em;
  }
}
@media (min-width: 28.135em) {
  .sm\:text-2xs {
    font-size: 0.6428571429em;
  }
  .sm\:text-xs {
    font-size: 0.7142857143em;
  }
  .sm\:text-sm {
    font-size: 0.8571428571em;
  }
  .sm\:text-rg {
    font-size: 1em;
  }
  .sm\:text-lg {
    font-size: 1.1428571429em;
  }
  .sm\:text-xl {
    font-size: 1.2857142857em;
  }
  .sm\:text-2xl {
    font-size: 1.4285714286em;
  }
  .sm\:text-3xl {
    font-size: 1.5714285714em;
  }
  .sm\:text-4xl {
    font-size: 1.7142857143em;
  }
  .sm\:text-5xl {
    font-size: 2em;
  }
  .sm\:text-6xl {
    font-size: 2.2857142857em;
  }
  .sm\:text-7xl {
    font-size: 2.5714285714em;
  }
}
@media (min-width: 42.51em) {
  .md\:text-2xs {
    font-size: 0.6428571429em;
  }
  .md\:text-xs {
    font-size: 0.7142857143em;
  }
  .md\:text-sm {
    font-size: 0.8571428571em;
  }
  .md\:text-rg {
    font-size: 1em;
  }
  .md\:text-lg {
    font-size: 1.1428571429em;
  }
  .md\:text-xl {
    font-size: 1.2857142857em;
  }
  .md\:text-2xl {
    font-size: 1.4285714286em;
  }
  .md\:text-3xl {
    font-size: 1.5714285714em;
  }
  .md\:text-4xl {
    font-size: 1.7142857143em;
  }
  .md\:text-5xl {
    font-size: 2em;
  }
  .md\:text-6xl {
    font-size: 2.2857142857em;
  }
  .md\:text-7xl {
    font-size: 2.5714285714em;
  }
}
@media (min-width: 56.885em) {
  .lg\:text-2xs {
    font-size: 0.6428571429em;
  }
  .lg\:text-xs {
    font-size: 0.7142857143em;
  }
  .lg\:text-sm {
    font-size: 0.8571428571em;
  }
  .lg\:text-rg {
    font-size: 1em;
  }
  .lg\:text-lg {
    font-size: 1.1428571429em;
  }
  .lg\:text-xl {
    font-size: 1.2857142857em;
  }
  .lg\:text-2xl {
    font-size: 1.4285714286em;
  }
  .lg\:text-3xl {
    font-size: 1.5714285714em;
  }
  .lg\:text-4xl {
    font-size: 1.7142857143em;
  }
  .lg\:text-5xl {
    font-size: 2em;
  }
  .lg\:text-6xl {
    font-size: 2.2857142857em;
  }
  .lg\:text-7xl {
    font-size: 2.5714285714em;
  }
}
@media (min-width: 68.76em) {
  .xl\:text-2xs {
    font-size: 0.6428571429em;
  }
  .xl\:text-xs {
    font-size: 0.7142857143em;
  }
  .xl\:text-sm {
    font-size: 0.8571428571em;
  }
  .xl\:text-rg {
    font-size: 1em;
  }
  .xl\:text-lg {
    font-size: 1.1428571429em;
  }
  .xl\:text-xl {
    font-size: 1.2857142857em;
  }
  .xl\:text-2xl {
    font-size: 1.4285714286em;
  }
  .xl\:text-3xl {
    font-size: 1.5714285714em;
  }
  .xl\:text-4xl {
    font-size: 1.7142857143em;
  }
  .xl\:text-5xl {
    font-size: 2em;
  }
  .xl\:text-6xl {
    font-size: 2.2857142857em;
  }
  .xl\:text-7xl {
    font-size: 2.5714285714em;
  }
}
@media (min-width: 93.76em) {
  .xxl\:text-2xs {
    font-size: 0.6428571429em;
  }
  .xxl\:text-xs {
    font-size: 0.7142857143em;
  }
  .xxl\:text-sm {
    font-size: 0.8571428571em;
  }
  .xxl\:text-rg {
    font-size: 1em;
  }
  .xxl\:text-lg {
    font-size: 1.1428571429em;
  }
  .xxl\:text-xl {
    font-size: 1.2857142857em;
  }
  .xxl\:text-2xl {
    font-size: 1.4285714286em;
  }
  .xxl\:text-3xl {
    font-size: 1.5714285714em;
  }
  .xxl\:text-4xl {
    font-size: 1.7142857143em;
  }
  .xxl\:text-5xl {
    font-size: 2em;
  }
  .xxl\:text-6xl {
    font-size: 2.2857142857em;
  }
  .xxl\:text-7xl {
    font-size: 2.5714285714em;
  }
}
.lh100 {
  line-height: 1;
}

.lh120 {
  line-height: 1.2;
}

.lh130 {
  line-height: 1.3;
}

.lh-rg {
  line-height: 1.4285714286;
}

/* Hyphenation: Thou shalt not pass (Moïse or Gandalf, don’t remember) */
.text-cut {
  word-break: break-word;
}

@supports (hyphens: auto) {
  .text-cut {
    word-break: normal;
    hyphens: auto;
  }
}
.link-focus {
  outline: 1px solid transparent;
  outline-offset: 0.0714285714em;
  border-radius: var(--border-radius-sm);
  transition: outline 0.15s cubic-bezier(0.5, 1, 0.89, 1);
}
.link-focus:focus-visible {
  outline-color: var(--focus-outline);
}

/* remove hyphenation if needed */
.text-no-cut {
  word-wrap: normal;
}

@supports (hyphens: auto) {
  .text-no-cut {
    hyphens: none;
  }
}
.text-break {
  word-break: break-word;
}

.text-break-all {
  word-break: break-all;
}

.text-hyphens {
  hyphens: auto;
}

@media all {
  .text-left {
    text-align: start;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: end;
  }
  .text-justify {
    text-align: justify;
  }
}
@media (min-width: 28.135em) {
  .sm\:text-left {
    text-align: start;
  }
  .sm\:text-center {
    text-align: center;
  }
  .sm\:text-right {
    text-align: end;
  }
  .sm\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 42.51em) {
  .md\:text-left {
    text-align: start;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-right {
    text-align: end;
  }
  .md\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 56.885em) {
  .lg\:text-left {
    text-align: start;
  }
  .lg\:text-center {
    text-align: center;
  }
  .lg\:text-right {
    text-align: end;
  }
  .lg\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 68.76em) {
  .xl\:text-left {
    text-align: start;
  }
  .xl\:text-center {
    text-align: center;
  }
  .xl\:text-right {
    text-align: end;
  }
  .xl\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 93.76em) {
  .xxl\:text-left {
    text-align: start;
  }
  .xxl\:text-center {
    text-align: center;
  }
  .xxl\:text-right {
    text-align: end;
  }
  .xxl\:text-justify {
    text-align: justify;
  }
}
.align-baseline {
  vertical-align: baseline;
}

.align-sub {
  vertical-align: sub;
}

.align-super {
  vertical-align: super;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.align-middle {
  vertical-align: middle;
}

.align-top {
  vertical-align: top;
}

.align-bottom {
  vertical-align: bottom;
}

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

.text-ellipsis-two-lines,
.text-ellipsis-four-lines {
  /* stylelint-disable-next-line */
  display: -webkit-box;
  /* stylelint-disable-next-line */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text-ellipsis-two-lines {
  -webkit-line-clamp: 2;
}

.text-ellipsis-four-lines {
  -webkit-line-clamp: 4;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-capitalize-block {
  text-transform: lowercase;
}
.text-capitalize-block::first-letter {
  text-transform: uppercase;
}

.text-strong,
.text-bold {
  font-weight: var(--font-weight-bold);
}

.text-normal,
.text-no-bold {
  font-weight: var(--font-weight-normal);
}

.text-semibold {
  font-weight: var(--font-weight-semibold);
}

.text-italic {
  font-style: italic;
}

.text-no-italic {
  font-style: normal;
}

.text-strike {
  text-decoration: line-through;
}

.text-pre {
  white-space: pre;
}

.text-pre-wrap {
  white-space: pre-wrap;
}

.text-pre-line {
  white-space: pre-line;
}

.text-no-wrap,
.text-nowrap {
  white-space: nowrap;
}

.text-wrap-balance {
  text-wrap: balance;
}

.text-no-decoration {
  text-decoration: none;
}

.text-underline {
  text-decoration: underline;
}

.text-underline-dashed {
  text-decoration: underline dashed;
}

.hover\:text-underline:hover, .hover\:text-underline:focus {
  text-decoration: underline;
}

.text-keep-space:empty::before {
  content: " ";
}

.user-select {
  -webkit-user-select: all;
          user-select: all;
}

.user-select-none {
  -webkit-user-select: none;
          user-select: none;
}

.bg-primary {
  background-color: var(--primary);
  color: var(--primary-contrast);
}
.bg-primary a,
.bg-primary .link,
.bg-primary .button-link,
.bg-primary [class*=button-ghost],
.bg-primary [class*=button-underline],
.bg-primary [class*=button-outline] {
  color: inherit;
}
.bg-primary [class*=button-outline] {
  --button-default-border-color: currentcolor;
  --button-hover-border-color: currentcolor;
  --button-active-border-color: currentcolor;
  --button-default-background-color: var(--primary);
  --button-hover-background-color: var(--primary-major-1);
  --button-active-background-color: var(--primary-major-2);
}

.color-primary {
  color: var(--primary);
}

.hover\:color-primary:hover, .hover\:color-primary:focus {
  color: var(--primary);
}

.fill-primary {
  fill: var(--primary);
}

.bg-primary-contrast {
  background-color: var(--signal-primary-contrast);
  color: var(--signal-primary-contrast-contrast);
}
.bg-primary-contrast a,
.bg-primary-contrast .link,
.bg-primary-contrast .button-link,
.bg-primary-contrast [class*=button-ghost],
.bg-primary-contrast [class*=button-underline],
.bg-primary-contrast [class*=button-outline] {
  color: inherit;
}
.bg-primary-contrast [class*=button-outline] {
  --button-default-border-color: currentcolor;
  --button-hover-border-color: currentcolor;
  --button-active-border-color: currentcolor;
  --button-default-background-color: var(--signal-primary-contrast);
  --button-hover-background-color: var(--signal-primary-contrast-major-1);
  --button-active-background-color: var(--signal-primary-contrast-major-2);
}

.color-primary-contrast {
  color: var(--signal-primary-contrast);
}

.hover\:color-primary-contrast:hover, .hover\:color-primary-contrast:focus {
  color: var(--signal-primary-contrast);
}

.fill-primary-contrast {
  fill: var(--signal-primary-contrast);
}

.bg-danger {
  background-color: var(--signal-danger);
  color: var(--signal-danger-contrast);
}
.bg-danger a,
.bg-danger .link,
.bg-danger .button-link,
.bg-danger [class*=button-ghost],
.bg-danger [class*=button-underline],
.bg-danger [class*=button-outline] {
  color: inherit;
}
.bg-danger [class*=button-outline] {
  --button-default-border-color: currentcolor;
  --button-hover-border-color: currentcolor;
  --button-active-border-color: currentcolor;
  --button-default-background-color: var(--signal-danger);
  --button-hover-background-color: var(--signal-danger-major-1);
  --button-active-background-color: var(--signal-danger-major-2);
}

.color-danger {
  color: var(--signal-danger);
}

.hover\:color-danger:hover, .hover\:color-danger:focus {
  color: var(--signal-danger);
}

.fill-danger {
  fill: var(--signal-danger);
}

.bg-warning {
  background-color: var(--signal-warning);
  color: var(--signal-warning-contrast);
}
.bg-warning a,
.bg-warning .link,
.bg-warning .button-link,
.bg-warning [class*=button-ghost],
.bg-warning [class*=button-underline],
.bg-warning [class*=button-outline] {
  color: inherit;
}
.bg-warning [class*=button-outline] {
  --button-default-border-color: currentcolor;
  --button-hover-border-color: currentcolor;
  --button-active-border-color: currentcolor;
  --button-default-background-color: var(--signal-warning);
  --button-hover-background-color: var(--signal-warning-major-1);
  --button-active-background-color: var(--signal-warning-major-2);
}

.color-warning {
  color: var(--signal-warning);
}

.hover\:color-warning:hover, .hover\:color-warning:focus {
  color: var(--signal-warning);
}

.fill-warning {
  fill: var(--signal-warning);
}

.bg-success {
  background-color: var(--signal-success);
  color: var(--signal-success-contrast);
}
.bg-success a,
.bg-success .link,
.bg-success .button-link,
.bg-success [class*=button-ghost],
.bg-success [class*=button-underline],
.bg-success [class*=button-outline] {
  color: inherit;
}
.bg-success [class*=button-outline] {
  --button-default-border-color: currentcolor;
  --button-hover-border-color: currentcolor;
  --button-active-border-color: currentcolor;
  --button-default-background-color: var(--signal-success);
  --button-hover-background-color: var(--signal-success-major-1);
  --button-active-background-color: var(--signal-success-major-2);
}

.color-success {
  color: var(--signal-success);
}

.hover\:color-success:hover, .hover\:color-success:focus {
  color: var(--signal-success);
}

.fill-success {
  fill: var(--signal-success);
}

.bg-info {
  background-color: var(--signal-info);
  color: var(--signal-info-contrast);
}
.bg-info a,
.bg-info .link,
.bg-info .button-link,
.bg-info [class*=button-ghost],
.bg-info [class*=button-underline],
.bg-info [class*=button-outline] {
  color: inherit;
}
.bg-info [class*=button-outline] {
  --button-default-border-color: currentcolor;
  --button-hover-border-color: currentcolor;
  --button-active-border-color: currentcolor;
  --button-default-background-color: var(--signal-info);
  --button-hover-background-color: var(--signal-info-major-1);
  --button-active-background-color: var(--signal-info-major-2);
}

.color-info {
  color: var(--signal-info);
}

.hover\:color-info:hover, .hover\:color-info:focus {
  color: var(--signal-info);
}

.fill-info {
  fill: var(--signal-info);
}

.bg-norm,
.odd\:bg-norm > *:nth-child(odd),
.even\:bg-norm > *:nth-child(even) {
  background-color: var(--background-norm);
}

.bg-weak,
.odd\:bg-weak > *:nth-child(odd),
.even\:bg-weak > *:nth-child(even) {
  background-color: var(--background-weak);
}

.bg-strong,
.odd\:bg-strong > *:nth-child(odd),
.even\:bg-strong > *:nth-child(even) {
  background-color: var(--background-strong);
}

.bg-elevated,
.odd\:bg-elevated > *:nth-child(odd),
.even\:bg-elevated > *:nth-child(even) {
  background-color: var(--background-elevated);
}

.bg-lowered,
.odd\:bg-lowered > *:nth-child(odd),
.even\:bg-lowered > *:nth-child(even) {
  background-color: var(--background-lowered);
}

.color-norm {
  color: var(--text-norm);
}

.hover\:color-norm:hover, .hover\:color-norm:focus {
  color: var(--text-norm);
}

.color-weak {
  color: var(--text-weak);
}

.hover\:color-weak:hover, .hover\:color-weak:focus {
  color: var(--text-weak);
}

.color-hint {
  color: var(--text-hint);
}

.hover\:color-hint:hover, .hover\:color-hint:focus {
  color: var(--text-hint);
}

.color-disabled {
  color: var(--text-disabled);
}

.hover\:color-disabled:hover, .hover\:color-disabled:focus {
  color: var(--text-disabled);
}

.color-invert {
  color: var(--text-invert);
}

.hover\:color-invert:hover, .hover\:color-invert:focus {
  color: var(--text-invert);
}

.color-inherit {
  color: inherit;
}
.color-inherit:is(a, .link, .button-link, [class*=button-ghost], [class*=button-underline], [class*=button-outline]):hover, .color-inherit:is(a, .link, .button-link, [class*=button-ghost], [class*=button-underline], [class*=button-outline]):focus, .color-inherit:is(a, .link, .button-link, [class*=button-ghost], [class*=button-underline], [class*=button-outline]):active {
  color: inherit;
}

.fill-currentcolor {
  fill: currentcolor;
}

.bg-transparent.bg-transparent {
  background-color: transparent;
}

.no-dark-mode {
  color-scheme: only light;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-overlay {
  overflow: auto;
  overflow: overlay;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-none {
  overflow-x: hidden;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

.resize-none {
  resize: none;
}

.float-left {
  float: inline-start;
}

.float-right {
  float: inline-end;
}

.clear {
  clear: both;
}

.\*\:flex > * {
  display: flex;
}

@media all {
  .block {
    display: block;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .flex {
    display: flex;
    flex-wrap: wrap;
  }
  .inline-flex {
    display: inline-flex;
    flex-wrap: wrap;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .table-cell {
    display: table-cell;
  }
}
@media (min-width: 28.135em) {
  .sm\:block {
    display: block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:flex {
    display: flex;
    flex-wrap: wrap;
  }
  .sm\:inline-flex {
    display: inline-flex;
    flex-wrap: wrap;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:table-cell {
    display: table-cell;
  }
}
@media (min-width: 42.51em) {
  .md\:block {
    display: block;
  }
  .md\:inline {
    display: inline;
  }
  .md\:inline-block {
    display: inline-block;
  }
  .md\:flex {
    display: flex;
    flex-wrap: wrap;
  }
  .md\:inline-flex {
    display: inline-flex;
    flex-wrap: wrap;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:table-cell {
    display: table-cell;
  }
}
@media (min-width: 56.885em) {
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:inline-block {
    display: inline-block;
  }
  .lg\:flex {
    display: flex;
    flex-wrap: wrap;
  }
  .lg\:inline-flex {
    display: inline-flex;
    flex-wrap: wrap;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:table-cell {
    display: table-cell;
  }
}
@media (min-width: 68.76em) {
  .xl\:block {
    display: block;
  }
  .xl\:inline {
    display: inline;
  }
  .xl\:inline-block {
    display: inline-block;
  }
  .xl\:flex {
    display: flex;
    flex-wrap: wrap;
  }
  .xl\:inline-flex {
    display: inline-flex;
    flex-wrap: wrap;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:table-cell {
    display: table-cell;
  }
}
@media (min-width: 93.76em) {
  .xxl\:block {
    display: block;
  }
  .xxl\:inline {
    display: inline;
  }
  .xxl\:inline-block {
    display: inline-block;
  }
  .xxl\:flex {
    display: flex;
    flex-wrap: wrap;
  }
  .xxl\:inline-flex {
    display: inline-flex;
    flex-wrap: wrap;
  }
  .xxl\:grid {
    display: grid;
  }
  .xxl\:hidden {
    display: none;
  }
  .xxl\:table-cell {
    display: table-cell;
  }
}
.flex > *,
.sm\:flex > *,
.md\:flex > *,
.lg\:flex > *,
.xl\:flex > * {
  min-block-size: 0;
  min-inline-size: 0;
}

.display-contents {
  display: contents;
}

/* table-design in CSS */
.row {
  display: table;
  table-layout: fixed;
}

.inline-row {
  display: inline-table;
  table-layout: fixed;
}

.line {
  display: table-row;
}

.col {
  display: table-cell;
  vertical-align: top;
}

.col-no-align {
  display: table-cell;
}

[hidden],
.empty\:hidden:empty {
  display: none;
}

.group-hover-hide-container:focus-within .group-hover\:hidden, .group-hover-hide-container:hover .group-hover\:hidden {
  display: none;
}

@media all {
  .static {
    position: static;
  }
  .relative {
    position: relative;
  }
  .absolute {
    position: absolute;
    z-index: 1;
  }
  .sticky {
    position: sticky;
    z-index: 1;
  }
  .fixed {
    position: fixed;
  }
}
@media (min-width: 28.135em) {
  .sm\:static {
    position: static;
  }
  .sm\:relative {
    position: relative;
  }
  .sm\:absolute {
    position: absolute;
    z-index: 1;
  }
  .sm\:sticky {
    position: sticky;
    z-index: 1;
  }
  .sm\:fixed {
    position: fixed;
  }
}
@media (min-width: 42.51em) {
  .md\:static {
    position: static;
  }
  .md\:relative {
    position: relative;
  }
  .md\:absolute {
    position: absolute;
    z-index: 1;
  }
  .md\:sticky {
    position: sticky;
    z-index: 1;
  }
  .md\:fixed {
    position: fixed;
  }
}
@media (min-width: 56.885em) {
  .lg\:static {
    position: static;
  }
  .lg\:relative {
    position: relative;
  }
  .lg\:absolute {
    position: absolute;
    z-index: 1;
  }
  .lg\:sticky {
    position: sticky;
    z-index: 1;
  }
  .lg\:fixed {
    position: fixed;
  }
}
@media (min-width: 68.76em) {
  .xl\:static {
    position: static;
  }
  .xl\:relative {
    position: relative;
  }
  .xl\:absolute {
    position: absolute;
    z-index: 1;
  }
  .xl\:sticky {
    position: sticky;
    z-index: 1;
  }
  .xl\:fixed {
    position: fixed;
  }
}
@media (min-width: 93.76em) {
  .xxl\:static {
    position: static;
  }
  .xxl\:relative {
    position: relative;
  }
  .xxl\:absolute {
    position: absolute;
    z-index: 1;
  }
  .xxl\:sticky {
    position: sticky;
    z-index: 1;
  }
  .xxl\:fixed {
    position: fixed;
  }
}
.inset-0 {
  inset: 0;
}

.inset-center {
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}
[dir=rtl] .inset-center {
  transform: translate(50%, -50%);
}

.inset-x-center {
  inset-inline-start: 50%;
  transform: translate(-50%, 0%);
}
[dir=rtl] .inset-x-center {
  transform: translate(50%, 0%);
}

.inset-y-center {
  inset-block-start: 50%;
  transform: translateY(-50%);
}

.top-0 {
  inset-block-start: 0;
}

.bottom-0 {
  inset-block-end: 0;
}

.left-0,
.start-0 {
  inset-inline-start: 0;
}

.right-0,
.end-0 {
  inset-inline-end: 0;
}

.top-custom {
  inset-block-start: var(--top-custom);
}

.bottom-custom {
  inset-block-end: var(--bottom-custom);
}

.left-custom {
  inset-inline-start: var(--left-custom);
}

.start-custom {
  inset-inline-start: var(--start-custom);
}

.right-custom {
  inset-inline-end: var(--right-custom);
}

.end-custom {
  inset-inline-end: var(--end-custom);
}

.inset-custom {
  inset: var(--inset-custom);
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-up {
  z-index: 10;
}

.z-dropzone {
  z-index: 100;
}

.z-floating-action-buttons {
  z-index: 200;
}

.z-drawer {
  z-index: 300;
}

.z-floating-frames {
  z-index: 400;
}

.z-previewer {
  z-index: 500;
}

.z-transfer-manager {
  z-index: 600;
}

.z-spotlights {
  z-index: 700;
}

.z-mobile-navigation {
  z-index: 800;
}

.z-modals {
  z-index: 900;
}

.z-notifications {
  z-index: 1000;
}

.z-tooltips {
  z-index: 1100;
}

.z-custom {
  z-index: var(--z-custom);
}

.\*\:min-size-auto > * {
  min-block-size: auto;
  min-inline-size: auto;
}

@media all {
  .min-w-0 {
    min-inline-size: 0rem;
  }
  .min-w-px {
    min-inline-size: 1px;
  }
  .min-w-2 {
    min-inline-size: 0.5rem;
  }
  .min-w-4 {
    min-inline-size: 1rem;
  }
  .min-w-6 {
    min-inline-size: 1.25rem;
  }
  .min-w-full {
    min-inline-size: 100%;
  }
  .min-w-fit-content {
    min-inline-size: fit-content;
  }
  .min-w-1\/2 {
    min-inline-size: 50%;
  }
  .min-w-1\/3 {
    min-inline-size: 33.3333333333%;
  }
  .min-w-2\/3 {
    min-inline-size: 66.6666666667%;
  }
  .min-w-1\/4 {
    min-inline-size: 25%;
  }
  .min-w-2\/4 {
    min-inline-size: 50%;
  }
  .min-w-3\/4 {
    min-inline-size: 75%;
  }
  .min-w-1\/5 {
    min-inline-size: 20%;
  }
  .min-w-2\/5 {
    min-inline-size: 40%;
  }
  .min-w-3\/5 {
    min-inline-size: 60%;
  }
  .min-w-4\/5 {
    min-inline-size: 80%;
  }
  .min-w-1\/6 {
    min-inline-size: 16.6666666667%;
  }
  .min-w-2\/6 {
    min-inline-size: 33.3333333333%;
  }
  .min-w-3\/6 {
    min-inline-size: 50%;
  }
  .min-w-4\/6 {
    min-inline-size: 66.6666666667%;
  }
  .min-w-5\/6 {
    min-inline-size: 83.3333333333%;
  }
  .min-w-1\/10 {
    min-inline-size: 10%;
  }
  .min-w-2\/10 {
    min-inline-size: 20%;
  }
  .min-w-3\/10 {
    min-inline-size: 30%;
  }
  .min-w-4\/10 {
    min-inline-size: 40%;
  }
  .min-w-5\/10 {
    min-inline-size: 50%;
  }
  .min-w-6\/10 {
    min-inline-size: 60%;
  }
  .min-w-7\/10 {
    min-inline-size: 70%;
  }
  .min-w-8\/10 {
    min-inline-size: 80%;
  }
  .min-w-9\/10 {
    min-inline-size: 90%;
  }
  .min-w-custom {
    min-inline-size: var(--min-w-custom);
  }
  .w-0 {
    inline-size: 0rem;
  }
  .w-px {
    inline-size: 1px;
  }
  .w-2 {
    inline-size: 0.5rem;
  }
  .w-4 {
    inline-size: 1rem;
  }
  .w-6 {
    inline-size: 1.25rem;
  }
  .w-full {
    inline-size: 100%;
  }
  .w-auto {
    inline-size: auto;
  }
  .w-fit-content {
    inline-size: fit-content;
  }
  .w-1\/2 {
    inline-size: 50%;
  }
  .w-1\/3 {
    inline-size: 33.3333333333%;
  }
  .w-2\/3 {
    inline-size: 66.6666666667%;
  }
  .w-1\/4 {
    inline-size: 25%;
  }
  .w-2\/4 {
    inline-size: 50%;
  }
  .w-3\/4 {
    inline-size: 75%;
  }
  .w-1\/5 {
    inline-size: 20%;
  }
  .w-2\/5 {
    inline-size: 40%;
  }
  .w-3\/5 {
    inline-size: 60%;
  }
  .w-4\/5 {
    inline-size: 80%;
  }
  .w-1\/6 {
    inline-size: 16.6666666667%;
  }
  .w-2\/6 {
    inline-size: 33.3333333333%;
  }
  .w-3\/6 {
    inline-size: 50%;
  }
  .w-4\/6 {
    inline-size: 66.6666666667%;
  }
  .w-5\/6 {
    inline-size: 83.3333333333%;
  }
  .w-1\/10 {
    inline-size: 10%;
  }
  .w-2\/10 {
    inline-size: 20%;
  }
  .w-3\/10 {
    inline-size: 30%;
  }
  .w-4\/10 {
    inline-size: 40%;
  }
  .w-5\/10 {
    inline-size: 50%;
  }
  .w-6\/10 {
    inline-size: 60%;
  }
  .w-7\/10 {
    inline-size: 70%;
  }
  .w-8\/10 {
    inline-size: 80%;
  }
  .w-9\/10 {
    inline-size: 90%;
  }
  .w-custom {
    inline-size: var(--w-custom);
  }
  .max-w-0 {
    max-inline-size: 0rem;
  }
  .max-w-px {
    max-inline-size: 1px;
  }
  .max-w-2 {
    max-inline-size: 0.5rem;
  }
  .max-w-4 {
    max-inline-size: 1rem;
  }
  .max-w-6 {
    max-inline-size: 1.25rem;
  }
  .max-w-full {
    max-inline-size: 100%;
  }
  .max-w-fit-content {
    max-inline-size: fit-content;
  }
  .max-w-none {
    max-inline-size: none;
  }
  .max-w-1\/2 {
    max-inline-size: 50%;
  }
  .max-w-1\/3 {
    max-inline-size: 33.3333333333%;
  }
  .max-w-2\/3 {
    max-inline-size: 66.6666666667%;
  }
  .max-w-1\/4 {
    max-inline-size: 25%;
  }
  .max-w-2\/4 {
    max-inline-size: 50%;
  }
  .max-w-3\/4 {
    max-inline-size: 75%;
  }
  .max-w-1\/5 {
    max-inline-size: 20%;
  }
  .max-w-2\/5 {
    max-inline-size: 40%;
  }
  .max-w-3\/5 {
    max-inline-size: 60%;
  }
  .max-w-4\/5 {
    max-inline-size: 80%;
  }
  .max-w-1\/6 {
    max-inline-size: 16.6666666667%;
  }
  .max-w-2\/6 {
    max-inline-size: 33.3333333333%;
  }
  .max-w-3\/6 {
    max-inline-size: 50%;
  }
  .max-w-4\/6 {
    max-inline-size: 66.6666666667%;
  }
  .max-w-5\/6 {
    max-inline-size: 83.3333333333%;
  }
  .max-w-1\/10 {
    max-inline-size: 10%;
  }
  .max-w-2\/10 {
    max-inline-size: 20%;
  }
  .max-w-3\/10 {
    max-inline-size: 30%;
  }
  .max-w-4\/10 {
    max-inline-size: 40%;
  }
  .max-w-5\/10 {
    max-inline-size: 50%;
  }
  .max-w-6\/10 {
    max-inline-size: 60%;
  }
  .max-w-7\/10 {
    max-inline-size: 70%;
  }
  .max-w-8\/10 {
    max-inline-size: 80%;
  }
  .max-w-9\/10 {
    max-inline-size: 90%;
  }
  .max-w-custom {
    max-inline-size: var(--max-w-custom);
  }
  .min-h-0 {
    min-block-size: 0rem;
  }
  .min-h-px {
    min-block-size: 1px;
  }
  .min-h-2 {
    min-block-size: 0.5rem;
  }
  .min-h-4 {
    min-block-size: 1rem;
  }
  .min-h-6 {
    min-block-size: 1.25rem;
  }
  .min-h-full {
    min-block-size: 100%;
  }
  .min-h-fit-content {
    min-block-size: fit-content;
  }
  .min-h-custom {
    min-block-size: var(--min-h-custom);
  }
  .h-0 {
    block-size: 0rem;
  }
  .h-px {
    block-size: 1px;
  }
  .h-2 {
    block-size: 0.5rem;
  }
  .h-4 {
    block-size: 1rem;
  }
  .h-6 {
    block-size: 1.25rem;
  }
  .h-full {
    block-size: 100%;
  }
  .h-auto {
    block-size: auto;
  }
  .h-fit-content {
    block-size: fit-content;
  }
  .h-custom {
    block-size: var(--h-custom);
  }
  .max-h-0 {
    max-block-size: 0rem;
  }
  .max-h-px {
    max-block-size: 1px;
  }
  .max-h-2 {
    max-block-size: 0.5rem;
  }
  .max-h-4 {
    max-block-size: 1rem;
  }
  .max-h-6 {
    max-block-size: 1.25rem;
  }
  .max-h-full {
    max-block-size: 100%;
  }
  .max-h-fit-content {
    max-block-size: fit-content;
  }
  .max-h-none {
    max-block-size: none;
  }
  .max-h-custom {
    max-block-size: var(--max-h-custom);
  }
}
@media (min-width: 28.135em) {
  .sm\:min-w-0 {
    min-inline-size: 0rem;
  }
  .sm\:min-w-px {
    min-inline-size: 1px;
  }
  .sm\:min-w-2 {
    min-inline-size: 0.5rem;
  }
  .sm\:min-w-4 {
    min-inline-size: 1rem;
  }
  .sm\:min-w-6 {
    min-inline-size: 1.25rem;
  }
  .sm\:min-w-full {
    min-inline-size: 100%;
  }
  .sm\:min-w-fit-content {
    min-inline-size: fit-content;
  }
  .sm\:min-w-1\/2 {
    min-inline-size: 50%;
  }
  .sm\:min-w-1\/3 {
    min-inline-size: 33.3333333333%;
  }
  .sm\:min-w-2\/3 {
    min-inline-size: 66.6666666667%;
  }
  .sm\:min-w-1\/4 {
    min-inline-size: 25%;
  }
  .sm\:min-w-2\/4 {
    min-inline-size: 50%;
  }
  .sm\:min-w-3\/4 {
    min-inline-size: 75%;
  }
  .sm\:min-w-1\/5 {
    min-inline-size: 20%;
  }
  .sm\:min-w-2\/5 {
    min-inline-size: 40%;
  }
  .sm\:min-w-3\/5 {
    min-inline-size: 60%;
  }
  .sm\:min-w-4\/5 {
    min-inline-size: 80%;
  }
  .sm\:min-w-1\/6 {
    min-inline-size: 16.6666666667%;
  }
  .sm\:min-w-2\/6 {
    min-inline-size: 33.3333333333%;
  }
  .sm\:min-w-3\/6 {
    min-inline-size: 50%;
  }
  .sm\:min-w-4\/6 {
    min-inline-size: 66.6666666667%;
  }
  .sm\:min-w-5\/6 {
    min-inline-size: 83.3333333333%;
  }
  .sm\:min-w-1\/10 {
    min-inline-size: 10%;
  }
  .sm\:min-w-2\/10 {
    min-inline-size: 20%;
  }
  .sm\:min-w-3\/10 {
    min-inline-size: 30%;
  }
  .sm\:min-w-4\/10 {
    min-inline-size: 40%;
  }
  .sm\:min-w-5\/10 {
    min-inline-size: 50%;
  }
  .sm\:min-w-6\/10 {
    min-inline-size: 60%;
  }
  .sm\:min-w-7\/10 {
    min-inline-size: 70%;
  }
  .sm\:min-w-8\/10 {
    min-inline-size: 80%;
  }
  .sm\:min-w-9\/10 {
    min-inline-size: 90%;
  }
  .sm\:min-w-custom {
    min-inline-size: var(--sm-min-w-custom);
  }
  .sm\:w-0 {
    inline-size: 0rem;
  }
  .sm\:w-px {
    inline-size: 1px;
  }
  .sm\:w-2 {
    inline-size: 0.5rem;
  }
  .sm\:w-4 {
    inline-size: 1rem;
  }
  .sm\:w-6 {
    inline-size: 1.25rem;
  }
  .sm\:w-full {
    inline-size: 100%;
  }
  .sm\:w-auto {
    inline-size: auto;
  }
  .sm\:w-fit-content {
    inline-size: fit-content;
  }
  .sm\:w-1\/2 {
    inline-size: 50%;
  }
  .sm\:w-1\/3 {
    inline-size: 33.3333333333%;
  }
  .sm\:w-2\/3 {
    inline-size: 66.6666666667%;
  }
  .sm\:w-1\/4 {
    inline-size: 25%;
  }
  .sm\:w-2\/4 {
    inline-size: 50%;
  }
  .sm\:w-3\/4 {
    inline-size: 75%;
  }
  .sm\:w-1\/5 {
    inline-size: 20%;
  }
  .sm\:w-2\/5 {
    inline-size: 40%;
  }
  .sm\:w-3\/5 {
    inline-size: 60%;
  }
  .sm\:w-4\/5 {
    inline-size: 80%;
  }
  .sm\:w-1\/6 {
    inline-size: 16.6666666667%;
  }
  .sm\:w-2\/6 {
    inline-size: 33.3333333333%;
  }
  .sm\:w-3\/6 {
    inline-size: 50%;
  }
  .sm\:w-4\/6 {
    inline-size: 66.6666666667%;
  }
  .sm\:w-5\/6 {
    inline-size: 83.3333333333%;
  }
  .sm\:w-1\/10 {
    inline-size: 10%;
  }
  .sm\:w-2\/10 {
    inline-size: 20%;
  }
  .sm\:w-3\/10 {
    inline-size: 30%;
  }
  .sm\:w-4\/10 {
    inline-size: 40%;
  }
  .sm\:w-5\/10 {
    inline-size: 50%;
  }
  .sm\:w-6\/10 {
    inline-size: 60%;
  }
  .sm\:w-7\/10 {
    inline-size: 70%;
  }
  .sm\:w-8\/10 {
    inline-size: 80%;
  }
  .sm\:w-9\/10 {
    inline-size: 90%;
  }
  .sm\:w-custom {
    inline-size: var(--sm-w-custom);
  }
  .sm\:max-w-0 {
    max-inline-size: 0rem;
  }
  .sm\:max-w-px {
    max-inline-size: 1px;
  }
  .sm\:max-w-2 {
    max-inline-size: 0.5rem;
  }
  .sm\:max-w-4 {
    max-inline-size: 1rem;
  }
  .sm\:max-w-6 {
    max-inline-size: 1.25rem;
  }
  .sm\:max-w-full {
    max-inline-size: 100%;
  }
  .sm\:max-w-fit-content {
    max-inline-size: fit-content;
  }
  .sm\:max-w-none {
    max-inline-size: none;
  }
  .sm\:max-w-1\/2 {
    max-inline-size: 50%;
  }
  .sm\:max-w-1\/3 {
    max-inline-size: 33.3333333333%;
  }
  .sm\:max-w-2\/3 {
    max-inline-size: 66.6666666667%;
  }
  .sm\:max-w-1\/4 {
    max-inline-size: 25%;
  }
  .sm\:max-w-2\/4 {
    max-inline-size: 50%;
  }
  .sm\:max-w-3\/4 {
    max-inline-size: 75%;
  }
  .sm\:max-w-1\/5 {
    max-inline-size: 20%;
  }
  .sm\:max-w-2\/5 {
    max-inline-size: 40%;
  }
  .sm\:max-w-3\/5 {
    max-inline-size: 60%;
  }
  .sm\:max-w-4\/5 {
    max-inline-size: 80%;
  }
  .sm\:max-w-1\/6 {
    max-inline-size: 16.6666666667%;
  }
  .sm\:max-w-2\/6 {
    max-inline-size: 33.3333333333%;
  }
  .sm\:max-w-3\/6 {
    max-inline-size: 50%;
  }
  .sm\:max-w-4\/6 {
    max-inline-size: 66.6666666667%;
  }
  .sm\:max-w-5\/6 {
    max-inline-size: 83.3333333333%;
  }
  .sm\:max-w-1\/10 {
    max-inline-size: 10%;
  }
  .sm\:max-w-2\/10 {
    max-inline-size: 20%;
  }
  .sm\:max-w-3\/10 {
    max-inline-size: 30%;
  }
  .sm\:max-w-4\/10 {
    max-inline-size: 40%;
  }
  .sm\:max-w-5\/10 {
    max-inline-size: 50%;
  }
  .sm\:max-w-6\/10 {
    max-inline-size: 60%;
  }
  .sm\:max-w-7\/10 {
    max-inline-size: 70%;
  }
  .sm\:max-w-8\/10 {
    max-inline-size: 80%;
  }
  .sm\:max-w-9\/10 {
    max-inline-size: 90%;
  }
  .sm\:max-w-custom {
    max-inline-size: var(--sm-max-w-custom);
  }
  .sm\:min-h-0 {
    min-block-size: 0rem;
  }
  .sm\:min-h-px {
    min-block-size: 1px;
  }
  .sm\:min-h-2 {
    min-block-size: 0.5rem;
  }
  .sm\:min-h-4 {
    min-block-size: 1rem;
  }
  .sm\:min-h-6 {
    min-block-size: 1.25rem;
  }
  .sm\:min-h-full {
    min-block-size: 100%;
  }
  .sm\:min-h-fit-content {
    min-block-size: fit-content;
  }
  .sm\:min-h-custom {
    min-block-size: var(--sm-min-h-custom);
  }
  .sm\:h-0 {
    block-size: 0rem;
  }
  .sm\:h-px {
    block-size: 1px;
  }
  .sm\:h-2 {
    block-size: 0.5rem;
  }
  .sm\:h-4 {
    block-size: 1rem;
  }
  .sm\:h-6 {
    block-size: 1.25rem;
  }
  .sm\:h-full {
    block-size: 100%;
  }
  .sm\:h-auto {
    block-size: auto;
  }
  .sm\:h-fit-content {
    block-size: fit-content;
  }
  .sm\:h-custom {
    block-size: var(--sm-h-custom);
  }
  .sm\:max-h-0 {
    max-block-size: 0rem;
  }
  .sm\:max-h-px {
    max-block-size: 1px;
  }
  .sm\:max-h-2 {
    max-block-size: 0.5rem;
  }
  .sm\:max-h-4 {
    max-block-size: 1rem;
  }
  .sm\:max-h-6 {
    max-block-size: 1.25rem;
  }
  .sm\:max-h-full {
    max-block-size: 100%;
  }
  .sm\:max-h-fit-content {
    max-block-size: fit-content;
  }
  .sm\:max-h-none {
    max-block-size: none;
  }
  .sm\:max-h-custom {
    max-block-size: var(--sm-max-h-custom);
  }
}
@media (min-width: 42.51em) {
  .md\:min-w-0 {
    min-inline-size: 0rem;
  }
  .md\:min-w-px {
    min-inline-size: 1px;
  }
  .md\:min-w-2 {
    min-inline-size: 0.5rem;
  }
  .md\:min-w-4 {
    min-inline-size: 1rem;
  }
  .md\:min-w-6 {
    min-inline-size: 1.25rem;
  }
  .md\:min-w-full {
    min-inline-size: 100%;
  }
  .md\:min-w-fit-content {
    min-inline-size: fit-content;
  }
  .md\:min-w-1\/2 {
    min-inline-size: 50%;
  }
  .md\:min-w-1\/3 {
    min-inline-size: 33.3333333333%;
  }
  .md\:min-w-2\/3 {
    min-inline-size: 66.6666666667%;
  }
  .md\:min-w-1\/4 {
    min-inline-size: 25%;
  }
  .md\:min-w-2\/4 {
    min-inline-size: 50%;
  }
  .md\:min-w-3\/4 {
    min-inline-size: 75%;
  }
  .md\:min-w-1\/5 {
    min-inline-size: 20%;
  }
  .md\:min-w-2\/5 {
    min-inline-size: 40%;
  }
  .md\:min-w-3\/5 {
    min-inline-size: 60%;
  }
  .md\:min-w-4\/5 {
    min-inline-size: 80%;
  }
  .md\:min-w-1\/6 {
    min-inline-size: 16.6666666667%;
  }
  .md\:min-w-2\/6 {
    min-inline-size: 33.3333333333%;
  }
  .md\:min-w-3\/6 {
    min-inline-size: 50%;
  }
  .md\:min-w-4\/6 {
    min-inline-size: 66.6666666667%;
  }
  .md\:min-w-5\/6 {
    min-inline-size: 83.3333333333%;
  }
  .md\:min-w-1\/10 {
    min-inline-size: 10%;
  }
  .md\:min-w-2\/10 {
    min-inline-size: 20%;
  }
  .md\:min-w-3\/10 {
    min-inline-size: 30%;
  }
  .md\:min-w-4\/10 {
    min-inline-size: 40%;
  }
  .md\:min-w-5\/10 {
    min-inline-size: 50%;
  }
  .md\:min-w-6\/10 {
    min-inline-size: 60%;
  }
  .md\:min-w-7\/10 {
    min-inline-size: 70%;
  }
  .md\:min-w-8\/10 {
    min-inline-size: 80%;
  }
  .md\:min-w-9\/10 {
    min-inline-size: 90%;
  }
  .md\:min-w-custom {
    min-inline-size: var(--md-min-w-custom);
  }
  .md\:w-0 {
    inline-size: 0rem;
  }
  .md\:w-px {
    inline-size: 1px;
  }
  .md\:w-2 {
    inline-size: 0.5rem;
  }
  .md\:w-4 {
    inline-size: 1rem;
  }
  .md\:w-6 {
    inline-size: 1.25rem;
  }
  .md\:w-full {
    inline-size: 100%;
  }
  .md\:w-auto {
    inline-size: auto;
  }
  .md\:w-fit-content {
    inline-size: fit-content;
  }
  .md\:w-1\/2 {
    inline-size: 50%;
  }
  .md\:w-1\/3 {
    inline-size: 33.3333333333%;
  }
  .md\:w-2\/3 {
    inline-size: 66.6666666667%;
  }
  .md\:w-1\/4 {
    inline-size: 25%;
  }
  .md\:w-2\/4 {
    inline-size: 50%;
  }
  .md\:w-3\/4 {
    inline-size: 75%;
  }
  .md\:w-1\/5 {
    inline-size: 20%;
  }
  .md\:w-2\/5 {
    inline-size: 40%;
  }
  .md\:w-3\/5 {
    inline-size: 60%;
  }
  .md\:w-4\/5 {
    inline-size: 80%;
  }
  .md\:w-1\/6 {
    inline-size: 16.6666666667%;
  }
  .md\:w-2\/6 {
    inline-size: 33.3333333333%;
  }
  .md\:w-3\/6 {
    inline-size: 50%;
  }
  .md\:w-4\/6 {
    inline-size: 66.6666666667%;
  }
  .md\:w-5\/6 {
    inline-size: 83.3333333333%;
  }
  .md\:w-1\/10 {
    inline-size: 10%;
  }
  .md\:w-2\/10 {
    inline-size: 20%;
  }
  .md\:w-3\/10 {
    inline-size: 30%;
  }
  .md\:w-4\/10 {
    inline-size: 40%;
  }
  .md\:w-5\/10 {
    inline-size: 50%;
  }
  .md\:w-6\/10 {
    inline-size: 60%;
  }
  .md\:w-7\/10 {
    inline-size: 70%;
  }
  .md\:w-8\/10 {
    inline-size: 80%;
  }
  .md\:w-9\/10 {
    inline-size: 90%;
  }
  .md\:w-custom {
    inline-size: var(--md-w-custom);
  }
  .md\:max-w-0 {
    max-inline-size: 0rem;
  }
  .md\:max-w-px {
    max-inline-size: 1px;
  }
  .md\:max-w-2 {
    max-inline-size: 0.5rem;
  }
  .md\:max-w-4 {
    max-inline-size: 1rem;
  }
  .md\:max-w-6 {
    max-inline-size: 1.25rem;
  }
  .md\:max-w-full {
    max-inline-size: 100%;
  }
  .md\:max-w-fit-content {
    max-inline-size: fit-content;
  }
  .md\:max-w-none {
    max-inline-size: none;
  }
  .md\:max-w-1\/2 {
    max-inline-size: 50%;
  }
  .md\:max-w-1\/3 {
    max-inline-size: 33.3333333333%;
  }
  .md\:max-w-2\/3 {
    max-inline-size: 66.6666666667%;
  }
  .md\:max-w-1\/4 {
    max-inline-size: 25%;
  }
  .md\:max-w-2\/4 {
    max-inline-size: 50%;
  }
  .md\:max-w-3\/4 {
    max-inline-size: 75%;
  }
  .md\:max-w-1\/5 {
    max-inline-size: 20%;
  }
  .md\:max-w-2\/5 {
    max-inline-size: 40%;
  }
  .md\:max-w-3\/5 {
    max-inline-size: 60%;
  }
  .md\:max-w-4\/5 {
    max-inline-size: 80%;
  }
  .md\:max-w-1\/6 {
    max-inline-size: 16.6666666667%;
  }
  .md\:max-w-2\/6 {
    max-inline-size: 33.3333333333%;
  }
  .md\:max-w-3\/6 {
    max-inline-size: 50%;
  }
  .md\:max-w-4\/6 {
    max-inline-size: 66.6666666667%;
  }
  .md\:max-w-5\/6 {
    max-inline-size: 83.3333333333%;
  }
  .md\:max-w-1\/10 {
    max-inline-size: 10%;
  }
  .md\:max-w-2\/10 {
    max-inline-size: 20%;
  }
  .md\:max-w-3\/10 {
    max-inline-size: 30%;
  }
  .md\:max-w-4\/10 {
    max-inline-size: 40%;
  }
  .md\:max-w-5\/10 {
    max-inline-size: 50%;
  }
  .md\:max-w-6\/10 {
    max-inline-size: 60%;
  }
  .md\:max-w-7\/10 {
    max-inline-size: 70%;
  }
  .md\:max-w-8\/10 {
    max-inline-size: 80%;
  }
  .md\:max-w-9\/10 {
    max-inline-size: 90%;
  }
  .md\:max-w-custom {
    max-inline-size: var(--md-max-w-custom);
  }
  .md\:min-h-0 {
    min-block-size: 0rem;
  }
  .md\:min-h-px {
    min-block-size: 1px;
  }
  .md\:min-h-2 {
    min-block-size: 0.5rem;
  }
  .md\:min-h-4 {
    min-block-size: 1rem;
  }
  .md\:min-h-6 {
    min-block-size: 1.25rem;
  }
  .md\:min-h-full {
    min-block-size: 100%;
  }
  .md\:min-h-fit-content {
    min-block-size: fit-content;
  }
  .md\:min-h-custom {
    min-block-size: var(--md-min-h-custom);
  }
  .md\:h-0 {
    block-size: 0rem;
  }
  .md\:h-px {
    block-size: 1px;
  }
  .md\:h-2 {
    block-size: 0.5rem;
  }
  .md\:h-4 {
    block-size: 1rem;
  }
  .md\:h-6 {
    block-size: 1.25rem;
  }
  .md\:h-full {
    block-size: 100%;
  }
  .md\:h-auto {
    block-size: auto;
  }
  .md\:h-fit-content {
    block-size: fit-content;
  }
  .md\:h-custom {
    block-size: var(--md-h-custom);
  }
  .md\:max-h-0 {
    max-block-size: 0rem;
  }
  .md\:max-h-px {
    max-block-size: 1px;
  }
  .md\:max-h-2 {
    max-block-size: 0.5rem;
  }
  .md\:max-h-4 {
    max-block-size: 1rem;
  }
  .md\:max-h-6 {
    max-block-size: 1.25rem;
  }
  .md\:max-h-full {
    max-block-size: 100%;
  }
  .md\:max-h-fit-content {
    max-block-size: fit-content;
  }
  .md\:max-h-none {
    max-block-size: none;
  }
  .md\:max-h-custom {
    max-block-size: var(--md-max-h-custom);
  }
}
@media (min-width: 56.885em) {
  .lg\:min-w-0 {
    min-inline-size: 0rem;
  }
  .lg\:min-w-px {
    min-inline-size: 1px;
  }
  .lg\:min-w-2 {
    min-inline-size: 0.5rem;
  }
  .lg\:min-w-4 {
    min-inline-size: 1rem;
  }
  .lg\:min-w-6 {
    min-inline-size: 1.25rem;
  }
  .lg\:min-w-full {
    min-inline-size: 100%;
  }
  .lg\:min-w-fit-content {
    min-inline-size: fit-content;
  }
  .lg\:min-w-1\/2 {
    min-inline-size: 50%;
  }
  .lg\:min-w-1\/3 {
    min-inline-size: 33.3333333333%;
  }
  .lg\:min-w-2\/3 {
    min-inline-size: 66.6666666667%;
  }
  .lg\:min-w-1\/4 {
    min-inline-size: 25%;
  }
  .lg\:min-w-2\/4 {
    min-inline-size: 50%;
  }
  .lg\:min-w-3\/4 {
    min-inline-size: 75%;
  }
  .lg\:min-w-1\/5 {
    min-inline-size: 20%;
  }
  .lg\:min-w-2\/5 {
    min-inline-size: 40%;
  }
  .lg\:min-w-3\/5 {
    min-inline-size: 60%;
  }
  .lg\:min-w-4\/5 {
    min-inline-size: 80%;
  }
  .lg\:min-w-1\/6 {
    min-inline-size: 16.6666666667%;
  }
  .lg\:min-w-2\/6 {
    min-inline-size: 33.3333333333%;
  }
  .lg\:min-w-3\/6 {
    min-inline-size: 50%;
  }
  .lg\:min-w-4\/6 {
    min-inline-size: 66.6666666667%;
  }
  .lg\:min-w-5\/6 {
    min-inline-size: 83.3333333333%;
  }
  .lg\:min-w-1\/10 {
    min-inline-size: 10%;
  }
  .lg\:min-w-2\/10 {
    min-inline-size: 20%;
  }
  .lg\:min-w-3\/10 {
    min-inline-size: 30%;
  }
  .lg\:min-w-4\/10 {
    min-inline-size: 40%;
  }
  .lg\:min-w-5\/10 {
    min-inline-size: 50%;
  }
  .lg\:min-w-6\/10 {
    min-inline-size: 60%;
  }
  .lg\:min-w-7\/10 {
    min-inline-size: 70%;
  }
  .lg\:min-w-8\/10 {
    min-inline-size: 80%;
  }
  .lg\:min-w-9\/10 {
    min-inline-size: 90%;
  }
  .lg\:min-w-custom {
    min-inline-size: var(--lg-min-w-custom);
  }
  .lg\:w-0 {
    inline-size: 0rem;
  }
  .lg\:w-px {
    inline-size: 1px;
  }
  .lg\:w-2 {
    inline-size: 0.5rem;
  }
  .lg\:w-4 {
    inline-size: 1rem;
  }
  .lg\:w-6 {
    inline-size: 1.25rem;
  }
  .lg\:w-full {
    inline-size: 100%;
  }
  .lg\:w-auto {
    inline-size: auto;
  }
  .lg\:w-fit-content {
    inline-size: fit-content;
  }
  .lg\:w-1\/2 {
    inline-size: 50%;
  }
  .lg\:w-1\/3 {
    inline-size: 33.3333333333%;
  }
  .lg\:w-2\/3 {
    inline-size: 66.6666666667%;
  }
  .lg\:w-1\/4 {
    inline-size: 25%;
  }
  .lg\:w-2\/4 {
    inline-size: 50%;
  }
  .lg\:w-3\/4 {
    inline-size: 75%;
  }
  .lg\:w-1\/5 {
    inline-size: 20%;
  }
  .lg\:w-2\/5 {
    inline-size: 40%;
  }
  .lg\:w-3\/5 {
    inline-size: 60%;
  }
  .lg\:w-4\/5 {
    inline-size: 80%;
  }
  .lg\:w-1\/6 {
    inline-size: 16.6666666667%;
  }
  .lg\:w-2\/6 {
    inline-size: 33.3333333333%;
  }
  .lg\:w-3\/6 {
    inline-size: 50%;
  }
  .lg\:w-4\/6 {
    inline-size: 66.6666666667%;
  }
  .lg\:w-5\/6 {
    inline-size: 83.3333333333%;
  }
  .lg\:w-1\/10 {
    inline-size: 10%;
  }
  .lg\:w-2\/10 {
    inline-size: 20%;
  }
  .lg\:w-3\/10 {
    inline-size: 30%;
  }
  .lg\:w-4\/10 {
    inline-size: 40%;
  }
  .lg\:w-5\/10 {
    inline-size: 50%;
  }
  .lg\:w-6\/10 {
    inline-size: 60%;
  }
  .lg\:w-7\/10 {
    inline-size: 70%;
  }
  .lg\:w-8\/10 {
    inline-size: 80%;
  }
  .lg\:w-9\/10 {
    inline-size: 90%;
  }
  .lg\:w-custom {
    inline-size: var(--lg-w-custom);
  }
  .lg\:max-w-0 {
    max-inline-size: 0rem;
  }
  .lg\:max-w-px {
    max-inline-size: 1px;
  }
  .lg\:max-w-2 {
    max-inline-size: 0.5rem;
  }
  .lg\:max-w-4 {
    max-inline-size: 1rem;
  }
  .lg\:max-w-6 {
    max-inline-size: 1.25rem;
  }
  .lg\:max-w-full {
    max-inline-size: 100%;
  }
  .lg\:max-w-fit-content {
    max-inline-size: fit-content;
  }
  .lg\:max-w-none {
    max-inline-size: none;
  }
  .lg\:max-w-1\/2 {
    max-inline-size: 50%;
  }
  .lg\:max-w-1\/3 {
    max-inline-size: 33.3333333333%;
  }
  .lg\:max-w-2\/3 {
    max-inline-size: 66.6666666667%;
  }
  .lg\:max-w-1\/4 {
    max-inline-size: 25%;
  }
  .lg\:max-w-2\/4 {
    max-inline-size: 50%;
  }
  .lg\:max-w-3\/4 {
    max-inline-size: 75%;
  }
  .lg\:max-w-1\/5 {
    max-inline-size: 20%;
  }
  .lg\:max-w-2\/5 {
    max-inline-size: 40%;
  }
  .lg\:max-w-3\/5 {
    max-inline-size: 60%;
  }
  .lg\:max-w-4\/5 {
    max-inline-size: 80%;
  }
  .lg\:max-w-1\/6 {
    max-inline-size: 16.6666666667%;
  }
  .lg\:max-w-2\/6 {
    max-inline-size: 33.3333333333%;
  }
  .lg\:max-w-3\/6 {
    max-inline-size: 50%;
  }
  .lg\:max-w-4\/6 {
    max-inline-size: 66.6666666667%;
  }
  .lg\:max-w-5\/6 {
    max-inline-size: 83.3333333333%;
  }
  .lg\:max-w-1\/10 {
    max-inline-size: 10%;
  }
  .lg\:max-w-2\/10 {
    max-inline-size: 20%;
  }
  .lg\:max-w-3\/10 {
    max-inline-size: 30%;
  }
  .lg\:max-w-4\/10 {
    max-inline-size: 40%;
  }
  .lg\:max-w-5\/10 {
    max-inline-size: 50%;
  }
  .lg\:max-w-6\/10 {
    max-inline-size: 60%;
  }
  .lg\:max-w-7\/10 {
    max-inline-size: 70%;
  }
  .lg\:max-w-8\/10 {
    max-inline-size: 80%;
  }
  .lg\:max-w-9\/10 {
    max-inline-size: 90%;
  }
  .lg\:max-w-custom {
    max-inline-size: var(--lg-max-w-custom);
  }
  .lg\:min-h-0 {
    min-block-size: 0rem;
  }
  .lg\:min-h-px {
    min-block-size: 1px;
  }
  .lg\:min-h-2 {
    min-block-size: 0.5rem;
  }
  .lg\:min-h-4 {
    min-block-size: 1rem;
  }
  .lg\:min-h-6 {
    min-block-size: 1.25rem;
  }
  .lg\:min-h-full {
    min-block-size: 100%;
  }
  .lg\:min-h-fit-content {
    min-block-size: fit-content;
  }
  .lg\:min-h-custom {
    min-block-size: var(--lg-min-h-custom);
  }
  .lg\:h-0 {
    block-size: 0rem;
  }
  .lg\:h-px {
    block-size: 1px;
  }
  .lg\:h-2 {
    block-size: 0.5rem;
  }
  .lg\:h-4 {
    block-size: 1rem;
  }
  .lg\:h-6 {
    block-size: 1.25rem;
  }
  .lg\:h-full {
    block-size: 100%;
  }
  .lg\:h-auto {
    block-size: auto;
  }
  .lg\:h-fit-content {
    block-size: fit-content;
  }
  .lg\:h-custom {
    block-size: var(--lg-h-custom);
  }
  .lg\:max-h-0 {
    max-block-size: 0rem;
  }
  .lg\:max-h-px {
    max-block-size: 1px;
  }
  .lg\:max-h-2 {
    max-block-size: 0.5rem;
  }
  .lg\:max-h-4 {
    max-block-size: 1rem;
  }
  .lg\:max-h-6 {
    max-block-size: 1.25rem;
  }
  .lg\:max-h-full {
    max-block-size: 100%;
  }
  .lg\:max-h-fit-content {
    max-block-size: fit-content;
  }
  .lg\:max-h-none {
    max-block-size: none;
  }
  .lg\:max-h-custom {
    max-block-size: var(--lg-max-h-custom);
  }
}
@media (min-width: 68.76em) {
  .xl\:min-w-0 {
    min-inline-size: 0rem;
  }
  .xl\:min-w-px {
    min-inline-size: 1px;
  }
  .xl\:min-w-2 {
    min-inline-size: 0.5rem;
  }
  .xl\:min-w-4 {
    min-inline-size: 1rem;
  }
  .xl\:min-w-6 {
    min-inline-size: 1.25rem;
  }
  .xl\:min-w-full {
    min-inline-size: 100%;
  }
  .xl\:min-w-fit-content {
    min-inline-size: fit-content;
  }
  .xl\:min-w-1\/2 {
    min-inline-size: 50%;
  }
  .xl\:min-w-1\/3 {
    min-inline-size: 33.3333333333%;
  }
  .xl\:min-w-2\/3 {
    min-inline-size: 66.6666666667%;
  }
  .xl\:min-w-1\/4 {
    min-inline-size: 25%;
  }
  .xl\:min-w-2\/4 {
    min-inline-size: 50%;
  }
  .xl\:min-w-3\/4 {
    min-inline-size: 75%;
  }
  .xl\:min-w-1\/5 {
    min-inline-size: 20%;
  }
  .xl\:min-w-2\/5 {
    min-inline-size: 40%;
  }
  .xl\:min-w-3\/5 {
    min-inline-size: 60%;
  }
  .xl\:min-w-4\/5 {
    min-inline-size: 80%;
  }
  .xl\:min-w-1\/6 {
    min-inline-size: 16.6666666667%;
  }
  .xl\:min-w-2\/6 {
    min-inline-size: 33.3333333333%;
  }
  .xl\:min-w-3\/6 {
    min-inline-size: 50%;
  }
  .xl\:min-w-4\/6 {
    min-inline-size: 66.6666666667%;
  }
  .xl\:min-w-5\/6 {
    min-inline-size: 83.3333333333%;
  }
  .xl\:min-w-1\/10 {
    min-inline-size: 10%;
  }
  .xl\:min-w-2\/10 {
    min-inline-size: 20%;
  }
  .xl\:min-w-3\/10 {
    min-inline-size: 30%;
  }
  .xl\:min-w-4\/10 {
    min-inline-size: 40%;
  }
  .xl\:min-w-5\/10 {
    min-inline-size: 50%;
  }
  .xl\:min-w-6\/10 {
    min-inline-size: 60%;
  }
  .xl\:min-w-7\/10 {
    min-inline-size: 70%;
  }
  .xl\:min-w-8\/10 {
    min-inline-size: 80%;
  }
  .xl\:min-w-9\/10 {
    min-inline-size: 90%;
  }
  .xl\:min-w-custom {
    min-inline-size: var(--xl-min-w-custom);
  }
  .xl\:w-0 {
    inline-size: 0rem;
  }
  .xl\:w-px {
    inline-size: 1px;
  }
  .xl\:w-2 {
    inline-size: 0.5rem;
  }
  .xl\:w-4 {
    inline-size: 1rem;
  }
  .xl\:w-6 {
    inline-size: 1.25rem;
  }
  .xl\:w-full {
    inline-size: 100%;
  }
  .xl\:w-auto {
    inline-size: auto;
  }
  .xl\:w-fit-content {
    inline-size: fit-content;
  }
  .xl\:w-1\/2 {
    inline-size: 50%;
  }
  .xl\:w-1\/3 {
    inline-size: 33.3333333333%;
  }
  .xl\:w-2\/3 {
    inline-size: 66.6666666667%;
  }
  .xl\:w-1\/4 {
    inline-size: 25%;
  }
  .xl\:w-2\/4 {
    inline-size: 50%;
  }
  .xl\:w-3\/4 {
    inline-size: 75%;
  }
  .xl\:w-1\/5 {
    inline-size: 20%;
  }
  .xl\:w-2\/5 {
    inline-size: 40%;
  }
  .xl\:w-3\/5 {
    inline-size: 60%;
  }
  .xl\:w-4\/5 {
    inline-size: 80%;
  }
  .xl\:w-1\/6 {
    inline-size: 16.6666666667%;
  }
  .xl\:w-2\/6 {
    inline-size: 33.3333333333%;
  }
  .xl\:w-3\/6 {
    inline-size: 50%;
  }
  .xl\:w-4\/6 {
    inline-size: 66.6666666667%;
  }
  .xl\:w-5\/6 {
    inline-size: 83.3333333333%;
  }
  .xl\:w-1\/10 {
    inline-size: 10%;
  }
  .xl\:w-2\/10 {
    inline-size: 20%;
  }
  .xl\:w-3\/10 {
    inline-size: 30%;
  }
  .xl\:w-4\/10 {
    inline-size: 40%;
  }
  .xl\:w-5\/10 {
    inline-size: 50%;
  }
  .xl\:w-6\/10 {
    inline-size: 60%;
  }
  .xl\:w-7\/10 {
    inline-size: 70%;
  }
  .xl\:w-8\/10 {
    inline-size: 80%;
  }
  .xl\:w-9\/10 {
    inline-size: 90%;
  }
  .xl\:w-custom {
    inline-size: var(--xl-w-custom);
  }
  .xl\:max-w-0 {
    max-inline-size: 0rem;
  }
  .xl\:max-w-px {
    max-inline-size: 1px;
  }
  .xl\:max-w-2 {
    max-inline-size: 0.5rem;
  }
  .xl\:max-w-4 {
    max-inline-size: 1rem;
  }
  .xl\:max-w-6 {
    max-inline-size: 1.25rem;
  }
  .xl\:max-w-full {
    max-inline-size: 100%;
  }
  .xl\:max-w-fit-content {
    max-inline-size: fit-content;
  }
  .xl\:max-w-none {
    max-inline-size: none;
  }
  .xl\:max-w-1\/2 {
    max-inline-size: 50%;
  }
  .xl\:max-w-1\/3 {
    max-inline-size: 33.3333333333%;
  }
  .xl\:max-w-2\/3 {
    max-inline-size: 66.6666666667%;
  }
  .xl\:max-w-1\/4 {
    max-inline-size: 25%;
  }
  .xl\:max-w-2\/4 {
    max-inline-size: 50%;
  }
  .xl\:max-w-3\/4 {
    max-inline-size: 75%;
  }
  .xl\:max-w-1\/5 {
    max-inline-size: 20%;
  }
  .xl\:max-w-2\/5 {
    max-inline-size: 40%;
  }
  .xl\:max-w-3\/5 {
    max-inline-size: 60%;
  }
  .xl\:max-w-4\/5 {
    max-inline-size: 80%;
  }
  .xl\:max-w-1\/6 {
    max-inline-size: 16.6666666667%;
  }
  .xl\:max-w-2\/6 {
    max-inline-size: 33.3333333333%;
  }
  .xl\:max-w-3\/6 {
    max-inline-size: 50%;
  }
  .xl\:max-w-4\/6 {
    max-inline-size: 66.6666666667%;
  }
  .xl\:max-w-5\/6 {
    max-inline-size: 83.3333333333%;
  }
  .xl\:max-w-1\/10 {
    max-inline-size: 10%;
  }
  .xl\:max-w-2\/10 {
    max-inline-size: 20%;
  }
  .xl\:max-w-3\/10 {
    max-inline-size: 30%;
  }
  .xl\:max-w-4\/10 {
    max-inline-size: 40%;
  }
  .xl\:max-w-5\/10 {
    max-inline-size: 50%;
  }
  .xl\:max-w-6\/10 {
    max-inline-size: 60%;
  }
  .xl\:max-w-7\/10 {
    max-inline-size: 70%;
  }
  .xl\:max-w-8\/10 {
    max-inline-size: 80%;
  }
  .xl\:max-w-9\/10 {
    max-inline-size: 90%;
  }
  .xl\:max-w-custom {
    max-inline-size: var(--xl-max-w-custom);
  }
  .xl\:min-h-0 {
    min-block-size: 0rem;
  }
  .xl\:min-h-px {
    min-block-size: 1px;
  }
  .xl\:min-h-2 {
    min-block-size: 0.5rem;
  }
  .xl\:min-h-4 {
    min-block-size: 1rem;
  }
  .xl\:min-h-6 {
    min-block-size: 1.25rem;
  }
  .xl\:min-h-full {
    min-block-size: 100%;
  }
  .xl\:min-h-fit-content {
    min-block-size: fit-content;
  }
  .xl\:min-h-custom {
    min-block-size: var(--xl-min-h-custom);
  }
  .xl\:h-0 {
    block-size: 0rem;
  }
  .xl\:h-px {
    block-size: 1px;
  }
  .xl\:h-2 {
    block-size: 0.5rem;
  }
  .xl\:h-4 {
    block-size: 1rem;
  }
  .xl\:h-6 {
    block-size: 1.25rem;
  }
  .xl\:h-full {
    block-size: 100%;
  }
  .xl\:h-auto {
    block-size: auto;
  }
  .xl\:h-fit-content {
    block-size: fit-content;
  }
  .xl\:h-custom {
    block-size: var(--xl-h-custom);
  }
  .xl\:max-h-0 {
    max-block-size: 0rem;
  }
  .xl\:max-h-px {
    max-block-size: 1px;
  }
  .xl\:max-h-2 {
    max-block-size: 0.5rem;
  }
  .xl\:max-h-4 {
    max-block-size: 1rem;
  }
  .xl\:max-h-6 {
    max-block-size: 1.25rem;
  }
  .xl\:max-h-full {
    max-block-size: 100%;
  }
  .xl\:max-h-fit-content {
    max-block-size: fit-content;
  }
  .xl\:max-h-none {
    max-block-size: none;
  }
  .xl\:max-h-custom {
    max-block-size: var(--xl-max-h-custom);
  }
}
@media (min-width: 93.76em) {
  .xxl\:min-w-0 {
    min-inline-size: 0rem;
  }
  .xxl\:min-w-px {
    min-inline-size: 1px;
  }
  .xxl\:min-w-2 {
    min-inline-size: 0.5rem;
  }
  .xxl\:min-w-4 {
    min-inline-size: 1rem;
  }
  .xxl\:min-w-6 {
    min-inline-size: 1.25rem;
  }
  .xxl\:min-w-full {
    min-inline-size: 100%;
  }
  .xxl\:min-w-fit-content {
    min-inline-size: fit-content;
  }
  .xxl\:min-w-1\/2 {
    min-inline-size: 50%;
  }
  .xxl\:min-w-1\/3 {
    min-inline-size: 33.3333333333%;
  }
  .xxl\:min-w-2\/3 {
    min-inline-size: 66.6666666667%;
  }
  .xxl\:min-w-1\/4 {
    min-inline-size: 25%;
  }
  .xxl\:min-w-2\/4 {
    min-inline-size: 50%;
  }
  .xxl\:min-w-3\/4 {
    min-inline-size: 75%;
  }
  .xxl\:min-w-1\/5 {
    min-inline-size: 20%;
  }
  .xxl\:min-w-2\/5 {
    min-inline-size: 40%;
  }
  .xxl\:min-w-3\/5 {
    min-inline-size: 60%;
  }
  .xxl\:min-w-4\/5 {
    min-inline-size: 80%;
  }
  .xxl\:min-w-1\/6 {
    min-inline-size: 16.6666666667%;
  }
  .xxl\:min-w-2\/6 {
    min-inline-size: 33.3333333333%;
  }
  .xxl\:min-w-3\/6 {
    min-inline-size: 50%;
  }
  .xxl\:min-w-4\/6 {
    min-inline-size: 66.6666666667%;
  }
  .xxl\:min-w-5\/6 {
    min-inline-size: 83.3333333333%;
  }
  .xxl\:min-w-1\/10 {
    min-inline-size: 10%;
  }
  .xxl\:min-w-2\/10 {
    min-inline-size: 20%;
  }
  .xxl\:min-w-3\/10 {
    min-inline-size: 30%;
  }
  .xxl\:min-w-4\/10 {
    min-inline-size: 40%;
  }
  .xxl\:min-w-5\/10 {
    min-inline-size: 50%;
  }
  .xxl\:min-w-6\/10 {
    min-inline-size: 60%;
  }
  .xxl\:min-w-7\/10 {
    min-inline-size: 70%;
  }
  .xxl\:min-w-8\/10 {
    min-inline-size: 80%;
  }
  .xxl\:min-w-9\/10 {
    min-inline-size: 90%;
  }
  .xxl\:min-w-custom {
    min-inline-size: var(--xxl-min-w-custom);
  }
  .xxl\:w-0 {
    inline-size: 0rem;
  }
  .xxl\:w-px {
    inline-size: 1px;
  }
  .xxl\:w-2 {
    inline-size: 0.5rem;
  }
  .xxl\:w-4 {
    inline-size: 1rem;
  }
  .xxl\:w-6 {
    inline-size: 1.25rem;
  }
  .xxl\:w-full {
    inline-size: 100%;
  }
  .xxl\:w-auto {
    inline-size: auto;
  }
  .xxl\:w-fit-content {
    inline-size: fit-content;
  }
  .xxl\:w-1\/2 {
    inline-size: 50%;
  }
  .xxl\:w-1\/3 {
    inline-size: 33.3333333333%;
  }
  .xxl\:w-2\/3 {
    inline-size: 66.6666666667%;
  }
  .xxl\:w-1\/4 {
    inline-size: 25%;
  }
  .xxl\:w-2\/4 {
    inline-size: 50%;
  }
  .xxl\:w-3\/4 {
    inline-size: 75%;
  }
  .xxl\:w-1\/5 {
    inline-size: 20%;
  }
  .xxl\:w-2\/5 {
    inline-size: 40%;
  }
  .xxl\:w-3\/5 {
    inline-size: 60%;
  }
  .xxl\:w-4\/5 {
    inline-size: 80%;
  }
  .xxl\:w-1\/6 {
    inline-size: 16.6666666667%;
  }
  .xxl\:w-2\/6 {
    inline-size: 33.3333333333%;
  }
  .xxl\:w-3\/6 {
    inline-size: 50%;
  }
  .xxl\:w-4\/6 {
    inline-size: 66.6666666667%;
  }
  .xxl\:w-5\/6 {
    inline-size: 83.3333333333%;
  }
  .xxl\:w-1\/10 {
    inline-size: 10%;
  }
  .xxl\:w-2\/10 {
    inline-size: 20%;
  }
  .xxl\:w-3\/10 {
    inline-size: 30%;
  }
  .xxl\:w-4\/10 {
    inline-size: 40%;
  }
  .xxl\:w-5\/10 {
    inline-size: 50%;
  }
  .xxl\:w-6\/10 {
    inline-size: 60%;
  }
  .xxl\:w-7\/10 {
    inline-size: 70%;
  }
  .xxl\:w-8\/10 {
    inline-size: 80%;
  }
  .xxl\:w-9\/10 {
    inline-size: 90%;
  }
  .xxl\:w-custom {
    inline-size: var(--xxl-w-custom);
  }
  .xxl\:max-w-0 {
    max-inline-size: 0rem;
  }
  .xxl\:max-w-px {
    max-inline-size: 1px;
  }
  .xxl\:max-w-2 {
    max-inline-size: 0.5rem;
  }
  .xxl\:max-w-4 {
    max-inline-size: 1rem;
  }
  .xxl\:max-w-6 {
    max-inline-size: 1.25rem;
  }
  .xxl\:max-w-full {
    max-inline-size: 100%;
  }
  .xxl\:max-w-fit-content {
    max-inline-size: fit-content;
  }
  .xxl\:max-w-none {
    max-inline-size: none;
  }
  .xxl\:max-w-1\/2 {
    max-inline-size: 50%;
  }
  .xxl\:max-w-1\/3 {
    max-inline-size: 33.3333333333%;
  }
  .xxl\:max-w-2\/3 {
    max-inline-size: 66.6666666667%;
  }
  .xxl\:max-w-1\/4 {
    max-inline-size: 25%;
  }
  .xxl\:max-w-2\/4 {
    max-inline-size: 50%;
  }
  .xxl\:max-w-3\/4 {
    max-inline-size: 75%;
  }
  .xxl\:max-w-1\/5 {
    max-inline-size: 20%;
  }
  .xxl\:max-w-2\/5 {
    max-inline-size: 40%;
  }
  .xxl\:max-w-3\/5 {
    max-inline-size: 60%;
  }
  .xxl\:max-w-4\/5 {
    max-inline-size: 80%;
  }
  .xxl\:max-w-1\/6 {
    max-inline-size: 16.6666666667%;
  }
  .xxl\:max-w-2\/6 {
    max-inline-size: 33.3333333333%;
  }
  .xxl\:max-w-3\/6 {
    max-inline-size: 50%;
  }
  .xxl\:max-w-4\/6 {
    max-inline-size: 66.6666666667%;
  }
  .xxl\:max-w-5\/6 {
    max-inline-size: 83.3333333333%;
  }
  .xxl\:max-w-1\/10 {
    max-inline-size: 10%;
  }
  .xxl\:max-w-2\/10 {
    max-inline-size: 20%;
  }
  .xxl\:max-w-3\/10 {
    max-inline-size: 30%;
  }
  .xxl\:max-w-4\/10 {
    max-inline-size: 40%;
  }
  .xxl\:max-w-5\/10 {
    max-inline-size: 50%;
  }
  .xxl\:max-w-6\/10 {
    max-inline-size: 60%;
  }
  .xxl\:max-w-7\/10 {
    max-inline-size: 70%;
  }
  .xxl\:max-w-8\/10 {
    max-inline-size: 80%;
  }
  .xxl\:max-w-9\/10 {
    max-inline-size: 90%;
  }
  .xxl\:max-w-custom {
    max-inline-size: var(--xxl-max-w-custom);
  }
  .xxl\:min-h-0 {
    min-block-size: 0rem;
  }
  .xxl\:min-h-px {
    min-block-size: 1px;
  }
  .xxl\:min-h-2 {
    min-block-size: 0.5rem;
  }
  .xxl\:min-h-4 {
    min-block-size: 1rem;
  }
  .xxl\:min-h-6 {
    min-block-size: 1.25rem;
  }
  .xxl\:min-h-full {
    min-block-size: 100%;
  }
  .xxl\:min-h-fit-content {
    min-block-size: fit-content;
  }
  .xxl\:min-h-custom {
    min-block-size: var(--xxl-min-h-custom);
  }
  .xxl\:h-0 {
    block-size: 0rem;
  }
  .xxl\:h-px {
    block-size: 1px;
  }
  .xxl\:h-2 {
    block-size: 0.5rem;
  }
  .xxl\:h-4 {
    block-size: 1rem;
  }
  .xxl\:h-6 {
    block-size: 1.25rem;
  }
  .xxl\:h-full {
    block-size: 100%;
  }
  .xxl\:h-auto {
    block-size: auto;
  }
  .xxl\:h-fit-content {
    block-size: fit-content;
  }
  .xxl\:h-custom {
    block-size: var(--xxl-h-custom);
  }
  .xxl\:max-h-0 {
    max-block-size: 0rem;
  }
  .xxl\:max-h-px {
    max-block-size: 1px;
  }
  .xxl\:max-h-2 {
    max-block-size: 0.5rem;
  }
  .xxl\:max-h-4 {
    max-block-size: 1rem;
  }
  .xxl\:max-h-6 {
    max-block-size: 1.25rem;
  }
  .xxl\:max-h-full {
    max-block-size: 100%;
  }
  .xxl\:max-h-fit-content {
    max-block-size: fit-content;
  }
  .xxl\:max-h-none {
    max-block-size: none;
  }
  .xxl\:max-h-custom {
    max-block-size: var(--xxl-max-h-custom);
  }
}
:root {
  --space-0: 0rem;
  --space-px: 0.0625rem;
  --space-0-5: 0.125rem;
  --space-1: 0.25rem;
  --space-1-5: 0.375rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-auto: auto;
}

@media all {
  .m-0 {
    margin: 0rem;
  }
  .m-px {
    margin: 0.0625rem;
  }
  .m-0\.5 {
    margin: 0.125rem;
  }
  .m-1 {
    margin: 0.25rem;
  }
  .m-1\.5 {
    margin: 0.375rem;
  }
  .m-2 {
    margin: 0.5rem;
  }
  .m-3 {
    margin: 0.75rem;
  }
  .m-4 {
    margin: 1rem;
  }
  .m-5 {
    margin: 1.25rem;
  }
  .m-6 {
    margin: 1.5rem;
  }
  .m-7 {
    margin: 1.75rem;
  }
  .m-8 {
    margin: 2rem;
  }
  .m-10 {
    margin: 2.5rem;
  }
  .m-11 {
    margin: 2.75rem;
  }
  .m-12 {
    margin: 3rem;
  }
  .m-14 {
    margin: 3.5rem;
  }
  .m-16 {
    margin: 4rem;
  }
  .m-20 {
    margin: 5rem;
  }
  .m-auto {
    margin: auto;
  }
  .m-custom {
    margin: var(--m-custom);
  }
  .my-0 {
    margin-block: 0rem;
  }
  .my-px {
    margin-block: 0.0625rem;
  }
  .my-0\.5 {
    margin-block: 0.125rem;
  }
  .my-1 {
    margin-block: 0.25rem;
  }
  .my-1\.5 {
    margin-block: 0.375rem;
  }
  .my-2 {
    margin-block: 0.5rem;
  }
  .my-3 {
    margin-block: 0.75rem;
  }
  .my-4 {
    margin-block: 1rem;
  }
  .my-5 {
    margin-block: 1.25rem;
  }
  .my-6 {
    margin-block: 1.5rem;
  }
  .my-7 {
    margin-block: 1.75rem;
  }
  .my-8 {
    margin-block: 2rem;
  }
  .my-10 {
    margin-block: 2.5rem;
  }
  .my-11 {
    margin-block: 2.75rem;
  }
  .my-12 {
    margin-block: 3rem;
  }
  .my-14 {
    margin-block: 3.5rem;
  }
  .my-16 {
    margin-block: 4rem;
  }
  .my-20 {
    margin-block: 5rem;
  }
  .my-auto {
    margin-block: auto;
  }
  .my-custom {
    margin-block: var(--my-custom);
  }
  .mt-0 {
    margin-block-start: 0rem;
  }
  .mt-px {
    margin-block-start: 0.0625rem;
  }
  .mt-0\.5 {
    margin-block-start: 0.125rem;
  }
  .mt-1 {
    margin-block-start: 0.25rem;
  }
  .mt-1\.5 {
    margin-block-start: 0.375rem;
  }
  .mt-2 {
    margin-block-start: 0.5rem;
  }
  .mt-3 {
    margin-block-start: 0.75rem;
  }
  .mt-4 {
    margin-block-start: 1rem;
  }
  .mt-5 {
    margin-block-start: 1.25rem;
  }
  .mt-6 {
    margin-block-start: 1.5rem;
  }
  .mt-7 {
    margin-block-start: 1.75rem;
  }
  .mt-8 {
    margin-block-start: 2rem;
  }
  .mt-10 {
    margin-block-start: 2.5rem;
  }
  .mt-11 {
    margin-block-start: 2.75rem;
  }
  .mt-12 {
    margin-block-start: 3rem;
  }
  .mt-14 {
    margin-block-start: 3.5rem;
  }
  .mt-16 {
    margin-block-start: 4rem;
  }
  .mt-20 {
    margin-block-start: 5rem;
  }
  .mt-auto {
    margin-block-start: auto;
  }
  .mt-custom {
    margin-block-start: var(--mt-custom);
  }
  .mb-0 {
    margin-block-end: 0rem;
  }
  .mb-px {
    margin-block-end: 0.0625rem;
  }
  .mb-0\.5 {
    margin-block-end: 0.125rem;
  }
  .mb-1 {
    margin-block-end: 0.25rem;
  }
  .mb-1\.5 {
    margin-block-end: 0.375rem;
  }
  .mb-2 {
    margin-block-end: 0.5rem;
  }
  .mb-3 {
    margin-block-end: 0.75rem;
  }
  .mb-4 {
    margin-block-end: 1rem;
  }
  .mb-5 {
    margin-block-end: 1.25rem;
  }
  .mb-6 {
    margin-block-end: 1.5rem;
  }
  .mb-7 {
    margin-block-end: 1.75rem;
  }
  .mb-8 {
    margin-block-end: 2rem;
  }
  .mb-10 {
    margin-block-end: 2.5rem;
  }
  .mb-11 {
    margin-block-end: 2.75rem;
  }
  .mb-12 {
    margin-block-end: 3rem;
  }
  .mb-14 {
    margin-block-end: 3.5rem;
  }
  .mb-16 {
    margin-block-end: 4rem;
  }
  .mb-20 {
    margin-block-end: 5rem;
  }
  .mb-auto {
    margin-block-end: auto;
  }
  .mb-custom {
    margin-block-end: var(--mb-custom);
  }
  .mx-0 {
    margin-inline: 0rem;
  }
  .mx-px {
    margin-inline: 0.0625rem;
  }
  .mx-0\.5 {
    margin-inline: 0.125rem;
  }
  .mx-1 {
    margin-inline: 0.25rem;
  }
  .mx-1\.5 {
    margin-inline: 0.375rem;
  }
  .mx-2 {
    margin-inline: 0.5rem;
  }
  .mx-3 {
    margin-inline: 0.75rem;
  }
  .mx-4 {
    margin-inline: 1rem;
  }
  .mx-5 {
    margin-inline: 1.25rem;
  }
  .mx-6 {
    margin-inline: 1.5rem;
  }
  .mx-7 {
    margin-inline: 1.75rem;
  }
  .mx-8 {
    margin-inline: 2rem;
  }
  .mx-10 {
    margin-inline: 2.5rem;
  }
  .mx-11 {
    margin-inline: 2.75rem;
  }
  .mx-12 {
    margin-inline: 3rem;
  }
  .mx-14 {
    margin-inline: 3.5rem;
  }
  .mx-16 {
    margin-inline: 4rem;
  }
  .mx-20 {
    margin-inline: 5rem;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-custom {
    margin-inline: var(--mx-custom);
  }
  .ml-0 {
    margin-inline-start: 0rem;
  }
  .ml-px {
    margin-inline-start: 0.0625rem;
  }
  .ml-0\.5 {
    margin-inline-start: 0.125rem;
  }
  .ml-1 {
    margin-inline-start: 0.25rem;
  }
  .ml-1\.5 {
    margin-inline-start: 0.375rem;
  }
  .ml-2 {
    margin-inline-start: 0.5rem;
  }
  .ml-3 {
    margin-inline-start: 0.75rem;
  }
  .ml-4 {
    margin-inline-start: 1rem;
  }
  .ml-5 {
    margin-inline-start: 1.25rem;
  }
  .ml-6 {
    margin-inline-start: 1.5rem;
  }
  .ml-7 {
    margin-inline-start: 1.75rem;
  }
  .ml-8 {
    margin-inline-start: 2rem;
  }
  .ml-10 {
    margin-inline-start: 2.5rem;
  }
  .ml-11 {
    margin-inline-start: 2.75rem;
  }
  .ml-12 {
    margin-inline-start: 3rem;
  }
  .ml-14 {
    margin-inline-start: 3.5rem;
  }
  .ml-16 {
    margin-inline-start: 4rem;
  }
  .ml-20 {
    margin-inline-start: 5rem;
  }
  .ml-auto {
    margin-inline-start: auto;
  }
  .ml-custom {
    margin-inline-start: var(--ml-custom);
  }
  .mr-0 {
    margin-inline-end: 0rem;
  }
  .mr-px {
    margin-inline-end: 0.0625rem;
  }
  .mr-0\.5 {
    margin-inline-end: 0.125rem;
  }
  .mr-1 {
    margin-inline-end: 0.25rem;
  }
  .mr-1\.5 {
    margin-inline-end: 0.375rem;
  }
  .mr-2 {
    margin-inline-end: 0.5rem;
  }
  .mr-3 {
    margin-inline-end: 0.75rem;
  }
  .mr-4 {
    margin-inline-end: 1rem;
  }
  .mr-5 {
    margin-inline-end: 1.25rem;
  }
  .mr-6 {
    margin-inline-end: 1.5rem;
  }
  .mr-7 {
    margin-inline-end: 1.75rem;
  }
  .mr-8 {
    margin-inline-end: 2rem;
  }
  .mr-10 {
    margin-inline-end: 2.5rem;
  }
  .mr-11 {
    margin-inline-end: 2.75rem;
  }
  .mr-12 {
    margin-inline-end: 3rem;
  }
  .mr-14 {
    margin-inline-end: 3.5rem;
  }
  .mr-16 {
    margin-inline-end: 4rem;
  }
  .mr-20 {
    margin-inline-end: 5rem;
  }
  .mr-auto {
    margin-inline-end: auto;
  }
  .mr-custom {
    margin-inline-end: var(--mr-custom);
  }
  .p-0 {
    padding: 0rem;
  }
  .p-px {
    padding: 0.0625rem;
  }
  .p-0\.5 {
    padding: 0.125rem;
  }
  .p-1 {
    padding: 0.25rem;
  }
  .p-1\.5 {
    padding: 0.375rem;
  }
  .p-2 {
    padding: 0.5rem;
  }
  .p-3 {
    padding: 0.75rem;
  }
  .p-4 {
    padding: 1rem;
  }
  .p-5 {
    padding: 1.25rem;
  }
  .p-6 {
    padding: 1.5rem;
  }
  .p-7 {
    padding: 1.75rem;
  }
  .p-8 {
    padding: 2rem;
  }
  .p-10 {
    padding: 2.5rem;
  }
  .p-11 {
    padding: 2.75rem;
  }
  .p-12 {
    padding: 3rem;
  }
  .p-14 {
    padding: 3.5rem;
  }
  .p-16 {
    padding: 4rem;
  }
  .p-20 {
    padding: 5rem;
  }
  .p-custom {
    padding: var(--p-custom);
  }
  .py-0 {
    padding-block: 0rem;
  }
  .py-px {
    padding-block: 0.0625rem;
  }
  .py-0\.5 {
    padding-block: 0.125rem;
  }
  .py-1 {
    padding-block: 0.25rem;
  }
  .py-1\.5 {
    padding-block: 0.375rem;
  }
  .py-2 {
    padding-block: 0.5rem;
  }
  .py-3 {
    padding-block: 0.75rem;
  }
  .py-4 {
    padding-block: 1rem;
  }
  .py-5 {
    padding-block: 1.25rem;
  }
  .py-6 {
    padding-block: 1.5rem;
  }
  .py-7 {
    padding-block: 1.75rem;
  }
  .py-8 {
    padding-block: 2rem;
  }
  .py-10 {
    padding-block: 2.5rem;
  }
  .py-11 {
    padding-block: 2.75rem;
  }
  .py-12 {
    padding-block: 3rem;
  }
  .py-14 {
    padding-block: 3.5rem;
  }
  .py-16 {
    padding-block: 4rem;
  }
  .py-20 {
    padding-block: 5rem;
  }
  .py-custom {
    padding-block: var(--py-custom);
  }
  .pt-0 {
    padding-block-start: 0rem;
  }
  .pt-px {
    padding-block-start: 0.0625rem;
  }
  .pt-0\.5 {
    padding-block-start: 0.125rem;
  }
  .pt-1 {
    padding-block-start: 0.25rem;
  }
  .pt-1\.5 {
    padding-block-start: 0.375rem;
  }
  .pt-2 {
    padding-block-start: 0.5rem;
  }
  .pt-3 {
    padding-block-start: 0.75rem;
  }
  .pt-4 {
    padding-block-start: 1rem;
  }
  .pt-5 {
    padding-block-start: 1.25rem;
  }
  .pt-6 {
    padding-block-start: 1.5rem;
  }
  .pt-7 {
    padding-block-start: 1.75rem;
  }
  .pt-8 {
    padding-block-start: 2rem;
  }
  .pt-10 {
    padding-block-start: 2.5rem;
  }
  .pt-11 {
    padding-block-start: 2.75rem;
  }
  .pt-12 {
    padding-block-start: 3rem;
  }
  .pt-14 {
    padding-block-start: 3.5rem;
  }
  .pt-16 {
    padding-block-start: 4rem;
  }
  .pt-20 {
    padding-block-start: 5rem;
  }
  .pt-custom {
    padding-block-start: var(--pt-custom);
  }
  .pb-0 {
    padding-block-end: 0rem;
  }
  .pb-px {
    padding-block-end: 0.0625rem;
  }
  .pb-0\.5 {
    padding-block-end: 0.125rem;
  }
  .pb-1 {
    padding-block-end: 0.25rem;
  }
  .pb-1\.5 {
    padding-block-end: 0.375rem;
  }
  .pb-2 {
    padding-block-end: 0.5rem;
  }
  .pb-3 {
    padding-block-end: 0.75rem;
  }
  .pb-4 {
    padding-block-end: 1rem;
  }
  .pb-5 {
    padding-block-end: 1.25rem;
  }
  .pb-6 {
    padding-block-end: 1.5rem;
  }
  .pb-7 {
    padding-block-end: 1.75rem;
  }
  .pb-8 {
    padding-block-end: 2rem;
  }
  .pb-10 {
    padding-block-end: 2.5rem;
  }
  .pb-11 {
    padding-block-end: 2.75rem;
  }
  .pb-12 {
    padding-block-end: 3rem;
  }
  .pb-14 {
    padding-block-end: 3.5rem;
  }
  .pb-16 {
    padding-block-end: 4rem;
  }
  .pb-20 {
    padding-block-end: 5rem;
  }
  .pb-custom {
    padding-block-end: var(--pb-custom);
  }
  .px-0 {
    padding-inline: 0rem;
  }
  .px-px {
    padding-inline: 0.0625rem;
  }
  .px-0\.5 {
    padding-inline: 0.125rem;
  }
  .px-1 {
    padding-inline: 0.25rem;
  }
  .px-1\.5 {
    padding-inline: 0.375rem;
  }
  .px-2 {
    padding-inline: 0.5rem;
  }
  .px-3 {
    padding-inline: 0.75rem;
  }
  .px-4 {
    padding-inline: 1rem;
  }
  .px-5 {
    padding-inline: 1.25rem;
  }
  .px-6 {
    padding-inline: 1.5rem;
  }
  .px-7 {
    padding-inline: 1.75rem;
  }
  .px-8 {
    padding-inline: 2rem;
  }
  .px-10 {
    padding-inline: 2.5rem;
  }
  .px-11 {
    padding-inline: 2.75rem;
  }
  .px-12 {
    padding-inline: 3rem;
  }
  .px-14 {
    padding-inline: 3.5rem;
  }
  .px-16 {
    padding-inline: 4rem;
  }
  .px-20 {
    padding-inline: 5rem;
  }
  .px-custom {
    padding-inline: var(--px-custom);
  }
  .pl-0 {
    padding-inline-start: 0rem;
  }
  .pl-px {
    padding-inline-start: 0.0625rem;
  }
  .pl-0\.5 {
    padding-inline-start: 0.125rem;
  }
  .pl-1 {
    padding-inline-start: 0.25rem;
  }
  .pl-1\.5 {
    padding-inline-start: 0.375rem;
  }
  .pl-2 {
    padding-inline-start: 0.5rem;
  }
  .pl-3 {
    padding-inline-start: 0.75rem;
  }
  .pl-4 {
    padding-inline-start: 1rem;
  }
  .pl-5 {
    padding-inline-start: 1.25rem;
  }
  .pl-6 {
    padding-inline-start: 1.5rem;
  }
  .pl-7 {
    padding-inline-start: 1.75rem;
  }
  .pl-8 {
    padding-inline-start: 2rem;
  }
  .pl-10 {
    padding-inline-start: 2.5rem;
  }
  .pl-11 {
    padding-inline-start: 2.75rem;
  }
  .pl-12 {
    padding-inline-start: 3rem;
  }
  .pl-14 {
    padding-inline-start: 3.5rem;
  }
  .pl-16 {
    padding-inline-start: 4rem;
  }
  .pl-20 {
    padding-inline-start: 5rem;
  }
  .pl-custom {
    padding-inline-start: var(--pl-custom);
  }
  .pr-0 {
    padding-inline-end: 0rem;
  }
  .pr-px {
    padding-inline-end: 0.0625rem;
  }
  .pr-0\.5 {
    padding-inline-end: 0.125rem;
  }
  .pr-1 {
    padding-inline-end: 0.25rem;
  }
  .pr-1\.5 {
    padding-inline-end: 0.375rem;
  }
  .pr-2 {
    padding-inline-end: 0.5rem;
  }
  .pr-3 {
    padding-inline-end: 0.75rem;
  }
  .pr-4 {
    padding-inline-end: 1rem;
  }
  .pr-5 {
    padding-inline-end: 1.25rem;
  }
  .pr-6 {
    padding-inline-end: 1.5rem;
  }
  .pr-7 {
    padding-inline-end: 1.75rem;
  }
  .pr-8 {
    padding-inline-end: 2rem;
  }
  .pr-10 {
    padding-inline-end: 2.5rem;
  }
  .pr-11 {
    padding-inline-end: 2.75rem;
  }
  .pr-12 {
    padding-inline-end: 3rem;
  }
  .pr-14 {
    padding-inline-end: 3.5rem;
  }
  .pr-16 {
    padding-inline-end: 4rem;
  }
  .pr-20 {
    padding-inline-end: 5rem;
  }
  .pr-custom {
    padding-inline-end: var(--pr-custom);
  }
  .gap-0 {
    gap: 0rem;
  }
  .gap-px {
    gap: 0.0625rem;
  }
  .gap-0\.5 {
    gap: 0.125rem;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-1\.5 {
    gap: 0.375rem;
  }
  .gap-2 {
    gap: 0.5rem;
  }
  .gap-3 {
    gap: 0.75rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .gap-5 {
    gap: 1.25rem;
  }
  .gap-6 {
    gap: 1.5rem;
  }
  .gap-7 {
    gap: 1.75rem;
  }
  .gap-8 {
    gap: 2rem;
  }
  .gap-10 {
    gap: 2.5rem;
  }
  .gap-11 {
    gap: 2.75rem;
  }
  .gap-12 {
    gap: 3rem;
  }
  .gap-14 {
    gap: 3.5rem;
  }
  .gap-16 {
    gap: 4rem;
  }
  .gap-20 {
    gap: 5rem;
  }
  .gap-custom {
    gap: var(--gap-custom);
  }
  .gap-x-0 {
    column-gap: 0rem;
  }
  .gap-x-px {
    column-gap: 0.0625rem;
  }
  .gap-x-0\.5 {
    column-gap: 0.125rem;
  }
  .gap-x-1 {
    column-gap: 0.25rem;
  }
  .gap-x-1\.5 {
    column-gap: 0.375rem;
  }
  .gap-x-2 {
    column-gap: 0.5rem;
  }
  .gap-x-3 {
    column-gap: 0.75rem;
  }
  .gap-x-4 {
    column-gap: 1rem;
  }
  .gap-x-5 {
    column-gap: 1.25rem;
  }
  .gap-x-6 {
    column-gap: 1.5rem;
  }
  .gap-x-7 {
    column-gap: 1.75rem;
  }
  .gap-x-8 {
    column-gap: 2rem;
  }
  .gap-x-10 {
    column-gap: 2.5rem;
  }
  .gap-x-11 {
    column-gap: 2.75rem;
  }
  .gap-x-12 {
    column-gap: 3rem;
  }
  .gap-x-14 {
    column-gap: 3.5rem;
  }
  .gap-x-16 {
    column-gap: 4rem;
  }
  .gap-x-20 {
    column-gap: 5rem;
  }
  .gap-x-custom {
    column-gap: var(--gap-x-custom);
  }
  .gap-y-0 {
    row-gap: 0rem;
  }
  .gap-y-px {
    row-gap: 0.0625rem;
  }
  .gap-y-0\.5 {
    row-gap: 0.125rem;
  }
  .gap-y-1 {
    row-gap: 0.25rem;
  }
  .gap-y-1\.5 {
    row-gap: 0.375rem;
  }
  .gap-y-2 {
    row-gap: 0.5rem;
  }
  .gap-y-3 {
    row-gap: 0.75rem;
  }
  .gap-y-4 {
    row-gap: 1rem;
  }
  .gap-y-5 {
    row-gap: 1.25rem;
  }
  .gap-y-6 {
    row-gap: 1.5rem;
  }
  .gap-y-7 {
    row-gap: 1.75rem;
  }
  .gap-y-8 {
    row-gap: 2rem;
  }
  .gap-y-10 {
    row-gap: 2.5rem;
  }
  .gap-y-11 {
    row-gap: 2.75rem;
  }
  .gap-y-12 {
    row-gap: 3rem;
  }
  .gap-y-14 {
    row-gap: 3.5rem;
  }
  .gap-y-16 {
    row-gap: 4rem;
  }
  .gap-y-20 {
    row-gap: 5rem;
  }
  .gap-y-custom {
    row-gap: var(--gap-y-custom);
  }
}
@media (min-width: 28.135em) {
  .sm\:m-0 {
    margin: 0rem;
  }
  .sm\:m-px {
    margin: 0.0625rem;
  }
  .sm\:m-0\.5 {
    margin: 0.125rem;
  }
  .sm\:m-1 {
    margin: 0.25rem;
  }
  .sm\:m-1\.5 {
    margin: 0.375rem;
  }
  .sm\:m-2 {
    margin: 0.5rem;
  }
  .sm\:m-3 {
    margin: 0.75rem;
  }
  .sm\:m-4 {
    margin: 1rem;
  }
  .sm\:m-5 {
    margin: 1.25rem;
  }
  .sm\:m-6 {
    margin: 1.5rem;
  }
  .sm\:m-7 {
    margin: 1.75rem;
  }
  .sm\:m-8 {
    margin: 2rem;
  }
  .sm\:m-10 {
    margin: 2.5rem;
  }
  .sm\:m-11 {
    margin: 2.75rem;
  }
  .sm\:m-12 {
    margin: 3rem;
  }
  .sm\:m-14 {
    margin: 3.5rem;
  }
  .sm\:m-16 {
    margin: 4rem;
  }
  .sm\:m-20 {
    margin: 5rem;
  }
  .sm\:m-auto {
    margin: auto;
  }
  .sm\:m-custom {
    margin: var(--sm-m-custom);
  }
  .sm\:my-0 {
    margin-block: 0rem;
  }
  .sm\:my-px {
    margin-block: 0.0625rem;
  }
  .sm\:my-0\.5 {
    margin-block: 0.125rem;
  }
  .sm\:my-1 {
    margin-block: 0.25rem;
  }
  .sm\:my-1\.5 {
    margin-block: 0.375rem;
  }
  .sm\:my-2 {
    margin-block: 0.5rem;
  }
  .sm\:my-3 {
    margin-block: 0.75rem;
  }
  .sm\:my-4 {
    margin-block: 1rem;
  }
  .sm\:my-5 {
    margin-block: 1.25rem;
  }
  .sm\:my-6 {
    margin-block: 1.5rem;
  }
  .sm\:my-7 {
    margin-block: 1.75rem;
  }
  .sm\:my-8 {
    margin-block: 2rem;
  }
  .sm\:my-10 {
    margin-block: 2.5rem;
  }
  .sm\:my-11 {
    margin-block: 2.75rem;
  }
  .sm\:my-12 {
    margin-block: 3rem;
  }
  .sm\:my-14 {
    margin-block: 3.5rem;
  }
  .sm\:my-16 {
    margin-block: 4rem;
  }
  .sm\:my-20 {
    margin-block: 5rem;
  }
  .sm\:my-auto {
    margin-block: auto;
  }
  .sm\:my-custom {
    margin-block: var(--sm-my-custom);
  }
  .sm\:mt-0 {
    margin-block-start: 0rem;
  }
  .sm\:mt-px {
    margin-block-start: 0.0625rem;
  }
  .sm\:mt-0\.5 {
    margin-block-start: 0.125rem;
  }
  .sm\:mt-1 {
    margin-block-start: 0.25rem;
  }
  .sm\:mt-1\.5 {
    margin-block-start: 0.375rem;
  }
  .sm\:mt-2 {
    margin-block-start: 0.5rem;
  }
  .sm\:mt-3 {
    margin-block-start: 0.75rem;
  }
  .sm\:mt-4 {
    margin-block-start: 1rem;
  }
  .sm\:mt-5 {
    margin-block-start: 1.25rem;
  }
  .sm\:mt-6 {
    margin-block-start: 1.5rem;
  }
  .sm\:mt-7 {
    margin-block-start: 1.75rem;
  }
  .sm\:mt-8 {
    margin-block-start: 2rem;
  }
  .sm\:mt-10 {
    margin-block-start: 2.5rem;
  }
  .sm\:mt-11 {
    margin-block-start: 2.75rem;
  }
  .sm\:mt-12 {
    margin-block-start: 3rem;
  }
  .sm\:mt-14 {
    margin-block-start: 3.5rem;
  }
  .sm\:mt-16 {
    margin-block-start: 4rem;
  }
  .sm\:mt-20 {
    margin-block-start: 5rem;
  }
  .sm\:mt-auto {
    margin-block-start: auto;
  }
  .sm\:mt-custom {
    margin-block-start: var(--sm-mt-custom);
  }
  .sm\:mb-0 {
    margin-block-end: 0rem;
  }
  .sm\:mb-px {
    margin-block-end: 0.0625rem;
  }
  .sm\:mb-0\.5 {
    margin-block-end: 0.125rem;
  }
  .sm\:mb-1 {
    margin-block-end: 0.25rem;
  }
  .sm\:mb-1\.5 {
    margin-block-end: 0.375rem;
  }
  .sm\:mb-2 {
    margin-block-end: 0.5rem;
  }
  .sm\:mb-3 {
    margin-block-end: 0.75rem;
  }
  .sm\:mb-4 {
    margin-block-end: 1rem;
  }
  .sm\:mb-5 {
    margin-block-end: 1.25rem;
  }
  .sm\:mb-6 {
    margin-block-end: 1.5rem;
  }
  .sm\:mb-7 {
    margin-block-end: 1.75rem;
  }
  .sm\:mb-8 {
    margin-block-end: 2rem;
  }
  .sm\:mb-10 {
    margin-block-end: 2.5rem;
  }
  .sm\:mb-11 {
    margin-block-end: 2.75rem;
  }
  .sm\:mb-12 {
    margin-block-end: 3rem;
  }
  .sm\:mb-14 {
    margin-block-end: 3.5rem;
  }
  .sm\:mb-16 {
    margin-block-end: 4rem;
  }
  .sm\:mb-20 {
    margin-block-end: 5rem;
  }
  .sm\:mb-auto {
    margin-block-end: auto;
  }
  .sm\:mb-custom {
    margin-block-end: var(--sm-mb-custom);
  }
  .sm\:mx-0 {
    margin-inline: 0rem;
  }
  .sm\:mx-px {
    margin-inline: 0.0625rem;
  }
  .sm\:mx-0\.5 {
    margin-inline: 0.125rem;
  }
  .sm\:mx-1 {
    margin-inline: 0.25rem;
  }
  .sm\:mx-1\.5 {
    margin-inline: 0.375rem;
  }
  .sm\:mx-2 {
    margin-inline: 0.5rem;
  }
  .sm\:mx-3 {
    margin-inline: 0.75rem;
  }
  .sm\:mx-4 {
    margin-inline: 1rem;
  }
  .sm\:mx-5 {
    margin-inline: 1.25rem;
  }
  .sm\:mx-6 {
    margin-inline: 1.5rem;
  }
  .sm\:mx-7 {
    margin-inline: 1.75rem;
  }
  .sm\:mx-8 {
    margin-inline: 2rem;
  }
  .sm\:mx-10 {
    margin-inline: 2.5rem;
  }
  .sm\:mx-11 {
    margin-inline: 2.75rem;
  }
  .sm\:mx-12 {
    margin-inline: 3rem;
  }
  .sm\:mx-14 {
    margin-inline: 3.5rem;
  }
  .sm\:mx-16 {
    margin-inline: 4rem;
  }
  .sm\:mx-20 {
    margin-inline: 5rem;
  }
  .sm\:mx-auto {
    margin-inline: auto;
  }
  .sm\:mx-custom {
    margin-inline: var(--sm-mx-custom);
  }
  .sm\:ml-0 {
    margin-inline-start: 0rem;
  }
  .sm\:ml-px {
    margin-inline-start: 0.0625rem;
  }
  .sm\:ml-0\.5 {
    margin-inline-start: 0.125rem;
  }
  .sm\:ml-1 {
    margin-inline-start: 0.25rem;
  }
  .sm\:ml-1\.5 {
    margin-inline-start: 0.375rem;
  }
  .sm\:ml-2 {
    margin-inline-start: 0.5rem;
  }
  .sm\:ml-3 {
    margin-inline-start: 0.75rem;
  }
  .sm\:ml-4 {
    margin-inline-start: 1rem;
  }
  .sm\:ml-5 {
    margin-inline-start: 1.25rem;
  }
  .sm\:ml-6 {
    margin-inline-start: 1.5rem;
  }
  .sm\:ml-7 {
    margin-inline-start: 1.75rem;
  }
  .sm\:ml-8 {
    margin-inline-start: 2rem;
  }
  .sm\:ml-10 {
    margin-inline-start: 2.5rem;
  }
  .sm\:ml-11 {
    margin-inline-start: 2.75rem;
  }
  .sm\:ml-12 {
    margin-inline-start: 3rem;
  }
  .sm\:ml-14 {
    margin-inline-start: 3.5rem;
  }
  .sm\:ml-16 {
    margin-inline-start: 4rem;
  }
  .sm\:ml-20 {
    margin-inline-start: 5rem;
  }
  .sm\:ml-auto {
    margin-inline-start: auto;
  }
  .sm\:ml-custom {
    margin-inline-start: var(--sm-ml-custom);
  }
  .sm\:mr-0 {
    margin-inline-end: 0rem;
  }
  .sm\:mr-px {
    margin-inline-end: 0.0625rem;
  }
  .sm\:mr-0\.5 {
    margin-inline-end: 0.125rem;
  }
  .sm\:mr-1 {
    margin-inline-end: 0.25rem;
  }
  .sm\:mr-1\.5 {
    margin-inline-end: 0.375rem;
  }
  .sm\:mr-2 {
    margin-inline-end: 0.5rem;
  }
  .sm\:mr-3 {
    margin-inline-end: 0.75rem;
  }
  .sm\:mr-4 {
    margin-inline-end: 1rem;
  }
  .sm\:mr-5 {
    margin-inline-end: 1.25rem;
  }
  .sm\:mr-6 {
    margin-inline-end: 1.5rem;
  }
  .sm\:mr-7 {
    margin-inline-end: 1.75rem;
  }
  .sm\:mr-8 {
    margin-inline-end: 2rem;
  }
  .sm\:mr-10 {
    margin-inline-end: 2.5rem;
  }
  .sm\:mr-11 {
    margin-inline-end: 2.75rem;
  }
  .sm\:mr-12 {
    margin-inline-end: 3rem;
  }
  .sm\:mr-14 {
    margin-inline-end: 3.5rem;
  }
  .sm\:mr-16 {
    margin-inline-end: 4rem;
  }
  .sm\:mr-20 {
    margin-inline-end: 5rem;
  }
  .sm\:mr-auto {
    margin-inline-end: auto;
  }
  .sm\:mr-custom {
    margin-inline-end: var(--sm-mr-custom);
  }
  .sm\:p-0 {
    padding: 0rem;
  }
  .sm\:p-px {
    padding: 0.0625rem;
  }
  .sm\:p-0\.5 {
    padding: 0.125rem;
  }
  .sm\:p-1 {
    padding: 0.25rem;
  }
  .sm\:p-1\.5 {
    padding: 0.375rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-7 {
    padding: 1.75rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:p-10 {
    padding: 2.5rem;
  }
  .sm\:p-11 {
    padding: 2.75rem;
  }
  .sm\:p-12 {
    padding: 3rem;
  }
  .sm\:p-14 {
    padding: 3.5rem;
  }
  .sm\:p-16 {
    padding: 4rem;
  }
  .sm\:p-20 {
    padding: 5rem;
  }
  .sm\:p-custom {
    padding: var(--sm-p-custom);
  }
  .sm\:py-0 {
    padding-block: 0rem;
  }
  .sm\:py-px {
    padding-block: 0.0625rem;
  }
  .sm\:py-0\.5 {
    padding-block: 0.125rem;
  }
  .sm\:py-1 {
    padding-block: 0.25rem;
  }
  .sm\:py-1\.5 {
    padding-block: 0.375rem;
  }
  .sm\:py-2 {
    padding-block: 0.5rem;
  }
  .sm\:py-3 {
    padding-block: 0.75rem;
  }
  .sm\:py-4 {
    padding-block: 1rem;
  }
  .sm\:py-5 {
    padding-block: 1.25rem;
  }
  .sm\:py-6 {
    padding-block: 1.5rem;
  }
  .sm\:py-7 {
    padding-block: 1.75rem;
  }
  .sm\:py-8 {
    padding-block: 2rem;
  }
  .sm\:py-10 {
    padding-block: 2.5rem;
  }
  .sm\:py-11 {
    padding-block: 2.75rem;
  }
  .sm\:py-12 {
    padding-block: 3rem;
  }
  .sm\:py-14 {
    padding-block: 3.5rem;
  }
  .sm\:py-16 {
    padding-block: 4rem;
  }
  .sm\:py-20 {
    padding-block: 5rem;
  }
  .sm\:py-custom {
    padding-block: var(--sm-py-custom);
  }
  .sm\:pt-0 {
    padding-block-start: 0rem;
  }
  .sm\:pt-px {
    padding-block-start: 0.0625rem;
  }
  .sm\:pt-0\.5 {
    padding-block-start: 0.125rem;
  }
  .sm\:pt-1 {
    padding-block-start: 0.25rem;
  }
  .sm\:pt-1\.5 {
    padding-block-start: 0.375rem;
  }
  .sm\:pt-2 {
    padding-block-start: 0.5rem;
  }
  .sm\:pt-3 {
    padding-block-start: 0.75rem;
  }
  .sm\:pt-4 {
    padding-block-start: 1rem;
  }
  .sm\:pt-5 {
    padding-block-start: 1.25rem;
  }
  .sm\:pt-6 {
    padding-block-start: 1.5rem;
  }
  .sm\:pt-7 {
    padding-block-start: 1.75rem;
  }
  .sm\:pt-8 {
    padding-block-start: 2rem;
  }
  .sm\:pt-10 {
    padding-block-start: 2.5rem;
  }
  .sm\:pt-11 {
    padding-block-start: 2.75rem;
  }
  .sm\:pt-12 {
    padding-block-start: 3rem;
  }
  .sm\:pt-14 {
    padding-block-start: 3.5rem;
  }
  .sm\:pt-16 {
    padding-block-start: 4rem;
  }
  .sm\:pt-20 {
    padding-block-start: 5rem;
  }
  .sm\:pt-custom {
    padding-block-start: var(--sm-pt-custom);
  }
  .sm\:pb-0 {
    padding-block-end: 0rem;
  }
  .sm\:pb-px {
    padding-block-end: 0.0625rem;
  }
  .sm\:pb-0\.5 {
    padding-block-end: 0.125rem;
  }
  .sm\:pb-1 {
    padding-block-end: 0.25rem;
  }
  .sm\:pb-1\.5 {
    padding-block-end: 0.375rem;
  }
  .sm\:pb-2 {
    padding-block-end: 0.5rem;
  }
  .sm\:pb-3 {
    padding-block-end: 0.75rem;
  }
  .sm\:pb-4 {
    padding-block-end: 1rem;
  }
  .sm\:pb-5 {
    padding-block-end: 1.25rem;
  }
  .sm\:pb-6 {
    padding-block-end: 1.5rem;
  }
  .sm\:pb-7 {
    padding-block-end: 1.75rem;
  }
  .sm\:pb-8 {
    padding-block-end: 2rem;
  }
  .sm\:pb-10 {
    padding-block-end: 2.5rem;
  }
  .sm\:pb-11 {
    padding-block-end: 2.75rem;
  }
  .sm\:pb-12 {
    padding-block-end: 3rem;
  }
  .sm\:pb-14 {
    padding-block-end: 3.5rem;
  }
  .sm\:pb-16 {
    padding-block-end: 4rem;
  }
  .sm\:pb-20 {
    padding-block-end: 5rem;
  }
  .sm\:pb-custom {
    padding-block-end: var(--sm-pb-custom);
  }
  .sm\:px-0 {
    padding-inline: 0rem;
  }
  .sm\:px-px {
    padding-inline: 0.0625rem;
  }
  .sm\:px-0\.5 {
    padding-inline: 0.125rem;
  }
  .sm\:px-1 {
    padding-inline: 0.25rem;
  }
  .sm\:px-1\.5 {
    padding-inline: 0.375rem;
  }
  .sm\:px-2 {
    padding-inline: 0.5rem;
  }
  .sm\:px-3 {
    padding-inline: 0.75rem;
  }
  .sm\:px-4 {
    padding-inline: 1rem;
  }
  .sm\:px-5 {
    padding-inline: 1.25rem;
  }
  .sm\:px-6 {
    padding-inline: 1.5rem;
  }
  .sm\:px-7 {
    padding-inline: 1.75rem;
  }
  .sm\:px-8 {
    padding-inline: 2rem;
  }
  .sm\:px-10 {
    padding-inline: 2.5rem;
  }
  .sm\:px-11 {
    padding-inline: 2.75rem;
  }
  .sm\:px-12 {
    padding-inline: 3rem;
  }
  .sm\:px-14 {
    padding-inline: 3.5rem;
  }
  .sm\:px-16 {
    padding-inline: 4rem;
  }
  .sm\:px-20 {
    padding-inline: 5rem;
  }
  .sm\:px-custom {
    padding-inline: var(--sm-px-custom);
  }
  .sm\:pl-0 {
    padding-inline-start: 0rem;
  }
  .sm\:pl-px {
    padding-inline-start: 0.0625rem;
  }
  .sm\:pl-0\.5 {
    padding-inline-start: 0.125rem;
  }
  .sm\:pl-1 {
    padding-inline-start: 0.25rem;
  }
  .sm\:pl-1\.5 {
    padding-inline-start: 0.375rem;
  }
  .sm\:pl-2 {
    padding-inline-start: 0.5rem;
  }
  .sm\:pl-3 {
    padding-inline-start: 0.75rem;
  }
  .sm\:pl-4 {
    padding-inline-start: 1rem;
  }
  .sm\:pl-5 {
    padding-inline-start: 1.25rem;
  }
  .sm\:pl-6 {
    padding-inline-start: 1.5rem;
  }
  .sm\:pl-7 {
    padding-inline-start: 1.75rem;
  }
  .sm\:pl-8 {
    padding-inline-start: 2rem;
  }
  .sm\:pl-10 {
    padding-inline-start: 2.5rem;
  }
  .sm\:pl-11 {
    padding-inline-start: 2.75rem;
  }
  .sm\:pl-12 {
    padding-inline-start: 3rem;
  }
  .sm\:pl-14 {
    padding-inline-start: 3.5rem;
  }
  .sm\:pl-16 {
    padding-inline-start: 4rem;
  }
  .sm\:pl-20 {
    padding-inline-start: 5rem;
  }
  .sm\:pl-custom {
    padding-inline-start: var(--sm-pl-custom);
  }
  .sm\:pr-0 {
    padding-inline-end: 0rem;
  }
  .sm\:pr-px {
    padding-inline-end: 0.0625rem;
  }
  .sm\:pr-0\.5 {
    padding-inline-end: 0.125rem;
  }
  .sm\:pr-1 {
    padding-inline-end: 0.25rem;
  }
  .sm\:pr-1\.5 {
    padding-inline-end: 0.375rem;
  }
  .sm\:pr-2 {
    padding-inline-end: 0.5rem;
  }
  .sm\:pr-3 {
    padding-inline-end: 0.75rem;
  }
  .sm\:pr-4 {
    padding-inline-end: 1rem;
  }
  .sm\:pr-5 {
    padding-inline-end: 1.25rem;
  }
  .sm\:pr-6 {
    padding-inline-end: 1.5rem;
  }
  .sm\:pr-7 {
    padding-inline-end: 1.75rem;
  }
  .sm\:pr-8 {
    padding-inline-end: 2rem;
  }
  .sm\:pr-10 {
    padding-inline-end: 2.5rem;
  }
  .sm\:pr-11 {
    padding-inline-end: 2.75rem;
  }
  .sm\:pr-12 {
    padding-inline-end: 3rem;
  }
  .sm\:pr-14 {
    padding-inline-end: 3.5rem;
  }
  .sm\:pr-16 {
    padding-inline-end: 4rem;
  }
  .sm\:pr-20 {
    padding-inline-end: 5rem;
  }
  .sm\:pr-custom {
    padding-inline-end: var(--sm-pr-custom);
  }
  .sm\:gap-0 {
    gap: 0rem;
  }
  .sm\:gap-px {
    gap: 0.0625rem;
  }
  .sm\:gap-0\.5 {
    gap: 0.125rem;
  }
  .sm\:gap-1 {
    gap: 0.25rem;
  }
  .sm\:gap-1\.5 {
    gap: 0.375rem;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-5 {
    gap: 1.25rem;
  }
  .sm\:gap-6 {
    gap: 1.5rem;
  }
  .sm\:gap-7 {
    gap: 1.75rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:gap-10 {
    gap: 2.5rem;
  }
  .sm\:gap-11 {
    gap: 2.75rem;
  }
  .sm\:gap-12 {
    gap: 3rem;
  }
  .sm\:gap-14 {
    gap: 3.5rem;
  }
  .sm\:gap-16 {
    gap: 4rem;
  }
  .sm\:gap-20 {
    gap: 5rem;
  }
  .sm\:gap-custom {
    gap: var(--sm-gap-custom);
  }
  .sm\:gap-x-0 {
    column-gap: 0rem;
  }
  .sm\:gap-x-px {
    column-gap: 0.0625rem;
  }
  .sm\:gap-x-0\.5 {
    column-gap: 0.125rem;
  }
  .sm\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .sm\:gap-x-1\.5 {
    column-gap: 0.375rem;
  }
  .sm\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .sm\:gap-x-3 {
    column-gap: 0.75rem;
  }
  .sm\:gap-x-4 {
    column-gap: 1rem;
  }
  .sm\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .sm\:gap-x-6 {
    column-gap: 1.5rem;
  }
  .sm\:gap-x-7 {
    column-gap: 1.75rem;
  }
  .sm\:gap-x-8 {
    column-gap: 2rem;
  }
  .sm\:gap-x-10 {
    column-gap: 2.5rem;
  }
  .sm\:gap-x-11 {
    column-gap: 2.75rem;
  }
  .sm\:gap-x-12 {
    column-gap: 3rem;
  }
  .sm\:gap-x-14 {
    column-gap: 3.5rem;
  }
  .sm\:gap-x-16 {
    column-gap: 4rem;
  }
  .sm\:gap-x-20 {
    column-gap: 5rem;
  }
  .sm\:gap-x-custom {
    column-gap: var(--sm-gap-x-custom);
  }
  .sm\:gap-y-0 {
    row-gap: 0rem;
  }
  .sm\:gap-y-px {
    row-gap: 0.0625rem;
  }
  .sm\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }
  .sm\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .sm\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }
  .sm\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .sm\:gap-y-3 {
    row-gap: 0.75rem;
  }
  .sm\:gap-y-4 {
    row-gap: 1rem;
  }
  .sm\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .sm\:gap-y-6 {
    row-gap: 1.5rem;
  }
  .sm\:gap-y-7 {
    row-gap: 1.75rem;
  }
  .sm\:gap-y-8 {
    row-gap: 2rem;
  }
  .sm\:gap-y-10 {
    row-gap: 2.5rem;
  }
  .sm\:gap-y-11 {
    row-gap: 2.75rem;
  }
  .sm\:gap-y-12 {
    row-gap: 3rem;
  }
  .sm\:gap-y-14 {
    row-gap: 3.5rem;
  }
  .sm\:gap-y-16 {
    row-gap: 4rem;
  }
  .sm\:gap-y-20 {
    row-gap: 5rem;
  }
  .sm\:gap-y-custom {
    row-gap: var(--sm-gap-y-custom);
  }
}
@media (min-width: 42.51em) {
  .md\:m-0 {
    margin: 0rem;
  }
  .md\:m-px {
    margin: 0.0625rem;
  }
  .md\:m-0\.5 {
    margin: 0.125rem;
  }
  .md\:m-1 {
    margin: 0.25rem;
  }
  .md\:m-1\.5 {
    margin: 0.375rem;
  }
  .md\:m-2 {
    margin: 0.5rem;
  }
  .md\:m-3 {
    margin: 0.75rem;
  }
  .md\:m-4 {
    margin: 1rem;
  }
  .md\:m-5 {
    margin: 1.25rem;
  }
  .md\:m-6 {
    margin: 1.5rem;
  }
  .md\:m-7 {
    margin: 1.75rem;
  }
  .md\:m-8 {
    margin: 2rem;
  }
  .md\:m-10 {
    margin: 2.5rem;
  }
  .md\:m-11 {
    margin: 2.75rem;
  }
  .md\:m-12 {
    margin: 3rem;
  }
  .md\:m-14 {
    margin: 3.5rem;
  }
  .md\:m-16 {
    margin: 4rem;
  }
  .md\:m-20 {
    margin: 5rem;
  }
  .md\:m-auto {
    margin: auto;
  }
  .md\:m-custom {
    margin: var(--md-m-custom);
  }
  .md\:my-0 {
    margin-block: 0rem;
  }
  .md\:my-px {
    margin-block: 0.0625rem;
  }
  .md\:my-0\.5 {
    margin-block: 0.125rem;
  }
  .md\:my-1 {
    margin-block: 0.25rem;
  }
  .md\:my-1\.5 {
    margin-block: 0.375rem;
  }
  .md\:my-2 {
    margin-block: 0.5rem;
  }
  .md\:my-3 {
    margin-block: 0.75rem;
  }
  .md\:my-4 {
    margin-block: 1rem;
  }
  .md\:my-5 {
    margin-block: 1.25rem;
  }
  .md\:my-6 {
    margin-block: 1.5rem;
  }
  .md\:my-7 {
    margin-block: 1.75rem;
  }
  .md\:my-8 {
    margin-block: 2rem;
  }
  .md\:my-10 {
    margin-block: 2.5rem;
  }
  .md\:my-11 {
    margin-block: 2.75rem;
  }
  .md\:my-12 {
    margin-block: 3rem;
  }
  .md\:my-14 {
    margin-block: 3.5rem;
  }
  .md\:my-16 {
    margin-block: 4rem;
  }
  .md\:my-20 {
    margin-block: 5rem;
  }
  .md\:my-auto {
    margin-block: auto;
  }
  .md\:my-custom {
    margin-block: var(--md-my-custom);
  }
  .md\:mt-0 {
    margin-block-start: 0rem;
  }
  .md\:mt-px {
    margin-block-start: 0.0625rem;
  }
  .md\:mt-0\.5 {
    margin-block-start: 0.125rem;
  }
  .md\:mt-1 {
    margin-block-start: 0.25rem;
  }
  .md\:mt-1\.5 {
    margin-block-start: 0.375rem;
  }
  .md\:mt-2 {
    margin-block-start: 0.5rem;
  }
  .md\:mt-3 {
    margin-block-start: 0.75rem;
  }
  .md\:mt-4 {
    margin-block-start: 1rem;
  }
  .md\:mt-5 {
    margin-block-start: 1.25rem;
  }
  .md\:mt-6 {
    margin-block-start: 1.5rem;
  }
  .md\:mt-7 {
    margin-block-start: 1.75rem;
  }
  .md\:mt-8 {
    margin-block-start: 2rem;
  }
  .md\:mt-10 {
    margin-block-start: 2.5rem;
  }
  .md\:mt-11 {
    margin-block-start: 2.75rem;
  }
  .md\:mt-12 {
    margin-block-start: 3rem;
  }
  .md\:mt-14 {
    margin-block-start: 3.5rem;
  }
  .md\:mt-16 {
    margin-block-start: 4rem;
  }
  .md\:mt-20 {
    margin-block-start: 5rem;
  }
  .md\:mt-auto {
    margin-block-start: auto;
  }
  .md\:mt-custom {
    margin-block-start: var(--md-mt-custom);
  }
  .md\:mb-0 {
    margin-block-end: 0rem;
  }
  .md\:mb-px {
    margin-block-end: 0.0625rem;
  }
  .md\:mb-0\.5 {
    margin-block-end: 0.125rem;
  }
  .md\:mb-1 {
    margin-block-end: 0.25rem;
  }
  .md\:mb-1\.5 {
    margin-block-end: 0.375rem;
  }
  .md\:mb-2 {
    margin-block-end: 0.5rem;
  }
  .md\:mb-3 {
    margin-block-end: 0.75rem;
  }
  .md\:mb-4 {
    margin-block-end: 1rem;
  }
  .md\:mb-5 {
    margin-block-end: 1.25rem;
  }
  .md\:mb-6 {
    margin-block-end: 1.5rem;
  }
  .md\:mb-7 {
    margin-block-end: 1.75rem;
  }
  .md\:mb-8 {
    margin-block-end: 2rem;
  }
  .md\:mb-10 {
    margin-block-end: 2.5rem;
  }
  .md\:mb-11 {
    margin-block-end: 2.75rem;
  }
  .md\:mb-12 {
    margin-block-end: 3rem;
  }
  .md\:mb-14 {
    margin-block-end: 3.5rem;
  }
  .md\:mb-16 {
    margin-block-end: 4rem;
  }
  .md\:mb-20 {
    margin-block-end: 5rem;
  }
  .md\:mb-auto {
    margin-block-end: auto;
  }
  .md\:mb-custom {
    margin-block-end: var(--md-mb-custom);
  }
  .md\:mx-0 {
    margin-inline: 0rem;
  }
  .md\:mx-px {
    margin-inline: 0.0625rem;
  }
  .md\:mx-0\.5 {
    margin-inline: 0.125rem;
  }
  .md\:mx-1 {
    margin-inline: 0.25rem;
  }
  .md\:mx-1\.5 {
    margin-inline: 0.375rem;
  }
  .md\:mx-2 {
    margin-inline: 0.5rem;
  }
  .md\:mx-3 {
    margin-inline: 0.75rem;
  }
  .md\:mx-4 {
    margin-inline: 1rem;
  }
  .md\:mx-5 {
    margin-inline: 1.25rem;
  }
  .md\:mx-6 {
    margin-inline: 1.5rem;
  }
  .md\:mx-7 {
    margin-inline: 1.75rem;
  }
  .md\:mx-8 {
    margin-inline: 2rem;
  }
  .md\:mx-10 {
    margin-inline: 2.5rem;
  }
  .md\:mx-11 {
    margin-inline: 2.75rem;
  }
  .md\:mx-12 {
    margin-inline: 3rem;
  }
  .md\:mx-14 {
    margin-inline: 3.5rem;
  }
  .md\:mx-16 {
    margin-inline: 4rem;
  }
  .md\:mx-20 {
    margin-inline: 5rem;
  }
  .md\:mx-auto {
    margin-inline: auto;
  }
  .md\:mx-custom {
    margin-inline: var(--md-mx-custom);
  }
  .md\:ml-0 {
    margin-inline-start: 0rem;
  }
  .md\:ml-px {
    margin-inline-start: 0.0625rem;
  }
  .md\:ml-0\.5 {
    margin-inline-start: 0.125rem;
  }
  .md\:ml-1 {
    margin-inline-start: 0.25rem;
  }
  .md\:ml-1\.5 {
    margin-inline-start: 0.375rem;
  }
  .md\:ml-2 {
    margin-inline-start: 0.5rem;
  }
  .md\:ml-3 {
    margin-inline-start: 0.75rem;
  }
  .md\:ml-4 {
    margin-inline-start: 1rem;
  }
  .md\:ml-5 {
    margin-inline-start: 1.25rem;
  }
  .md\:ml-6 {
    margin-inline-start: 1.5rem;
  }
  .md\:ml-7 {
    margin-inline-start: 1.75rem;
  }
  .md\:ml-8 {
    margin-inline-start: 2rem;
  }
  .md\:ml-10 {
    margin-inline-start: 2.5rem;
  }
  .md\:ml-11 {
    margin-inline-start: 2.75rem;
  }
  .md\:ml-12 {
    margin-inline-start: 3rem;
  }
  .md\:ml-14 {
    margin-inline-start: 3.5rem;
  }
  .md\:ml-16 {
    margin-inline-start: 4rem;
  }
  .md\:ml-20 {
    margin-inline-start: 5rem;
  }
  .md\:ml-auto {
    margin-inline-start: auto;
  }
  .md\:ml-custom {
    margin-inline-start: var(--md-ml-custom);
  }
  .md\:mr-0 {
    margin-inline-end: 0rem;
  }
  .md\:mr-px {
    margin-inline-end: 0.0625rem;
  }
  .md\:mr-0\.5 {
    margin-inline-end: 0.125rem;
  }
  .md\:mr-1 {
    margin-inline-end: 0.25rem;
  }
  .md\:mr-1\.5 {
    margin-inline-end: 0.375rem;
  }
  .md\:mr-2 {
    margin-inline-end: 0.5rem;
  }
  .md\:mr-3 {
    margin-inline-end: 0.75rem;
  }
  .md\:mr-4 {
    margin-inline-end: 1rem;
  }
  .md\:mr-5 {
    margin-inline-end: 1.25rem;
  }
  .md\:mr-6 {
    margin-inline-end: 1.5rem;
  }
  .md\:mr-7 {
    margin-inline-end: 1.75rem;
  }
  .md\:mr-8 {
    margin-inline-end: 2rem;
  }
  .md\:mr-10 {
    margin-inline-end: 2.5rem;
  }
  .md\:mr-11 {
    margin-inline-end: 2.75rem;
  }
  .md\:mr-12 {
    margin-inline-end: 3rem;
  }
  .md\:mr-14 {
    margin-inline-end: 3.5rem;
  }
  .md\:mr-16 {
    margin-inline-end: 4rem;
  }
  .md\:mr-20 {
    margin-inline-end: 5rem;
  }
  .md\:mr-auto {
    margin-inline-end: auto;
  }
  .md\:mr-custom {
    margin-inline-end: var(--md-mr-custom);
  }
  .md\:p-0 {
    padding: 0rem;
  }
  .md\:p-px {
    padding: 0.0625rem;
  }
  .md\:p-0\.5 {
    padding: 0.125rem;
  }
  .md\:p-1 {
    padding: 0.25rem;
  }
  .md\:p-1\.5 {
    padding: 0.375rem;
  }
  .md\:p-2 {
    padding: 0.5rem;
  }
  .md\:p-3 {
    padding: 0.75rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:p-5 {
    padding: 1.25rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:p-7 {
    padding: 1.75rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-11 {
    padding: 2.75rem;
  }
  .md\:p-12 {
    padding: 3rem;
  }
  .md\:p-14 {
    padding: 3.5rem;
  }
  .md\:p-16 {
    padding: 4rem;
  }
  .md\:p-20 {
    padding: 5rem;
  }
  .md\:p-custom {
    padding: var(--md-p-custom);
  }
  .md\:py-0 {
    padding-block: 0rem;
  }
  .md\:py-px {
    padding-block: 0.0625rem;
  }
  .md\:py-0\.5 {
    padding-block: 0.125rem;
  }
  .md\:py-1 {
    padding-block: 0.25rem;
  }
  .md\:py-1\.5 {
    padding-block: 0.375rem;
  }
  .md\:py-2 {
    padding-block: 0.5rem;
  }
  .md\:py-3 {
    padding-block: 0.75rem;
  }
  .md\:py-4 {
    padding-block: 1rem;
  }
  .md\:py-5 {
    padding-block: 1.25rem;
  }
  .md\:py-6 {
    padding-block: 1.5rem;
  }
  .md\:py-7 {
    padding-block: 1.75rem;
  }
  .md\:py-8 {
    padding-block: 2rem;
  }
  .md\:py-10 {
    padding-block: 2.5rem;
  }
  .md\:py-11 {
    padding-block: 2.75rem;
  }
  .md\:py-12 {
    padding-block: 3rem;
  }
  .md\:py-14 {
    padding-block: 3.5rem;
  }
  .md\:py-16 {
    padding-block: 4rem;
  }
  .md\:py-20 {
    padding-block: 5rem;
  }
  .md\:py-custom {
    padding-block: var(--md-py-custom);
  }
  .md\:pt-0 {
    padding-block-start: 0rem;
  }
  .md\:pt-px {
    padding-block-start: 0.0625rem;
  }
  .md\:pt-0\.5 {
    padding-block-start: 0.125rem;
  }
  .md\:pt-1 {
    padding-block-start: 0.25rem;
  }
  .md\:pt-1\.5 {
    padding-block-start: 0.375rem;
  }
  .md\:pt-2 {
    padding-block-start: 0.5rem;
  }
  .md\:pt-3 {
    padding-block-start: 0.75rem;
  }
  .md\:pt-4 {
    padding-block-start: 1rem;
  }
  .md\:pt-5 {
    padding-block-start: 1.25rem;
  }
  .md\:pt-6 {
    padding-block-start: 1.5rem;
  }
  .md\:pt-7 {
    padding-block-start: 1.75rem;
  }
  .md\:pt-8 {
    padding-block-start: 2rem;
  }
  .md\:pt-10 {
    padding-block-start: 2.5rem;
  }
  .md\:pt-11 {
    padding-block-start: 2.75rem;
  }
  .md\:pt-12 {
    padding-block-start: 3rem;
  }
  .md\:pt-14 {
    padding-block-start: 3.5rem;
  }
  .md\:pt-16 {
    padding-block-start: 4rem;
  }
  .md\:pt-20 {
    padding-block-start: 5rem;
  }
  .md\:pt-custom {
    padding-block-start: var(--md-pt-custom);
  }
  .md\:pb-0 {
    padding-block-end: 0rem;
  }
  .md\:pb-px {
    padding-block-end: 0.0625rem;
  }
  .md\:pb-0\.5 {
    padding-block-end: 0.125rem;
  }
  .md\:pb-1 {
    padding-block-end: 0.25rem;
  }
  .md\:pb-1\.5 {
    padding-block-end: 0.375rem;
  }
  .md\:pb-2 {
    padding-block-end: 0.5rem;
  }
  .md\:pb-3 {
    padding-block-end: 0.75rem;
  }
  .md\:pb-4 {
    padding-block-end: 1rem;
  }
  .md\:pb-5 {
    padding-block-end: 1.25rem;
  }
  .md\:pb-6 {
    padding-block-end: 1.5rem;
  }
  .md\:pb-7 {
    padding-block-end: 1.75rem;
  }
  .md\:pb-8 {
    padding-block-end: 2rem;
  }
  .md\:pb-10 {
    padding-block-end: 2.5rem;
  }
  .md\:pb-11 {
    padding-block-end: 2.75rem;
  }
  .md\:pb-12 {
    padding-block-end: 3rem;
  }
  .md\:pb-14 {
    padding-block-end: 3.5rem;
  }
  .md\:pb-16 {
    padding-block-end: 4rem;
  }
  .md\:pb-20 {
    padding-block-end: 5rem;
  }
  .md\:pb-custom {
    padding-block-end: var(--md-pb-custom);
  }
  .md\:px-0 {
    padding-inline: 0rem;
  }
  .md\:px-px {
    padding-inline: 0.0625rem;
  }
  .md\:px-0\.5 {
    padding-inline: 0.125rem;
  }
  .md\:px-1 {
    padding-inline: 0.25rem;
  }
  .md\:px-1\.5 {
    padding-inline: 0.375rem;
  }
  .md\:px-2 {
    padding-inline: 0.5rem;
  }
  .md\:px-3 {
    padding-inline: 0.75rem;
  }
  .md\:px-4 {
    padding-inline: 1rem;
  }
  .md\:px-5 {
    padding-inline: 1.25rem;
  }
  .md\:px-6 {
    padding-inline: 1.5rem;
  }
  .md\:px-7 {
    padding-inline: 1.75rem;
  }
  .md\:px-8 {
    padding-inline: 2rem;
  }
  .md\:px-10 {
    padding-inline: 2.5rem;
  }
  .md\:px-11 {
    padding-inline: 2.75rem;
  }
  .md\:px-12 {
    padding-inline: 3rem;
  }
  .md\:px-14 {
    padding-inline: 3.5rem;
  }
  .md\:px-16 {
    padding-inline: 4rem;
  }
  .md\:px-20 {
    padding-inline: 5rem;
  }
  .md\:px-custom {
    padding-inline: var(--md-px-custom);
  }
  .md\:pl-0 {
    padding-inline-start: 0rem;
  }
  .md\:pl-px {
    padding-inline-start: 0.0625rem;
  }
  .md\:pl-0\.5 {
    padding-inline-start: 0.125rem;
  }
  .md\:pl-1 {
    padding-inline-start: 0.25rem;
  }
  .md\:pl-1\.5 {
    padding-inline-start: 0.375rem;
  }
  .md\:pl-2 {
    padding-inline-start: 0.5rem;
  }
  .md\:pl-3 {
    padding-inline-start: 0.75rem;
  }
  .md\:pl-4 {
    padding-inline-start: 1rem;
  }
  .md\:pl-5 {
    padding-inline-start: 1.25rem;
  }
  .md\:pl-6 {
    padding-inline-start: 1.5rem;
  }
  .md\:pl-7 {
    padding-inline-start: 1.75rem;
  }
  .md\:pl-8 {
    padding-inline-start: 2rem;
  }
  .md\:pl-10 {
    padding-inline-start: 2.5rem;
  }
  .md\:pl-11 {
    padding-inline-start: 2.75rem;
  }
  .md\:pl-12 {
    padding-inline-start: 3rem;
  }
  .md\:pl-14 {
    padding-inline-start: 3.5rem;
  }
  .md\:pl-16 {
    padding-inline-start: 4rem;
  }
  .md\:pl-20 {
    padding-inline-start: 5rem;
  }
  .md\:pl-custom {
    padding-inline-start: var(--md-pl-custom);
  }
  .md\:pr-0 {
    padding-inline-end: 0rem;
  }
  .md\:pr-px {
    padding-inline-end: 0.0625rem;
  }
  .md\:pr-0\.5 {
    padding-inline-end: 0.125rem;
  }
  .md\:pr-1 {
    padding-inline-end: 0.25rem;
  }
  .md\:pr-1\.5 {
    padding-inline-end: 0.375rem;
  }
  .md\:pr-2 {
    padding-inline-end: 0.5rem;
  }
  .md\:pr-3 {
    padding-inline-end: 0.75rem;
  }
  .md\:pr-4 {
    padding-inline-end: 1rem;
  }
  .md\:pr-5 {
    padding-inline-end: 1.25rem;
  }
  .md\:pr-6 {
    padding-inline-end: 1.5rem;
  }
  .md\:pr-7 {
    padding-inline-end: 1.75rem;
  }
  .md\:pr-8 {
    padding-inline-end: 2rem;
  }
  .md\:pr-10 {
    padding-inline-end: 2.5rem;
  }
  .md\:pr-11 {
    padding-inline-end: 2.75rem;
  }
  .md\:pr-12 {
    padding-inline-end: 3rem;
  }
  .md\:pr-14 {
    padding-inline-end: 3.5rem;
  }
  .md\:pr-16 {
    padding-inline-end: 4rem;
  }
  .md\:pr-20 {
    padding-inline-end: 5rem;
  }
  .md\:pr-custom {
    padding-inline-end: var(--md-pr-custom);
  }
  .md\:gap-0 {
    gap: 0rem;
  }
  .md\:gap-px {
    gap: 0.0625rem;
  }
  .md\:gap-0\.5 {
    gap: 0.125rem;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:gap-1\.5 {
    gap: 0.375rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-3 {
    gap: 0.75rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-5 {
    gap: 1.25rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-7 {
    gap: 1.75rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:gap-10 {
    gap: 2.5rem;
  }
  .md\:gap-11 {
    gap: 2.75rem;
  }
  .md\:gap-12 {
    gap: 3rem;
  }
  .md\:gap-14 {
    gap: 3.5rem;
  }
  .md\:gap-16 {
    gap: 4rem;
  }
  .md\:gap-20 {
    gap: 5rem;
  }
  .md\:gap-custom {
    gap: var(--md-gap-custom);
  }
  .md\:gap-x-0 {
    column-gap: 0rem;
  }
  .md\:gap-x-px {
    column-gap: 0.0625rem;
  }
  .md\:gap-x-0\.5 {
    column-gap: 0.125rem;
  }
  .md\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .md\:gap-x-1\.5 {
    column-gap: 0.375rem;
  }
  .md\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .md\:gap-x-3 {
    column-gap: 0.75rem;
  }
  .md\:gap-x-4 {
    column-gap: 1rem;
  }
  .md\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .md\:gap-x-6 {
    column-gap: 1.5rem;
  }
  .md\:gap-x-7 {
    column-gap: 1.75rem;
  }
  .md\:gap-x-8 {
    column-gap: 2rem;
  }
  .md\:gap-x-10 {
    column-gap: 2.5rem;
  }
  .md\:gap-x-11 {
    column-gap: 2.75rem;
  }
  .md\:gap-x-12 {
    column-gap: 3rem;
  }
  .md\:gap-x-14 {
    column-gap: 3.5rem;
  }
  .md\:gap-x-16 {
    column-gap: 4rem;
  }
  .md\:gap-x-20 {
    column-gap: 5rem;
  }
  .md\:gap-x-custom {
    column-gap: var(--md-gap-x-custom);
  }
  .md\:gap-y-0 {
    row-gap: 0rem;
  }
  .md\:gap-y-px {
    row-gap: 0.0625rem;
  }
  .md\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }
  .md\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .md\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }
  .md\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .md\:gap-y-3 {
    row-gap: 0.75rem;
  }
  .md\:gap-y-4 {
    row-gap: 1rem;
  }
  .md\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .md\:gap-y-6 {
    row-gap: 1.5rem;
  }
  .md\:gap-y-7 {
    row-gap: 1.75rem;
  }
  .md\:gap-y-8 {
    row-gap: 2rem;
  }
  .md\:gap-y-10 {
    row-gap: 2.5rem;
  }
  .md\:gap-y-11 {
    row-gap: 2.75rem;
  }
  .md\:gap-y-12 {
    row-gap: 3rem;
  }
  .md\:gap-y-14 {
    row-gap: 3.5rem;
  }
  .md\:gap-y-16 {
    row-gap: 4rem;
  }
  .md\:gap-y-20 {
    row-gap: 5rem;
  }
  .md\:gap-y-custom {
    row-gap: var(--md-gap-y-custom);
  }
}
@media (min-width: 56.885em) {
  .lg\:m-0 {
    margin: 0rem;
  }
  .lg\:m-px {
    margin: 0.0625rem;
  }
  .lg\:m-0\.5 {
    margin: 0.125rem;
  }
  .lg\:m-1 {
    margin: 0.25rem;
  }
  .lg\:m-1\.5 {
    margin: 0.375rem;
  }
  .lg\:m-2 {
    margin: 0.5rem;
  }
  .lg\:m-3 {
    margin: 0.75rem;
  }
  .lg\:m-4 {
    margin: 1rem;
  }
  .lg\:m-5 {
    margin: 1.25rem;
  }
  .lg\:m-6 {
    margin: 1.5rem;
  }
  .lg\:m-7 {
    margin: 1.75rem;
  }
  .lg\:m-8 {
    margin: 2rem;
  }
  .lg\:m-10 {
    margin: 2.5rem;
  }
  .lg\:m-11 {
    margin: 2.75rem;
  }
  .lg\:m-12 {
    margin: 3rem;
  }
  .lg\:m-14 {
    margin: 3.5rem;
  }
  .lg\:m-16 {
    margin: 4rem;
  }
  .lg\:m-20 {
    margin: 5rem;
  }
  .lg\:m-auto {
    margin: auto;
  }
  .lg\:m-custom {
    margin: var(--lg-m-custom);
  }
  .lg\:my-0 {
    margin-block: 0rem;
  }
  .lg\:my-px {
    margin-block: 0.0625rem;
  }
  .lg\:my-0\.5 {
    margin-block: 0.125rem;
  }
  .lg\:my-1 {
    margin-block: 0.25rem;
  }
  .lg\:my-1\.5 {
    margin-block: 0.375rem;
  }
  .lg\:my-2 {
    margin-block: 0.5rem;
  }
  .lg\:my-3 {
    margin-block: 0.75rem;
  }
  .lg\:my-4 {
    margin-block: 1rem;
  }
  .lg\:my-5 {
    margin-block: 1.25rem;
  }
  .lg\:my-6 {
    margin-block: 1.5rem;
  }
  .lg\:my-7 {
    margin-block: 1.75rem;
  }
  .lg\:my-8 {
    margin-block: 2rem;
  }
  .lg\:my-10 {
    margin-block: 2.5rem;
  }
  .lg\:my-11 {
    margin-block: 2.75rem;
  }
  .lg\:my-12 {
    margin-block: 3rem;
  }
  .lg\:my-14 {
    margin-block: 3.5rem;
  }
  .lg\:my-16 {
    margin-block: 4rem;
  }
  .lg\:my-20 {
    margin-block: 5rem;
  }
  .lg\:my-auto {
    margin-block: auto;
  }
  .lg\:my-custom {
    margin-block: var(--lg-my-custom);
  }
  .lg\:mt-0 {
    margin-block-start: 0rem;
  }
  .lg\:mt-px {
    margin-block-start: 0.0625rem;
  }
  .lg\:mt-0\.5 {
    margin-block-start: 0.125rem;
  }
  .lg\:mt-1 {
    margin-block-start: 0.25rem;
  }
  .lg\:mt-1\.5 {
    margin-block-start: 0.375rem;
  }
  .lg\:mt-2 {
    margin-block-start: 0.5rem;
  }
  .lg\:mt-3 {
    margin-block-start: 0.75rem;
  }
  .lg\:mt-4 {
    margin-block-start: 1rem;
  }
  .lg\:mt-5 {
    margin-block-start: 1.25rem;
  }
  .lg\:mt-6 {
    margin-block-start: 1.5rem;
  }
  .lg\:mt-7 {
    margin-block-start: 1.75rem;
  }
  .lg\:mt-8 {
    margin-block-start: 2rem;
  }
  .lg\:mt-10 {
    margin-block-start: 2.5rem;
  }
  .lg\:mt-11 {
    margin-block-start: 2.75rem;
  }
  .lg\:mt-12 {
    margin-block-start: 3rem;
  }
  .lg\:mt-14 {
    margin-block-start: 3.5rem;
  }
  .lg\:mt-16 {
    margin-block-start: 4rem;
  }
  .lg\:mt-20 {
    margin-block-start: 5rem;
  }
  .lg\:mt-auto {
    margin-block-start: auto;
  }
  .lg\:mt-custom {
    margin-block-start: var(--lg-mt-custom);
  }
  .lg\:mb-0 {
    margin-block-end: 0rem;
  }
  .lg\:mb-px {
    margin-block-end: 0.0625rem;
  }
  .lg\:mb-0\.5 {
    margin-block-end: 0.125rem;
  }
  .lg\:mb-1 {
    margin-block-end: 0.25rem;
  }
  .lg\:mb-1\.5 {
    margin-block-end: 0.375rem;
  }
  .lg\:mb-2 {
    margin-block-end: 0.5rem;
  }
  .lg\:mb-3 {
    margin-block-end: 0.75rem;
  }
  .lg\:mb-4 {
    margin-block-end: 1rem;
  }
  .lg\:mb-5 {
    margin-block-end: 1.25rem;
  }
  .lg\:mb-6 {
    margin-block-end: 1.5rem;
  }
  .lg\:mb-7 {
    margin-block-end: 1.75rem;
  }
  .lg\:mb-8 {
    margin-block-end: 2rem;
  }
  .lg\:mb-10 {
    margin-block-end: 2.5rem;
  }
  .lg\:mb-11 {
    margin-block-end: 2.75rem;
  }
  .lg\:mb-12 {
    margin-block-end: 3rem;
  }
  .lg\:mb-14 {
    margin-block-end: 3.5rem;
  }
  .lg\:mb-16 {
    margin-block-end: 4rem;
  }
  .lg\:mb-20 {
    margin-block-end: 5rem;
  }
  .lg\:mb-auto {
    margin-block-end: auto;
  }
  .lg\:mb-custom {
    margin-block-end: var(--lg-mb-custom);
  }
  .lg\:mx-0 {
    margin-inline: 0rem;
  }
  .lg\:mx-px {
    margin-inline: 0.0625rem;
  }
  .lg\:mx-0\.5 {
    margin-inline: 0.125rem;
  }
  .lg\:mx-1 {
    margin-inline: 0.25rem;
  }
  .lg\:mx-1\.5 {
    margin-inline: 0.375rem;
  }
  .lg\:mx-2 {
    margin-inline: 0.5rem;
  }
  .lg\:mx-3 {
    margin-inline: 0.75rem;
  }
  .lg\:mx-4 {
    margin-inline: 1rem;
  }
  .lg\:mx-5 {
    margin-inline: 1.25rem;
  }
  .lg\:mx-6 {
    margin-inline: 1.5rem;
  }
  .lg\:mx-7 {
    margin-inline: 1.75rem;
  }
  .lg\:mx-8 {
    margin-inline: 2rem;
  }
  .lg\:mx-10 {
    margin-inline: 2.5rem;
  }
  .lg\:mx-11 {
    margin-inline: 2.75rem;
  }
  .lg\:mx-12 {
    margin-inline: 3rem;
  }
  .lg\:mx-14 {
    margin-inline: 3.5rem;
  }
  .lg\:mx-16 {
    margin-inline: 4rem;
  }
  .lg\:mx-20 {
    margin-inline: 5rem;
  }
  .lg\:mx-auto {
    margin-inline: auto;
  }
  .lg\:mx-custom {
    margin-inline: var(--lg-mx-custom);
  }
  .lg\:ml-0 {
    margin-inline-start: 0rem;
  }
  .lg\:ml-px {
    margin-inline-start: 0.0625rem;
  }
  .lg\:ml-0\.5 {
    margin-inline-start: 0.125rem;
  }
  .lg\:ml-1 {
    margin-inline-start: 0.25rem;
  }
  .lg\:ml-1\.5 {
    margin-inline-start: 0.375rem;
  }
  .lg\:ml-2 {
    margin-inline-start: 0.5rem;
  }
  .lg\:ml-3 {
    margin-inline-start: 0.75rem;
  }
  .lg\:ml-4 {
    margin-inline-start: 1rem;
  }
  .lg\:ml-5 {
    margin-inline-start: 1.25rem;
  }
  .lg\:ml-6 {
    margin-inline-start: 1.5rem;
  }
  .lg\:ml-7 {
    margin-inline-start: 1.75rem;
  }
  .lg\:ml-8 {
    margin-inline-start: 2rem;
  }
  .lg\:ml-10 {
    margin-inline-start: 2.5rem;
  }
  .lg\:ml-11 {
    margin-inline-start: 2.75rem;
  }
  .lg\:ml-12 {
    margin-inline-start: 3rem;
  }
  .lg\:ml-14 {
    margin-inline-start: 3.5rem;
  }
  .lg\:ml-16 {
    margin-inline-start: 4rem;
  }
  .lg\:ml-20 {
    margin-inline-start: 5rem;
  }
  .lg\:ml-auto {
    margin-inline-start: auto;
  }
  .lg\:ml-custom {
    margin-inline-start: var(--lg-ml-custom);
  }
  .lg\:mr-0 {
    margin-inline-end: 0rem;
  }
  .lg\:mr-px {
    margin-inline-end: 0.0625rem;
  }
  .lg\:mr-0\.5 {
    margin-inline-end: 0.125rem;
  }
  .lg\:mr-1 {
    margin-inline-end: 0.25rem;
  }
  .lg\:mr-1\.5 {
    margin-inline-end: 0.375rem;
  }
  .lg\:mr-2 {
    margin-inline-end: 0.5rem;
  }
  .lg\:mr-3 {
    margin-inline-end: 0.75rem;
  }
  .lg\:mr-4 {
    margin-inline-end: 1rem;
  }
  .lg\:mr-5 {
    margin-inline-end: 1.25rem;
  }
  .lg\:mr-6 {
    margin-inline-end: 1.5rem;
  }
  .lg\:mr-7 {
    margin-inline-end: 1.75rem;
  }
  .lg\:mr-8 {
    margin-inline-end: 2rem;
  }
  .lg\:mr-10 {
    margin-inline-end: 2.5rem;
  }
  .lg\:mr-11 {
    margin-inline-end: 2.75rem;
  }
  .lg\:mr-12 {
    margin-inline-end: 3rem;
  }
  .lg\:mr-14 {
    margin-inline-end: 3.5rem;
  }
  .lg\:mr-16 {
    margin-inline-end: 4rem;
  }
  .lg\:mr-20 {
    margin-inline-end: 5rem;
  }
  .lg\:mr-auto {
    margin-inline-end: auto;
  }
  .lg\:mr-custom {
    margin-inline-end: var(--lg-mr-custom);
  }
  .lg\:p-0 {
    padding: 0rem;
  }
  .lg\:p-px {
    padding: 0.0625rem;
  }
  .lg\:p-0\.5 {
    padding: 0.125rem;
  }
  .lg\:p-1 {
    padding: 0.25rem;
  }
  .lg\:p-1\.5 {
    padding: 0.375rem;
  }
  .lg\:p-2 {
    padding: 0.5rem;
  }
  .lg\:p-3 {
    padding: 0.75rem;
  }
  .lg\:p-4 {
    padding: 1rem;
  }
  .lg\:p-5 {
    padding: 1.25rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:p-7 {
    padding: 1.75rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:p-10 {
    padding: 2.5rem;
  }
  .lg\:p-11 {
    padding: 2.75rem;
  }
  .lg\:p-12 {
    padding: 3rem;
  }
  .lg\:p-14 {
    padding: 3.5rem;
  }
  .lg\:p-16 {
    padding: 4rem;
  }
  .lg\:p-20 {
    padding: 5rem;
  }
  .lg\:p-custom {
    padding: var(--lg-p-custom);
  }
  .lg\:py-0 {
    padding-block: 0rem;
  }
  .lg\:py-px {
    padding-block: 0.0625rem;
  }
  .lg\:py-0\.5 {
    padding-block: 0.125rem;
  }
  .lg\:py-1 {
    padding-block: 0.25rem;
  }
  .lg\:py-1\.5 {
    padding-block: 0.375rem;
  }
  .lg\:py-2 {
    padding-block: 0.5rem;
  }
  .lg\:py-3 {
    padding-block: 0.75rem;
  }
  .lg\:py-4 {
    padding-block: 1rem;
  }
  .lg\:py-5 {
    padding-block: 1.25rem;
  }
  .lg\:py-6 {
    padding-block: 1.5rem;
  }
  .lg\:py-7 {
    padding-block: 1.75rem;
  }
  .lg\:py-8 {
    padding-block: 2rem;
  }
  .lg\:py-10 {
    padding-block: 2.5rem;
  }
  .lg\:py-11 {
    padding-block: 2.75rem;
  }
  .lg\:py-12 {
    padding-block: 3rem;
  }
  .lg\:py-14 {
    padding-block: 3.5rem;
  }
  .lg\:py-16 {
    padding-block: 4rem;
  }
  .lg\:py-20 {
    padding-block: 5rem;
  }
  .lg\:py-custom {
    padding-block: var(--lg-py-custom);
  }
  .lg\:pt-0 {
    padding-block-start: 0rem;
  }
  .lg\:pt-px {
    padding-block-start: 0.0625rem;
  }
  .lg\:pt-0\.5 {
    padding-block-start: 0.125rem;
  }
  .lg\:pt-1 {
    padding-block-start: 0.25rem;
  }
  .lg\:pt-1\.5 {
    padding-block-start: 0.375rem;
  }
  .lg\:pt-2 {
    padding-block-start: 0.5rem;
  }
  .lg\:pt-3 {
    padding-block-start: 0.75rem;
  }
  .lg\:pt-4 {
    padding-block-start: 1rem;
  }
  .lg\:pt-5 {
    padding-block-start: 1.25rem;
  }
  .lg\:pt-6 {
    padding-block-start: 1.5rem;
  }
  .lg\:pt-7 {
    padding-block-start: 1.75rem;
  }
  .lg\:pt-8 {
    padding-block-start: 2rem;
  }
  .lg\:pt-10 {
    padding-block-start: 2.5rem;
  }
  .lg\:pt-11 {
    padding-block-start: 2.75rem;
  }
  .lg\:pt-12 {
    padding-block-start: 3rem;
  }
  .lg\:pt-14 {
    padding-block-start: 3.5rem;
  }
  .lg\:pt-16 {
    padding-block-start: 4rem;
  }
  .lg\:pt-20 {
    padding-block-start: 5rem;
  }
  .lg\:pt-custom {
    padding-block-start: var(--lg-pt-custom);
  }
  .lg\:pb-0 {
    padding-block-end: 0rem;
  }
  .lg\:pb-px {
    padding-block-end: 0.0625rem;
  }
  .lg\:pb-0\.5 {
    padding-block-end: 0.125rem;
  }
  .lg\:pb-1 {
    padding-block-end: 0.25rem;
  }
  .lg\:pb-1\.5 {
    padding-block-end: 0.375rem;
  }
  .lg\:pb-2 {
    padding-block-end: 0.5rem;
  }
  .lg\:pb-3 {
    padding-block-end: 0.75rem;
  }
  .lg\:pb-4 {
    padding-block-end: 1rem;
  }
  .lg\:pb-5 {
    padding-block-end: 1.25rem;
  }
  .lg\:pb-6 {
    padding-block-end: 1.5rem;
  }
  .lg\:pb-7 {
    padding-block-end: 1.75rem;
  }
  .lg\:pb-8 {
    padding-block-end: 2rem;
  }
  .lg\:pb-10 {
    padding-block-end: 2.5rem;
  }
  .lg\:pb-11 {
    padding-block-end: 2.75rem;
  }
  .lg\:pb-12 {
    padding-block-end: 3rem;
  }
  .lg\:pb-14 {
    padding-block-end: 3.5rem;
  }
  .lg\:pb-16 {
    padding-block-end: 4rem;
  }
  .lg\:pb-20 {
    padding-block-end: 5rem;
  }
  .lg\:pb-custom {
    padding-block-end: var(--lg-pb-custom);
  }
  .lg\:px-0 {
    padding-inline: 0rem;
  }
  .lg\:px-px {
    padding-inline: 0.0625rem;
  }
  .lg\:px-0\.5 {
    padding-inline: 0.125rem;
  }
  .lg\:px-1 {
    padding-inline: 0.25rem;
  }
  .lg\:px-1\.5 {
    padding-inline: 0.375rem;
  }
  .lg\:px-2 {
    padding-inline: 0.5rem;
  }
  .lg\:px-3 {
    padding-inline: 0.75rem;
  }
  .lg\:px-4 {
    padding-inline: 1rem;
  }
  .lg\:px-5 {
    padding-inline: 1.25rem;
  }
  .lg\:px-6 {
    padding-inline: 1.5rem;
  }
  .lg\:px-7 {
    padding-inline: 1.75rem;
  }
  .lg\:px-8 {
    padding-inline: 2rem;
  }
  .lg\:px-10 {
    padding-inline: 2.5rem;
  }
  .lg\:px-11 {
    padding-inline: 2.75rem;
  }
  .lg\:px-12 {
    padding-inline: 3rem;
  }
  .lg\:px-14 {
    padding-inline: 3.5rem;
  }
  .lg\:px-16 {
    padding-inline: 4rem;
  }
  .lg\:px-20 {
    padding-inline: 5rem;
  }
  .lg\:px-custom {
    padding-inline: var(--lg-px-custom);
  }
  .lg\:pl-0 {
    padding-inline-start: 0rem;
  }
  .lg\:pl-px {
    padding-inline-start: 0.0625rem;
  }
  .lg\:pl-0\.5 {
    padding-inline-start: 0.125rem;
  }
  .lg\:pl-1 {
    padding-inline-start: 0.25rem;
  }
  .lg\:pl-1\.5 {
    padding-inline-start: 0.375rem;
  }
  .lg\:pl-2 {
    padding-inline-start: 0.5rem;
  }
  .lg\:pl-3 {
    padding-inline-start: 0.75rem;
  }
  .lg\:pl-4 {
    padding-inline-start: 1rem;
  }
  .lg\:pl-5 {
    padding-inline-start: 1.25rem;
  }
  .lg\:pl-6 {
    padding-inline-start: 1.5rem;
  }
  .lg\:pl-7 {
    padding-inline-start: 1.75rem;
  }
  .lg\:pl-8 {
    padding-inline-start: 2rem;
  }
  .lg\:pl-10 {
    padding-inline-start: 2.5rem;
  }
  .lg\:pl-11 {
    padding-inline-start: 2.75rem;
  }
  .lg\:pl-12 {
    padding-inline-start: 3rem;
  }
  .lg\:pl-14 {
    padding-inline-start: 3.5rem;
  }
  .lg\:pl-16 {
    padding-inline-start: 4rem;
  }
  .lg\:pl-20 {
    padding-inline-start: 5rem;
  }
  .lg\:pl-custom {
    padding-inline-start: var(--lg-pl-custom);
  }
  .lg\:pr-0 {
    padding-inline-end: 0rem;
  }
  .lg\:pr-px {
    padding-inline-end: 0.0625rem;
  }
  .lg\:pr-0\.5 {
    padding-inline-end: 0.125rem;
  }
  .lg\:pr-1 {
    padding-inline-end: 0.25rem;
  }
  .lg\:pr-1\.5 {
    padding-inline-end: 0.375rem;
  }
  .lg\:pr-2 {
    padding-inline-end: 0.5rem;
  }
  .lg\:pr-3 {
    padding-inline-end: 0.75rem;
  }
  .lg\:pr-4 {
    padding-inline-end: 1rem;
  }
  .lg\:pr-5 {
    padding-inline-end: 1.25rem;
  }
  .lg\:pr-6 {
    padding-inline-end: 1.5rem;
  }
  .lg\:pr-7 {
    padding-inline-end: 1.75rem;
  }
  .lg\:pr-8 {
    padding-inline-end: 2rem;
  }
  .lg\:pr-10 {
    padding-inline-end: 2.5rem;
  }
  .lg\:pr-11 {
    padding-inline-end: 2.75rem;
  }
  .lg\:pr-12 {
    padding-inline-end: 3rem;
  }
  .lg\:pr-14 {
    padding-inline-end: 3.5rem;
  }
  .lg\:pr-16 {
    padding-inline-end: 4rem;
  }
  .lg\:pr-20 {
    padding-inline-end: 5rem;
  }
  .lg\:pr-custom {
    padding-inline-end: var(--lg-pr-custom);
  }
  .lg\:gap-0 {
    gap: 0rem;
  }
  .lg\:gap-px {
    gap: 0.0625rem;
  }
  .lg\:gap-0\.5 {
    gap: 0.125rem;
  }
  .lg\:gap-1 {
    gap: 0.25rem;
  }
  .lg\:gap-1\.5 {
    gap: 0.375rem;
  }
  .lg\:gap-2 {
    gap: 0.5rem;
  }
  .lg\:gap-3 {
    gap: 0.75rem;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:gap-5 {
    gap: 1.25rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:gap-7 {
    gap: 1.75rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:gap-10 {
    gap: 2.5rem;
  }
  .lg\:gap-11 {
    gap: 2.75rem;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:gap-14 {
    gap: 3.5rem;
  }
  .lg\:gap-16 {
    gap: 4rem;
  }
  .lg\:gap-20 {
    gap: 5rem;
  }
  .lg\:gap-custom {
    gap: var(--lg-gap-custom);
  }
  .lg\:gap-x-0 {
    column-gap: 0rem;
  }
  .lg\:gap-x-px {
    column-gap: 0.0625rem;
  }
  .lg\:gap-x-0\.5 {
    column-gap: 0.125rem;
  }
  .lg\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .lg\:gap-x-1\.5 {
    column-gap: 0.375rem;
  }
  .lg\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .lg\:gap-x-3 {
    column-gap: 0.75rem;
  }
  .lg\:gap-x-4 {
    column-gap: 1rem;
  }
  .lg\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .lg\:gap-x-6 {
    column-gap: 1.5rem;
  }
  .lg\:gap-x-7 {
    column-gap: 1.75rem;
  }
  .lg\:gap-x-8 {
    column-gap: 2rem;
  }
  .lg\:gap-x-10 {
    column-gap: 2.5rem;
  }
  .lg\:gap-x-11 {
    column-gap: 2.75rem;
  }
  .lg\:gap-x-12 {
    column-gap: 3rem;
  }
  .lg\:gap-x-14 {
    column-gap: 3.5rem;
  }
  .lg\:gap-x-16 {
    column-gap: 4rem;
  }
  .lg\:gap-x-20 {
    column-gap: 5rem;
  }
  .lg\:gap-x-custom {
    column-gap: var(--lg-gap-x-custom);
  }
  .lg\:gap-y-0 {
    row-gap: 0rem;
  }
  .lg\:gap-y-px {
    row-gap: 0.0625rem;
  }
  .lg\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }
  .lg\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .lg\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }
  .lg\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .lg\:gap-y-3 {
    row-gap: 0.75rem;
  }
  .lg\:gap-y-4 {
    row-gap: 1rem;
  }
  .lg\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .lg\:gap-y-6 {
    row-gap: 1.5rem;
  }
  .lg\:gap-y-7 {
    row-gap: 1.75rem;
  }
  .lg\:gap-y-8 {
    row-gap: 2rem;
  }
  .lg\:gap-y-10 {
    row-gap: 2.5rem;
  }
  .lg\:gap-y-11 {
    row-gap: 2.75rem;
  }
  .lg\:gap-y-12 {
    row-gap: 3rem;
  }
  .lg\:gap-y-14 {
    row-gap: 3.5rem;
  }
  .lg\:gap-y-16 {
    row-gap: 4rem;
  }
  .lg\:gap-y-20 {
    row-gap: 5rem;
  }
  .lg\:gap-y-custom {
    row-gap: var(--lg-gap-y-custom);
  }
}
@media (min-width: 68.76em) {
  .xl\:m-0 {
    margin: 0rem;
  }
  .xl\:m-px {
    margin: 0.0625rem;
  }
  .xl\:m-0\.5 {
    margin: 0.125rem;
  }
  .xl\:m-1 {
    margin: 0.25rem;
  }
  .xl\:m-1\.5 {
    margin: 0.375rem;
  }
  .xl\:m-2 {
    margin: 0.5rem;
  }
  .xl\:m-3 {
    margin: 0.75rem;
  }
  .xl\:m-4 {
    margin: 1rem;
  }
  .xl\:m-5 {
    margin: 1.25rem;
  }
  .xl\:m-6 {
    margin: 1.5rem;
  }
  .xl\:m-7 {
    margin: 1.75rem;
  }
  .xl\:m-8 {
    margin: 2rem;
  }
  .xl\:m-10 {
    margin: 2.5rem;
  }
  .xl\:m-11 {
    margin: 2.75rem;
  }
  .xl\:m-12 {
    margin: 3rem;
  }
  .xl\:m-14 {
    margin: 3.5rem;
  }
  .xl\:m-16 {
    margin: 4rem;
  }
  .xl\:m-20 {
    margin: 5rem;
  }
  .xl\:m-auto {
    margin: auto;
  }
  .xl\:m-custom {
    margin: var(--xl-m-custom);
  }
  .xl\:my-0 {
    margin-block: 0rem;
  }
  .xl\:my-px {
    margin-block: 0.0625rem;
  }
  .xl\:my-0\.5 {
    margin-block: 0.125rem;
  }
  .xl\:my-1 {
    margin-block: 0.25rem;
  }
  .xl\:my-1\.5 {
    margin-block: 0.375rem;
  }
  .xl\:my-2 {
    margin-block: 0.5rem;
  }
  .xl\:my-3 {
    margin-block: 0.75rem;
  }
  .xl\:my-4 {
    margin-block: 1rem;
  }
  .xl\:my-5 {
    margin-block: 1.25rem;
  }
  .xl\:my-6 {
    margin-block: 1.5rem;
  }
  .xl\:my-7 {
    margin-block: 1.75rem;
  }
  .xl\:my-8 {
    margin-block: 2rem;
  }
  .xl\:my-10 {
    margin-block: 2.5rem;
  }
  .xl\:my-11 {
    margin-block: 2.75rem;
  }
  .xl\:my-12 {
    margin-block: 3rem;
  }
  .xl\:my-14 {
    margin-block: 3.5rem;
  }
  .xl\:my-16 {
    margin-block: 4rem;
  }
  .xl\:my-20 {
    margin-block: 5rem;
  }
  .xl\:my-auto {
    margin-block: auto;
  }
  .xl\:my-custom {
    margin-block: var(--xl-my-custom);
  }
  .xl\:mt-0 {
    margin-block-start: 0rem;
  }
  .xl\:mt-px {
    margin-block-start: 0.0625rem;
  }
  .xl\:mt-0\.5 {
    margin-block-start: 0.125rem;
  }
  .xl\:mt-1 {
    margin-block-start: 0.25rem;
  }
  .xl\:mt-1\.5 {
    margin-block-start: 0.375rem;
  }
  .xl\:mt-2 {
    margin-block-start: 0.5rem;
  }
  .xl\:mt-3 {
    margin-block-start: 0.75rem;
  }
  .xl\:mt-4 {
    margin-block-start: 1rem;
  }
  .xl\:mt-5 {
    margin-block-start: 1.25rem;
  }
  .xl\:mt-6 {
    margin-block-start: 1.5rem;
  }
  .xl\:mt-7 {
    margin-block-start: 1.75rem;
  }
  .xl\:mt-8 {
    margin-block-start: 2rem;
  }
  .xl\:mt-10 {
    margin-block-start: 2.5rem;
  }
  .xl\:mt-11 {
    margin-block-start: 2.75rem;
  }
  .xl\:mt-12 {
    margin-block-start: 3rem;
  }
  .xl\:mt-14 {
    margin-block-start: 3.5rem;
  }
  .xl\:mt-16 {
    margin-block-start: 4rem;
  }
  .xl\:mt-20 {
    margin-block-start: 5rem;
  }
  .xl\:mt-auto {
    margin-block-start: auto;
  }
  .xl\:mt-custom {
    margin-block-start: var(--xl-mt-custom);
  }
  .xl\:mb-0 {
    margin-block-end: 0rem;
  }
  .xl\:mb-px {
    margin-block-end: 0.0625rem;
  }
  .xl\:mb-0\.5 {
    margin-block-end: 0.125rem;
  }
  .xl\:mb-1 {
    margin-block-end: 0.25rem;
  }
  .xl\:mb-1\.5 {
    margin-block-end: 0.375rem;
  }
  .xl\:mb-2 {
    margin-block-end: 0.5rem;
  }
  .xl\:mb-3 {
    margin-block-end: 0.75rem;
  }
  .xl\:mb-4 {
    margin-block-end: 1rem;
  }
  .xl\:mb-5 {
    margin-block-end: 1.25rem;
  }
  .xl\:mb-6 {
    margin-block-end: 1.5rem;
  }
  .xl\:mb-7 {
    margin-block-end: 1.75rem;
  }
  .xl\:mb-8 {
    margin-block-end: 2rem;
  }
  .xl\:mb-10 {
    margin-block-end: 2.5rem;
  }
  .xl\:mb-11 {
    margin-block-end: 2.75rem;
  }
  .xl\:mb-12 {
    margin-block-end: 3rem;
  }
  .xl\:mb-14 {
    margin-block-end: 3.5rem;
  }
  .xl\:mb-16 {
    margin-block-end: 4rem;
  }
  .xl\:mb-20 {
    margin-block-end: 5rem;
  }
  .xl\:mb-auto {
    margin-block-end: auto;
  }
  .xl\:mb-custom {
    margin-block-end: var(--xl-mb-custom);
  }
  .xl\:mx-0 {
    margin-inline: 0rem;
  }
  .xl\:mx-px {
    margin-inline: 0.0625rem;
  }
  .xl\:mx-0\.5 {
    margin-inline: 0.125rem;
  }
  .xl\:mx-1 {
    margin-inline: 0.25rem;
  }
  .xl\:mx-1\.5 {
    margin-inline: 0.375rem;
  }
  .xl\:mx-2 {
    margin-inline: 0.5rem;
  }
  .xl\:mx-3 {
    margin-inline: 0.75rem;
  }
  .xl\:mx-4 {
    margin-inline: 1rem;
  }
  .xl\:mx-5 {
    margin-inline: 1.25rem;
  }
  .xl\:mx-6 {
    margin-inline: 1.5rem;
  }
  .xl\:mx-7 {
    margin-inline: 1.75rem;
  }
  .xl\:mx-8 {
    margin-inline: 2rem;
  }
  .xl\:mx-10 {
    margin-inline: 2.5rem;
  }
  .xl\:mx-11 {
    margin-inline: 2.75rem;
  }
  .xl\:mx-12 {
    margin-inline: 3rem;
  }
  .xl\:mx-14 {
    margin-inline: 3.5rem;
  }
  .xl\:mx-16 {
    margin-inline: 4rem;
  }
  .xl\:mx-20 {
    margin-inline: 5rem;
  }
  .xl\:mx-auto {
    margin-inline: auto;
  }
  .xl\:mx-custom {
    margin-inline: var(--xl-mx-custom);
  }
  .xl\:ml-0 {
    margin-inline-start: 0rem;
  }
  .xl\:ml-px {
    margin-inline-start: 0.0625rem;
  }
  .xl\:ml-0\.5 {
    margin-inline-start: 0.125rem;
  }
  .xl\:ml-1 {
    margin-inline-start: 0.25rem;
  }
  .xl\:ml-1\.5 {
    margin-inline-start: 0.375rem;
  }
  .xl\:ml-2 {
    margin-inline-start: 0.5rem;
  }
  .xl\:ml-3 {
    margin-inline-start: 0.75rem;
  }
  .xl\:ml-4 {
    margin-inline-start: 1rem;
  }
  .xl\:ml-5 {
    margin-inline-start: 1.25rem;
  }
  .xl\:ml-6 {
    margin-inline-start: 1.5rem;
  }
  .xl\:ml-7 {
    margin-inline-start: 1.75rem;
  }
  .xl\:ml-8 {
    margin-inline-start: 2rem;
  }
  .xl\:ml-10 {
    margin-inline-start: 2.5rem;
  }
  .xl\:ml-11 {
    margin-inline-start: 2.75rem;
  }
  .xl\:ml-12 {
    margin-inline-start: 3rem;
  }
  .xl\:ml-14 {
    margin-inline-start: 3.5rem;
  }
  .xl\:ml-16 {
    margin-inline-start: 4rem;
  }
  .xl\:ml-20 {
    margin-inline-start: 5rem;
  }
  .xl\:ml-auto {
    margin-inline-start: auto;
  }
  .xl\:ml-custom {
    margin-inline-start: var(--xl-ml-custom);
  }
  .xl\:mr-0 {
    margin-inline-end: 0rem;
  }
  .xl\:mr-px {
    margin-inline-end: 0.0625rem;
  }
  .xl\:mr-0\.5 {
    margin-inline-end: 0.125rem;
  }
  .xl\:mr-1 {
    margin-inline-end: 0.25rem;
  }
  .xl\:mr-1\.5 {
    margin-inline-end: 0.375rem;
  }
  .xl\:mr-2 {
    margin-inline-end: 0.5rem;
  }
  .xl\:mr-3 {
    margin-inline-end: 0.75rem;
  }
  .xl\:mr-4 {
    margin-inline-end: 1rem;
  }
  .xl\:mr-5 {
    margin-inline-end: 1.25rem;
  }
  .xl\:mr-6 {
    margin-inline-end: 1.5rem;
  }
  .xl\:mr-7 {
    margin-inline-end: 1.75rem;
  }
  .xl\:mr-8 {
    margin-inline-end: 2rem;
  }
  .xl\:mr-10 {
    margin-inline-end: 2.5rem;
  }
  .xl\:mr-11 {
    margin-inline-end: 2.75rem;
  }
  .xl\:mr-12 {
    margin-inline-end: 3rem;
  }
  .xl\:mr-14 {
    margin-inline-end: 3.5rem;
  }
  .xl\:mr-16 {
    margin-inline-end: 4rem;
  }
  .xl\:mr-20 {
    margin-inline-end: 5rem;
  }
  .xl\:mr-auto {
    margin-inline-end: auto;
  }
  .xl\:mr-custom {
    margin-inline-end: var(--xl-mr-custom);
  }
  .xl\:p-0 {
    padding: 0rem;
  }
  .xl\:p-px {
    padding: 0.0625rem;
  }
  .xl\:p-0\.5 {
    padding: 0.125rem;
  }
  .xl\:p-1 {
    padding: 0.25rem;
  }
  .xl\:p-1\.5 {
    padding: 0.375rem;
  }
  .xl\:p-2 {
    padding: 0.5rem;
  }
  .xl\:p-3 {
    padding: 0.75rem;
  }
  .xl\:p-4 {
    padding: 1rem;
  }
  .xl\:p-5 {
    padding: 1.25rem;
  }
  .xl\:p-6 {
    padding: 1.5rem;
  }
  .xl\:p-7 {
    padding: 1.75rem;
  }
  .xl\:p-8 {
    padding: 2rem;
  }
  .xl\:p-10 {
    padding: 2.5rem;
  }
  .xl\:p-11 {
    padding: 2.75rem;
  }
  .xl\:p-12 {
    padding: 3rem;
  }
  .xl\:p-14 {
    padding: 3.5rem;
  }
  .xl\:p-16 {
    padding: 4rem;
  }
  .xl\:p-20 {
    padding: 5rem;
  }
  .xl\:p-custom {
    padding: var(--xl-p-custom);
  }
  .xl\:py-0 {
    padding-block: 0rem;
  }
  .xl\:py-px {
    padding-block: 0.0625rem;
  }
  .xl\:py-0\.5 {
    padding-block: 0.125rem;
  }
  .xl\:py-1 {
    padding-block: 0.25rem;
  }
  .xl\:py-1\.5 {
    padding-block: 0.375rem;
  }
  .xl\:py-2 {
    padding-block: 0.5rem;
  }
  .xl\:py-3 {
    padding-block: 0.75rem;
  }
  .xl\:py-4 {
    padding-block: 1rem;
  }
  .xl\:py-5 {
    padding-block: 1.25rem;
  }
  .xl\:py-6 {
    padding-block: 1.5rem;
  }
  .xl\:py-7 {
    padding-block: 1.75rem;
  }
  .xl\:py-8 {
    padding-block: 2rem;
  }
  .xl\:py-10 {
    padding-block: 2.5rem;
  }
  .xl\:py-11 {
    padding-block: 2.75rem;
  }
  .xl\:py-12 {
    padding-block: 3rem;
  }
  .xl\:py-14 {
    padding-block: 3.5rem;
  }
  .xl\:py-16 {
    padding-block: 4rem;
  }
  .xl\:py-20 {
    padding-block: 5rem;
  }
  .xl\:py-custom {
    padding-block: var(--xl-py-custom);
  }
  .xl\:pt-0 {
    padding-block-start: 0rem;
  }
  .xl\:pt-px {
    padding-block-start: 0.0625rem;
  }
  .xl\:pt-0\.5 {
    padding-block-start: 0.125rem;
  }
  .xl\:pt-1 {
    padding-block-start: 0.25rem;
  }
  .xl\:pt-1\.5 {
    padding-block-start: 0.375rem;
  }
  .xl\:pt-2 {
    padding-block-start: 0.5rem;
  }
  .xl\:pt-3 {
    padding-block-start: 0.75rem;
  }
  .xl\:pt-4 {
    padding-block-start: 1rem;
  }
  .xl\:pt-5 {
    padding-block-start: 1.25rem;
  }
  .xl\:pt-6 {
    padding-block-start: 1.5rem;
  }
  .xl\:pt-7 {
    padding-block-start: 1.75rem;
  }
  .xl\:pt-8 {
    padding-block-start: 2rem;
  }
  .xl\:pt-10 {
    padding-block-start: 2.5rem;
  }
  .xl\:pt-11 {
    padding-block-start: 2.75rem;
  }
  .xl\:pt-12 {
    padding-block-start: 3rem;
  }
  .xl\:pt-14 {
    padding-block-start: 3.5rem;
  }
  .xl\:pt-16 {
    padding-block-start: 4rem;
  }
  .xl\:pt-20 {
    padding-block-start: 5rem;
  }
  .xl\:pt-custom {
    padding-block-start: var(--xl-pt-custom);
  }
  .xl\:pb-0 {
    padding-block-end: 0rem;
  }
  .xl\:pb-px {
    padding-block-end: 0.0625rem;
  }
  .xl\:pb-0\.5 {
    padding-block-end: 0.125rem;
  }
  .xl\:pb-1 {
    padding-block-end: 0.25rem;
  }
  .xl\:pb-1\.5 {
    padding-block-end: 0.375rem;
  }
  .xl\:pb-2 {
    padding-block-end: 0.5rem;
  }
  .xl\:pb-3 {
    padding-block-end: 0.75rem;
  }
  .xl\:pb-4 {
    padding-block-end: 1rem;
  }
  .xl\:pb-5 {
    padding-block-end: 1.25rem;
  }
  .xl\:pb-6 {
    padding-block-end: 1.5rem;
  }
  .xl\:pb-7 {
    padding-block-end: 1.75rem;
  }
  .xl\:pb-8 {
    padding-block-end: 2rem;
  }
  .xl\:pb-10 {
    padding-block-end: 2.5rem;
  }
  .xl\:pb-11 {
    padding-block-end: 2.75rem;
  }
  .xl\:pb-12 {
    padding-block-end: 3rem;
  }
  .xl\:pb-14 {
    padding-block-end: 3.5rem;
  }
  .xl\:pb-16 {
    padding-block-end: 4rem;
  }
  .xl\:pb-20 {
    padding-block-end: 5rem;
  }
  .xl\:pb-custom {
    padding-block-end: var(--xl-pb-custom);
  }
  .xl\:px-0 {
    padding-inline: 0rem;
  }
  .xl\:px-px {
    padding-inline: 0.0625rem;
  }
  .xl\:px-0\.5 {
    padding-inline: 0.125rem;
  }
  .xl\:px-1 {
    padding-inline: 0.25rem;
  }
  .xl\:px-1\.5 {
    padding-inline: 0.375rem;
  }
  .xl\:px-2 {
    padding-inline: 0.5rem;
  }
  .xl\:px-3 {
    padding-inline: 0.75rem;
  }
  .xl\:px-4 {
    padding-inline: 1rem;
  }
  .xl\:px-5 {
    padding-inline: 1.25rem;
  }
  .xl\:px-6 {
    padding-inline: 1.5rem;
  }
  .xl\:px-7 {
    padding-inline: 1.75rem;
  }
  .xl\:px-8 {
    padding-inline: 2rem;
  }
  .xl\:px-10 {
    padding-inline: 2.5rem;
  }
  .xl\:px-11 {
    padding-inline: 2.75rem;
  }
  .xl\:px-12 {
    padding-inline: 3rem;
  }
  .xl\:px-14 {
    padding-inline: 3.5rem;
  }
  .xl\:px-16 {
    padding-inline: 4rem;
  }
  .xl\:px-20 {
    padding-inline: 5rem;
  }
  .xl\:px-custom {
    padding-inline: var(--xl-px-custom);
  }
  .xl\:pl-0 {
    padding-inline-start: 0rem;
  }
  .xl\:pl-px {
    padding-inline-start: 0.0625rem;
  }
  .xl\:pl-0\.5 {
    padding-inline-start: 0.125rem;
  }
  .xl\:pl-1 {
    padding-inline-start: 0.25rem;
  }
  .xl\:pl-1\.5 {
    padding-inline-start: 0.375rem;
  }
  .xl\:pl-2 {
    padding-inline-start: 0.5rem;
  }
  .xl\:pl-3 {
    padding-inline-start: 0.75rem;
  }
  .xl\:pl-4 {
    padding-inline-start: 1rem;
  }
  .xl\:pl-5 {
    padding-inline-start: 1.25rem;
  }
  .xl\:pl-6 {
    padding-inline-start: 1.5rem;
  }
  .xl\:pl-7 {
    padding-inline-start: 1.75rem;
  }
  .xl\:pl-8 {
    padding-inline-start: 2rem;
  }
  .xl\:pl-10 {
    padding-inline-start: 2.5rem;
  }
  .xl\:pl-11 {
    padding-inline-start: 2.75rem;
  }
  .xl\:pl-12 {
    padding-inline-start: 3rem;
  }
  .xl\:pl-14 {
    padding-inline-start: 3.5rem;
  }
  .xl\:pl-16 {
    padding-inline-start: 4rem;
  }
  .xl\:pl-20 {
    padding-inline-start: 5rem;
  }
  .xl\:pl-custom {
    padding-inline-start: var(--xl-pl-custom);
  }
  .xl\:pr-0 {
    padding-inline-end: 0rem;
  }
  .xl\:pr-px {
    padding-inline-end: 0.0625rem;
  }
  .xl\:pr-0\.5 {
    padding-inline-end: 0.125rem;
  }
  .xl\:pr-1 {
    padding-inline-end: 0.25rem;
  }
  .xl\:pr-1\.5 {
    padding-inline-end: 0.375rem;
  }
  .xl\:pr-2 {
    padding-inline-end: 0.5rem;
  }
  .xl\:pr-3 {
    padding-inline-end: 0.75rem;
  }
  .xl\:pr-4 {
    padding-inline-end: 1rem;
  }
  .xl\:pr-5 {
    padding-inline-end: 1.25rem;
  }
  .xl\:pr-6 {
    padding-inline-end: 1.5rem;
  }
  .xl\:pr-7 {
    padding-inline-end: 1.75rem;
  }
  .xl\:pr-8 {
    padding-inline-end: 2rem;
  }
  .xl\:pr-10 {
    padding-inline-end: 2.5rem;
  }
  .xl\:pr-11 {
    padding-inline-end: 2.75rem;
  }
  .xl\:pr-12 {
    padding-inline-end: 3rem;
  }
  .xl\:pr-14 {
    padding-inline-end: 3.5rem;
  }
  .xl\:pr-16 {
    padding-inline-end: 4rem;
  }
  .xl\:pr-20 {
    padding-inline-end: 5rem;
  }
  .xl\:pr-custom {
    padding-inline-end: var(--xl-pr-custom);
  }
  .xl\:gap-0 {
    gap: 0rem;
  }
  .xl\:gap-px {
    gap: 0.0625rem;
  }
  .xl\:gap-0\.5 {
    gap: 0.125rem;
  }
  .xl\:gap-1 {
    gap: 0.25rem;
  }
  .xl\:gap-1\.5 {
    gap: 0.375rem;
  }
  .xl\:gap-2 {
    gap: 0.5rem;
  }
  .xl\:gap-3 {
    gap: 0.75rem;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
  .xl\:gap-5 {
    gap: 1.25rem;
  }
  .xl\:gap-6 {
    gap: 1.5rem;
  }
  .xl\:gap-7 {
    gap: 1.75rem;
  }
  .xl\:gap-8 {
    gap: 2rem;
  }
  .xl\:gap-10 {
    gap: 2.5rem;
  }
  .xl\:gap-11 {
    gap: 2.75rem;
  }
  .xl\:gap-12 {
    gap: 3rem;
  }
  .xl\:gap-14 {
    gap: 3.5rem;
  }
  .xl\:gap-16 {
    gap: 4rem;
  }
  .xl\:gap-20 {
    gap: 5rem;
  }
  .xl\:gap-custom {
    gap: var(--xl-gap-custom);
  }
  .xl\:gap-x-0 {
    column-gap: 0rem;
  }
  .xl\:gap-x-px {
    column-gap: 0.0625rem;
  }
  .xl\:gap-x-0\.5 {
    column-gap: 0.125rem;
  }
  .xl\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .xl\:gap-x-1\.5 {
    column-gap: 0.375rem;
  }
  .xl\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .xl\:gap-x-3 {
    column-gap: 0.75rem;
  }
  .xl\:gap-x-4 {
    column-gap: 1rem;
  }
  .xl\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .xl\:gap-x-6 {
    column-gap: 1.5rem;
  }
  .xl\:gap-x-7 {
    column-gap: 1.75rem;
  }
  .xl\:gap-x-8 {
    column-gap: 2rem;
  }
  .xl\:gap-x-10 {
    column-gap: 2.5rem;
  }
  .xl\:gap-x-11 {
    column-gap: 2.75rem;
  }
  .xl\:gap-x-12 {
    column-gap: 3rem;
  }
  .xl\:gap-x-14 {
    column-gap: 3.5rem;
  }
  .xl\:gap-x-16 {
    column-gap: 4rem;
  }
  .xl\:gap-x-20 {
    column-gap: 5rem;
  }
  .xl\:gap-x-custom {
    column-gap: var(--xl-gap-x-custom);
  }
  .xl\:gap-y-0 {
    row-gap: 0rem;
  }
  .xl\:gap-y-px {
    row-gap: 0.0625rem;
  }
  .xl\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }
  .xl\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .xl\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }
  .xl\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .xl\:gap-y-3 {
    row-gap: 0.75rem;
  }
  .xl\:gap-y-4 {
    row-gap: 1rem;
  }
  .xl\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .xl\:gap-y-6 {
    row-gap: 1.5rem;
  }
  .xl\:gap-y-7 {
    row-gap: 1.75rem;
  }
  .xl\:gap-y-8 {
    row-gap: 2rem;
  }
  .xl\:gap-y-10 {
    row-gap: 2.5rem;
  }
  .xl\:gap-y-11 {
    row-gap: 2.75rem;
  }
  .xl\:gap-y-12 {
    row-gap: 3rem;
  }
  .xl\:gap-y-14 {
    row-gap: 3.5rem;
  }
  .xl\:gap-y-16 {
    row-gap: 4rem;
  }
  .xl\:gap-y-20 {
    row-gap: 5rem;
  }
  .xl\:gap-y-custom {
    row-gap: var(--xl-gap-y-custom);
  }
}
@media (min-width: 93.76em) {
  .xxl\:m-0 {
    margin: 0rem;
  }
  .xxl\:m-px {
    margin: 0.0625rem;
  }
  .xxl\:m-0\.5 {
    margin: 0.125rem;
  }
  .xxl\:m-1 {
    margin: 0.25rem;
  }
  .xxl\:m-1\.5 {
    margin: 0.375rem;
  }
  .xxl\:m-2 {
    margin: 0.5rem;
  }
  .xxl\:m-3 {
    margin: 0.75rem;
  }
  .xxl\:m-4 {
    margin: 1rem;
  }
  .xxl\:m-5 {
    margin: 1.25rem;
  }
  .xxl\:m-6 {
    margin: 1.5rem;
  }
  .xxl\:m-7 {
    margin: 1.75rem;
  }
  .xxl\:m-8 {
    margin: 2rem;
  }
  .xxl\:m-10 {
    margin: 2.5rem;
  }
  .xxl\:m-11 {
    margin: 2.75rem;
  }
  .xxl\:m-12 {
    margin: 3rem;
  }
  .xxl\:m-14 {
    margin: 3.5rem;
  }
  .xxl\:m-16 {
    margin: 4rem;
  }
  .xxl\:m-20 {
    margin: 5rem;
  }
  .xxl\:m-auto {
    margin: auto;
  }
  .xxl\:m-custom {
    margin: var(--xxl-m-custom);
  }
  .xxl\:my-0 {
    margin-block: 0rem;
  }
  .xxl\:my-px {
    margin-block: 0.0625rem;
  }
  .xxl\:my-0\.5 {
    margin-block: 0.125rem;
  }
  .xxl\:my-1 {
    margin-block: 0.25rem;
  }
  .xxl\:my-1\.5 {
    margin-block: 0.375rem;
  }
  .xxl\:my-2 {
    margin-block: 0.5rem;
  }
  .xxl\:my-3 {
    margin-block: 0.75rem;
  }
  .xxl\:my-4 {
    margin-block: 1rem;
  }
  .xxl\:my-5 {
    margin-block: 1.25rem;
  }
  .xxl\:my-6 {
    margin-block: 1.5rem;
  }
  .xxl\:my-7 {
    margin-block: 1.75rem;
  }
  .xxl\:my-8 {
    margin-block: 2rem;
  }
  .xxl\:my-10 {
    margin-block: 2.5rem;
  }
  .xxl\:my-11 {
    margin-block: 2.75rem;
  }
  .xxl\:my-12 {
    margin-block: 3rem;
  }
  .xxl\:my-14 {
    margin-block: 3.5rem;
  }
  .xxl\:my-16 {
    margin-block: 4rem;
  }
  .xxl\:my-20 {
    margin-block: 5rem;
  }
  .xxl\:my-auto {
    margin-block: auto;
  }
  .xxl\:my-custom {
    margin-block: var(--xxl-my-custom);
  }
  .xxl\:mt-0 {
    margin-block-start: 0rem;
  }
  .xxl\:mt-px {
    margin-block-start: 0.0625rem;
  }
  .xxl\:mt-0\.5 {
    margin-block-start: 0.125rem;
  }
  .xxl\:mt-1 {
    margin-block-start: 0.25rem;
  }
  .xxl\:mt-1\.5 {
    margin-block-start: 0.375rem;
  }
  .xxl\:mt-2 {
    margin-block-start: 0.5rem;
  }
  .xxl\:mt-3 {
    margin-block-start: 0.75rem;
  }
  .xxl\:mt-4 {
    margin-block-start: 1rem;
  }
  .xxl\:mt-5 {
    margin-block-start: 1.25rem;
  }
  .xxl\:mt-6 {
    margin-block-start: 1.5rem;
  }
  .xxl\:mt-7 {
    margin-block-start: 1.75rem;
  }
  .xxl\:mt-8 {
    margin-block-start: 2rem;
  }
  .xxl\:mt-10 {
    margin-block-start: 2.5rem;
  }
  .xxl\:mt-11 {
    margin-block-start: 2.75rem;
  }
  .xxl\:mt-12 {
    margin-block-start: 3rem;
  }
  .xxl\:mt-14 {
    margin-block-start: 3.5rem;
  }
  .xxl\:mt-16 {
    margin-block-start: 4rem;
  }
  .xxl\:mt-20 {
    margin-block-start: 5rem;
  }
  .xxl\:mt-auto {
    margin-block-start: auto;
  }
  .xxl\:mt-custom {
    margin-block-start: var(--xxl-mt-custom);
  }
  .xxl\:mb-0 {
    margin-block-end: 0rem;
  }
  .xxl\:mb-px {
    margin-block-end: 0.0625rem;
  }
  .xxl\:mb-0\.5 {
    margin-block-end: 0.125rem;
  }
  .xxl\:mb-1 {
    margin-block-end: 0.25rem;
  }
  .xxl\:mb-1\.5 {
    margin-block-end: 0.375rem;
  }
  .xxl\:mb-2 {
    margin-block-end: 0.5rem;
  }
  .xxl\:mb-3 {
    margin-block-end: 0.75rem;
  }
  .xxl\:mb-4 {
    margin-block-end: 1rem;
  }
  .xxl\:mb-5 {
    margin-block-end: 1.25rem;
  }
  .xxl\:mb-6 {
    margin-block-end: 1.5rem;
  }
  .xxl\:mb-7 {
    margin-block-end: 1.75rem;
  }
  .xxl\:mb-8 {
    margin-block-end: 2rem;
  }
  .xxl\:mb-10 {
    margin-block-end: 2.5rem;
  }
  .xxl\:mb-11 {
    margin-block-end: 2.75rem;
  }
  .xxl\:mb-12 {
    margin-block-end: 3rem;
  }
  .xxl\:mb-14 {
    margin-block-end: 3.5rem;
  }
  .xxl\:mb-16 {
    margin-block-end: 4rem;
  }
  .xxl\:mb-20 {
    margin-block-end: 5rem;
  }
  .xxl\:mb-auto {
    margin-block-end: auto;
  }
  .xxl\:mb-custom {
    margin-block-end: var(--xxl-mb-custom);
  }
  .xxl\:mx-0 {
    margin-inline: 0rem;
  }
  .xxl\:mx-px {
    margin-inline: 0.0625rem;
  }
  .xxl\:mx-0\.5 {
    margin-inline: 0.125rem;
  }
  .xxl\:mx-1 {
    margin-inline: 0.25rem;
  }
  .xxl\:mx-1\.5 {
    margin-inline: 0.375rem;
  }
  .xxl\:mx-2 {
    margin-inline: 0.5rem;
  }
  .xxl\:mx-3 {
    margin-inline: 0.75rem;
  }
  .xxl\:mx-4 {
    margin-inline: 1rem;
  }
  .xxl\:mx-5 {
    margin-inline: 1.25rem;
  }
  .xxl\:mx-6 {
    margin-inline: 1.5rem;
  }
  .xxl\:mx-7 {
    margin-inline: 1.75rem;
  }
  .xxl\:mx-8 {
    margin-inline: 2rem;
  }
  .xxl\:mx-10 {
    margin-inline: 2.5rem;
  }
  .xxl\:mx-11 {
    margin-inline: 2.75rem;
  }
  .xxl\:mx-12 {
    margin-inline: 3rem;
  }
  .xxl\:mx-14 {
    margin-inline: 3.5rem;
  }
  .xxl\:mx-16 {
    margin-inline: 4rem;
  }
  .xxl\:mx-20 {
    margin-inline: 5rem;
  }
  .xxl\:mx-auto {
    margin-inline: auto;
  }
  .xxl\:mx-custom {
    margin-inline: var(--xxl-mx-custom);
  }
  .xxl\:ml-0 {
    margin-inline-start: 0rem;
  }
  .xxl\:ml-px {
    margin-inline-start: 0.0625rem;
  }
  .xxl\:ml-0\.5 {
    margin-inline-start: 0.125rem;
  }
  .xxl\:ml-1 {
    margin-inline-start: 0.25rem;
  }
  .xxl\:ml-1\.5 {
    margin-inline-start: 0.375rem;
  }
  .xxl\:ml-2 {
    margin-inline-start: 0.5rem;
  }
  .xxl\:ml-3 {
    margin-inline-start: 0.75rem;
  }
  .xxl\:ml-4 {
    margin-inline-start: 1rem;
  }
  .xxl\:ml-5 {
    margin-inline-start: 1.25rem;
  }
  .xxl\:ml-6 {
    margin-inline-start: 1.5rem;
  }
  .xxl\:ml-7 {
    margin-inline-start: 1.75rem;
  }
  .xxl\:ml-8 {
    margin-inline-start: 2rem;
  }
  .xxl\:ml-10 {
    margin-inline-start: 2.5rem;
  }
  .xxl\:ml-11 {
    margin-inline-start: 2.75rem;
  }
  .xxl\:ml-12 {
    margin-inline-start: 3rem;
  }
  .xxl\:ml-14 {
    margin-inline-start: 3.5rem;
  }
  .xxl\:ml-16 {
    margin-inline-start: 4rem;
  }
  .xxl\:ml-20 {
    margin-inline-start: 5rem;
  }
  .xxl\:ml-auto {
    margin-inline-start: auto;
  }
  .xxl\:ml-custom {
    margin-inline-start: var(--xxl-ml-custom);
  }
  .xxl\:mr-0 {
    margin-inline-end: 0rem;
  }
  .xxl\:mr-px {
    margin-inline-end: 0.0625rem;
  }
  .xxl\:mr-0\.5 {
    margin-inline-end: 0.125rem;
  }
  .xxl\:mr-1 {
    margin-inline-end: 0.25rem;
  }
  .xxl\:mr-1\.5 {
    margin-inline-end: 0.375rem;
  }
  .xxl\:mr-2 {
    margin-inline-end: 0.5rem;
  }
  .xxl\:mr-3 {
    margin-inline-end: 0.75rem;
  }
  .xxl\:mr-4 {
    margin-inline-end: 1rem;
  }
  .xxl\:mr-5 {
    margin-inline-end: 1.25rem;
  }
  .xxl\:mr-6 {
    margin-inline-end: 1.5rem;
  }
  .xxl\:mr-7 {
    margin-inline-end: 1.75rem;
  }
  .xxl\:mr-8 {
    margin-inline-end: 2rem;
  }
  .xxl\:mr-10 {
    margin-inline-end: 2.5rem;
  }
  .xxl\:mr-11 {
    margin-inline-end: 2.75rem;
  }
  .xxl\:mr-12 {
    margin-inline-end: 3rem;
  }
  .xxl\:mr-14 {
    margin-inline-end: 3.5rem;
  }
  .xxl\:mr-16 {
    margin-inline-end: 4rem;
  }
  .xxl\:mr-20 {
    margin-inline-end: 5rem;
  }
  .xxl\:mr-auto {
    margin-inline-end: auto;
  }
  .xxl\:mr-custom {
    margin-inline-end: var(--xxl-mr-custom);
  }
  .xxl\:p-0 {
    padding: 0rem;
  }
  .xxl\:p-px {
    padding: 0.0625rem;
  }
  .xxl\:p-0\.5 {
    padding: 0.125rem;
  }
  .xxl\:p-1 {
    padding: 0.25rem;
  }
  .xxl\:p-1\.5 {
    padding: 0.375rem;
  }
  .xxl\:p-2 {
    padding: 0.5rem;
  }
  .xxl\:p-3 {
    padding: 0.75rem;
  }
  .xxl\:p-4 {
    padding: 1rem;
  }
  .xxl\:p-5 {
    padding: 1.25rem;
  }
  .xxl\:p-6 {
    padding: 1.5rem;
  }
  .xxl\:p-7 {
    padding: 1.75rem;
  }
  .xxl\:p-8 {
    padding: 2rem;
  }
  .xxl\:p-10 {
    padding: 2.5rem;
  }
  .xxl\:p-11 {
    padding: 2.75rem;
  }
  .xxl\:p-12 {
    padding: 3rem;
  }
  .xxl\:p-14 {
    padding: 3.5rem;
  }
  .xxl\:p-16 {
    padding: 4rem;
  }
  .xxl\:p-20 {
    padding: 5rem;
  }
  .xxl\:p-custom {
    padding: var(--xxl-p-custom);
  }
  .xxl\:py-0 {
    padding-block: 0rem;
  }
  .xxl\:py-px {
    padding-block: 0.0625rem;
  }
  .xxl\:py-0\.5 {
    padding-block: 0.125rem;
  }
  .xxl\:py-1 {
    padding-block: 0.25rem;
  }
  .xxl\:py-1\.5 {
    padding-block: 0.375rem;
  }
  .xxl\:py-2 {
    padding-block: 0.5rem;
  }
  .xxl\:py-3 {
    padding-block: 0.75rem;
  }
  .xxl\:py-4 {
    padding-block: 1rem;
  }
  .xxl\:py-5 {
    padding-block: 1.25rem;
  }
  .xxl\:py-6 {
    padding-block: 1.5rem;
  }
  .xxl\:py-7 {
    padding-block: 1.75rem;
  }
  .xxl\:py-8 {
    padding-block: 2rem;
  }
  .xxl\:py-10 {
    padding-block: 2.5rem;
  }
  .xxl\:py-11 {
    padding-block: 2.75rem;
  }
  .xxl\:py-12 {
    padding-block: 3rem;
  }
  .xxl\:py-14 {
    padding-block: 3.5rem;
  }
  .xxl\:py-16 {
    padding-block: 4rem;
  }
  .xxl\:py-20 {
    padding-block: 5rem;
  }
  .xxl\:py-custom {
    padding-block: var(--xxl-py-custom);
  }
  .xxl\:pt-0 {
    padding-block-start: 0rem;
  }
  .xxl\:pt-px {
    padding-block-start: 0.0625rem;
  }
  .xxl\:pt-0\.5 {
    padding-block-start: 0.125rem;
  }
  .xxl\:pt-1 {
    padding-block-start: 0.25rem;
  }
  .xxl\:pt-1\.5 {
    padding-block-start: 0.375rem;
  }
  .xxl\:pt-2 {
    padding-block-start: 0.5rem;
  }
  .xxl\:pt-3 {
    padding-block-start: 0.75rem;
  }
  .xxl\:pt-4 {
    padding-block-start: 1rem;
  }
  .xxl\:pt-5 {
    padding-block-start: 1.25rem;
  }
  .xxl\:pt-6 {
    padding-block-start: 1.5rem;
  }
  .xxl\:pt-7 {
    padding-block-start: 1.75rem;
  }
  .xxl\:pt-8 {
    padding-block-start: 2rem;
  }
  .xxl\:pt-10 {
    padding-block-start: 2.5rem;
  }
  .xxl\:pt-11 {
    padding-block-start: 2.75rem;
  }
  .xxl\:pt-12 {
    padding-block-start: 3rem;
  }
  .xxl\:pt-14 {
    padding-block-start: 3.5rem;
  }
  .xxl\:pt-16 {
    padding-block-start: 4rem;
  }
  .xxl\:pt-20 {
    padding-block-start: 5rem;
  }
  .xxl\:pt-custom {
    padding-block-start: var(--xxl-pt-custom);
  }
  .xxl\:pb-0 {
    padding-block-end: 0rem;
  }
  .xxl\:pb-px {
    padding-block-end: 0.0625rem;
  }
  .xxl\:pb-0\.5 {
    padding-block-end: 0.125rem;
  }
  .xxl\:pb-1 {
    padding-block-end: 0.25rem;
  }
  .xxl\:pb-1\.5 {
    padding-block-end: 0.375rem;
  }
  .xxl\:pb-2 {
    padding-block-end: 0.5rem;
  }
  .xxl\:pb-3 {
    padding-block-end: 0.75rem;
  }
  .xxl\:pb-4 {
    padding-block-end: 1rem;
  }
  .xxl\:pb-5 {
    padding-block-end: 1.25rem;
  }
  .xxl\:pb-6 {
    padding-block-end: 1.5rem;
  }
  .xxl\:pb-7 {
    padding-block-end: 1.75rem;
  }
  .xxl\:pb-8 {
    padding-block-end: 2rem;
  }
  .xxl\:pb-10 {
    padding-block-end: 2.5rem;
  }
  .xxl\:pb-11 {
    padding-block-end: 2.75rem;
  }
  .xxl\:pb-12 {
    padding-block-end: 3rem;
  }
  .xxl\:pb-14 {
    padding-block-end: 3.5rem;
  }
  .xxl\:pb-16 {
    padding-block-end: 4rem;
  }
  .xxl\:pb-20 {
    padding-block-end: 5rem;
  }
  .xxl\:pb-custom {
    padding-block-end: var(--xxl-pb-custom);
  }
  .xxl\:px-0 {
    padding-inline: 0rem;
  }
  .xxl\:px-px {
    padding-inline: 0.0625rem;
  }
  .xxl\:px-0\.5 {
    padding-inline: 0.125rem;
  }
  .xxl\:px-1 {
    padding-inline: 0.25rem;
  }
  .xxl\:px-1\.5 {
    padding-inline: 0.375rem;
  }
  .xxl\:px-2 {
    padding-inline: 0.5rem;
  }
  .xxl\:px-3 {
    padding-inline: 0.75rem;
  }
  .xxl\:px-4 {
    padding-inline: 1rem;
  }
  .xxl\:px-5 {
    padding-inline: 1.25rem;
  }
  .xxl\:px-6 {
    padding-inline: 1.5rem;
  }
  .xxl\:px-7 {
    padding-inline: 1.75rem;
  }
  .xxl\:px-8 {
    padding-inline: 2rem;
  }
  .xxl\:px-10 {
    padding-inline: 2.5rem;
  }
  .xxl\:px-11 {
    padding-inline: 2.75rem;
  }
  .xxl\:px-12 {
    padding-inline: 3rem;
  }
  .xxl\:px-14 {
    padding-inline: 3.5rem;
  }
  .xxl\:px-16 {
    padding-inline: 4rem;
  }
  .xxl\:px-20 {
    padding-inline: 5rem;
  }
  .xxl\:px-custom {
    padding-inline: var(--xxl-px-custom);
  }
  .xxl\:pl-0 {
    padding-inline-start: 0rem;
  }
  .xxl\:pl-px {
    padding-inline-start: 0.0625rem;
  }
  .xxl\:pl-0\.5 {
    padding-inline-start: 0.125rem;
  }
  .xxl\:pl-1 {
    padding-inline-start: 0.25rem;
  }
  .xxl\:pl-1\.5 {
    padding-inline-start: 0.375rem;
  }
  .xxl\:pl-2 {
    padding-inline-start: 0.5rem;
  }
  .xxl\:pl-3 {
    padding-inline-start: 0.75rem;
  }
  .xxl\:pl-4 {
    padding-inline-start: 1rem;
  }
  .xxl\:pl-5 {
    padding-inline-start: 1.25rem;
  }
  .xxl\:pl-6 {
    padding-inline-start: 1.5rem;
  }
  .xxl\:pl-7 {
    padding-inline-start: 1.75rem;
  }
  .xxl\:pl-8 {
    padding-inline-start: 2rem;
  }
  .xxl\:pl-10 {
    padding-inline-start: 2.5rem;
  }
  .xxl\:pl-11 {
    padding-inline-start: 2.75rem;
  }
  .xxl\:pl-12 {
    padding-inline-start: 3rem;
  }
  .xxl\:pl-14 {
    padding-inline-start: 3.5rem;
  }
  .xxl\:pl-16 {
    padding-inline-start: 4rem;
  }
  .xxl\:pl-20 {
    padding-inline-start: 5rem;
  }
  .xxl\:pl-custom {
    padding-inline-start: var(--xxl-pl-custom);
  }
  .xxl\:pr-0 {
    padding-inline-end: 0rem;
  }
  .xxl\:pr-px {
    padding-inline-end: 0.0625rem;
  }
  .xxl\:pr-0\.5 {
    padding-inline-end: 0.125rem;
  }
  .xxl\:pr-1 {
    padding-inline-end: 0.25rem;
  }
  .xxl\:pr-1\.5 {
    padding-inline-end: 0.375rem;
  }
  .xxl\:pr-2 {
    padding-inline-end: 0.5rem;
  }
  .xxl\:pr-3 {
    padding-inline-end: 0.75rem;
  }
  .xxl\:pr-4 {
    padding-inline-end: 1rem;
  }
  .xxl\:pr-5 {
    padding-inline-end: 1.25rem;
  }
  .xxl\:pr-6 {
    padding-inline-end: 1.5rem;
  }
  .xxl\:pr-7 {
    padding-inline-end: 1.75rem;
  }
  .xxl\:pr-8 {
    padding-inline-end: 2rem;
  }
  .xxl\:pr-10 {
    padding-inline-end: 2.5rem;
  }
  .xxl\:pr-11 {
    padding-inline-end: 2.75rem;
  }
  .xxl\:pr-12 {
    padding-inline-end: 3rem;
  }
  .xxl\:pr-14 {
    padding-inline-end: 3.5rem;
  }
  .xxl\:pr-16 {
    padding-inline-end: 4rem;
  }
  .xxl\:pr-20 {
    padding-inline-end: 5rem;
  }
  .xxl\:pr-custom {
    padding-inline-end: var(--xxl-pr-custom);
  }
  .xxl\:gap-0 {
    gap: 0rem;
  }
  .xxl\:gap-px {
    gap: 0.0625rem;
  }
  .xxl\:gap-0\.5 {
    gap: 0.125rem;
  }
  .xxl\:gap-1 {
    gap: 0.25rem;
  }
  .xxl\:gap-1\.5 {
    gap: 0.375rem;
  }
  .xxl\:gap-2 {
    gap: 0.5rem;
  }
  .xxl\:gap-3 {
    gap: 0.75rem;
  }
  .xxl\:gap-4 {
    gap: 1rem;
  }
  .xxl\:gap-5 {
    gap: 1.25rem;
  }
  .xxl\:gap-6 {
    gap: 1.5rem;
  }
  .xxl\:gap-7 {
    gap: 1.75rem;
  }
  .xxl\:gap-8 {
    gap: 2rem;
  }
  .xxl\:gap-10 {
    gap: 2.5rem;
  }
  .xxl\:gap-11 {
    gap: 2.75rem;
  }
  .xxl\:gap-12 {
    gap: 3rem;
  }
  .xxl\:gap-14 {
    gap: 3.5rem;
  }
  .xxl\:gap-16 {
    gap: 4rem;
  }
  .xxl\:gap-20 {
    gap: 5rem;
  }
  .xxl\:gap-custom {
    gap: var(--xxl-gap-custom);
  }
  .xxl\:gap-x-0 {
    column-gap: 0rem;
  }
  .xxl\:gap-x-px {
    column-gap: 0.0625rem;
  }
  .xxl\:gap-x-0\.5 {
    column-gap: 0.125rem;
  }
  .xxl\:gap-x-1 {
    column-gap: 0.25rem;
  }
  .xxl\:gap-x-1\.5 {
    column-gap: 0.375rem;
  }
  .xxl\:gap-x-2 {
    column-gap: 0.5rem;
  }
  .xxl\:gap-x-3 {
    column-gap: 0.75rem;
  }
  .xxl\:gap-x-4 {
    column-gap: 1rem;
  }
  .xxl\:gap-x-5 {
    column-gap: 1.25rem;
  }
  .xxl\:gap-x-6 {
    column-gap: 1.5rem;
  }
  .xxl\:gap-x-7 {
    column-gap: 1.75rem;
  }
  .xxl\:gap-x-8 {
    column-gap: 2rem;
  }
  .xxl\:gap-x-10 {
    column-gap: 2.5rem;
  }
  .xxl\:gap-x-11 {
    column-gap: 2.75rem;
  }
  .xxl\:gap-x-12 {
    column-gap: 3rem;
  }
  .xxl\:gap-x-14 {
    column-gap: 3.5rem;
  }
  .xxl\:gap-x-16 {
    column-gap: 4rem;
  }
  .xxl\:gap-x-20 {
    column-gap: 5rem;
  }
  .xxl\:gap-x-custom {
    column-gap: var(--xxl-gap-x-custom);
  }
  .xxl\:gap-y-0 {
    row-gap: 0rem;
  }
  .xxl\:gap-y-px {
    row-gap: 0.0625rem;
  }
  .xxl\:gap-y-0\.5 {
    row-gap: 0.125rem;
  }
  .xxl\:gap-y-1 {
    row-gap: 0.25rem;
  }
  .xxl\:gap-y-1\.5 {
    row-gap: 0.375rem;
  }
  .xxl\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .xxl\:gap-y-3 {
    row-gap: 0.75rem;
  }
  .xxl\:gap-y-4 {
    row-gap: 1rem;
  }
  .xxl\:gap-y-5 {
    row-gap: 1.25rem;
  }
  .xxl\:gap-y-6 {
    row-gap: 1.5rem;
  }
  .xxl\:gap-y-7 {
    row-gap: 1.75rem;
  }
  .xxl\:gap-y-8 {
    row-gap: 2rem;
  }
  .xxl\:gap-y-10 {
    row-gap: 2.5rem;
  }
  .xxl\:gap-y-11 {
    row-gap: 2.75rem;
  }
  .xxl\:gap-y-12 {
    row-gap: 3rem;
  }
  .xxl\:gap-y-14 {
    row-gap: 3.5rem;
  }
  .xxl\:gap-y-16 {
    row-gap: 4rem;
  }
  .xxl\:gap-y-20 {
    row-gap: 5rem;
  }
  .xxl\:gap-y-custom {
    row-gap: var(--xxl-gap-y-custom);
  }
}
.\*\:items-center > * {
  align-items: center;
}

.\*\:self-center > * {
  margin-block: auto;
  align-self: center;
}

@media all {
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-column {
    flex-direction: column;
  }
  .flex-column-reverse {
    flex-direction: column-reverse;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-space-between {
    justify-content: space-between;
  }
  .justify-space-around {
    justify-content: space-around;
  }
  .justify-space-evenly {
    justify-content: space-evenly;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .order-0 {
    order: 0;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-initial {
    order: initial;
  }
  .items-start {
    align-items: flex-start;
  }
  .self-start {
    align-self: flex-start;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-center {
    align-items: center;
  }
  .self-center {
    align-self: center;
  }
  .content-center {
    align-content: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .self-end {
    align-self: flex-end;
  }
  .content-end {
    align-content: flex-end;
  }
  .items-baseline {
    align-items: baseline;
  }
  .self-baseline {
    align-self: baseline;
  }
  .content-baseline {
    align-content: baseline;
  }
  .items-stretch {
    align-items: stretch;
  }
  .self-stretch {
    align-self: stretch;
  }
  .content-stretch {
    align-content: stretch;
  }
  .items-inherit {
    align-items: inherit;
  }
  .self-inherit {
    align-self: inherit;
  }
  .content-inherit {
    align-content: inherit;
  }
}
@media (min-width: 28.135em) {
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:flex-column {
    flex-direction: column;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-space-between {
    justify-content: space-between;
  }
  .sm\:justify-space-around {
    justify-content: space-around;
  }
  .sm\:justify-space-evenly {
    justify-content: space-evenly;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:order-0 {
    order: 0;
  }
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:order-3 {
    order: 3;
  }
  .sm\:order-initial {
    order: initial;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:self-start {
    align-self: flex-start;
  }
  .sm\:content-start {
    align-content: flex-start;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:self-center {
    align-self: center;
  }
  .sm\:content-center {
    align-content: center;
  }
  .sm\:items-end {
    align-items: flex-end;
  }
  .sm\:self-end {
    align-self: flex-end;
  }
  .sm\:content-end {
    align-content: flex-end;
  }
  .sm\:items-baseline {
    align-items: baseline;
  }
  .sm\:self-baseline {
    align-self: baseline;
  }
  .sm\:content-baseline {
    align-content: baseline;
  }
  .sm\:items-stretch {
    align-items: stretch;
  }
  .sm\:self-stretch {
    align-self: stretch;
  }
  .sm\:content-stretch {
    align-content: stretch;
  }
  .sm\:items-inherit {
    align-items: inherit;
  }
  .sm\:self-inherit {
    align-self: inherit;
  }
  .sm\:content-inherit {
    align-content: inherit;
  }
}
@media (min-width: 42.51em) {
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-column {
    flex-direction: column;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-space-between {
    justify-content: space-between;
  }
  .md\:justify-space-around {
    justify-content: space-around;
  }
  .md\:justify-space-evenly {
    justify-content: space-evenly;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:order-0 {
    order: 0;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:order-3 {
    order: 3;
  }
  .md\:order-initial {
    order: initial;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:self-start {
    align-self: flex-start;
  }
  .md\:content-start {
    align-content: flex-start;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:self-center {
    align-self: center;
  }
  .md\:content-center {
    align-content: center;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:self-end {
    align-self: flex-end;
  }
  .md\:content-end {
    align-content: flex-end;
  }
  .md\:items-baseline {
    align-items: baseline;
  }
  .md\:self-baseline {
    align-self: baseline;
  }
  .md\:content-baseline {
    align-content: baseline;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
  .md\:self-stretch {
    align-self: stretch;
  }
  .md\:content-stretch {
    align-content: stretch;
  }
  .md\:items-inherit {
    align-items: inherit;
  }
  .md\:self-inherit {
    align-self: inherit;
  }
  .md\:content-inherit {
    align-content: inherit;
  }
}
@media (min-width: 56.885em) {
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:flex-column {
    flex-direction: column;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-end {
    justify-content: flex-end;
  }
  .lg\:justify-space-between {
    justify-content: space-between;
  }
  .lg\:justify-space-around {
    justify-content: space-around;
  }
  .lg\:justify-space-evenly {
    justify-content: space-evenly;
  }
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .lg\:order-0 {
    order: 0;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:order-3 {
    order: 3;
  }
  .lg\:order-initial {
    order: initial;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:self-start {
    align-self: flex-start;
  }
  .lg\:content-start {
    align-content: flex-start;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:self-center {
    align-self: center;
  }
  .lg\:content-center {
    align-content: center;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:self-end {
    align-self: flex-end;
  }
  .lg\:content-end {
    align-content: flex-end;
  }
  .lg\:items-baseline {
    align-items: baseline;
  }
  .lg\:self-baseline {
    align-self: baseline;
  }
  .lg\:content-baseline {
    align-content: baseline;
  }
  .lg\:items-stretch {
    align-items: stretch;
  }
  .lg\:self-stretch {
    align-self: stretch;
  }
  .lg\:content-stretch {
    align-content: stretch;
  }
  .lg\:items-inherit {
    align-items: inherit;
  }
  .lg\:self-inherit {
    align-self: inherit;
  }
  .lg\:content-inherit {
    align-content: inherit;
  }
}
@media (min-width: 68.76em) {
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:flex-column {
    flex-direction: column;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse;
  }
  .xl\:justify-start {
    justify-content: flex-start;
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:justify-end {
    justify-content: flex-end;
  }
  .xl\:justify-space-between {
    justify-content: space-between;
  }
  .xl\:justify-space-around {
    justify-content: space-around;
  }
  .xl\:justify-space-evenly {
    justify-content: space-evenly;
  }
  .xl\:flex-wrap {
    flex-wrap: wrap;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .xl\:order-0 {
    order: 0;
  }
  .xl\:order-1 {
    order: 1;
  }
  .xl\:order-2 {
    order: 2;
  }
  .xl\:order-3 {
    order: 3;
  }
  .xl\:order-initial {
    order: initial;
  }
  .xl\:items-start {
    align-items: flex-start;
  }
  .xl\:self-start {
    align-self: flex-start;
  }
  .xl\:content-start {
    align-content: flex-start;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:self-center {
    align-self: center;
  }
  .xl\:content-center {
    align-content: center;
  }
  .xl\:items-end {
    align-items: flex-end;
  }
  .xl\:self-end {
    align-self: flex-end;
  }
  .xl\:content-end {
    align-content: flex-end;
  }
  .xl\:items-baseline {
    align-items: baseline;
  }
  .xl\:self-baseline {
    align-self: baseline;
  }
  .xl\:content-baseline {
    align-content: baseline;
  }
  .xl\:items-stretch {
    align-items: stretch;
  }
  .xl\:self-stretch {
    align-self: stretch;
  }
  .xl\:content-stretch {
    align-content: stretch;
  }
  .xl\:items-inherit {
    align-items: inherit;
  }
  .xl\:self-inherit {
    align-self: inherit;
  }
  .xl\:content-inherit {
    align-content: inherit;
  }
}
@media (min-width: 93.76em) {
  .xxl\:flex-row {
    flex-direction: row;
  }
  .xxl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xxl\:flex-column {
    flex-direction: column;
  }
  .xxl\:flex-column-reverse {
    flex-direction: column-reverse;
  }
  .xxl\:justify-start {
    justify-content: flex-start;
  }
  .xxl\:justify-center {
    justify-content: center;
  }
  .xxl\:justify-end {
    justify-content: flex-end;
  }
  .xxl\:justify-space-between {
    justify-content: space-between;
  }
  .xxl\:justify-space-around {
    justify-content: space-around;
  }
  .xxl\:justify-space-evenly {
    justify-content: space-evenly;
  }
  .xxl\:flex-wrap {
    flex-wrap: wrap;
  }
  .xxl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xxl\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .xxl\:order-0 {
    order: 0;
  }
  .xxl\:order-1 {
    order: 1;
  }
  .xxl\:order-2 {
    order: 2;
  }
  .xxl\:order-3 {
    order: 3;
  }
  .xxl\:order-initial {
    order: initial;
  }
  .xxl\:items-start {
    align-items: flex-start;
  }
  .xxl\:self-start {
    align-self: flex-start;
  }
  .xxl\:content-start {
    align-content: flex-start;
  }
  .xxl\:items-center {
    align-items: center;
  }
  .xxl\:self-center {
    align-self: center;
  }
  .xxl\:content-center {
    align-content: center;
  }
  .xxl\:items-end {
    align-items: flex-end;
  }
  .xxl\:self-end {
    align-self: flex-end;
  }
  .xxl\:content-end {
    align-content: flex-end;
  }
  .xxl\:items-baseline {
    align-items: baseline;
  }
  .xxl\:self-baseline {
    align-self: baseline;
  }
  .xxl\:content-baseline {
    align-content: baseline;
  }
  .xxl\:items-stretch {
    align-items: stretch;
  }
  .xxl\:self-stretch {
    align-self: stretch;
  }
  .xxl\:content-stretch {
    align-content: stretch;
  }
  .xxl\:items-inherit {
    align-items: inherit;
  }
  .xxl\:self-inherit {
    align-self: inherit;
  }
  .xxl\:content-inherit {
    align-content: inherit;
  }
}
@media all {
  .flex-1 {
    flex: 1 1 0;
  }
  .flex-auto {
    flex: 1 1 auto;
  }
  .flex-initial {
    flex: 0 1 auto;
  }
  .flex-none {
    flex: none;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-2 {
    flex-grow: 2;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .grow-custom {
    flex-grow: var(--grow-custom);
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 28.135em) {
  .sm\:flex-1 {
    flex: 1 1 0;
  }
  .sm\:flex-auto {
    flex: 1 1 auto;
  }
  .sm\:flex-initial {
    flex: 0 1 auto;
  }
  .sm\:flex-none {
    flex: none;
  }
  .sm\:grow {
    flex-grow: 1;
  }
  .sm\:grow-2 {
    flex-grow: 2;
  }
  .sm\:grow-0 {
    flex-grow: 0;
  }
  .sm\:grow-custom {
    flex-grow: var(--sm-grow-custom);
  }
  .sm\:shrink {
    flex-shrink: 1;
  }
  .sm\:shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 42.51em) {
  .md\:flex-1 {
    flex: 1 1 0;
  }
  .md\:flex-auto {
    flex: 1 1 auto;
  }
  .md\:flex-initial {
    flex: 0 1 auto;
  }
  .md\:flex-none {
    flex: none;
  }
  .md\:grow {
    flex-grow: 1;
  }
  .md\:grow-2 {
    flex-grow: 2;
  }
  .md\:grow-0 {
    flex-grow: 0;
  }
  .md\:grow-custom {
    flex-grow: var(--md-grow-custom);
  }
  .md\:shrink {
    flex-shrink: 1;
  }
  .md\:shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 56.885em) {
  .lg\:flex-1 {
    flex: 1 1 0;
  }
  .lg\:flex-auto {
    flex: 1 1 auto;
  }
  .lg\:flex-initial {
    flex: 0 1 auto;
  }
  .lg\:flex-none {
    flex: none;
  }
  .lg\:grow {
    flex-grow: 1;
  }
  .lg\:grow-2 {
    flex-grow: 2;
  }
  .lg\:grow-0 {
    flex-grow: 0;
  }
  .lg\:grow-custom {
    flex-grow: var(--lg-grow-custom);
  }
  .lg\:shrink {
    flex-shrink: 1;
  }
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 68.76em) {
  .xl\:flex-1 {
    flex: 1 1 0;
  }
  .xl\:flex-auto {
    flex: 1 1 auto;
  }
  .xl\:flex-initial {
    flex: 0 1 auto;
  }
  .xl\:flex-none {
    flex: none;
  }
  .xl\:grow {
    flex-grow: 1;
  }
  .xl\:grow-2 {
    flex-grow: 2;
  }
  .xl\:grow-0 {
    flex-grow: 0;
  }
  .xl\:grow-custom {
    flex-grow: var(--xl-grow-custom);
  }
  .xl\:shrink {
    flex-shrink: 1;
  }
  .xl\:shrink-0 {
    flex-shrink: 0;
  }
}
@media (min-width: 93.76em) {
  .xxl\:flex-1 {
    flex: 1 1 0;
  }
  .xxl\:flex-auto {
    flex: 1 1 auto;
  }
  .xxl\:flex-initial {
    flex: 0 1 auto;
  }
  .xxl\:flex-none {
    flex: none;
  }
  .xxl\:grow {
    flex-grow: 1;
  }
  .xxl\:grow-2 {
    flex-grow: 2;
  }
  .xxl\:grow-0 {
    flex-grow: 0;
  }
  .xxl\:grow-custom {
    flex-grow: var(--xxl-grow-custom);
  }
  .xxl\:shrink {
    flex-shrink: 1;
  }
  .xxl\:shrink-0 {
    flex-shrink: 0;
  }
}
.cursor-default {
  cursor: default;
}

.cursor-help {
  cursor: help;
}

.cursor-wait {
  cursor: wait;
}

.cursor-grab {
  cursor: grab;
}

.cursor-row-resize {
  cursor: row-resize;
}

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.cursor-text {
  cursor: text;
}

.cursor-inherit {
  cursor: inherit;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.border {
  border: 1px solid var(--border-norm);
}

.border-top {
  border-block-start: 1px solid var(--border-norm);
}

.border-right {
  border-inline-end: 1px solid var(--border-norm);
}

.border-bottom {
  border-block-end: 1px solid var(--border-norm);
}

.border-left {
  border-inline-start: 1px solid var(--border-norm);
}

.border-primary {
  border-color: var(--primary);
}

.border-norm {
  border-color: var(--border-norm);
}

.border-weak {
  border-color: var(--border-weak);
}

.border-danger {
  border-color: var(--signal-danger);
}

.border-warning {
  border-color: var(--signal-warning);
}

.border-success {
  border-color: var(--signal-success);
}

.border-info {
  border-color: var(--signal-info);
}

.border-currentcolor {
  border-color: currentcolor;
}

.border-transparent {
  border-color: transparent;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-collapse {
  border-collapse: collapse;
}

.border-none {
  border: none;
}

.border-2 {
  border-width: 2px;
}

.divide-x > * ~ * {
  border-inline-start: 1px solid var(--border-norm);
}

.divide-y > * ~ * {
  border-block-start: 1px solid var(--border-norm);
}

.divide-weak > * ~ * {
  border-color: var(--border-weak);
}

.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;
}

.outline-none, .outline-none:focus, .outline-none--at-all, .outline-none--at-all:focus {
  outline: 0;
}
.outline-none:focus-visible:not([tabindex="-1"]) {
  outline: 2px auto;
}
.outline-none--at-all:focus-visible {
  outline: 0;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-65 {
  opacity: 0.65;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-0 {
  opacity: 0;
  pointer-events: none;
}

.focus\:opacity-100:focus, .focus\:opacity-100:focus-within {
  opacity: 1;
  pointer-events: all;
}

.group-hover\:opacity-100:not([aria-expanded=true], .is-active) {
  opacity: 0;
}
.group-hover-opacity-container:focus-within .group-hover\:opacity-100,
.group-hover-opacity-container:focus-within .mouse\:group-hover\:opacity-100 {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .group-hover-opacity-container:not(:hover, :focus, :focus-within) .group-hover\:opacity-100-no-width:not([aria-expanded=true], .is-active) {
    position: absolute;
    transition: none;
    pointer-events: none;
    visibility: hidden;
  }
  .group-hover-opacity-container:hover .group-hover\:opacity-100,
  .group-hover-opacity-container:hover .mouse\:group-hover\:opacity-100 {
    opacity: 1;
    visibility: visible;
  }
  .group-hover\:opacity-100,
  .mouse\:group-hover\:opacity-100 {
    opacity: 0;
    will-change: opacity;
  }
}

.ratio-auto {
  aspect-ratio: auto;
}

.ratio-square {
  aspect-ratio: 1;
}

.ratio-16\/9 {
  aspect-ratio: 16/9;
}

.ratio-2\/1 {
  aspect-ratio: 2/1;
}

.ratio-5\/1 {
  aspect-ratio: 5/1;
}

:root {
  --shadow-norm: var(--shadow-norm-offset)
  	rgb(var(--shadow-color, var(--shadow-default-color)) / var(--shadow-norm-opacity));
}

:root {
  --shadow-raised: var(--shadow-raised-offset)
  	rgb(var(--shadow-color, var(--shadow-default-color)) / var(--shadow-raised-opacity));
}

:root {
  --shadow-lifted: var(--shadow-lifted-offset)
  	rgb(var(--shadow-color, var(--shadow-default-color)) / var(--shadow-lifted-opacity));
}

@media all {
  .shadow-norm {
    box-shadow: var(--shadow-norm-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-norm-opacity));
  }
  .shadow-raised {
    box-shadow: var(--shadow-raised-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-raised-opacity));
  }
  .shadow-lifted {
    box-shadow: var(--shadow-lifted-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-lifted-opacity));
  }
  .shadow-none {
    box-shadow: none;
  }
}
@media (min-width: 28.135em) {
  .sm\:shadow-norm {
    box-shadow: var(--shadow-norm-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-norm-opacity));
  }
  .sm\:shadow-raised {
    box-shadow: var(--shadow-raised-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-raised-opacity));
  }
  .sm\:shadow-lifted {
    box-shadow: var(--shadow-lifted-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-lifted-opacity));
  }
  .sm\:shadow-none {
    box-shadow: none;
  }
}
@media (min-width: 42.51em) {
  .md\:shadow-norm {
    box-shadow: var(--shadow-norm-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-norm-opacity));
  }
  .md\:shadow-raised {
    box-shadow: var(--shadow-raised-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-raised-opacity));
  }
  .md\:shadow-lifted {
    box-shadow: var(--shadow-lifted-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-lifted-opacity));
  }
  .md\:shadow-none {
    box-shadow: none;
  }
}
@media (min-width: 56.885em) {
  .lg\:shadow-norm {
    box-shadow: var(--shadow-norm-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-norm-opacity));
  }
  .lg\:shadow-raised {
    box-shadow: var(--shadow-raised-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-raised-opacity));
  }
  .lg\:shadow-lifted {
    box-shadow: var(--shadow-lifted-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-lifted-opacity));
  }
  .lg\:shadow-none {
    box-shadow: none;
  }
}
@media (min-width: 68.76em) {
  .xl\:shadow-norm {
    box-shadow: var(--shadow-norm-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-norm-opacity));
  }
  .xl\:shadow-raised {
    box-shadow: var(--shadow-raised-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-raised-opacity));
  }
  .xl\:shadow-lifted {
    box-shadow: var(--shadow-lifted-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-lifted-opacity));
  }
  .xl\:shadow-none {
    box-shadow: none;
  }
}
@media (min-width: 93.76em) {
  .xxl\:shadow-norm {
    box-shadow: var(--shadow-norm-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-norm-opacity));
  }
  .xxl\:shadow-raised {
    box-shadow: var(--shadow-raised-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-raised-opacity));
  }
  .xxl\:shadow-lifted {
    box-shadow: var(--shadow-lifted-offset) rgb(var(--shadow-color, var(--shadow-default-color))/var(--shadow-lifted-opacity));
  }
  .xxl\:shadow-none {
    box-shadow: none;
  }
}
.shadow-color-norm {
  --shadow-color: var(--shadow-default-color);
}

.shadow-color-primary {
  --shadow-color: var(--shadow-primary-color);
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.rounded-sm {
  border-radius: var(--border-radius-sm);
}

.rounded {
  border-radius: var(--border-radius-md);
}

.rounded-lg {
  border-radius: var(--border-radius-lg);
}

.rounded-xl {
  border-radius: var(--border-radius-xl);
}

.rounded-xxl {
  border-radius: var(--border-radius-xxl);
}

.rounded-full {
  border-radius: var(--border-radius-full);
}

.rounded-50 {
  border-radius: 50%;
}

.rounded-none {
  border-radius: 0;
}

@media (max-width: 42.5em) {
  .on-mobile-hide-td2 td:nth-child(2) {
    display: none;
  }
  .on-mobile-hide-td3 td:nth-child(3) {
    display: none;
  }
}
@media (max-width: 28.125em) {
  .on-tiny-mobile-hide-td3 td:nth-child(3) {
    display: none;
  }
}
@media print {
  /**
   * add in this all elements which need to be hardly reseted for print
   */
  body,
  html,
  .page,
  .reset4print,
  .is-printed-version .modal-container,
  .is-printed-version .modal,
  .is-printed-version .modal-content-inner,
  .is-printed-version .modal-two-content,
  .is-printed-version .modal-two,
  .is-printed-version .modal-two-dialog,
  .is-printed-version .modal-two-dialog-container {
    background-color: white;
    background-image: none;
    border: 0;
    box-shadow: none;
    color: black;
    float: none;
    block-size: auto;
    margin: 0;
    max-inline-size: 100%;
    min-block-size: 0;
    padding: 0;
    position: static;
    inline-size: auto;
    opacity: 1;
    visibility: visible;
    max-block-size: none;
    display: block;
    font-size: 10pt;
  }
  body {
    padding: 0.5em;
    overflow: auto;
  }
  /* hide unnecessary elements */
  .no-print, .is-printed-version .app-root,
  .is-printed-version .modal-overlay,
  .is-printed-version .modal-two-backdrop,
  .is-printed-version .modal-two-header,
  .is-printed-version .modal-two-footer,
  .is-printed-version .item-icon,
  .is-printed-version .scroll-start-shadow,
  .is-printed-version .scroll-end-shadow {
    display: none;
  }
  .is-printed-version .modal-content-inner::before,
  .is-printed-version .modal-content-inner::after {
    content: none;
  }
  /* display specific elements for print */
  .on-print {
    display: block;
  }
  /* avoid problematic page break */
  ul,
  ol {
    page-break-inside: avoid;
  }
  h1,
  h2,
  h3,
  caption {
    page-break-after: avoid;
  }
  .keep-color {
    /* stylelint-disable-next-line */
    print-color-adjust: exact;
  }
  .main {
    border: 0;
  }
}
@media screen {
  .only-print {
    display: none;
  }
}

.grid-auto-fill {
  display: grid;
  inline-size: 100%;
  grid-template-columns: repeat(auto-fill, minmax(var(--min-grid-template-column-size, 6.25rem), 1fr));
}

.grid-align-icon, .grid-align-icon-center {
  display: grid;
  grid-template-columns: auto 1fr;
}

.grid-align-icon-center {
  align-items: center;
}

.grid-align-icon > *:not(svg, .keep-left), .grid-align-icon-center > *:not(svg, .keep-left) {
  grid-column-start: 2;
}

@media all {
  .grid-cols-none {
    grid-template-columns: none;
  }
}
@media (min-width: 28.135em) {
  .sm\:grid-cols-none {
    grid-template-columns: none;
  }
}
@media (min-width: 42.51em) {
  .md\:grid-cols-none {
    grid-template-columns: none;
  }
}
@media (min-width: 56.885em) {
  .lg\:grid-cols-none {
    grid-template-columns: none;
  }
}
@media (min-width: 68.76em) {
  .xl\:grid-cols-none {
    grid-template-columns: none;
  }
}
@media (min-width: 93.76em) {
  .xxl\:grid-cols-none {
    grid-template-columns: none;
  }
}
@media all {
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 28.135em) {
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 42.51em) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 56.885em) {
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 68.76em) {
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 93.76em) {
  .xxl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xxl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xxl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xxl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xxl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.before\:hidden::before {
  display: none;
}

.is-electron-mac {
  background: transparent;
}
@media (min-width: 42.51em) {
  .is-electron-mac .content,
  .is-electron-mac .sidebar {
    background: transparent;
  }
}
.is-electron-mac .sidebar {
  --text-norm: rgba(0, 0, 0, 0.85);
  --text-weak: rgba(0, 0, 0, 0.65);
  --text-hint: rgba(0, 0, 0, 0.55);
  --interaction-default: rgba(0, 0, 0, 0);
  --interaction-default-hover: rgba(0, 0, 0, 0.1);
  --interaction-default-active: rgba(0, 0, 0, 0.15);
  --interaction-weak: rgba(0, 0, 0, 0.1);
  --interaction-weak-hover: rgba(0, 0, 0, 0.15);
  --interaction-weak-active: rgba(0, 0, 0, 0.2);
  --border-norm: rgba(0, 0, 0, 0.1);
  --border-weak: rgba(0, 0, 0, 0.05);
  --promotion-background-start: rgba(109, 74, 255, 0.25);
  --promotion-background-end: rgba(109, 74, 255, 0.1);
}
.is-electron-mac .header {
  block-size: 3.5rem;
  padding-block: 0.625rem;
}
.is-electron-mac .is-in-background .header > *,
.is-electron-mac .is-in-background .drawer-sidebar > *,
.is-electron-mac .is-in-background .sidebar > * {
  filter: saturate(0.8) brightness(0.95);
  opacity: 0.8;
}
.is-electron-mac .top-bar.ignore-drag,
.is-electron-mac .header.ignore-drag,
.is-electron-mac .sidebar-header.ignore-drag {
  -webkit-app-region: no-drag;
  -webkit-user-select: initial;
          user-select: initial;
}
.is-electron-mac .header,
.is-electron-mac .sidebar-header,
.is-electron-mac .top-bar,
.is-electron-mac .loader-page.h-full,
.is-electron-mac .file-preview-header,
.is-electron-mac .sign-layout-main-header {
  -webkit-app-region: drag;
  -webkit-user-select: none;
          user-select: none;
}
.is-electron-mac .header a,
.is-electron-mac .header button,
.is-electron-mac .header input,
.is-electron-mac .header select,
.is-electron-mac .header textarea,
.is-electron-mac .header ol,
.is-electron-mac .header ul,
.is-electron-mac .sidebar-header a,
.is-electron-mac .sidebar-header button,
.is-electron-mac .sidebar-header input,
.is-electron-mac .sidebar-header select,
.is-electron-mac .sidebar-header textarea,
.is-electron-mac .sidebar-header ol,
.is-electron-mac .sidebar-header ul,
.is-electron-mac .top-bar a,
.is-electron-mac .top-bar button,
.is-electron-mac .top-bar input,
.is-electron-mac .top-bar select,
.is-electron-mac .top-bar textarea,
.is-electron-mac .top-bar ol,
.is-electron-mac .top-bar ul,
.is-electron-mac .loader-page.h-full a,
.is-electron-mac .loader-page.h-full button,
.is-electron-mac .loader-page.h-full input,
.is-electron-mac .loader-page.h-full select,
.is-electron-mac .loader-page.h-full textarea,
.is-electron-mac .loader-page.h-full ol,
.is-electron-mac .loader-page.h-full ul,
.is-electron-mac .file-preview-header a,
.is-electron-mac .file-preview-header button,
.is-electron-mac .file-preview-header input,
.is-electron-mac .file-preview-header select,
.is-electron-mac .file-preview-header textarea,
.is-electron-mac .file-preview-header ol,
.is-electron-mac .file-preview-header ul,
.is-electron-mac .sign-layout-main-header a,
.is-electron-mac .sign-layout-main-header button,
.is-electron-mac .sign-layout-main-header input,
.is-electron-mac .sign-layout-main-header select,
.is-electron-mac .sign-layout-main-header textarea,
.is-electron-mac .sign-layout-main-header ol,
.is-electron-mac .sign-layout-main-header ul {
  -webkit-app-region: no-drag;
  -webkit-user-select: initial;
          user-select: initial;
}
.is-electron-mac.is-drawer-app .header,
.is-electron-mac.is-drawer-app .sidebar-header,
.is-electron-mac.is-drawer-app .loader-page.h-full,
.is-electron-mac.is-drawer-app .file-preview-header,
.is-electron-mac.is-drawer-app .sign-layout-main-header,
.is-electron-mac .drawer-app-view .header,
.is-electron-mac .drawer-app-view .sidebar-header,
.is-electron-mac .drawer-app-view .loader-page.h-full,
.is-electron-mac .drawer-app-view .file-preview-header,
.is-electron-mac .drawer-app-view .sign-layout-main-header, .is-electron-mac:has(.eventpopover) .header,
.is-electron-mac:has(.eventpopover) .sidebar-header,
.is-electron-mac:has(.eventpopover) .loader-page.h-full,
.is-electron-mac:has(.eventpopover) .file-preview-header,
.is-electron-mac:has(.eventpopover) .sign-layout-main-header, .is-electron-mac:has(#webpack-dev-server-client-overlay) .header,
.is-electron-mac:has(#webpack-dev-server-client-overlay) .sidebar-header,
.is-electron-mac:has(#webpack-dev-server-client-overlay) .loader-page.h-full,
.is-electron-mac:has(#webpack-dev-server-client-overlay) .file-preview-header,
.is-electron-mac:has(#webpack-dev-server-client-overlay) .sign-layout-main-header {
  -webkit-app-region: no-drag;
  -webkit-user-select: initial;
          user-select: initial;
}
.is-electron-mac dialog,
.is-electron-mac [role=dialog] {
  -webkit-app-region: no-drag;
  -webkit-user-select: initial;
          user-select: initial;
}

.is-electron-light.is-electron-mac {
  background: rgba(255, 255, 255, 0.55);
}
@media (prefers-color-scheme: light) {
  .is-electron-light.is-electron-mac {
    background: transparent;
  }
}
.is-electron-light.is-electron-mac .main {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1490196078);
}
.is-electron-light.is-electron-mac .is-in-background .header,
.is-electron-light.is-electron-mac .is-in-background .drawer-sidebar,
.is-electron-light.is-electron-mac .is-in-background .main {
  background: var(--background-weak);
}

.is-electron-dark.is-electron-mac {
  background: rgba(5, 0, 13, 0.45);
}
@media (prefers-color-scheme: dark) {
  .is-electron-dark.is-electron-mac {
    background: transparent;
  }
}
.is-electron-dark.is-electron-mac .sidebar {
  --text-norm: rgba(255, 255, 255, 0.9);
  --text-weak: rgba(255, 255, 255, 0.6);
  --text-hint: rgba(255, 255, 255, 0.5);
  --interaction-default: rgba(255, 255, 255, 0);
  --interaction-default-hover: rgba(255, 255, 255, 0.1);
  --interaction-default-active: rgba(255, 255, 255, 0.15);
  --interaction-weak: rgba(255, 255, 255, 0.1);
  --interaction-weak-hover: rgba(255, 255, 255, 0.15);
  --interaction-weak-active: rgba(255, 255, 255, 0.2);
  --border-norm: rgba(255, 255, 255, 0.1);
  --border-weak: rgba(255, 255, 255, 0.05);
  --promotion-background-start: rgba(132, 102, 255, 0.3);
  --promotion-background-end: rgba(132, 102, 255, 0.1);
}

/*
 * Shared for placeholder loading
 */
@keyframes anime-loading-item {
  from {
    opacity: 0.05;
  }
  to {
    opacity: 0.15;
  }
}
.settings-loading-page-title::before,
.settings-loading-section-title::before,
.settings-loading-paragraph-line::before {
  content: " ";
  display: inline-block;
  border-radius: var(--border-radius-sm);
  background-color: currentcolor;
  line-height: 1.2;
  opacity: 0;
}

.settings-loading-page-title::before,
.settings-loading-section-title::before,
.settings-loading-paragraph-line::before {
  animation: anime-loading-item 0.5s calc(var(--index, 0) * 20ms) cubic-bezier(0.61, 1, 0.88, 1) infinite alternate both;
}

@keyframes anime-item-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.settings-loading-page-title::before {
  inline-size: 30%;
}

.settings-loading-section-title::before {
  inline-size: 50%;
}

.settings-loading-paragraph-line:nth-child(1)::before {
  inline-size: 90%;
}
.settings-loading-paragraph-line:nth-child(2)::before {
  inline-size: 100%;
}
.settings-loading-paragraph-line:nth-child(3)::before {
  inline-size: 40%;
}

/*# sourceMappingURL=private-index.css.map*/