/* stylelint-disable at-rule-no-unknown */

/* stylelint-disable selector-class-pattern */

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.tw-hyphens {
  -webkit-hyphens: auto;
          hyphens: auto;
}

/* Deprecated: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break */

.tw-word-break {
  word-break: break-word;
}

:lang(tr) .app-details-pricing-format-group,
  :lang(zh-TW) .app-details-pricing-format-group,
  :lang(ko) .app-details-pricing-format-group {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

:lang(de) .tw-text-display-3,
  :lang(de) .tw-text-display-5,
  :lang(de) .tw-text-heading-3xl,
  :lang(de) .tw-text-heading-2xl,
  :lang(de) .tw-text-heading-xl,
  :lang(de) .tw-text-heading-lg,
  :lang(de) .tw-text-body-3xl,
  :lang(de) .tw-text-body-2xl,
  :lang(da) .tw-text-display-3,
  :lang(da) .tw-text-display-5,
  :lang(da) .tw-text-heading-3xl,
  :lang(da) .tw-text-heading-2xl,
  :lang(da) .tw-text-heading-xl,
  :lang(da) .tw-text-heading-lg,
  :lang(da) .tw-text-body-3xl,
  :lang(da) .tw-text-body-2xl,
  :lang(fi) .tw-text-display-3,
  :lang(fi) .tw-text-display-5,
  :lang(fi) .tw-text-heading-3xl,
  :lang(fi) .tw-text-heading-2xl,
  :lang(fi) .tw-text-heading-xl,
  :lang(fi) .tw-text-heading-lg,
  :lang(fi) .tw-text-body-3xl,
  :lang(fi) .tw-text-body-2xl,
  :lang(nb) .tw-text-display-3,
  :lang(nb) .tw-text-display-5,
  :lang(nb) .tw-text-heading-3xl,
  :lang(nb) .tw-text-heading-2xl,
  :lang(nb) .tw-text-heading-xl,
  :lang(nb) .tw-text-heading-lg,
  :lang(nb) .tw-text-body-3xl,
  :lang(nb) .tw-text-body-2xl,
  :lang(sv) .tw-text-display-3,
  :lang(sv) .tw-text-display-5,
  :lang(sv) .tw-text-heading-3xl,
  :lang(sv) .tw-text-heading-2xl,
  :lang(sv) .tw-text-heading-xl,
  :lang(sv) .tw-text-heading-lg,
  :lang(sv) .tw-text-body-3xl,
  :lang(sv) .tw-text-body-2xl {
  -webkit-hyphens: auto;
          hyphens: auto;
}


  :lang(de) .\!tw-text-heading-lg,
  :lang(da) .\!tw-text-heading-lg,
  :lang(fi) .\!tw-text-heading-lg,
  :lang(nb) .\!tw-text-heading-lg,
  :lang(sv) .\!tw-text-heading-lg {
  -webkit-hyphens: auto !important;
          hyphens: auto !important;
}

/* stylelint-disable-next-line selector-no-qualifying-type */

input.tw-input,
  textarea.tw-input {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-50) / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {
  input.tw-input:hover,
  textarea.tw-input:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
  }
}

input.tw-input:focus,
  textarea.tw-input:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

input.tw-input:active,
  textarea.tw-input:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

input.tw-input:disabled,
  textarea.tw-input:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

input.tw-input::placeholder,
  textarea.tw-input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-600) / var(--tw-text-opacity, 1));
}

/* stylelint-disable-next-line selector-no-qualifying-type */

input.tw-input-inverted {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-1000) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-900) / var(--tw-border-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {
  input.tw-input-inverted:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-900) / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-800) / var(--tw-border-opacity, 1));
  }
}

input.tw-input-inverted:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-black) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

input.tw-input-inverted:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-black) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

input.tw-input-inverted:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-black) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

input.tw-input-inverted {
  border-radius: 4px;
}

/* stylelint-disable-next-line selector-no-qualifying-type */

input.tw-input-alert {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-orange-600) / var(--tw-border-opacity, 1));
}

/* stylelint-disable-next-line selector-no-qualifying-type */

input.tw-input-error {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-red-500) / var(--tw-border-opacity, 1));
}

/* stylelint-disable-next-line selector-no-qualifying-type */

input.tw-input-success {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-green-500) / var(--tw-border-opacity, 1));
}

.tw-button-primary .link-inline {
  color: var(--color-base-white);
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

@media (hover: hover) and (pointer: fine) {
  .tw-button-primary .link-inline:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
  }
}

.tw-button-primary .link-inline:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
}

.tw-button-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-white) / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-1000) / var(--tw-bg-opacity, 1));
  border-color: transparent;
}

@media (hover: hover) and (pointer: fine) {
  .tw-button-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-900) / var(--tw-bg-opacity, 1));
    border-color: transparent;
  }
}

.tw-button-primary:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-black) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

.tw-button-primary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-black) / var(--tw-bg-opacity, 1));
  border-color: transparent;
}

.tw-button-primary:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-400) / var(--tw-bg-opacity, 1));
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
}

.tw-button-primary[aria-disabled=true] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-400) / var(--tw-bg-opacity, 1));
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
}

.tw-button-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {
  .tw-button-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
  }
}

.tw-button-secondary:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

.tw-button-secondary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
}

.tw-button-secondary:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-400) / var(--tw-text-opacity, 1));
}

.tw-button-subtle {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
  border-color: transparent;
}

@media (hover: hover) and (pointer: fine) {
  .tw-button-subtle:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-200) / var(--tw-bg-opacity, 1));
    border-color: transparent;
  }
}

.tw-button-subtle:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-200) / var(--tw-bg-opacity, 1));
  border-color: transparent;
}

.tw-button-subtle:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-200) / var(--tw-bg-opacity, 1));
  border-color: transparent;
}

.tw-button-subtle:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-400) / var(--tw-text-opacity, 1));
}

.tw-button-emphasis {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-400) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-green-500) / var(--tw-border-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {
  .tw-button-emphasis:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-green-500) / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-green-600) / var(--tw-border-opacity, 1));
  }
}

.tw-button-emphasis:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-500) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

.tw-button-emphasis:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-600) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-green-700) / var(--tw-border-opacity, 1));
}

.tw-button-emphasis:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-50) / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-green-300) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-green-300) / var(--tw-text-opacity, 1));
}

.link-inline {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
  font-weight: 500;
  text-decoration-line: underline;
  text-underline-offset: .15em;
  text-decoration-thickness: .05em;
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

@media (hover: hover) and (pointer: fine) {
  .link-inline:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
    text-decoration-line: none;
  }
}

.link-inline:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.link-block {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {
  .link-block:hover {
    text-decoration-line: underline;
    text-underline-offset: .15em;
    text-decoration-thickness: .05em;
    text-decoration-color: rgb(var(--color-highlight-secondary) / 1);
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
  }

  .tw-group:hover .link-block {
    text-decoration-line: underline;
    text-underline-offset: .15em;
    text-decoration-thickness: .05em;
    text-decoration-color: rgb(var(--color-highlight-secondary) / 1);
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
  }
}

.link-block:active {
  text-decoration-line: underline;
  text-underline-offset: .15em;
  text-decoration-thickness: .05em;
  text-decoration-color: rgb(var(--color-highlight-secondary) / 1);
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
}

.link-block--primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {
  .link-block--primary:hover {
    text-decoration-line: underline;
    text-underline-offset: .15em;
    text-decoration-thickness: .05em;
    text-decoration-color: rgb(var(--color-grey-500) / 1);
  }

  .tw-group:hover .link-block--primary {
    text-decoration-line: underline;
    text-underline-offset: .15em;
    text-decoration-thickness: .05em;
    text-decoration-color: rgb(var(--color-grey-500) / 1);
  }
}

.link-block--primary:active {
  text-decoration-line: underline;
  text-underline-offset: .15em;
  text-decoration-thickness: .05em;
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

.link-block--underline {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: .15em;
  text-decoration-thickness: .05em;
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

@media (hover: hover) and (pointer: fine) {
  .link-block--underline:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
    text-decoration-line: none;
  }
}

.link-block--underline:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.tw-text-fg-inverted-primary .link-inline,
  .tw-text-fg-inverted-secondary .link-inline,
  .tw-text-fg-inverted-tertiary .link-inline {
  color: var(--color-base-white);
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

@media (hover: hover) and (pointer: fine) {
  .tw-text-fg-inverted-primary .link-inline:hover,
  .tw-text-fg-inverted-secondary .link-inline:hover,
  .tw-text-fg-inverted-tertiary .link-inline:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
  }
}

.tw-text-fg-inverted-primary .link-inline:active,
  .tw-text-fg-inverted-secondary .link-inline:active,
  .tw-text-fg-inverted-tertiary .link-inline:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
}

.tw-bg-canvas-inverted-primary .link-block .link-inline,
  .tw-bg-canvas-inverted-secondary .link-block .link-inline,
  .tw-bg-canvas-inverted-tertiary .link-block .link-inline,
  .photo-card .link-block .link-inline,
  .tw-bg-canvas-inverted-primary .link-block--primary .link-inline,
  .tw-bg-canvas-inverted-secondary .link-block--primary .link-inline,
  .tw-bg-canvas-inverted-tertiary .link-block--primary .link-inline,
  .photo-card .link-block--primary .link-inline {
  color: var(--color-base-white);
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

@media (hover: hover) and (pointer: fine) {
  .tw-bg-canvas-inverted-primary .link-block .link-inline:hover,
  .tw-bg-canvas-inverted-secondary .link-block .link-inline:hover,
  .tw-bg-canvas-inverted-tertiary .link-block .link-inline:hover,
  .photo-card .link-block .link-inline:hover,
  .tw-bg-canvas-inverted-primary .link-block--primary .link-inline:hover,
  .tw-bg-canvas-inverted-secondary .link-block--primary .link-inline:hover,
  .tw-bg-canvas-inverted-tertiary .link-block--primary .link-inline:hover,
  .photo-card .link-block--primary .link-inline:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
  }
}

.tw-bg-canvas-inverted-primary .link-block .link-inline:active,
  .tw-bg-canvas-inverted-secondary .link-block .link-inline:active,
  .tw-bg-canvas-inverted-tertiary .link-block .link-inline:active,
  .photo-card .link-block .link-inline:active,
  .tw-bg-canvas-inverted-primary .link-block--primary .link-inline:active,
  .tw-bg-canvas-inverted-secondary .link-block--primary .link-inline:active,
  .tw-bg-canvas-inverted-tertiary .link-block--primary .link-inline:active,
  .photo-card .link-block--primary .link-inline:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
}

.tw-bg-canvas-inverted-primary .link-block,
  .tw-bg-canvas-inverted-secondary .link-block,
  .tw-bg-canvas-inverted-tertiary .link-block,
  .photo-card .link-block,
  .tw-bg-canvas-inverted-primary .link-block--primary,
  .tw-bg-canvas-inverted-secondary .link-block--primary,
  .tw-bg-canvas-inverted-tertiary .link-block--primary,
  .photo-card .link-block--primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-white) / var(--tw-text-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {
  .tw-bg-canvas-inverted-primary .link-block:hover,
  .tw-bg-canvas-inverted-secondary .link-block:hover,
  .tw-bg-canvas-inverted-tertiary .link-block:hover,
  .photo-card .link-block:hover,
  .tw-bg-canvas-inverted-primary .link-block--primary:hover,
  .tw-bg-canvas-inverted-secondary .link-block--primary:hover,
  .tw-bg-canvas-inverted-tertiary .link-block--primary:hover,
  .photo-card .link-block--primary:hover {
    text-decoration-color: rgb(var(--color-grey-500) / 1);
  }

  .tw-group:hover .tw-bg-canvas-inverted-primary .link-block,.tw-group:hover 
  .tw-bg-canvas-inverted-secondary .link-block,.tw-group:hover 
  .tw-bg-canvas-inverted-tertiary .link-block,.tw-group:hover 
  .photo-card .link-block,.tw-group:hover 
  .tw-bg-canvas-inverted-primary .link-block--primary,.tw-group:hover 
  .tw-bg-canvas-inverted-secondary .link-block--primary,.tw-group:hover 
  .tw-bg-canvas-inverted-tertiary .link-block--primary,.tw-group:hover 
  .photo-card .link-block--primary {
    text-decoration-color: rgb(var(--color-grey-500) / 1);
  }
}

.tw-bg-canvas-inverted-primary .link-block:active,
  .tw-bg-canvas-inverted-secondary .link-block:active,
  .tw-bg-canvas-inverted-tertiary .link-block:active,
  .photo-card .link-block:active,
  .tw-bg-canvas-inverted-primary .link-block--primary:active,
  .tw-bg-canvas-inverted-secondary .link-block--primary:active,
  .tw-bg-canvas-inverted-tertiary .link-block--primary:active,
  .photo-card .link-block--primary:active {
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

.tw-form-input,.tw-form-textarea,.tw-form-select,.tw-form-multiselect {
  -webkit-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

.tw-form-input:focus, .tw-form-textarea:focus, .tw-form-select:focus, .tw-form-multiselect:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

.tw-form-input::placeholder,.tw-form-textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

.tw-form-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

.tw-form-input::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

.tw-form-input::-webkit-datetime-edit {
  display: inline-flex;
}

.tw-form-input::-webkit-datetime-edit,.tw-form-input::-webkit-datetime-edit-year-field,.tw-form-input::-webkit-datetime-edit-month-field,.tw-form-input::-webkit-datetime-edit-day-field,.tw-form-input::-webkit-datetime-edit-hour-field,.tw-form-input::-webkit-datetime-edit-minute-field,.tw-form-input::-webkit-datetime-edit-second-field,.tw-form-input::-webkit-datetime-edit-millisecond-field,.tw-form-input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

.tw-form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

.tw-form-select:where([size]:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

.tw-form-checkbox,.tw-form-radio {
  -webkit-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

.tw-form-checkbox {
  border-radius: 0px;
}

.tw-form-checkbox:focus,.tw-form-radio:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.tw-form-checkbox:checked,.tw-form-radio:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.tw-form-checkbox:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {
  .tw-form-checkbox:checked {
    -webkit-appearance: auto;
            appearance: auto;
  }
}

.tw-form-checkbox:checked:hover,.tw-form-checkbox:checked:focus,.tw-form-radio:checked:hover,.tw-form-radio:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

.tw-form-checkbox:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {
  .tw-form-checkbox:indeterminate {
    -webkit-appearance: auto;
            appearance: auto;
  }
}

.tw-form-checkbox:indeterminate:hover,.tw-form-checkbox:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

.tw-container {
  max-width: 1536px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 1024px) {
  .tw-container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (min-width: 1280px) {
  .tw-container {
    padding-left: 64px;
    padding-right: 64px;
  }
}

/* Modal Component */

.eco-modal-backdrop {
  position: fixed;
  display: none;
  left: 0px;
  top: 0px;
  z-index: 9999;
  height: 100%;
  width: 100%;
  background-color: rgb(var(--color-grey-700) / 0.4);
}

.eco-modal-backdrop--visible {
  display: block;
}

.eco-modal {
  position: fixed;
  display: none;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

@media (min-width: 768px) {
  .eco-modal {
    border-radius: 16px;
  }
}

.eco-modal {
  z-index: 99999;
  width: 100%;
}

@media (min-width: 768px) {
  .eco-modal {
    width: 640px;
  }
}

.eco-modal {
  max-height: calc(100% - 80px);
  bottom: 0px;
  left: 0px;
}

@media (min-width: 768px) {
  .eco-modal {
    left: 50%;
    top: 50%;
    bottom: unset;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.eco-modal {
  transition-property: max-height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.eco-modal--open {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.eco-modal-section {
  display: none;
  overflow-x: auto;
  padding-top: 24px;
  padding-bottom: 24px;
}

.eco-modal-section--visible {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.eco-modal-header {
  display: flex;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}

.eco-modal-title {
  flex-grow: 1;
}


  :lang(de) .eco-modal-title,
  :lang(da) .eco-modal-title,
  :lang(fi) .eco-modal-title,
  :lang(nb) .eco-modal-title,
  :lang(sv) .eco-modal-title {
  -webkit-hyphens: auto;
          hyphens: auto;
}

.eco-modal-title {
  padding-right: 8px;
  font-size: 17px;
  font-size: clamp(1rem, 0.313vw + 0.875rem, 1.125rem);
  line-height: 1.4;
  line-height: clamp(1.45rem, 0.172vw + 1.381rem, 1.519rem);
  font-weight: 650;
}

.eco-modal-title--skeleton {
  height: 1.75rem;
  width: 16rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
}

.eco-modal-close-action {
  display: block;
  align-self: center;
  height: 16px;
  width: 16px;
}

.eco-modal-body {
  min-height: 125px;
  overflow-y: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 15px;
  font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
  line-height: 1.45;
  font-weight: 450;
}

.eco-modal-footer {
  margin-top: auto;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 4px;
}

.eco-modal-actions-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 768px) {
  .eco-modal-actions-container {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
}

.eco-modal-actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
}

@media (min-width: 768px) {
  .eco-modal-actions {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
  }
}

.eco-modal-action-secondary {
  text-align: center;
}

.eco-modal-action-tertiary {
  margin: auto;
}

@media (min-width: 768px) {
  .eco-modal-action-tertiary {
    margin: 0px;
  }
}

.eco-modal-section[data-section='loading'] .eco-modal-body {
  min-height: 200px;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* PopoverModal Component */

@media not all and (min-width: 768px) {
  .eco-popover-modal-mobile {
    position: fixed;
    display: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      border-radius: 16px;
    }
  }

  .eco-popover-modal-mobile {
    position: fixed;
    display: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      border-radius: 16px;
    }
  }

  .eco-popover-modal-mobile {
    z-index: 99999;
    position: fixed;
    display: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      border-radius: 16px;
    }
  }

  .eco-popover-modal-mobile {
    z-index: 99999;
    width: 100%;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      width: 640px;
    }
  }

  .eco-popover-modal-mobile {
    position: fixed;
    display: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      border-radius: 16px;
    }
  }

  .eco-popover-modal-mobile {
    z-index: 99999;
    width: 100%;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      width: 640px;
    }
  }

  .eco-popover-modal-mobile {
    max-height: calc(100% - 80px);
    position: fixed;
    display: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      border-radius: 16px;
    }
  }

  .eco-popover-modal-mobile {
    z-index: 99999;
    width: 100%;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      width: 640px;
    }
  }

  .eco-popover-modal-mobile {
    max-height: calc(100% - 80px);
    bottom: 0px;
    left: 0px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      left: 50%;
      top: 50%;
      bottom: unset;
    }
  }

  .eco-popover-modal-mobile {
    position: fixed;
    display: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      border-radius: 16px;
    }
  }

  .eco-popover-modal-mobile {
    z-index: 99999;
    width: 100%;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      width: 640px;
    }
  }

  .eco-popover-modal-mobile {
    max-height: calc(100% - 80px);
    bottom: 0px;
    left: 0px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      left: 50%;
      top: 50%;
      bottom: unset;
      --tw-translate-x: -50%;
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }

  .eco-popover-modal-mobile {
    position: fixed;
    display: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      border-radius: 16px;
    }
  }

  .eco-popover-modal-mobile {
    z-index: 99999;
    width: 100%;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      width: 640px;
    }
  }

  .eco-popover-modal-mobile {
    max-height: calc(100% - 80px);
    bottom: 0px;
    left: 0px;
  }

  @media (min-width: 768px) {
    .eco-popover-modal-mobile {
      left: 50%;
      top: 50%;
      bottom: unset;
      --tw-translate-x: -50%;
      --tw-translate-y: -50%;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }

  .eco-popover-modal-mobile {
    transition-property: max-height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

/* Star Rating Input Component */

.eco-star-rating-input {
  width: -webkit-fit-content;
  width: fit-content;
}

.eco-star-rating-input-stars {
  display: flex;
  cursor: pointer;
  gap: 0.25rem;
}

.eco-star-rating-input-star {
  height: 1.5rem;
  width: 1.5rem;
}

/* stylelint-disable selector-max-specificity, selector-max-combinators, color-no-hex */

.eco-star-rating-input[data-rating='1']
    .eco-star-rating-input-star:nth-child(-n + 1)
    svg,
  .eco-star-rating-input[data-rating='2']
    .eco-star-rating-input-star:nth-child(-n + 2)
    svg,
  .eco-star-rating-input[data-rating='3']
    .eco-star-rating-input-star:nth-child(-n + 3)
    svg,
  .eco-star-rating-input[data-rating='4']
    .eco-star-rating-input-star:nth-child(-n + 4)
    svg,
  .eco-star-rating-input[data-rating='5']
    .eco-star-rating-input-star:nth-child(-n + 5)
    svg {
  fill: #000000;
}

/* stylelint-enable */

/* Support Feedback Modal */

/* stylelint-disable selector-max-specificity, selector-max-compound-selectors, selector-max-combinators, color-no-hex, selector-max-type, selector-no-qualifying-type */

.eco-support-feedback-experience-rating input[type='radio'] + button path {
  fill: #a8a29f;
}

.eco-support-feedback-experience-rating
    input[type='radio']:checked
    + button
    path {
  fill: #6366f1;
}

/* stylelint-enable */

/* Internal Review Tool */

.eco-status-button:has(input:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-700) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-700) / var(--tw-bg-opacity, 1));
}

.eco-status-button[data-type='success']:has(input:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-green-700) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity, 1));
}

.eco-status-button[data-type='error']:has(input:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-red-700) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-red-700) / var(--tw-bg-opacity, 1));
}

.eco-external-link:after {
  content: '⇱';
  display: inline-block;
  transform: rotate(90deg);
  margin-left: 0.5rem;
}

.eco-review-details-table {
  width: 100%;
  border-collapse: collapse;
  border-style: none;
}

.eco-review-details-table td {
  border-style: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.eco-review-details-table td:first-child {
  width: 20%;
  font-weight: 700;
}

.tw-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.tw-pointer-events-none {
  pointer-events: none;
}

.tw-pointer-events-auto {
  pointer-events: auto;
}

.tw-visible {
  visibility: visible;
}

.tw-invisible {
  visibility: hidden;
}

.tw-fixed {
  position: fixed;
}

.tw-absolute {
  position: absolute;
}

.tw-relative {
  position: relative;
}

.tw-sticky {
  position: sticky;
}

.tw-inset-\[-6px\] {
  inset: -6px;
}

.tw-inset-x-0 {
  left: 0px;
  right: 0px;
}

.-tw-bottom-sm {
  bottom: -8px;
}

.-tw-right-2xl {
  right: -32px;
}

.tw-bottom-0 {
  bottom: 0px;
}

.tw-bottom-4 {
  bottom: 1rem;
}

.tw-bottom-md {
  bottom: 12px;
}

.tw-left-0 {
  left: 0px;
}

.tw-left-1\/2 {
  left: 50%;
}

.tw-left-xl {
  left: 24px;
}

.tw-right-0 {
  right: 0px;
}

.tw-right-1 {
  right: 0.25rem;
}

.tw-right-lg {
  right: 16px;
}

.tw-right-md {
  right: 12px;
}

.tw-right-xl {
  right: 24px;
}

.tw-top-0 {
  top: 0px;
}

.tw-top-1\/2 {
  top: 50%;
}

.tw-top-\[167px\] {
  top: 167px;
}

.tw-top-\[64px\] {
  top: 64px;
}

.tw-top-navHeight--desktop {
  top: 72px;
}

.tw-top-sm {
  top: 8px;
}

.-tw-z-\[1\] {
  z-index: -1;
}

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

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

.tw-z-\[-1\] {
  z-index: -1;
}

.tw-z-\[100000\] {
  z-index: 100000;
}

.tw-z-\[1000\] {
  z-index: 1000;
}

.tw-z-\[1\] {
  z-index: 1;
}

.tw-z-\[998\] {
  z-index: 998;
}

.tw-z-\[99999\] {
  z-index: 99999;
}

.tw-order-1 {
  order: 1;
}

.tw-order-2 {
  order: 2;
}

.tw-order-last {
  order: 9999;
}

.tw-col-span-1 {
  grid-column: span 1 / span 1;
}

.tw-col-span-12 {
  grid-column: span 12 / span 12;
}

.tw-col-span-2 {
  grid-column: span 2 / span 2;
}

.tw-col-span-9 {
  grid-column: span 9 / span 9;
}

.tw-col-span-full {
  grid-column: 1 / -1;
}

.tw-col-start-1 {
  grid-column-start: 1;
}

.tw-col-start-2 {
  grid-column-start: 2;
}

.tw-col-start-\[-2\] {
  grid-column-start: -2;
}

.tw-col-end-12 {
  grid-column-end: 12;
}

.tw-col-end-13 {
  grid-column-end: 13;
}

.tw-row-span-3 {
  grid-row: span 3 / span 3;
}

.tw-row-start-2 {
  grid-row-start: 2;
}

.tw-row-start-7 {
  grid-row-start: 7;
}

.tw-row-start-\[17\] {
  grid-row-start: 17;
}

.tw-float-left {
  float: left;
}

.tw-m-0 {
  margin: 0px;
}

.tw-m-auto {
  margin: auto;
}

.-tw-mx-lg {
  margin-left: -16px;
  margin-right: -16px;
}

.-tw-my-xs {
  margin-top: -4px;
  margin-bottom: -4px;
}

.tw-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.tw-mx-margin--desktop {
  margin-left: 64px;
  margin-right: 64px;
}

.tw-mx-sm {
  margin-left: 8px;
  margin-right: 8px;
}

.tw-my-2xl {
  margin-top: 32px;
  margin-bottom: 32px;
}

.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tw-my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.tw-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.tw-my-lg {
  margin-top: 16px;
  margin-bottom: 16px;
}

.tw-my-margin--desktop {
  margin-top: 64px;
  margin-bottom: 64px;
}

.tw-my-md {
  margin-top: 12px;
  margin-bottom: 12px;
}

.tw-my-xl {
  margin-top: 24px;
  margin-bottom: 24px;
}

.-tw-ml-lg {
  margin-left: -16px;
}

.-tw-mr-\[10px\] {
  margin-right: -10px;
}

.-tw-mr-\[14px\] {
  margin-right: -14px;
}

.-tw-mt-1 {
  margin-top: -0.25rem;
}

.-tw-mt-2xs {
  margin-top: -2px;
}

.tw-mb-0 {
  margin-bottom: 0px;
}

.tw-mb-1 {
  margin-bottom: 0.25rem;
}

.tw-mb-12 {
  margin-bottom: 3rem;
}

.tw-mb-2 {
  margin-bottom: 0.5rem;
}

.tw-mb-2xl {
  margin-bottom: 32px;
}

.tw-mb-2xs {
  margin-bottom: 2px;
}

.tw-mb-3xl {
  margin-bottom: 48px;
}

.tw-mb-4 {
  margin-bottom: 1rem;
}

.tw-mb-6 {
  margin-bottom: 1.5rem;
}

.tw-mb-8 {
  margin-bottom: 2rem;
}

.tw-mb-\[0\.025em\] {
  margin-bottom: 0.025em;
}

.tw-mb-\[1\.4375rem\] {
  margin-bottom: 1.4375rem;
}

.tw-mb-auto {
  margin-bottom: auto;
}

.tw-mb-lg {
  margin-bottom: 16px;
}

.tw-mb-margin--desktop {
  margin-bottom: 64px;
}

.tw-mb-md {
  margin-bottom: 12px;
}

.tw-mb-sm {
  margin-bottom: 8px;
}

.tw-mb-xl {
  margin-bottom: 24px;
}

.tw-mb-xs {
  margin-bottom: 4px;
}

.tw-ml-1 {
  margin-left: 0.25rem;
}

.tw-ml-1\.5 {
  margin-left: 0.375rem;
}

.tw-ml-auto {
  margin-left: auto;
}

.tw-ml-lg {
  margin-left: 16px;
}

.tw-ml-margin--desktop {
  margin-left: 64px;
}

.tw-ml-md {
  margin-left: 12px;
}

.tw-ml-sm {
  margin-left: 8px;
}

.tw-ml-xl {
  margin-left: 24px;
}

.tw-ml-xs {
  margin-left: 4px;
}

.tw-mr-1 {
  margin-right: 0.25rem;
}

.tw-mr-2xl {
  margin-right: 32px;
}

.tw-mr-2xs {
  margin-right: 2px;
}

.tw-mr-4 {
  margin-right: 1rem;
}

.tw-mr-5 {
  margin-right: 1.25rem;
}

.tw-mr-auto {
  margin-right: auto;
}

.tw-mr-lg {
  margin-right: 16px;
}

.tw-mr-md {
  margin-right: 12px;
}

.tw-mr-sm {
  margin-right: 8px;
}

.tw-mr-xl {
  margin-right: 24px;
}

.tw-mr-xs {
  margin-right: 4px;
}

.tw-mt-0 {
  margin-top: 0px;
}

.tw-mt-1 {
  margin-top: 0.25rem;
}

.tw-mt-2 {
  margin-top: 0.5rem;
}

.tw-mt-2xs {
  margin-top: 2px;
}

.tw-mt-3xl {
  margin-top: 48px;
}

.tw-mt-4 {
  margin-top: 1rem;
}

.tw-mt-6 {
  margin-top: 1.5rem;
}

.tw-mt-8 {
  margin-top: 2rem;
}

.tw-mt-\[10px\] {
  margin-top: 10px;
}

.tw-mt-\[7px\] {
  margin-top: 7px;
}

.tw-mt-lg {
  margin-top: 16px;
}

.tw-mt-margin--desktop {
  margin-top: 64px;
}

.tw-mt-md {
  margin-top: 12px;
}

.tw-mt-sm {
  margin-top: 8px;
}

.tw-mt-xl {
  margin-top: 24px;
}

.tw-mt-xs {
  margin-top: 4px;
}

.tw-box-border {
  box-sizing: border-box;
}

.tw-box-content {
  box-sizing: content-box;
}

.tw-block {
  display: block;
}

.tw-inline-block {
  display: inline-block;
}

.tw-inline {
  display: inline;
}

.tw-flex {
  display: flex;
}

.tw-inline-flex {
  display: inline-flex;
}

.tw-grid {
  display: grid;
}

.tw-hidden {
  display: none;
}

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

.tw-aspect-\[1\] {
  aspect-ratio: 1;
}

.tw-aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}

.tw-aspect-\[832\/350\] {
  aspect-ratio: 832/350;
}

.tw-h-0 {
  height: 0px;
}

.tw-h-10 {
  height: 2.5rem;
}

.tw-h-12 {
  height: 3rem;
}

.tw-h-16 {
  height: 4rem;
}

.tw-h-2xl {
  height: 32px;
}

.tw-h-3xl {
  height: 48px;
}

.tw-h-4 {
  height: 1rem;
}

.tw-h-5 {
  height: 1.25rem;
}

.tw-h-6 {
  height: 1.5rem;
}

.tw-h-7 {
  height: 1.75rem;
}

.tw-h-8 {
  height: 2rem;
}

.tw-h-8xl {
  height: 256px;
}

.tw-h-\[0\.5em\] {
  height: 0.5em;
}

.tw-h-\[0\.75em\] {
  height: 0.75em;
}

.tw-h-\[0\.8em\] {
  height: 0.8em;
}

.tw-h-\[17px\] {
  height: 17px;
}

.tw-h-\[1em\] {
  height: 1em;
}

.tw-h-\[20px\] {
  height: 20px;
}

.tw-h-\[28px\] {
  height: 28px;
}

.tw-h-\[3\.375rem\] {
  height: 3.375rem;
}

.tw-h-\[30px\] {
  height: 30px;
}

.tw-h-\[30vh\] {
  height: 30vh;
}

.tw-h-\[42px\] {
  height: 42px;
}

.tw-h-\[45px\] {
  height: 45px;
}

.tw-h-\[48px\] {
  height: 48px;
}

.tw-h-\[4px\] {
  height: 4px;
}

.tw-h-\[50vh\] {
  height: 50vh;
}

.tw-h-\[6px\] {
  height: 6px;
}

.tw-h-\[9px\] {
  height: 9px;
}

.tw-h-appIcon--md {
  height: 64px;
}

.tw-h-appIcon--sm {
  height: 52px;
}

.tw-h-auto {
  height: auto;
}

.tw-h-full {
  height: 100%;
}

.tw-h-lg {
  height: 16px;
}

.tw-h-md {
  height: 12px;
}

.tw-h-navHeight--mobile {
  height: 64px;
}

.tw-h-xl {
  height: 24px;
}

.tw-max-h-0 {
  max-height: 0px;
}

.tw-max-h-12 {
  max-height: 3rem;
}

.tw-max-h-80 {
  max-height: 20rem;
}

.tw-max-h-96 {
  max-height: 24rem;
}

.tw-max-h-\[2000px\] {
  max-height: 2000px;
}

.tw-max-h-\[250px\] {
  max-height: 250px;
}

.tw-max-h-\[30vh\] {
  max-height: 30vh;
}

.tw-max-h-\[500px\] {
  max-height: 500px;
}

.tw-min-h-\[100vh\] {
  min-height: 100vh;
}

.tw-min-h-\[150px\] {
  min-height: 150px;
}

.tw-min-h-\[1rem\] {
  min-height: 1rem;
}

.tw-min-h-\[350px\] {
  min-height: 350px;
}

.tw-min-h-\[60vh\] {
  min-height: 60vh;
}

.tw-min-h-fit {
  min-height: -webkit-fit-content;
  min-height: fit-content;
}

.tw-min-h-full {
  min-height: 100%;
}

.tw-min-h-screen {
  min-height: 100vh;
}

.tw-w-1\/2 {
  width: 50%;
}

.tw-w-10 {
  width: 2.5rem;
}

.tw-w-11\/12 {
  width: 91.666667%;
}

.tw-w-16 {
  width: 4rem;
}

.tw-w-2\/6 {
  width: 33.333333%;
}

.tw-w-2xl {
  width: 32px;
}

.tw-w-3xl {
  width: 48px;
}

.tw-w-4 {
  width: 1rem;
}

.tw-w-4\/12 {
  width: 33.333333%;
}

.tw-w-4\/6 {
  width: 66.666667%;
}

.tw-w-48 {
  width: 12rem;
}

.tw-w-5 {
  width: 1.25rem;
}

.tw-w-5\/6 {
  width: 83.333333%;
}

.tw-w-52 {
  width: 13rem;
}

.tw-w-5xl {
  width: 96px;
}

.tw-w-6 {
  width: 1.5rem;
}

.tw-w-7 {
  width: 1.75rem;
}

.tw-w-72 {
  width: 18rem;
}

.tw-w-7xl {
  width: 192px;
}

.tw-w-8 {
  width: 2rem;
}

.tw-w-8\/12 {
  width: 66.666667%;
}

.tw-w-8xl {
  width: 256px;
}

.tw-w-9\/12 {
  width: 75%;
}

.tw-w-\[0\.8em\] {
  width: 0.8em;
}

.tw-w-\[12px\] {
  width: 12px;
}

.tw-w-\[175px\] {
  width: 175px;
}

.tw-w-\[17px\] {
  width: 17px;
}

.tw-w-\[1em\] {
  width: 1em;
}

.tw-w-\[20px\] {
  width: 20px;
}

.tw-w-\[26px\] {
  width: 26px;
}

.tw-w-\[28px\] {
  width: 28px;
}

.tw-w-\[3\.375rem\] {
  width: 3.375rem;
}

.tw-w-\[40px\] {
  width: 40px;
}

.tw-w-\[48px\] {
  width: 48px;
}

.tw-w-\[88px\] {
  width: 88px;
}

.tw-w-\[900px\] {
  width: 900px;
}

.tw-w-\[9px\] {
  width: 9px;
}

.tw-w-appIcon--lg {
  width: 72px;
}

.tw-w-appIcon--md {
  width: 64px;
}

.tw-w-appIcon--sm {
  width: 52px;
}

.tw-w-auto {
  width: auto;
}

.tw-w-full {
  width: 100%;
}

.tw-w-lg {
  width: 16px;
}

.tw-w-max {
  width: -webkit-max-content;
  width: max-content;
}

.tw-w-md {
  width: 12px;
}

.tw-w-screen {
  width: 100vw;
}

.tw-w-xl {
  width: 24px;
}

.tw-min-w-0 {
  min-width: 0px;
}

.tw-min-w-8 {
  min-width: 2rem;
}

.tw-min-w-\[100px\] {
  min-width: 100px;
}

.tw-min-w-\[100vw\] {
  min-width: 100vw;
}

.tw-min-w-\[16px\] {
  min-width: 16px;
}

.tw-min-w-\[1rem\] {
  min-width: 1rem;
}

.tw-min-w-\[5\.375rem\] {
  min-width: 5.375rem;
}

.tw-min-w-\[70\%\] {
  min-width: 70%;
}

.tw-min-w-\[80\%\] {
  min-width: 80%;
}

.tw-min-w-\[8em\] {
  min-width: 8em;
}

.tw-min-w-fit {
  min-width: -webkit-fit-content;
  min-width: fit-content;
}

.tw-min-w-full {
  min-width: 100%;
}

.tw-max-w-\[1200px\] {
  max-width: 1200px;
}

.tw-max-w-\[1400px\] {
  max-width: 1400px;
}

.tw-max-w-\[260px\] {
  max-width: 260px;
}

.tw-max-w-\[31\.25rem\] {
  max-width: 31.25rem;
}

.tw-max-w-\[325px\] {
  max-width: 325px;
}

.tw-max-w-\[340px\] {
  max-width: 340px;
}

.tw-max-w-\[500px\] {
  max-width: 500px;
}

.tw-max-w-\[90\%\] {
  max-width: 90%;
}

.tw-max-w-\[calc\(100\%-2rem\)\] {
  max-width: calc(100% - 2rem);
}

.tw-max-w-full {
  max-width: 100%;
}

.tw-flex-1 {
  flex: 1 1 0%;
}

.tw-flex-auto {
  flex: 1 1 auto;
}

.tw-flex-none {
  flex: none;
}

.tw-flex-shrink-0 {
  flex-shrink: 0;
}

.tw-shrink-0 {
  flex-shrink: 0;
}

.tw-flex-grow {
  flex-grow: 1;
}

.tw-flex-grow-0 {
  flex-grow: 0;
}

.tw-grow {
  flex-grow: 1;
}

.tw-basis-1\/2 {
  flex-basis: 50%;
}

.tw-basis-1\/3 {
  flex-basis: 33.333333%;
}

.tw-basis-1\/4 {
  flex-basis: 25%;
}

.tw-basis-2\/3 {
  flex-basis: 66.666667%;
}

.tw-basis-2\/5 {
  flex-basis: 40%;
}

.tw-basis-3\/4 {
  flex-basis: 75%;
}

.tw-basis-3\/5 {
  flex-basis: 60%;
}

.tw-basis-4\/5 {
  flex-basis: 80%;
}

.tw-basis-full {
  flex-basis: 100%;
}

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

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

.tw-origin-center {
  transform-origin: center;
}

.-tw-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-tw-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-tw-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-translate-x-lg {
  --tw-translate-x: 16px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-skew-x-0 {
  --tw-skew-x: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-skew-y-0 {
  --tw-skew-y: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-scale-x-100 {
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-scale-y-100 {
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes tw-fade-out {
  0% {
    opacity: 100%;
  }

  100% {
    opacity: 0%;
  }
}

.tw-animate-fade-out {
  animation: tw-fade-out linear 250ms 1 both;
}

@keyframes tw-pulse {
  50% {
    opacity: .5;
  }
}

.tw-animate-pulse {
  animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes tw-slide-up {
  0% {
    transform: translateY(100%);
  }

  80% {
    transform: translateY(-10%);
  }

  100% {
    transform: none;
  }
}

.tw-animate-slide-up {
  animation: tw-slide-up ease-out 500ms 1 both;
}

@keyframes tw-spin {
  to {
    transform: rotate(360deg);
  }
}

.tw-animate-spin {
  animation: tw-spin 1s linear infinite;
}

.tw-cursor-\[initial\] {
  cursor: initial;
}

.tw-cursor-help {
  cursor: help;
}

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

.tw-cursor-pointer {
  cursor: pointer;
}

.tw-resize-none {
  resize: none;
}

.tw-resize-y {
  resize: vertical;
}

.tw-snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.tw-snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.tw-snap-center {
  scroll-snap-align: center;
}

.tw-scroll-my-2xl {
  scroll-margin-top: 32px;
  scroll-margin-bottom: 32px;
}

.tw-scroll-mt-16 {
  scroll-margin-top: 4rem;
}

.tw-scroll-mt-28 {
  scroll-margin-top: 7rem;
}

.tw-scroll-mt-32 {
  scroll-margin-top: 8rem;
}

.tw-scroll-mt-xl {
  scroll-margin-top: 24px;
}

.tw-list-decimal {
  list-style-type: decimal;
}

.tw-list-disc {
  list-style-type: disc;
}

.tw-list-none {
  list-style-type: none;
}

.tw-appearance-none {
  -webkit-appearance: none;
          appearance: none;
}

.tw-grid-flow-row {
  grid-auto-flow: row;
}

.tw-grid-flow-dense {
  grid-auto-flow: dense;
}

.tw-auto-rows-min {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}

.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.tw-grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.tw-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.tw-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tw-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tw-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tw-grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}

.tw-flex-row {
  flex-direction: row;
}

.tw-flex-row-reverse {
  flex-direction: row-reverse;
}

.tw-flex-col {
  flex-direction: column;
}

.tw-flex-col-reverse {
  flex-direction: column-reverse;
}

.tw-flex-wrap {
  flex-wrap: wrap;
}

.tw-flex-nowrap {
  flex-wrap: nowrap;
}

.tw-content-center {
  align-content: center;
}

.tw-items-start {
  align-items: flex-start;
}

.tw-items-end {
  align-items: flex-end;
}

.tw-items-center {
  align-items: center;
}

.tw-items-stretch {
  align-items: stretch;
}

.tw-justify-start {
  justify-content: flex-start;
}

.tw-justify-end {
  justify-content: flex-end;
}

.tw-justify-center {
  justify-content: center;
}

.tw-justify-between {
  justify-content: space-between;
}

.tw-justify-items-center {
  justify-items: center;
}

.tw-gap-1 {
  gap: 0.25rem;
}

.tw-gap-2 {
  gap: 0.5rem;
}

.tw-gap-2xl {
  gap: 32px;
}

.tw-gap-2xs {
  gap: 2px;
}

.tw-gap-3 {
  gap: 0.75rem;
}

.tw-gap-3xs {
  gap: 1px;
}

.tw-gap-4 {
  gap: 1rem;
}

.tw-gap-5 {
  gap: 1.25rem;
}

.tw-gap-6 {
  gap: 1.5rem;
}

.tw-gap-8 {
  gap: 2rem;
}

.tw-gap-gutter--mobile {
  gap: 16px;
}

.tw-gap-lg {
  gap: 16px;
}

.tw-gap-md {
  gap: 12px;
}

.tw-gap-sm {
  gap: 8px;
}

.tw-gap-xl {
  gap: 24px;
}

.tw-gap-xs {
  gap: 4px;
}

.tw-gap-x-2xl {
  column-gap: 32px;
}

.tw-gap-x-gutter--mobile {
  column-gap: 16px;
}

.tw-gap-y-12 {
  row-gap: 3rem;
}

.tw-gap-y-8 {
  row-gap: 2rem;
}

.tw-gap-y-xl {
  row-gap: 24px;
}

.tw-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}

.tw-space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.tw-space-x-lg > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(16px * var(--tw-space-x-reverse));
  margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}

.tw-space-x-md > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(12px * var(--tw-space-x-reverse));
  margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}

.tw-space-x-sm > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}

.tw-space-x-xs > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(4px * var(--tw-space-x-reverse));
  margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)));
}

.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.tw-space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.tw-space-y-lg > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}

.tw-space-y-md > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}

.tw-space-y-sm > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}

.tw-space-y-xl > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * var(--tw-space-y-reverse));
}

.tw-space-y-xs > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}

.tw-self-start {
  align-self: flex-start;
}

.tw-self-end {
  align-self: flex-end;
}

.tw-self-center {
  align-self: center;
}

.tw-self-stretch {
  align-self: stretch;
}

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

.tw-overflow-hidden {
  overflow: hidden;
}

.tw-overflow-visible {
  overflow: visible;
}

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

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

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

.tw-text-ellipsis {
  text-overflow: ellipsis;
}

.tw-whitespace-normal {
  white-space: normal;
}

.tw-whitespace-nowrap {
  white-space: nowrap;
}

.tw-whitespace-pre-wrap {
  white-space: pre-wrap;
}

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

.tw-text-pretty {
  text-wrap: pretty;
}

.tw-break-words {
  overflow-wrap: break-word;
}

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

.tw-rounded-2xl {
  border-radius: 32px;
}

.tw-rounded-2xs {
  border-radius: 2px;
}

.tw-rounded-\[10px\] {
  border-radius: 10px;
}

.tw-rounded-\[3px\] {
  border-radius: 3px;
}

.tw-rounded-\[inherit\] {
  border-radius: inherit;
}

.tw-rounded-full {
  border-radius: 9999px;
}

.tw-rounded-lg {
  border-radius: 16px;
}

.tw-rounded-md {
  border-radius: 12px;
}

.tw-rounded-sm {
  border-radius: 8px;
}

.tw-rounded-xl {
  border-radius: 24px;
}

.tw-rounded-xs {
  border-radius: 4px;
}

.tw-rounded-tl-md {
  border-top-left-radius: 12px;
}

.tw-rounded-tl-xs {
  border-top-left-radius: 4px;
}

.tw-rounded-tr-md {
  border-top-right-radius: 12px;
}

.tw-rounded-tr-xs {
  border-top-right-radius: 4px;
}

.tw-border {
  border-width: 1px;
}

.tw-border-0 {
  border-width: 0px;
}

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

.tw-border-\[1px\] {
  border-width: 1px;
}

.tw-border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.tw-border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.tw-border-b {
  border-bottom-width: 1px;
}

.tw-border-b-2 {
  border-bottom-width: 2px;
}

.tw-border-b-4 {
  border-bottom-width: 4px;
}

.tw-border-b-8 {
  border-bottom-width: 8px;
}

.tw-border-l {
  border-left-width: 1px;
}

.tw-border-l-0 {
  border-left-width: 0px;
}

.tw-border-r {
  border-right-width: 1px;
}

.tw-border-r-0 {
  border-right-width: 0px;
}

.tw-border-t {
  border-top-width: 1px;
}

.tw-border-t-0 {
  border-top-width: 0px;
}

.tw-border-solid {
  border-style: solid;
}

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

.tw-border-none {
  border-style: none;
}

.tw-border-button-stroke-secondary-default {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

.tw-border-canvas-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-base-white) / var(--tw-border-opacity, 1));
}

.tw-border-fg-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

.tw-border-fg-inverted-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
}

.tw-border-fg-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-base-black) / var(--tw-border-opacity, 1));
}

.tw-border-fg-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-700) / var(--tw-border-opacity, 1));
}

.tw-border-input-stroke-active {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

.tw-border-input-stroke-default {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

.tw-border-input-stroke-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

.tw-border-input-stroke-hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
}

.tw-border-notifications-error-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-red-700) / var(--tw-border-opacity, 1));
}

.tw-border-notifications-success-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-green-700) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-accent-blue {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-blue-300) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-accent-green {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-green-300) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-accent-lime {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-lime-400) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-accent-orange {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-orange-300) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-accent-red {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-red-500) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-accent-violet {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-violet-400) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-highlight-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-highlight-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-secondary) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-inverted-accent-red {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-red-400) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-inverted-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-700) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-inverted-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-800) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

.tw-border-stroke-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
}

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

.tw-border-b-fg-primary {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--color-base-black) / var(--tw-border-opacity, 1));
}

.tw-border-b-fg-tertiary {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--color-grey-600) / var(--tw-border-opacity, 1));
}

.tw-border-b-stroke-inverted-secondary {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--color-grey-800) / var(--tw-border-opacity, 1));
}

.tw-border-b-stroke-primary {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

.tw-border-b-transparent {
  border-bottom-color: transparent;
}

.tw-border-l-fg-tertiary {
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--color-grey-600) / var(--tw-border-opacity, 1));
}

.tw-border-r-\[var\(--internal-color-border-table\)\] {
  border-right-color: var(--internal-color-border-table);
}

.tw-border-r-fg-tertiary {
  --tw-border-opacity: 1;
  border-right-color: rgb(var(--color-grey-600) / var(--tw-border-opacity, 1));
}

.tw-border-r-stroke-secondary {
  --tw-border-opacity: 1;
  border-right-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
}

.tw-border-t-fg-tertiary {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--color-grey-600) / var(--tw-border-opacity, 1));
}

.tw-border-t-stroke-secondary {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
}

.tw-bg-\[\#371E5E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(55 30 94 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[\#f4f4f4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[inherit\] {
  background-color: inherit;
}

.tw-bg-\[rgb\(148\,116\,255\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(148 116 255 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[rgb\(197\,48\,197\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(197 48 197 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[rgb\(253\,75\,146\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 75 146 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[rgb\(37\,232\,43\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 232 43 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[rgb\(44\,224\,212\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 224 212 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[rgb\(56\,250\,163\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(56 250 163 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[rgb\(81\,192\,255\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(81 192 255 / var(--tw-bg-opacity, 1));
}

.tw-bg-\[var\(--internal-color-bg-banner-warning\)\] {
  background-color: var(--internal-color-bg-banner-warning);
}

.tw-bg-button-canvas-secondary-default {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-accent-bfs {
  --tw-bg-opacity: 1;
  background-color: rgb(var( --color-bfs-background-primary) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-accent-bif {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-bif-background-primary) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-accent-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-accent-green {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-200) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-accent-lime {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-lime-200) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-accent-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-orange-200) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-accent-red {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-red-200) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-accent-spe {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-lime-200) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-accent-violet {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-violet-200) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-editorial-green {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-editorial-lime {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-lime-300) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-editorial-red {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-red-400) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-editorial-violet {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-violet-400) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-accent-bfs {
  --tw-bg-opacity: 1;
  background-color: rgb(var( --color-bfs-background-secondary) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-accent-bif {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-bif-background-secondary) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-accent-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-blue-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-accent-green {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-accent-lime {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-lime-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-accent-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-orange-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-accent-red {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-red-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-accent-violet {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-violet-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-black) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-1000) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-inverted-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-800) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-50) / var(--tw-bg-opacity, 1));
}

.tw-bg-canvas-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-accent-bfs {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-bfs-primary) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-accent-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-blue-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-accent-green {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-accent-lime {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-lime-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-accent-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-orange-1000) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-accent-red {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-red-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-accent-violet {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-violet-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-400) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-highlight-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-highlight-primary) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-highlight-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-highlight-secondary) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-inverted-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(--color-grey-900) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-inverted-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-inverted-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-300) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-inverted-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-500) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-black) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-primary\/90 {
  background-color: rgb(var(--color-base-black) / 0.9);
}

.tw-bg-fg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-700) / var(--tw-bg-opacity, 1));
}

.tw-bg-fg-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-600) / var(--tw-bg-opacity, 1));
}

.tw-bg-input-canvas-default {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-50) / var(--tw-bg-opacity, 1));
}

.tw-bg-input-stroke-active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-highlight-primary) / var(--tw-bg-opacity, 1));
}

.tw-bg-notifications-alert-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-orange-600) / var(--tw-bg-opacity, 1));
}

.tw-bg-notifications-error-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-red-700) / var(--tw-bg-opacity, 1));
}

.tw-bg-notifications-error-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-red-200) / var(--tw-bg-opacity, 1));
}

.tw-bg-notifications-neutral-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-400) / var(--tw-bg-opacity, 1));
}

.tw-bg-notifications-success-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity, 1));
}

.tw-bg-notifications-success-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-green-200) / var(--tw-bg-opacity, 1));
}

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

.tw-bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.tw-bg-\[url\(merchant\/navbar\/arrow-left\)\] {
  background-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/navbar/arrow-left-64d8bcbf95998105963e506e5b84f832718712774fac807c567cf15a2553f1f1.svg);
}

.tw-bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.tw-bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.tw-from-canvas-inverted-primary\/90 {
  --tw-gradient-from: rgb(var(--color-base-black) / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-base-black) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.tw-from-fg-inverted-secondary {
  --tw-gradient-from: rgb(var(--color-grey-300) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-grey-300) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.tw-to-fg-disabled {
  --tw-gradient-to: rgb(var(--color-grey-400) / 1) var(--tw-gradient-to-position);
}

.tw-bg-\[length\:12px_12px\] {
  background-size: 12px 12px;
}

.tw-bg-\[length\:12px_8px\] {
  background-size: 12px 8px;
}

.tw-bg-contain {
  background-size: contain;
}

.tw-bg-cover {
  background-size: cover;
}

.tw-bg-\[-15\%\] {
  background-position: -15%;
}

.tw-bg-\[-23\%\] {
  background-position: -23%;
}

.tw-bg-\[-43\%\] {
  background-position: -43%;
}

.tw-bg-\[-50\%\] {
  background-position: -50%;
}

.tw-bg-\[-7\%\] {
  background-position: -7%;
}

.tw-bg-\[0\] {
  background-position: 0;
}

.tw-bg-\[left_center\] {
  background-position: left center;
}

.tw-bg-center {
  background-position: center;
}

.tw-bg-left {
  background-position: left;
}

.tw-bg-no-repeat {
  background-repeat: no-repeat;
}

.tw-fill-fg-disabled {
  fill: rgb(var(--color-grey-400) / 1);
}

.tw-fill-fg-inverted-primary {
  fill: rgb(var(--color-base-white) / 1);
}

.tw-fill-fg-magic-tertiary {
  fill: rgb(var(--color-polaris-purple-12) / 1);
}

.tw-fill-fg-primary {
  fill: rgb(var(--color-base-black) / 1);
}

.tw-fill-fg-tertiary {
  fill: rgb(var(--color-grey-600) / 1);
}

.tw-fill-stroke-accent-red {
  fill: rgb(var(--color-red-500) / 1);
}

.tw-fill-stroke-secondary {
  fill: rgb(var(--color-grey-300) / 1);
}

.tw-object-contain {
  object-fit: contain;
}

.tw-object-cover {
  object-fit: cover;
}

.tw-p-0 {
  padding: 0px;
}

.tw-p-2 {
  padding: 0.5rem;
}

.tw-p-4 {
  padding: 1rem;
}

.tw-p-8 {
  padding: 2rem;
}

.tw-p-\[10px\] {
  padding: 10px;
}

.tw-p-lg {
  padding: 16px;
}

.tw-p-md {
  padding: 12px;
}

.tw-p-sm {
  padding: 8px;
}

.tw-p-xl {
  padding: 24px;
}

.tw-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.tw-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tw-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.tw-px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.tw-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.tw-px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.tw-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.tw-px-lg {
  padding-left: 16px;
  padding-right: 16px;
}

.tw-px-margin--desktop {
  padding-left: 64px;
  padding-right: 64px;
}

.tw-px-margin--mobile {
  padding-left: 16px;
  padding-right: 16px;
}

.tw-px-md {
  padding-left: 12px;
  padding-right: 12px;
}

.tw-px-sm {
  padding-left: 8px;
  padding-right: 8px;
}

.tw-px-xl {
  padding-left: 24px;
  padding-right: 24px;
}

.tw-py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.tw-py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.tw-py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tw-py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.tw-py-2xl {
  padding-top: 32px;
  padding-bottom: 32px;
}

.tw-py-2xs {
  padding-top: 2px;
  padding-bottom: 2px;
}

.tw-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.tw-py-3xs {
  padding-top: 1px;
  padding-bottom: 1px;
}

.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.tw-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.tw-py-\[0\.2em\] {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.tw-py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.tw-py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}

.tw-py-lg {
  padding-top: 16px;
  padding-bottom: 16px;
}

.tw-py-md {
  padding-top: 12px;
  padding-bottom: 12px;
}

.tw-py-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.tw-py-xl {
  padding-top: 24px;
  padding-bottom: 24px;
}

.tw-py-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.tw-pb-2xl {
  padding-bottom: 32px;
}

.tw-pb-2xs {
  padding-bottom: 2px;
}

.tw-pb-3\.5 {
  padding-bottom: 0.875rem;
}

.tw-pb-3xl {
  padding-bottom: 48px;
}

.tw-pb-4 {
  padding-bottom: 1rem;
}

.tw-pb-5 {
  padding-bottom: 1.25rem;
}

.tw-pb-8 {
  padding-bottom: 2rem;
}

.tw-pb-\[3px\] {
  padding-bottom: 3px;
}

.tw-pb-\[54px\] {
  padding-bottom: 54px;
}

.tw-pb-lg {
  padding-bottom: 16px;
}

.tw-pb-margin--desktop {
  padding-bottom: 64px;
}

.tw-pb-md {
  padding-bottom: 12px;
}

.tw-pb-sm {
  padding-bottom: 8px;
}

.tw-pb-xl {
  padding-bottom: 24px;
}

.tw-pb-xs {
  padding-bottom: 4px;
}

.tw-pl-2 {
  padding-left: 0.5rem;
}

.tw-pl-3 {
  padding-left: 0.75rem;
}

.tw-pl-4 {
  padding-left: 1rem;
}

.tw-pl-6 {
  padding-left: 1.5rem;
}

.tw-pl-8 {
  padding-left: 2rem;
}

.tw-pl-\[0\.375em\] {
  padding-left: 0.375em;
}

.tw-pl-\[44px\] {
  padding-left: 44px;
}

.tw-pl-lg {
  padding-left: 16px;
}

.tw-pl-md {
  padding-left: 12px;
}

.tw-pl-sm {
  padding-left: 8px;
}

.tw-pl-xl {
  padding-left: 24px;
}

.tw-pl-xs {
  padding-left: 4px;
}

.tw-pr-0 {
  padding-right: 0px;
}

.tw-pr-14 {
  padding-right: 3.5rem;
}

.tw-pr-2 {
  padding-right: 0.5rem;
}

.tw-pr-3 {
  padding-right: 0.75rem;
}

.tw-pr-4 {
  padding-right: 1rem;
}

.tw-pr-6 {
  padding-right: 1.5rem;
}

.tw-pr-\[0\.375em\] {
  padding-right: 0.375em;
}

.tw-pr-lg {
  padding-right: 16px;
}

.tw-pr-md {
  padding-right: 12px;
}

.tw-pr-sm {
  padding-right: 8px;
}

.tw-pr-xl {
  padding-right: 24px;
}

.tw-pt-0 {
  padding-top: 0px;
}

.tw-pt-1 {
  padding-top: 0.25rem;
}

.tw-pt-10 {
  padding-top: 2.5rem;
}

.tw-pt-2 {
  padding-top: 0.5rem;
}

.tw-pt-2xs {
  padding-top: 2px;
}

.tw-pt-3 {
  padding-top: 0.75rem;
}

.tw-pt-3xl {
  padding-top: 48px;
}

.tw-pt-4 {
  padding-top: 1rem;
}

.tw-pt-6 {
  padding-top: 1.5rem;
}

.tw-pt-8 {
  padding-top: 2rem;
}

.tw-pt-lg {
  padding-top: 16px;
}

.tw-pt-md {
  padding-top: 12px;
}

.tw-pt-sm {
  padding-top: 8px;
}

.tw-pt-xl {
  padding-top: 24px;
}

.tw-pt-xs {
  padding-top: 4px;
}

.tw-text-left {
  text-align: left;
}

.tw-text-center {
  text-align: center;
}

.tw-text-right {
  text-align: right;
}

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

.tw-font-sans {
  font-family: Inter var, Helvetica, Arial, sans-serif;
}

.\!tw-text-heading-lg {
  font-size: 17px !important;
  font-size: clamp(1rem, 0.313vw + 0.875rem, 1.125rem) !important;
  line-height: 1.4 !important;
  line-height: clamp(1.45rem, 0.172vw + 1.381rem, 1.519rem) !important;
  font-weight: 650 !important;
}

.tw-text-\[0\.75rem\] {
  font-size: 0.75rem;
}

.tw-text-\[1rem\] {
  font-size: 1rem;
}

.tw-text-body-2xl {
  font-size: 22px;
  font-size: clamp(1.25rem, 0.469vw + 1.063rem, 1.438rem);
  line-height: 1.4;
  line-height: clamp(1.813rem, 0.32vw + 1.684rem, 1.941rem);
  letter-spacing: -0.01em;
  font-weight: 450;
}

.tw-text-body-3xl {
  font-size: 25px;
  font-size: clamp(1.438rem, 0.469vw + 1.25rem, 1.625rem);
  line-height: 1.3;
  line-height: clamp(1.941rem, 0.227vw + 1.85rem, 2.031rem);
  letter-spacing: -0.01em;
  font-weight: 450;
}

.tw-text-body-lg {
  font-size: 17px;
  font-size: clamp(1rem, 0.313vw + 0.875rem, 1.125rem);
  line-height: 1.45;
  font-weight: 450;
}

.tw-text-body-md {
  font-size: 15px;
  font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
  line-height: 1.45;
  font-weight: 450;
}

.tw-text-body-sm {
  font-size: 13px;
  font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
  line-height: 1.45;
  font-weight: 450;
}

.tw-text-body-xl {
  font-size: 19px;
  font-size: clamp(1.125rem, 0.313vw + 1rem, 1.25rem);
  line-height: 1.45;
  font-weight: 450;
}

.tw-text-body-xs {
  font-size: 12px;
  font-size: clamp(0.688rem, 0.156vw + 0.625rem, 0.75rem);
  line-height: 1.45;
  font-weight: 450;
}

.tw-text-display-0 {
  font-size: 94px;
  font-size: clamp(4.125rem, 8.125vw + 0.875rem, 7.375rem);
  line-height: 1.1;
  line-height: clamp(4.744rem, 7.5vw + 1.744rem, 7.744rem);
  letter-spacing: -0.03em;
  font-weight: 600;
}

.tw-text-display-1 {
  font-size: 83px;
  font-size: clamp(3.25rem, 6.563vw + 0.625rem, 5.875rem);
  line-height: 1.1;
  line-height: clamp(3.738rem, 6.078vw + 1.306rem, 6.169rem);
  letter-spacing: -0.03em;
  font-weight: 600;
}

.tw-text-display-2 {
  font-size: 74px;
  font-size: clamp(2.875rem, 5.781vw + 0.563rem, 5.188rem);
  line-height: 1.1;
  line-height: clamp(3.306rem, 5.352vw + 1.166rem, 5.447rem);
  letter-spacing: -0.03em;
  font-weight: 600;
}

.tw-text-display-3 {
  font-size: 66px;
  font-size: clamp(2.563rem, 5.156vw + 0.5rem, 4.625rem);
  line-height: 1.1;
  line-height: clamp(2.947rem, 4.773vw + 1.038rem, 4.856rem);
  letter-spacing: -0.03em;
  font-weight: 600;
}

.tw-text-display-4 {
  font-size: 58px;
  font-size: clamp(2.25rem, 4.688vw + 0.375rem, 4.125rem);
  line-height: 1.15;
  line-height: clamp(2.7rem, 4.594vw + 0.862rem, 4.538rem);
  letter-spacing: -0.02em;
  font-weight: 600;
}

.tw-text-display-5 {
  font-size: 52px;
  font-size: clamp(2.063rem, 3.906vw + 0.5rem, 3.625rem);
  line-height: 1.15;
  line-height: clamp(2.475rem, 3.781vw + 0.963rem, 3.988rem);
  letter-spacing: -0.02em;
  font-weight: 600;
}

.tw-text-display-6 {
  font-size: 46px;
  font-size: clamp(1.813rem, 3.594vw + 0.375rem, 3.25rem);
  line-height: 1.2;
  line-height: clamp(2.266rem, 3.68vw + 0.794rem, 3.738rem);
  letter-spacing: -0.02em;
  font-weight: 600;
}

.tw-text-heading-2xl {
  font-size: 26px;
  font-size: clamp(1.25rem, 1.406vw + 0.688rem, 1.813rem);
  line-height: 1.3;
  line-height: clamp(1.688rem, 1.445vw + 1.109rem, 2.266rem);
  letter-spacing: -0.01em;
  font-weight: 650;
}

.tw-text-heading-3xl {
  font-size: 29px;
  font-size: clamp(1.438rem, 2.031vw + 0.625rem, 2.25rem);
  line-height: 1.2;
  line-height: clamp(1.797rem, 1.977vw + 1.006rem, 2.588rem);
  letter-spacing: -0.02em;
  font-weight: 650;
}

.tw-text-heading-lg {
  font-size: 17px;
  font-size: clamp(1rem, 0.313vw + 0.875rem, 1.125rem);
  line-height: 1.4;
  line-height: clamp(1.45rem, 0.172vw + 1.381rem, 1.519rem);
  font-weight: 650;
}

.tw-text-heading-md {
  font-size: 15px;
  font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
  line-height: 1.45;
  font-weight: 650;
}

.tw-text-heading-sm {
  font-size: 13px;
  font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
  line-height: 1.45;
  font-weight: 650;
}

.tw-text-heading-xl {
  font-size: 21px;
  font-size: clamp(1.125rem, 0.781vw + 0.813rem, 1.438rem);
  line-height: 1.3;
  line-height: clamp(1.519rem, 0.695vw + 1.241rem, 1.797rem);
  letter-spacing: -0.01em;
  font-weight: 650;
}

.tw-text-heading-xs {
  font-size: 12px;
  font-size: clamp(0.688rem, 0.156vw + 0.625rem, 0.75rem);
  line-height: 1.45;
  font-weight: 650;
}

.tw-text-input-default {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

.tw-text-label-lg {
  font-size: 15px;
  font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
  line-height: 1;
  font-weight: 500;
}

.tw-text-label-md {
  font-size: 13px;
  font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
  line-height: 1;
  font-weight: 500;
}

.tw-text-label-sm {
  font-size: 12px;
  font-size: clamp(0.688rem, 0.156vw + 0.625rem, 0.75rem);
  line-height: 1;
  font-weight: 500;
}

.tw-text-link-lg {
  font-size: 17px;
  font-size: clamp(1rem, 0.313vw + 0.875rem, 1.125rem);
  line-height: 1.45;
  font-weight: 500;
}

.tw-text-link-md {
  font-size: 15px;
  font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
  line-height: 1.45;
  font-weight: 500;
}

.tw-text-link-sm {
  font-size: 13px;
  font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
  line-height: 1.45;
  font-weight: 500;
}

.tw-text-link-xs {
  font-size: 12px;
  font-size: clamp(0.688rem, 0.156vw + 0.625rem, 0.75rem);
  line-height: 1.45;
  font-weight: 500;
}

.tw-font-bold {
  font-weight: 700;
}

.tw-font-link {
  font-weight: 500;
}

.tw-font-medium {
  font-weight: 500;
}

.tw-font-normal {
  font-weight: 400;
}

.tw-font-semibold {
  font-weight: 600;
}

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

.tw-normal-case {
  text-transform: none;
}

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

.\!tw-leading-none {
  line-height: 1 !important;
}

.tw-leading-3 {
  line-height: .75rem;
}

.tw-leading-5 {
  line-height: 1.25rem;
}

.tw-leading-\[30px\] {
  line-height: 30px;
}

.tw-leading-none {
  line-height: 1;
}

.tw-leading-relaxed {
  line-height: 1.625;
}

.tw-leading-xl {
  line-height: 1.45;
}

.tw-tracking-wide {
  letter-spacing: 0.025em;
}

.tw-text-\[rgb\(0\,33\,51\)\] {
  --tw-text-opacity: 1;
  color: rgb(0 33 51 / var(--tw-text-opacity, 1));
}

.tw-text-\[rgb\(248\,247\,255\)\] {
  --tw-text-opacity: 1;
  color: rgb(248 247 255 / var(--tw-text-opacity, 1));
}

.tw-text-\[rgb\(253\,239\,253\)\] {
  --tw-text-opacity: 1;
  color: rgb(253 239 253 / var(--tw-text-opacity, 1));
}

.tw-text-\[rgb\(255\,246\,248\)\] {
  --tw-text-opacity: 1;
  color: rgb(255 246 248 / var(--tw-text-opacity, 1));
}

.tw-text-\[rgb\(3\,60\,57\)\] {
  --tw-text-opacity: 1;
  color: rgb(3 60 57 / var(--tw-text-opacity, 1));
}

.tw-text-\[rgb\(3\,61\,5\)\] {
  --tw-text-opacity: 1;
  color: rgb(3 61 5 / var(--tw-text-opacity, 1));
}

.tw-text-canvas-editorial-lime {
  --tw-text-opacity: 1;
  color: rgb(var(--color-lime-300) / var(--tw-text-opacity, 1));
}

.tw-text-fg-accent-blue {
  --tw-text-opacity: 1;
  color: rgb(var(--color-blue-900) / var(--tw-text-opacity, 1));
}

.tw-text-fg-accent-lime {
  --tw-text-opacity: 1;
  color: rgb(var(--color-lime-900) / var(--tw-text-opacity, 1));
}

.tw-text-fg-accent-orange {
  --tw-text-opacity: 1;
  color: rgb(var(--color-orange-1000) / var(--tw-text-opacity, 1));
}

.tw-text-fg-accent-red {
  --tw-text-opacity: 1;
  color: rgb(var(--color-red-900) / var(--tw-text-opacity, 1));
}

.tw-text-fg-disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-400) / var(--tw-text-opacity, 1));
}

.tw-text-fg-highlight-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
}

.tw-text-fg-inverted-highlight-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-green-400) / var(--tw-text-opacity, 1));
}

.tw-text-fg-inverted-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-white) / var(--tw-text-opacity, 1));
}

.tw-text-fg-inverted-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-300) / var(--tw-text-opacity, 1));
}

.tw-text-fg-inverted-tertiary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-500) / var(--tw-text-opacity, 1));
}

.tw-text-fg-magic-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-polaris-purple-13) / var(--tw-text-opacity, 1));
}

.tw-text-fg-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
}

.tw-text-fg-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-700) / var(--tw-text-opacity, 1));
}

.tw-text-fg-tertiary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-600) / var(--tw-text-opacity, 1));
}

.tw-text-input-stroke-active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
}

.tw-text-notifications-alert-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-orange-600) / var(--tw-text-opacity, 1));
}

.tw-text-notifications-error-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-red-700) / var(--tw-text-opacity, 1));
}

.tw-text-notifications-error-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-red-500) / var(--tw-text-opacity, 1));
}

.tw-text-notifications-success-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-green-700) / var(--tw-text-opacity, 1));
}

.tw-text-notifications-success-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-green-500) / var(--tw-text-opacity, 1));
}

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

.tw-no-underline {
  text-decoration-line: none;
}

.tw-decoration-fg-primary {
  text-decoration-color: rgb(var(--color-base-black) / 1);
}

.tw-decoration-notifications-error-primary {
  text-decoration-color: rgb(var(--color-red-700) / 1);
}

.tw-decoration-stroke-link-default {
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

.tw-decoration-stroke-link-inverted-default {
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

.tw-decoration-\[0\.04em\] {
  text-decoration-thickness: 0.04em;
}

.tw-decoration-linkWeight {
  text-decoration-thickness: .05em;
}

.tw-underline-offset-4 {
  text-underline-offset: 4px;
}

.tw-underline-offset-\[0\.09em\] {
  text-underline-offset: 0.09em;
}

.tw-underline-offset-\[15\%\] {
  text-underline-offset: 15%;
}

.tw-underline-offset-linkOffset {
  text-underline-offset: .15em;
}

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

.tw-opacity-0 {
  opacity: 0;
}

.tw-opacity-50 {
  opacity: 0.5;
}

.tw-opacity-60 {
  opacity: 0.6;
}

.tw-opacity-80 {
  opacity: 0.8;
}

.tw-opacity-\[0\.7\] {
  opacity: 0.7;
}

.tw-shadow-\[inset_0_-1px_0_0_rgba\(0\,0\,0\,0\.1\)\] {
  --tw-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1);
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-shadow-avatarPopover {
  --tw-shadow: 0 100px 80px rgba(0,0,0,0.07), 0 41.78px 33.42px rgba(0,0,0,0.0503), 0 22.34px 17.87px rgba(0,0,0,0.0417), 0 12.52px 10.02px rgba(0,0,0,0.035), 0 6.65px 5.32px rgba(0,0,0,0.0283), 0 2.77px 2.21px rgba(0,0,0,0.0197);
  --tw-shadow-colored: 0 100px 80px var(--tw-shadow-color), 0 41.78px 33.42px var(--tw-shadow-color), 0 22.34px 17.87px var(--tw-shadow-color), 0 12.52px 10.02px var(--tw-shadow-color), 0 6.65px 5.32px var(--tw-shadow-color), 0 2.77px 2.21px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-shadow-border {
  --tw-shadow: 0 -1px 0 0px rgb(0 0 0 / 20%), -1px 0 0 0px rgb(0 0 0 / 20%), 1px 0 0 0px rgb(0 0 0 / 20%), 0 2px 0 0px rgb(0 0 0 / 20%);
  --tw-shadow-colored: 0 -1px 0 0px var(--tw-shadow-color), -1px 0 0 0px var(--tw-shadow-color), 1px 0 0 0px var(--tw-shadow-color), 0 2px 0 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-shadow-pricingCard {
  --tw-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.07), 0px 2px 4px 1px rgba(0, 0, 0, 0.07), 0px 1px 2px 1px rgba(0, 0, 0, 0.07);
  --tw-shadow-colored: 0px 4px 8px 1px var(--tw-shadow-color), 0px 2px 4px 1px var(--tw-shadow-color), 0px 1px 2px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-outline-0 {
  outline-width: 0px;
}

.tw-outline-3 {
  outline-width: 3px;
}

.tw-outline-button-outline-focus {
  outline-color: rgb(var(--color-highlight-secondary) / 1);
}

.tw-drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.tw-backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.tw-transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-\[max-height\] {
  transition-property: max-height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-\[visibility\,transform\] {
  transition-property: visibility,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-duration-1000 {
  transition-duration: 1000ms;
}

.tw-duration-300 {
  transition-duration: 300ms;
}

.tw-duration-500 {
  transition-duration: 500ms;
}

.tw-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.tw-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.tw-will-change-transform {
  will-change: transform;
}

/* Safari and Chrome */

.\[mask-image\:url\(merchant\/footer\/globe\)\] {
  -webkit-mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/footer/globe-f7ebc7705903c9969c0d31b3bd84a7b2071a491057e1fe62e8c2bd9431bd2da3.svg);
          mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/footer/globe-f7ebc7705903c9969c0d31b3bd84a7b2071a491057e1fe62e8c2bd9431bd2da3.svg);
}

.\[mask-image\:url\(merchant\/footer\/shopping-bag\)\] {
  -webkit-mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/footer/shopping-bag-bbaaf30160d96bbdd6371270daba63d2ca7139ca943bcb9c61683846fd6d5ee5.svg);
          mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/footer/shopping-bag-bbaaf30160d96bbdd6371270daba63d2ca7139ca943bcb9c61683846fd6d5ee5.svg);
}

.\[mask-image\:url\(merchant\/navbar\/search-icon\)\] {
  -webkit-mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/navbar/search-icon-da7ab7c936fa63eace4f733df824904b59a1e78dc22d801183aaad2b2e38f09c.svg);
          mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/navbar/search-icon-da7ab7c936fa63eace4f733df824904b59a1e78dc22d801183aaad2b2e38f09c.svg);
}

.\[mask-image\:url\(merchant\/navbar\/search-magic-icon\)\] {
  -webkit-mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/navbar/search-magic-icon-54587a80e3b8b71ff29acee5d15a29bf06b836febe80620181ad98b18c55362f.svg);
          mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/navbar/search-magic-icon-54587a80e3b8b71ff29acee5d15a29bf06b836febe80620181ad98b18c55362f.svg);
}

.\[mask-position\:center\] {
  -webkit-mask-position: center;
          mask-position: center;
}

.\[mask-repeat\:no-repeat\] {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.\[mask-repeat\:space\] {
  -webkit-mask-repeat: space;
          mask-repeat: space;
}

.\[mask-size\:20px\] {
  -webkit-mask-size: 20px;
          mask-size: 20px;
}

.\[mask-size\:28px\] {
  -webkit-mask-size: 28px;
          mask-size: 28px;
}

.\[mask-size\:40px\] {
  -webkit-mask-size: 40px;
          mask-size: 40px;
}

.\[md\:tw-order-1\] {
  md: tw-order-1;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:tw-text-fg-inverted-primary:hover .link-inline {
    color: var(--color-base-white);
  }

  .hover\:tw-text-fg-inverted-tertiary:hover .link-inline {
    color: var(--color-base-white);
  }

  .hover\:tw-text-fg-inverted-primary:hover .link-inline {
    text-decoration-color: rgb(var(--color-grey-500) / 1);
  }

  .hover\:tw-text-fg-inverted-tertiary:hover .link-inline {
    text-decoration-color: rgb(var(--color-grey-500) / 1);
  }

  @media (hover: hover) and (pointer: fine) {
    .hover\:tw-text-fg-inverted-primary:hover .link-inline:hover {
      --tw-text-opacity: 1;
      color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
    }

    .hover\:tw-text-fg-inverted-tertiary:hover .link-inline:hover {
      --tw-text-opacity: 1;
      color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
    }
  }

  .hover\:tw-text-fg-inverted-primary:hover .link-inline:active {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
  }

  .hover\:tw-text-fg-inverted-tertiary:hover .link-inline:active {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
  }
}

.active\:tw-text-fg-inverted-primary:active .link-inline {
  color: var(--color-base-white);
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

@media (hover: hover) and (pointer: fine) {
  .active\:tw-text-fg-inverted-primary:active .link-inline:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
  }
}

.active\:tw-text-fg-inverted-primary:active .link-inline:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-text-fg-inverted-primary .link-inline {
  color: var(--color-base-white);
  text-decoration-color: rgb(var(--color-grey-500) / 1);
}

@media (hover: hover) and (pointer: fine) {
  .tw-peer:checked ~ .peer-checked\:tw-text-fg-inverted-primary .link-inline:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
  }
}

.tw-peer:checked ~ .peer-checked\:tw-text-fg-inverted-primary .link-inline:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
}

@media (min-width: 420px) {
  
  :lang(de) .\32xs\:tw-text-heading-3xl,
  :lang(da) .\32xs\:tw-text-heading-3xl,
  :lang(fi) .\32xs\:tw-text-heading-3xl,
  :lang(nb) .\32xs\:tw-text-heading-3xl,
  :lang(sv) .\32xs\:tw-text-heading-3xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}

@media (min-width: 640px) {
  :lang(de) .sm\:tw-text-display-3,
  :lang(da) .sm\:tw-text-display-3,
  :lang(fi) .sm\:tw-text-display-3,
  :lang(nb) .sm\:tw-text-display-3,
  :lang(sv) .sm\:tw-text-display-3 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .sm\:tw-text-display-5,
  :lang(da) .sm\:tw-text-display-5,
  :lang(fi) .sm\:tw-text-display-5,
  :lang(nb) .sm\:tw-text-display-5,
  :lang(sv) .sm\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  :lang(de) .sm\:tw-text-display-3,
  :lang(da) .sm\:tw-text-display-3,
  :lang(fi) .sm\:tw-text-display-3,
  :lang(nb) .sm\:tw-text-display-3,
  :lang(sv) .sm\:tw-text-display-3 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .sm\:tw-text-display-5,
  :lang(da) .sm\:tw-text-display-5,
  :lang(fi) .sm\:tw-text-display-5,
  :lang(nb) .sm\:tw-text-display-5,
  :lang(sv) .sm\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  :lang(de) .sm\:tw-text-display-3,
  :lang(da) .sm\:tw-text-display-3,
  :lang(fi) .sm\:tw-text-display-3,
  :lang(nb) .sm\:tw-text-display-3,
  :lang(sv) .sm\:tw-text-display-3 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .sm\:tw-text-display-5,
  :lang(da) .sm\:tw-text-display-5,
  :lang(fi) .sm\:tw-text-display-5,
  :lang(nb) .sm\:tw-text-display-5,
  :lang(sv) .sm\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  :lang(de) .sm\:tw-text-display-3,
  :lang(da) .sm\:tw-text-display-3,
  :lang(fi) .sm\:tw-text-display-3,
  :lang(nb) .sm\:tw-text-display-3,
  :lang(sv) .sm\:tw-text-display-3 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .sm\:tw-text-display-5,
  :lang(da) .sm\:tw-text-display-5,
  :lang(fi) .sm\:tw-text-display-5,
  :lang(nb) .sm\:tw-text-display-5,
  :lang(sv) .sm\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  :lang(de) .sm\:tw-text-display-3,
  :lang(da) .sm\:tw-text-display-3,
  :lang(fi) .sm\:tw-text-display-3,
  :lang(nb) .sm\:tw-text-display-3,
  :lang(sv) .sm\:tw-text-display-3 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .sm\:tw-text-display-5,
  :lang(da) .sm\:tw-text-display-5,
  :lang(fi) .sm\:tw-text-display-5,
  :lang(nb) .sm\:tw-text-display-5,
  :lang(sv) .sm\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}

@media (min-width: 768px) {
  
  :lang(de) .md\:tw-text-display-5,
  :lang(da) .md\:tw-text-display-5,
  :lang(fi) .md\:tw-text-display-5,
  :lang(nb) .md\:tw-text-display-5,
  :lang(sv) .md\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .md\:tw-text-heading-2xl,
  :lang(da) .md\:tw-text-heading-2xl,
  :lang(fi) .md\:tw-text-heading-2xl,
  :lang(nb) .md\:tw-text-heading-2xl,
  :lang(sv) .md\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .md\:tw-text-display-5,
  :lang(da) .md\:tw-text-display-5,
  :lang(fi) .md\:tw-text-display-5,
  :lang(nb) .md\:tw-text-display-5,
  :lang(sv) .md\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .md\:tw-text-heading-2xl,
  :lang(da) .md\:tw-text-heading-2xl,
  :lang(fi) .md\:tw-text-heading-2xl,
  :lang(nb) .md\:tw-text-heading-2xl,
  :lang(sv) .md\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .md\:tw-text-display-5,
  :lang(da) .md\:tw-text-display-5,
  :lang(fi) .md\:tw-text-display-5,
  :lang(nb) .md\:tw-text-display-5,
  :lang(sv) .md\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .md\:tw-text-heading-2xl,
  :lang(da) .md\:tw-text-heading-2xl,
  :lang(fi) .md\:tw-text-heading-2xl,
  :lang(nb) .md\:tw-text-heading-2xl,
  :lang(sv) .md\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .md\:tw-text-display-5,
  :lang(da) .md\:tw-text-display-5,
  :lang(fi) .md\:tw-text-display-5,
  :lang(nb) .md\:tw-text-display-5,
  :lang(sv) .md\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .md\:tw-text-heading-2xl,
  :lang(da) .md\:tw-text-heading-2xl,
  :lang(fi) .md\:tw-text-heading-2xl,
  :lang(nb) .md\:tw-text-heading-2xl,
  :lang(sv) .md\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .md\:tw-text-display-5,
  :lang(da) .md\:tw-text-display-5,
  :lang(fi) .md\:tw-text-display-5,
  :lang(nb) .md\:tw-text-display-5,
  :lang(sv) .md\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .md\:tw-text-heading-2xl,
  :lang(da) .md\:tw-text-heading-2xl,
  :lang(fi) .md\:tw-text-heading-2xl,
  :lang(nb) .md\:tw-text-heading-2xl,
  :lang(sv) .md\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}

@media (min-width: 1024px) {
  
  :lang(de) .lg\:tw-text-heading-xl,
  :lang(da) .lg\:tw-text-heading-xl,
  :lang(fi) .lg\:tw-text-heading-xl,
  :lang(nb) .lg\:tw-text-heading-xl,
  :lang(sv) .lg\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-heading-lg,
  :lang(da) .lg\:tw-text-heading-lg,
  :lang(fi) .lg\:tw-text-heading-lg,
  :lang(nb) .lg\:tw-text-heading-lg,
  :lang(sv) .lg\:tw-text-heading-lg {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-body-2xl,
  :lang(da) .lg\:tw-text-body-2xl,
  :lang(fi) .lg\:tw-text-body-2xl,
  :lang(nb) .lg\:tw-text-body-2xl,
  :lang(sv) .lg\:tw-text-body-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-heading-xl,
  :lang(da) .lg\:tw-text-heading-xl,
  :lang(fi) .lg\:tw-text-heading-xl,
  :lang(nb) .lg\:tw-text-heading-xl,
  :lang(sv) .lg\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-heading-lg,
  :lang(da) .lg\:tw-text-heading-lg,
  :lang(fi) .lg\:tw-text-heading-lg,
  :lang(nb) .lg\:tw-text-heading-lg,
  :lang(sv) .lg\:tw-text-heading-lg {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-body-2xl,
  :lang(da) .lg\:tw-text-body-2xl,
  :lang(fi) .lg\:tw-text-body-2xl,
  :lang(nb) .lg\:tw-text-body-2xl,
  :lang(sv) .lg\:tw-text-body-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-heading-xl,
  :lang(da) .lg\:tw-text-heading-xl,
  :lang(fi) .lg\:tw-text-heading-xl,
  :lang(nb) .lg\:tw-text-heading-xl,
  :lang(sv) .lg\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-heading-lg,
  :lang(da) .lg\:tw-text-heading-lg,
  :lang(fi) .lg\:tw-text-heading-lg,
  :lang(nb) .lg\:tw-text-heading-lg,
  :lang(sv) .lg\:tw-text-heading-lg {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-body-2xl,
  :lang(da) .lg\:tw-text-body-2xl,
  :lang(fi) .lg\:tw-text-body-2xl,
  :lang(nb) .lg\:tw-text-body-2xl,
  :lang(sv) .lg\:tw-text-body-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-heading-xl,
  :lang(da) .lg\:tw-text-heading-xl,
  :lang(fi) .lg\:tw-text-heading-xl,
  :lang(nb) .lg\:tw-text-heading-xl,
  :lang(sv) .lg\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-heading-lg,
  :lang(da) .lg\:tw-text-heading-lg,
  :lang(fi) .lg\:tw-text-heading-lg,
  :lang(nb) .lg\:tw-text-heading-lg,
  :lang(sv) .lg\:tw-text-heading-lg {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-body-2xl,
  :lang(da) .lg\:tw-text-body-2xl,
  :lang(fi) .lg\:tw-text-body-2xl,
  :lang(nb) .lg\:tw-text-body-2xl,
  :lang(sv) .lg\:tw-text-body-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-heading-xl,
  :lang(da) .lg\:tw-text-heading-xl,
  :lang(fi) .lg\:tw-text-heading-xl,
  :lang(nb) .lg\:tw-text-heading-xl,
  :lang(sv) .lg\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-heading-lg,
  :lang(da) .lg\:tw-text-heading-lg,
  :lang(fi) .lg\:tw-text-heading-lg,
  :lang(nb) .lg\:tw-text-heading-lg,
  :lang(sv) .lg\:tw-text-heading-lg {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .lg\:tw-text-body-2xl,
  :lang(da) .lg\:tw-text-body-2xl,
  :lang(fi) .lg\:tw-text-body-2xl,
  :lang(nb) .lg\:tw-text-body-2xl,
  :lang(sv) .lg\:tw-text-body-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}

@media (min-width: 1536px) {
  
  :lang(de) .\32xl\:tw-text-display-5,
  :lang(da) .\32xl\:tw-text-display-5,
  :lang(fi) .\32xl\:tw-text-display-5,
  :lang(nb) .\32xl\:tw-text-display-5,
  :lang(sv) .\32xl\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-2xl,
  :lang(da) .\32xl\:tw-text-heading-2xl,
  :lang(fi) .\32xl\:tw-text-heading-2xl,
  :lang(nb) .\32xl\:tw-text-heading-2xl,
  :lang(sv) .\32xl\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-xl,
  :lang(da) .\32xl\:tw-text-heading-xl,
  :lang(fi) .\32xl\:tw-text-heading-xl,
  :lang(nb) .\32xl\:tw-text-heading-xl,
  :lang(sv) .\32xl\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-display-5,
  :lang(da) .\32xl\:tw-text-display-5,
  :lang(fi) .\32xl\:tw-text-display-5,
  :lang(nb) .\32xl\:tw-text-display-5,
  :lang(sv) .\32xl\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-2xl,
  :lang(da) .\32xl\:tw-text-heading-2xl,
  :lang(fi) .\32xl\:tw-text-heading-2xl,
  :lang(nb) .\32xl\:tw-text-heading-2xl,
  :lang(sv) .\32xl\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-xl,
  :lang(da) .\32xl\:tw-text-heading-xl,
  :lang(fi) .\32xl\:tw-text-heading-xl,
  :lang(nb) .\32xl\:tw-text-heading-xl,
  :lang(sv) .\32xl\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-display-5,
  :lang(da) .\32xl\:tw-text-display-5,
  :lang(fi) .\32xl\:tw-text-display-5,
  :lang(nb) .\32xl\:tw-text-display-5,
  :lang(sv) .\32xl\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-2xl,
  :lang(da) .\32xl\:tw-text-heading-2xl,
  :lang(fi) .\32xl\:tw-text-heading-2xl,
  :lang(nb) .\32xl\:tw-text-heading-2xl,
  :lang(sv) .\32xl\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-xl,
  :lang(da) .\32xl\:tw-text-heading-xl,
  :lang(fi) .\32xl\:tw-text-heading-xl,
  :lang(nb) .\32xl\:tw-text-heading-xl,
  :lang(sv) .\32xl\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-display-5,
  :lang(da) .\32xl\:tw-text-display-5,
  :lang(fi) .\32xl\:tw-text-display-5,
  :lang(nb) .\32xl\:tw-text-display-5,
  :lang(sv) .\32xl\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-2xl,
  :lang(da) .\32xl\:tw-text-heading-2xl,
  :lang(fi) .\32xl\:tw-text-heading-2xl,
  :lang(nb) .\32xl\:tw-text-heading-2xl,
  :lang(sv) .\32xl\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-xl,
  :lang(da) .\32xl\:tw-text-heading-xl,
  :lang(fi) .\32xl\:tw-text-heading-xl,
  :lang(nb) .\32xl\:tw-text-heading-xl,
  :lang(sv) .\32xl\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-display-5,
  :lang(da) .\32xl\:tw-text-display-5,
  :lang(fi) .\32xl\:tw-text-display-5,
  :lang(nb) .\32xl\:tw-text-display-5,
  :lang(sv) .\32xl\:tw-text-display-5 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-2xl,
  :lang(da) .\32xl\:tw-text-heading-2xl,
  :lang(fi) .\32xl\:tw-text-heading-2xl,
  :lang(nb) .\32xl\:tw-text-heading-2xl,
  :lang(sv) .\32xl\:tw-text-heading-2xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  
  :lang(de) .\32xl\:tw-text-heading-xl,
  :lang(da) .\32xl\:tw-text-heading-xl,
  :lang(fi) .\32xl\:tw-text-heading-xl,
  :lang(nb) .\32xl\:tw-text-heading-xl,
  :lang(sv) .\32xl\:tw-text-heading-xl {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:eco-modal-backdrop--visible {
    display: block;
  }

  .max-md\:eco-modal--open {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }

  .max-md\:eco-modal-section {
    display: none;
    overflow-x: auto;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .max-md\:eco-modal-section--visible {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }

  .max-md\:eco-modal-body {
    min-height: 125px;
    overflow-y: auto;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 15px;
    font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
    line-height: 1.45;
    font-weight: 450;
  }

  .max-md\:eco-modal-section {
    display: none;
    overflow-x: auto;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .max-md\:eco-modal-section[data-section='loading'] .eco-modal-body {
    min-height: 200px;
  }

  .max-md\:eco-modal-body {
    min-height: 125px;
    overflow-y: auto;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 15px;
    font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
    line-height: 1.45;
    font-weight: 450;
  }

  .eco-modal-section[data-section='loading'] .max-md\:eco-modal-body {
    min-height: 200px;
  }

  .max-md\:eco-modal-section {
    display: none;
    overflow-x: auto;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .max-md\:eco-modal-section[data-section='loading'] .eco-modal-body {
    min-height: 200px;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .max-md\:eco-modal-body {
    min-height: 125px;
    overflow-y: auto;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 15px;
    font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
    line-height: 1.45;
    font-weight: 450;
  }

  .eco-modal-section[data-section='loading'] .max-md\:eco-modal-body {
    min-height: 200px;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .md\:tw-container {
    max-width: 1536px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  @media (min-width: 1024px) {
    .md\:tw-container {
      padding-left: 32px;
      padding-right: 32px;
    }
  }

  @media (min-width: 1280px) {
    .md\:tw-container {
      padding-left: 64px;
      padding-right: 64px;
    }
  }
}

.placeholder\:tw-text-fg-tertiary::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-600) / var(--tw-text-opacity, 1));
}

.before\:tw-absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:tw-left-0::before {
  content: var(--tw-content);
  left: 0px;
}

.before\:tw-top-0::before {
  content: var(--tw-content);
  top: 0px;
}

.before\:tw-mx-xs::before {
  content: var(--tw-content);
  margin-left: 4px;
  margin-right: 4px;
}

.before\:tw-inline-block::before {
  content: var(--tw-content);
  display: inline-block;
}

.before\:tw-h-4::before {
  content: var(--tw-content);
  height: 1rem;
}

.before\:tw-h-full::before {
  content: var(--tw-content);
  height: 100%;
}

.before\:tw-w-4::before {
  content: var(--tw-content);
  width: 1rem;
}

.before\:-tw-translate-x-full::before {
  content: var(--tw-content);
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:tw-rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:tw-border::before {
  content: var(--tw-content);
  border-width: 1px;
}

.before\:tw-border-l::before {
  content: var(--tw-content);
  border-left-width: 1px;
}

.before\:tw-border-solid::before {
  content: var(--tw-content);
  border-style: solid;
}

.before\:tw-border-\[inherit\]::before {
  content: var(--tw-content);
  border-color: inherit;
}

.before\:tw-border-input-stroke-hover::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
}

.before\:tw-align-middle::before {
  content: var(--tw-content);
  vertical-align: middle;
}

.before\:tw-opacity-20::before {
  content: var(--tw-content);
  opacity: 0.2;
}

.before\:tw-content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.before\:tw-content-\[\'\2022\'\]::before {
  --tw-content: '•';
  content: var(--tw-content);
}

.before\:tw-content-\[attr\(data-before\)\]::before {
  --tw-content: attr(data-before);
  content: var(--tw-content);
}

.before\:tw-content-\[open-quote\]::before {
  --tw-content: open-quote;
  content: var(--tw-content);
}

.after\:tw-pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}

.after\:tw-absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:tw-inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}

.after\:tw-rounded-md::after {
  content: var(--tw-content);
  border-radius: 12px;
}

.after\:tw-rounded-sm::after {
  content: var(--tw-content);
  border-radius: 8px;
}

.after\:tw-pl-sm::after {
  content: var(--tw-content);
  padding-left: 8px;
}

.after\:tw-shadow-\[inset_-1px_0_0_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\]::after {
  content: var(--tw-content);
  --tw-shadow: inset -1px 0 0 0 rgba(0,0,0,0.1);
  --tw-shadow-colored: inset -1px 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:tw-shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]::after {
  content: var(--tw-content);
  --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:tw-shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]::after {
  content: var(--tw-content);
  --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:tw-shadow-\[inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)\]::after {
  content: var(--tw-content);
  --tw-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:tw-content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:tw-content-\[\'\2c \'\]::after {
  --tw-content: ',';
  content: var(--tw-content);
}

.after\:tw-content-\[\'\:\'\]::after {
  --tw-content: ':';
  content: var(--tw-content);
}

.after\:tw-content-\[\'\203A\'\]::after {
  --tw-content: '›';
  content: var(--tw-content);
}

.after\:tw-content-\[attr\(data-after\)\]::after {
  --tw-content: attr(data-after);
  content: var(--tw-content);
}

.after\:tw-content-\[close-quote\]::after {
  --tw-content: close-quote;
  content: var(--tw-content);
}

.first\:tw-ml-lg:first-child {
  margin-left: 16px;
}

.first\:tw-pt-0:first-child {
  padding-top: 0px;
}

.first\:tw-pt-sm:first-child {
  padding-top: 8px;
}

.last\:tw-mb-0:last-child {
  margin-bottom: 0px;
}

.last\:tw-mr-0:last-child {
  margin-right: 0px;
}

.last\:tw-mr-lg:last-child {
  margin-right: 16px;
}

.last\:tw-border-0:last-child {
  border-width: 0px;
}

.last\:tw-pb-0:last-child {
  padding-bottom: 0px;
}

.last\:after\:tw-content-\[\'\'\]:last-child::after {
  --tw-content: '';
  content: var(--tw-content);
}

.last\:after\:tw-content-none:last-child::after {
  --tw-content: none;
  content: var(--tw-content);
}

.open\:tw-translate-y-0[open] {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.checked\:tw-border-input-stroke-active:checked {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

.checked\:before\:tw-border-2:checked::before {
  content: var(--tw-content);
  border-width: 2px;
}

.checked\:before\:tw-border-stroke-highlight-secondary:checked::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-secondary) / var(--tw-border-opacity, 1));
}

.checked\:before\:tw-bg-input-stroke-active:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-highlight-primary) / var(--tw-bg-opacity, 1));
}

.checked\:before\:tw-shadow-radioButtonInner:checked::before {
  content: var(--tw-content);
  --tw-shadow: 0 0 0 3px white inset;
  --tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.placeholder-shown\:tw-text-ellipsis:placeholder-shown {
  text-overflow: ellipsis;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:tw-scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hover\:tw-scale-\[1\.1\]:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hover\:tw-cursor-pointer:hover {
    cursor: pointer;
  }

  .hover\:tw-border-button-stroke-secondary-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
  }

  .hover\:tw-border-fg-inverted-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-base-white) / var(--tw-border-opacity, 1));
  }

  .hover\:tw-border-fg-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-base-black) / var(--tw-border-opacity, 1));
  }

  .hover\:tw-border-input-stroke-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
  }

  .hover\:tw-border-transparent:hover {
    border-color: transparent;
  }

  .hover\:tw-bg-\[\#F2F7FA\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 247 250 / var(--tw-bg-opacity, 1));
  }

  .hover\:tw-bg-\[\#ececec\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
  }

  .hover\:tw-bg-button-canvas-secondary-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
  }

  .hover\:tw-bg-canvas-tertiary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
  }

  .hover\:tw-bg-input-canvas-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
  }

  .hover\:tw-text-fg-accent-blue:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-blue-900) / var(--tw-text-opacity, 1));
  }

  .hover\:tw-text-fg-highlight-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
  }

  .hover\:tw-text-fg-highlight-secondary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
  }

  .hover\:tw-text-fg-inverted-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-base-white) / var(--tw-text-opacity, 1));
  }

  .hover\:tw-text-fg-inverted-tertiary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-grey-500) / var(--tw-text-opacity, 1));
  }

  .hover\:tw-text-fg-magic-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-polaris-purple-14) / var(--tw-text-opacity, 1));
  }

  .hover\:tw-text-fg-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
  }

  .hover\:tw-text-fg-secondary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-grey-700) / var(--tw-text-opacity, 1));
  }

  .hover\:tw-underline:hover {
    text-decoration-line: underline;
  }

  .hover\:tw-no-underline:hover {
    text-decoration-line: none;
  }

  .hover\:tw-decoration-stroke-link-hover:hover {
    text-decoration-color: rgb(var(--color-highlight-secondary) / 1);
  }

  .hover\:tw-opacity-75:hover {
    opacity: 0.75;
  }
}

.focus\:tw-border-button-stroke-secondary-focus:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

.focus\:tw-border-input-stroke-focus:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

.focus\:tw-outline:focus {
  outline-style: solid;
}

.focus\:tw-outline-3:focus {
  outline-width: 3px;
}

.focus\:tw-outline-offset-0:focus {
  outline-offset: 0px;
}

.focus\:tw-outline-offset-1:focus {
  outline-offset: 1px;
}

.focus\:tw-outline-button-outline-focus:focus {
  outline-color: rgb(var(--color-highlight-secondary) / 1);
}

.focus\:tw-outline-stroke-highlight-secondary:focus {
  outline-color: rgb(var(--color-highlight-secondary) / 1);
}

.focus-visible\:tw-outline:focus-visible {
  outline-style: solid;
}

.active\:tw-border-b:active {
  border-bottom-width: 1px;
}

.active\:tw-border-button-stroke-secondary-active:active {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
}

.active\:tw-border-input-stroke-active:active {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-highlight-primary) / var(--tw-border-opacity, 1));
}

.active\:tw-border-stroke-accent-blue:active {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-blue-300) / var(--tw-border-opacity, 1));
}

.active\:tw-bg-button-canvas-secondary-active:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
}

.active\:tw-bg-canvas-accent-blue:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity, 1));
}

.active\:tw-bg-input-canvas-active:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-base-white) / var(--tw-bg-opacity, 1));
}

.active\:tw-text-fg-highlight-primary:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
}

.active\:tw-text-fg-highlight-secondary:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-highlight-secondary) / var(--tw-text-opacity, 1));
}

.active\:tw-text-fg-inverted-primary:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-white) / var(--tw-text-opacity, 1));
}

.active\:tw-text-fg-primary:active {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
}

.active\:tw-underline:active {
  text-decoration-line: underline;
}

.active\:tw-no-underline:active {
  text-decoration-line: none;
}

.disabled\:tw-cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:tw-border-input-stroke-disabled:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

.disabled\:tw-text-fg-disabled:disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-400) / var(--tw-text-opacity, 1));
}

.disabled\:before\:tw-border:disabled::before {
  content: var(--tw-content);
  border-width: 1px;
}

.disabled\:before\:tw-border-input-stroke-default:disabled::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-grey-400) / var(--tw-border-opacity, 1));
}

.tw-group:focus-within .group-focus-within\:\[mask-image\:url\(merchant\/navbar\/search-icon\)\] {
  -webkit-mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/navbar/search-icon-da7ab7c936fa63eace4f733df824904b59a1e78dc22d801183aaad2b2e38f09c.svg);
          mask-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/navbar/search-icon-da7ab7c936fa63eace4f733df824904b59a1e78dc22d801183aaad2b2e38f09c.svg);
}

@media (hover: hover) and (pointer: fine) {
  .tw-group:hover .group-hover\:-tw-translate-x-2xs {
    --tw-translate-x: -2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .tw-group:hover .group-hover\:tw-translate-x-2xs {
    --tw-translate-x: 2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .tw-group:hover .group-hover\:tw-translate-x-sm {
    --tw-translate-x: 8px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .tw-group:hover .group-hover\:tw-scale-\[1\.025\] {
    --tw-scale-x: 1.025;
    --tw-scale-y: 1.025;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .tw-group:hover .group-hover\:tw-border-\[inherit\] {
    border-color: inherit;
  }

  .tw-group:hover .group-hover\:tw-text-fg-highlight-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--color-highlight-primary) / var(--tw-text-opacity, 1));
  }

  .tw-group:hover .group-hover\:tw-text-fg-inverted-highlight-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--color-green-400) / var(--tw-text-opacity, 1));
  }
}

.tw-group.open .group-\[\.open\]\:tw-block {
  display: block;
}

.tw-group.selected .group-\[\.selected\]\:tw-block {
  display: block;
}

.tw-group.selected .group-\[\.selected\]\:tw-inline {
  display: inline;
}

.tw-group.open .group-\[\.open\]\:tw-hidden {
  display: none;
}

.tw-group.selected .group-\[\.selected\]\:tw-hidden {
  display: none;
}

.tw-group.open .group-\[\.open\]\:\!tw-h-\[calc-size\(auto\2c size\)\] {
  height: calc-size(auto,size) !important;
}

.tw-group.open .group-\[\.open\]\:tw-h-auto {
  height: auto;
}

.tw-group.tw-active .group-\[\.tw-active\]\:tw-rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tw-group.selection-enabled .group-\[\.selection-enabled\]\:tw-cursor-not-allowed {
  cursor: not-allowed;
}

.tw-group.selected .group-\[\.selected\]\:\!tw-border {
  border-width: 1px !important;
}

.tw-group.selected .group-\[\.selected\]\:\!tw-border-stroke-secondary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1)) !important;
}

.tw-group.selected .group-\[\.selected\]\:\!tw-bg-canvas-tertiary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1)) !important;
}

.tw-group.selected .group-\[\.selected\]\:tw-bg-canvas-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-50) / var(--tw-bg-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-text-fg-inverted-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-white) / var(--tw-text-opacity, 1));
}

.tw-peer:checked ~ .peer-checked\:tw-text-fg-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-base-black) / var(--tw-text-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {
  .tw-peer:hover ~ .peer-hover\:tw-border-button-stroke-secondary-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-500) / var(--tw-border-opacity, 1));
  }

  .tw-peer:hover ~ .peer-hover\:tw-bg-button-canvas-secondary-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
  }
}

.tw-peer:focus ~ .peer-focus\:tw-outline {
  outline-style: solid;
}

.tw-peer:disabled ~ .peer-disabled\:tw-text-fg-disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--color-grey-400) / var(--tw-text-opacity, 1));
}

.aria-disabled\:tw-pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}

.aria-disabled\:tw-opacity-30[aria-disabled="true"] {
  opacity: 0.3;
}

.data-\[selected\=true\]\:tw-border-stroke-accent-blue[data-selected="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-blue-300) / var(--tw-border-opacity, 1));
}

.data-\[selected\=true\]\:tw-bg-canvas-accent-blue[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity, 1));
}

.webkit-search-cancel-button\:tw-hidden::-webkit-search-cancel-button {
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes tw-fade-out {
    0% {
      opacity: 100%;
    }

    100% {
      opacity: 0%;
    }
  }

  .motion-safe\:tw-animate-fade-out {
    animation: tw-fade-out linear 250ms 1 both;
  }

  @keyframes tw-slide-up {
    0% {
      transform: translateY(100%);
    }

    80% {
      transform: translateY(-10%);
    }

    100% {
      transform: none;
    }
  }

  .motion-safe\:tw-animate-slide-up {
    animation: tw-slide-up ease-out 500ms 1 both;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:tw-flex {
    display: flex;
  }

  .max-md\:tw-hidden {
    display: none;
  }

  .max-md\:tw-min-h-0 {
    min-height: 0px;
  }

  .max-md\:tw-pt-0 {
    padding-top: 0px;
  }
}

@media (min-width: 420px) {
  .\32xs\:tw-text-heading-3xl {
    font-size: 29px;
    font-size: clamp(1.438rem, 2.031vw + 0.625rem, 2.25rem);
    line-height: 1.2;
    line-height: clamp(1.797rem, 1.977vw + 1.006rem, 2.588rem);
    letter-spacing: -0.02em;
    font-weight: 650;
  }
}

@media (min-width: 500px) {
  .xs\:tw-block {
    display: block;
  }

  .xs\:tw-hidden {
    display: none;
  }

  .xs\:tw-w-auto {
    width: auto;
  }

  .xs\:tw-min-w-\[45\%\] {
    min-width: 45%;
  }

  .xs\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xs\:tw-flex-row {
    flex-direction: row;
  }

  .xs\:tw-justify-items-start {
    justify-items: start;
  }

  .xs\:tw-gap-gutter--mobile {
    gap: 16px;
  }

  .xs\:tw-pt-md {
    padding-top: 12px;
  }

  .xs\:tw-text-display-6 {
    font-size: 46px;
    font-size: clamp(1.813rem, 3.594vw + 0.375rem, 3.25rem);
    line-height: 1.2;
    line-height: clamp(2.266rem, 3.68vw + 0.794rem, 3.738rem);
    letter-spacing: -0.02em;
    font-weight: 600;
  }
}

@media (min-width: 640px) {
  .sm\:tw-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .sm\:tw-relative {
    position: relative;
  }

  .sm\:tw-right-0 {
    right: 0px;
  }

  .sm\:tw-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:tw-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:-tw-mb-4xl {
    margin-bottom: -64px;
  }

  .sm\:tw-mb-0 {
    margin-bottom: 0px;
  }

  .sm\:tw-mb-2xl {
    margin-bottom: 32px;
  }

  .sm\:tw-mb-xs {
    margin-bottom: 4px;
  }

  .sm\:tw-ml-0 {
    margin-left: 0px;
  }

  .sm\:tw-mr-0 {
    margin-right: 0px;
  }

  .sm\:tw-mt-0 {
    margin-top: 0px;
  }

  .sm\:tw-mt-xl {
    margin-top: 24px;
  }

  .sm\:tw-block {
    display: block;
  }

  .sm\:tw-hidden {
    display: none;
  }

  .sm\:tw-aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }

  .sm\:tw-h-16 {
    height: 4rem;
  }

  .sm\:tw-h-\[42px\] {
    height: 42px;
  }

  .sm\:tw-h-full {
    height: 100%;
  }

  .sm\:tw-w-1\/2 {
    width: 50%;
  }

  .sm\:tw-w-16 {
    width: 4rem;
  }

  .sm\:tw-w-96 {
    width: 24rem;
  }

  .sm\:tw-w-\[42px\] {
    width: 42px;
  }

  .sm\:tw-w-auto {
    width: auto;
  }

  .sm\:tw-w-full {
    width: 100%;
  }

  .sm\:tw-min-w-\[30\%\] {
    min-width: 30%;
  }

  .sm\:tw-flex-\[1_1_30\%\] {
    flex: 1 1 30%;
  }

  .sm\:tw-flex-\[3_1_70\%\] {
    flex: 3 1 70%;
  }

  .sm\:tw-flex-none {
    flex: none;
  }

  .sm\:tw-flex-grow-0 {
    flex-grow: 0;
  }

  .sm\:tw-basis-16 {
    flex-basis: 4rem;
  }

  .sm\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:tw-grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .sm\:tw-flex-row {
    flex-direction: row;
  }

  .sm\:tw-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:tw-flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:tw-items-end {
    align-items: flex-end;
  }

  .sm\:tw-items-center {
    align-items: center;
  }

  .sm\:tw-justify-center {
    justify-content: center;
  }

  .sm\:tw-justify-between {
    justify-content: space-between;
  }

  .sm\:tw-gap-2xs {
    gap: 2px;
  }

  .sm\:tw-gap-gutter--desktop {
    gap: 32px;
  }

  .sm\:tw-gap-gutter--mobile {
    gap: 16px;
  }

  .sm\:tw-gap-x-2 {
    column-gap: 0.5rem;
  }

  .sm\:tw-self-stretch {
    align-self: stretch;
  }

  .sm\:tw-overflow-visible {
    overflow: visible;
  }

  .sm\:tw-rounded-md {
    border-radius: 12px;
  }

  .sm\:tw-border {
    border-width: 1px;
  }

  .sm\:tw-border-l {
    border-left-width: 1px;
  }

  .sm\:tw-border-stroke-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
  }

  .sm\:tw-bg-\[url\(merchant\/navbar\/close\)\] {
    background-image: url(https://cdn.shopify.com/shopifycloud/shopify_app_store/assets/merchant/navbar/close-d8135512b5f5d89ef5d4c8ae94041d79fcc8addea0e1b4adf07547db4197b4b8.svg);
  }

  .sm\:tw-p-0 {
    padding: 0px;
  }

  .sm\:tw-p-xl {
    padding: 24px;
  }

  .sm\:tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:tw-px-xl {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sm\:tw-py-3xl {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .sm\:tw-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:tw-py-lg {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .sm\:tw-py-md {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .sm\:tw-py-xl {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .sm\:tw-pb-0 {
    padding-bottom: 0px;
  }

  .sm\:tw-pb-lg {
    padding-bottom: 16px;
  }

  .sm\:tw-pb-xl {
    padding-bottom: 24px;
  }

  .sm\:tw-pl-gutter--mobile {
    padding-left: 16px;
  }

  .sm\:tw-pl-lg {
    padding-left: 16px;
  }

  .sm\:tw-pr-lg {
    padding-right: 16px;
  }

  .sm\:tw-pt-0 {
    padding-top: 0px;
  }

  .sm\:tw-pt-xs {
    padding-top: 4px;
  }

  .sm\:tw-text-display-3 {
    font-size: 66px;
    font-size: clamp(2.563rem, 5.156vw + 0.5rem, 4.625rem);
    line-height: 1.1;
    line-height: clamp(2.947rem, 4.773vw + 1.038rem, 4.856rem);
    letter-spacing: -0.03em;
    font-weight: 600;
  }

  .sm\:tw-text-display-5 {
    font-size: 52px;
    font-size: clamp(2.063rem, 3.906vw + 0.5rem, 3.625rem);
    line-height: 1.15;
    line-height: clamp(2.475rem, 3.781vw + 0.963rem, 3.988rem);
    letter-spacing: -0.02em;
    font-weight: 600;
  }

  .sm\:tw-text-heading-xs {
    font-size: 12px;
    font-size: clamp(0.688rem, 0.156vw + 0.625rem, 0.75rem);
    line-height: 1.45;
    font-weight: 650;
  }

  .sm\:tw-text-link-sm {
    font-size: 13px;
    font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
    line-height: 1.45;
    font-weight: 500;
  }

  .sm\:tw-shadow-search {
    --tw-shadow: 0 2.77px 2.21px rgba(0,0,0,0.0197), 0 6.65px 5.32px rgba(0,0,0,0.0283), 0 12.52px 10.02px rgba(0,0,0,0.035), 0 22.34px 17.87px rgba(0,0,0,0.0417), 0 41.78px 33.42px rgba(0,0,0,0.0503), 0 100px 80px rgba(0,0,0,0.07);
    --tw-shadow-colored: 0 2.77px 2.21px var(--tw-shadow-color), 0 6.65px 5.32px var(--tw-shadow-color), 0 12.52px 10.02px var(--tw-shadow-color), 0 22.34px 17.87px var(--tw-shadow-color), 0 41.78px 33.42px var(--tw-shadow-color), 0 100px 80px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus\:tw-not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .sm\:focus\:tw-bg-\[length\:1\.25rem\]:focus {
    background-size: 1.25rem;
  }
}

@media (min-width: 768px) {
  .md\:tw-absolute {
    position: absolute;
  }

  .md\:tw-sticky {
    position: sticky;
  }

  .md\:tw-left-0 {
    left: 0px;
  }

  .md\:tw-right-0 {
    right: 0px;
  }

  .md\:tw-top-0 {
    top: 0px;
  }

  .md\:tw-top-\[62px\] {
    top: 62px;
  }

  .md\:tw-top-navOffset--desktop {
    top: 120px;
  }

  .md\:tw-z-\[11\] {
    z-index: 11;
  }

  .md\:tw-order-1 {
    order: 1;
  }

  .md\:tw-order-2 {
    order: 2;
  }

  .md\:tw-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:tw-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:tw-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:tw-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:tw-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:tw-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:tw-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:tw-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:tw-col-start-2 {
    grid-column-start: 2;
  }

  .md\:tw-col-start-7 {
    grid-column-start: 7;
  }

  .md\:tw-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:tw-row-start-1 {
    grid-row-start: 1;
  }

  .md\:tw-row-start-6 {
    grid-row-start: 6;
  }

  .md\:tw-row-start-\[11\] {
    grid-row-start: 11;
  }

  .md\:tw-my-2xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .md\:tw-my-3xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .md\:tw-my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .md\:-tw-mt-\[0\.1em\] {
    margin-top: -0.1em;
  }

  .md\:tw-mb-0 {
    margin-bottom: 0px;
  }

  .md\:tw-mb-2xl {
    margin-bottom: 32px;
  }

  .md\:tw-mb-3 {
    margin-bottom: 0.75rem;
  }

  .md\:tw-mb-3xl {
    margin-bottom: 48px;
  }

  .md\:tw-mb-4xl {
    margin-bottom: 64px;
  }

  .md\:tw-mb-\[1\.125rem\] {
    margin-bottom: 1.125rem;
  }

  .md\:tw-mb-lg {
    margin-bottom: 16px;
  }

  .md\:tw-mb-md {
    margin-bottom: 12px;
  }

  .md\:tw-mb-sm {
    margin-bottom: 8px;
  }

  .md\:tw-ml-auto {
    margin-left: auto;
  }

  .md\:tw-mr-xl {
    margin-right: 24px;
  }

  .md\:tw-mt-0 {
    margin-top: 0px;
  }

  .md\:tw-mt-2xl {
    margin-top: 32px;
  }

  .md\:tw-mt-lg {
    margin-top: 16px;
  }

  .md\:tw-mt-md {
    margin-top: 12px;
  }

  .md\:tw-mt-xl {
    margin-top: 24px;
  }

  .md\:tw-block {
    display: block;
  }

  .md\:tw-inline-block {
    display: inline-block;
  }

  .md\:tw-inline {
    display: inline;
  }

  .md\:tw-flex {
    display: flex;
  }

  .md\:tw-grid {
    display: grid;
  }

  .md\:tw-hidden {
    display: none;
  }

  .md\:tw-aspect-\[1408\/450\] {
    aspect-ratio: 1408/450;
  }

  .md\:tw-aspect-\[5\/2\] {
    aspect-ratio: 5/2;
  }

  .md\:tw-aspect-\[auto\] {
    aspect-ratio: auto;
  }

  .md\:tw-h-12 {
    height: 3rem;
  }

  .md\:tw-h-5 {
    height: 1.25rem;
  }

  .md\:tw-h-7 {
    height: 1.75rem;
  }

  .md\:tw-h-\[32px\] {
    height: 32px;
  }

  .md\:tw-w-3\/4 {
    width: 75%;
  }

  .md\:tw-w-44 {
    width: 11rem;
  }

  .md\:tw-w-7 {
    width: 1.75rem;
  }

  .md\:tw-w-8xl {
    width: 256px;
  }

  .md\:tw-w-9\/12 {
    width: 75%;
  }

  .md\:tw-w-\[200px\] {
    width: 200px;
  }

  .md\:tw-w-appIcon--xl {
    width: 96px;
  }

  .md\:tw-min-w-0 {
    min-width: 0px;
  }

  .md\:tw-max-w-\[75\%\] {
    max-width: 75%;
  }

  .md\:tw-max-w-fit {
    max-width: -webkit-fit-content;
    max-width: fit-content;
  }

  .md\:tw-flex-\[1_1_29\%\] {
    flex: 1 1 29%;
  }

  .md\:tw-flex-\[3_1_71\%\] {
    flex: 3 1 71%;
  }

  .md\:tw-shrink {
    flex-shrink: 1;
  }

  .md\:tw-basis-1\/2 {
    flex-basis: 50%;
  }

  .md\:tw-basis-1\/3 {
    flex-basis: 33.333333%;
  }

  .md\:tw-basis-2\/3 {
    flex-basis: 66.666667%;
  }

  .md\:tw-table-fixed {
    table-layout: fixed;
  }

  .md\:-tw-translate-y-full {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:tw-snap-none {
    scroll-snap-type: none;
  }

  .md\:tw-scroll-mt-20 {
    scroll-margin-top: 5rem;
  }

  .md\:tw-scroll-mt-32 {
    scroll-margin-top: 8rem;
  }

  .md\:tw-grid-flow-col {
    grid-auto-flow: column;
  }

  .md\:tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:tw-flex-row {
    flex-direction: row;
  }

  .md\:tw-flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:tw-items-start {
    align-items: flex-start;
  }

  .md\:tw-items-end {
    align-items: flex-end;
  }

  .md\:tw-justify-end {
    justify-content: flex-end;
  }

  .md\:tw-justify-between {
    justify-content: space-between;
  }

  .md\:tw-gap-0 {
    gap: 0px;
  }

  .md\:tw-gap-gutter--desktop {
    gap: 32px;
  }

  .md\:tw-gap-lg {
    gap: 16px;
  }

  .md\:tw-gap-sm {
    gap: 8px;
  }

  .md\:tw-gap-xl {
    gap: 24px;
  }

  .md\:tw-gap-xs {
    gap: 4px;
  }

  .md\:tw-gap-x-4 {
    column-gap: 1rem;
  }

  .md\:tw-gap-y-10 {
    row-gap: 2.5rem;
  }

  .md\:tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }

  .md\:tw-space-y-2xl > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(32px * var(--tw-space-y-reverse));
  }

  .md\:tw-self-stretch {
    align-self: stretch;
  }

  .md\:tw-overflow-x-visible {
    overflow-x: visible;
  }

  .md\:tw-whitespace-normal {
    white-space: normal;
  }

  .md\:tw-rounded-md {
    border-radius: 12px;
  }

  .md\:tw-rounded-sm {
    border-radius: 8px;
  }

  .md\:tw-rounded-xl {
    border-radius: 24px;
  }

  .md\:tw-rounded-xs {
    border-radius: 4px;
  }

  .md\:tw-border {
    border-width: 1px;
  }

  .md\:tw-border-b {
    border-bottom-width: 1px;
  }

  .md\:tw-border-r {
    border-right-width: 1px;
  }

  .md\:tw-border-t {
    border-top-width: 1px;
  }

  .md\:tw-border-solid {
    border-style: solid;
  }

  .md\:tw-border-stroke-inverted-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-800) / var(--tw-border-opacity, 1));
  }

  .md\:tw-border-stroke-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
  }

  .md\:tw-bg-canvas-tertiary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-grey-100) / var(--tw-bg-opacity, 1));
  }

  .md\:tw-bg-\[length\:14px_14px\] {
    background-size: 14px 14px;
  }

  .md\:tw-bg-\[length\:17px_10px\] {
    background-size: 17px 10px;
  }

  .md\:tw-p-0 {
    padding: 0px;
  }

  .md\:tw-p-4 {
    padding: 1rem;
  }

  .md\:tw-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:tw-px-2xl {
    padding-left: 32px;
    padding-right: 32px;
  }

  .md\:tw-px-3xl {
    padding-left: 48px;
    padding-right: 48px;
  }

  .md\:tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:tw-px-md {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md\:tw-py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .md\:tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:tw-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:tw-py-2xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .md\:tw-py-lg {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .md\:tw-py-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .md\:tw-py-xl {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .md\:tw-pb-2xl {
    padding-bottom: 32px;
  }

  .md\:tw-pb-3xl {
    padding-bottom: 48px;
  }

  .md\:tw-pb-\[\.875rem\] {
    padding-bottom: .875rem;
  }

  .md\:tw-pb-lg {
    padding-bottom: 16px;
  }

  .md\:tw-pb-sm {
    padding-bottom: 8px;
  }

  .md\:tw-pb-xl {
    padding-bottom: 24px;
  }

  .md\:tw-pl-\[23px\] {
    padding-left: 23px;
  }

  .md\:tw-pr-gutter--mobile {
    padding-right: 16px;
  }

  .md\:tw-pr-xl {
    padding-right: 24px;
  }

  .md\:tw-pt-0 {
    padding-top: 0px;
  }

  .md\:tw-pt-2xl {
    padding-top: 32px;
  }

  .md\:tw-pt-lg {
    padding-top: 16px;
  }

  .md\:tw-pt-md {
    padding-top: 12px;
  }

  .md\:tw-pt-xl {
    padding-top: 24px;
  }

  .md\:tw-text-body-md {
    font-size: 15px;
    font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
    line-height: 1.45;
    font-weight: 450;
  }

  .md\:tw-text-body-sm {
    font-size: 13px;
    font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
    line-height: 1.45;
    font-weight: 450;
  }

  .md\:tw-text-body-xs {
    font-size: 12px;
    font-size: clamp(0.688rem, 0.156vw + 0.625rem, 0.75rem);
    line-height: 1.45;
    font-weight: 450;
  }

  .md\:tw-text-display-5 {
    font-size: 52px;
    font-size: clamp(2.063rem, 3.906vw + 0.5rem, 3.625rem);
    line-height: 1.15;
    line-height: clamp(2.475rem, 3.781vw + 0.963rem, 3.988rem);
    letter-spacing: -0.02em;
    font-weight: 600;
  }

  .md\:tw-text-heading-2xl {
    font-size: 26px;
    font-size: clamp(1.25rem, 1.406vw + 0.688rem, 1.813rem);
    line-height: 1.3;
    line-height: clamp(1.688rem, 1.445vw + 1.109rem, 2.266rem);
    letter-spacing: -0.01em;
    font-weight: 650;
  }

  .md\:tw-text-label-sm {
    font-size: 12px;
    font-size: clamp(0.688rem, 0.156vw + 0.625rem, 0.75rem);
    line-height: 1;
    font-weight: 500;
  }

  .md\:tw-text-link-md {
    font-size: 15px;
    font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
    line-height: 1.45;
    font-weight: 500;
  }

  .md\:tw-text-link-sm {
    font-size: 13px;
    font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
    line-height: 1.45;
    font-weight: 500;
  }

  .md\:tw-leading-relaxed {
    line-height: 1.625;
  }

  .md\:tw-leading-tight {
    line-height: 1.25;
  }

  .after\:md\:tw-content-none::after {
    --tw-content: none;
    content: var(--tw-content);
  }

  .md\:first\:tw-ml-0:first-child {
    margin-left: 0px;
  }

  .md\:first\:tw-pl-0:first-child {
    padding-left: 0px;
  }

  .md\:last\:tw-mr-0:last-child {
    margin-right: 0px;
  }

  .md\:last\:tw-pr-0:last-child {
    padding-right: 0px;
  }
}

@media (min-width: 1024px) {
  .lg\:tw-sticky {
    position: sticky;
  }

  .lg\:-tw-inset-md {
    inset: -12px;
  }

  .lg\:tw-top-\[70px\] {
    top: 70px;
  }

  .lg\:tw-top-navOffset--desktop {
    top: 120px;
  }

  .lg\:tw-z-\[1000\] {
    z-index: 1000;
  }

  .lg\:tw-order-1 {
    order: 1;
  }

  .lg\:tw-order-2 {
    order: 2;
  }

  .lg\:tw-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:tw-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .lg\:tw-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:tw-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:tw-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:tw-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:tw-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:tw-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:tw-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:tw-col-start-2 {
    grid-column-start: 2;
  }

  .lg\:tw-col-start-3 {
    grid-column-start: 3;
  }

  .lg\:tw-col-start-5 {
    grid-column-start: 5;
  }

  .lg\:tw-col-start-8 {
    grid-column-start: 8;
  }

  .lg\:tw-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:tw-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .lg\:tw-row-start-4 {
    grid-row-start: 4;
  }

  .lg\:tw-row-start-\[9\] {
    grid-row-start: 9;
  }

  .lg\:tw-my-2xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .lg\:tw-my-3xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .lg\:tw-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:tw-my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .lg\:-tw-mt-\[0\.2em\] {
    margin-top: -0.2em;
  }

  .lg\:-tw-mt-sm {
    margin-top: -8px;
  }

  .lg\:tw-mb-0 {
    margin-bottom: 0px;
  }

  .lg\:tw-mb-3xl {
    margin-bottom: 48px;
  }

  .lg\:tw-mb-lg {
    margin-bottom: 16px;
  }

  .lg\:tw-mb-sm {
    margin-bottom: 8px;
  }

  .lg\:tw-mb-xs {
    margin-bottom: 4px;
  }

  .lg\:tw-ml-6 {
    margin-left: 1.5rem;
  }

  .lg\:tw-mr-0 {
    margin-right: 0px;
  }

  .lg\:tw-mt-0 {
    margin-top: 0px;
  }

  .lg\:tw-mt-2xl {
    margin-top: 32px;
  }

  .lg\:tw-mt-lg {
    margin-top: 16px;
  }

  .lg\:tw-mt-md {
    margin-top: 12px;
  }

  .lg\:tw-mt-sm {
    margin-top: 8px;
  }

  .lg\:tw-mt-xl {
    margin-top: 24px;
  }

  .lg\:tw-block {
    display: block;
  }

  .lg\:tw-inline-block {
    display: inline-block;
  }

  .lg\:tw-inline {
    display: inline;
  }

  .lg\:tw-flex {
    display: flex;
  }

  .lg\:tw-grid {
    display: grid;
  }

  .lg\:tw-hidden {
    display: none;
  }

  .lg\:tw-aspect-\[1168\/430\] {
    aspect-ratio: 1168/430;
  }

  .lg\:tw-aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }

  .lg\:tw-aspect-\[928\/400\] {
    aspect-ratio: 928/400;
  }

  .lg\:tw-h-2xl {
    height: 32px;
  }

  .lg\:tw-h-\[200px\] {
    height: 200px;
  }

  .lg\:tw-h-\[24px\] {
    height: 24px;
  }

  .lg\:tw-h-\[250px\] {
    height: 250px;
  }

  .lg\:tw-h-\[3\.375rem\] {
    height: 3.375rem;
  }

  .lg\:tw-h-\[64px\] {
    height: 64px;
  }

  .lg\:tw-h-appIcon--sm {
    height: 52px;
  }

  .lg\:tw-h-navHeight--desktop {
    height: 72px;
  }

  .lg\:tw-max-h-16 {
    max-height: 4rem;
  }

  .lg\:tw-w-2\/3 {
    width: 66.666667%;
  }

  .lg\:tw-w-\[24px\] {
    width: 24px;
  }

  .lg\:tw-w-\[3\.375rem\] {
    width: 3.375rem;
  }

  .lg\:tw-w-\[42px\] {
    width: 42px;
  }

  .lg\:tw-w-appIcon--sm {
    width: 52px;
  }

  .lg\:tw-max-w-\[24em\] {
    max-width: 24em;
  }

  .lg\:tw-max-w-\[31\.25rem\] {
    max-width: 31.25rem;
  }

  .lg\:tw-max-w-\[34em\] {
    max-width: 34em;
  }

  .lg\:tw-max-w-\[80\%\] {
    max-width: 80%;
  }

  .lg\:tw-flex-\[1_1_20\%\] {
    flex: 1 1 20%;
  }

  .lg\:tw-flex-\[3_1_80\%\] {
    flex: 3 1 80%;
  }

  .lg\:tw-flex-grow {
    flex-grow: 1;
  }

  .lg\:tw-grow-0 {
    flex-grow: 0;
  }

  .lg\:tw-basis-1\/3 {
    flex-basis: 33.333333%;
  }

  .lg\:tw-basis-1\/4 {
    flex-basis: 25%;
  }

  .lg\:tw-basis-2\/3 {
    flex-basis: 66.666667%;
  }

  .lg\:tw-basis-3\/4 {
    flex-basis: 75%;
  }

  .lg\:tw-cursor-pointer {
    cursor: pointer;
  }

  .lg\:tw-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .lg\:tw-grid-flow-col {
    grid-auto-flow: column;
  }

  .lg\:tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:tw-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:tw-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:tw-grid-cols-\[75\%_1fr\] {
    grid-template-columns: 75% 1fr;
  }

  .lg\:tw-flex-row {
    flex-direction: row;
  }

  .lg\:tw-flex-col {
    flex-direction: column;
  }

  .lg\:tw-flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:tw-flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:tw-items-end {
    align-items: flex-end;
  }

  .lg\:tw-items-center {
    align-items: center;
  }

  .lg\:tw-justify-center {
    justify-content: center;
  }

  .lg\:tw-justify-between {
    justify-content: space-between;
  }

  .lg\:tw-gap-2xl {
    gap: 32px;
  }

  .lg\:tw-gap-2xs {
    gap: 2px;
  }

  .lg\:tw-gap-3xl {
    gap: 48px;
  }

  .lg\:tw-gap-6 {
    gap: 1.5rem;
  }

  .lg\:tw-gap-gutter--desktop {
    gap: 32px;
  }

  .lg\:tw-gap-lg {
    gap: 16px;
  }

  .lg\:tw-gap-xl {
    gap: 24px;
  }

  .lg\:tw-gap-x-4 {
    column-gap: 1rem;
  }

  .lg\:tw-gap-x-8 {
    column-gap: 2rem;
  }

  .lg\:tw-gap-x-gutter--desktop {
    column-gap: 32px;
  }

  .lg\:tw-space-y-xl > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(24px * var(--tw-space-y-reverse));
  }

  .lg\:tw-text-balance {
    text-wrap: balance;
  }

  .lg\:tw-rounded-\[10px\] {
    border-radius: 10px;
  }

  .lg\:tw-border-0 {
    border-width: 0px;
  }

  .lg\:tw-border-t {
    border-top-width: 1px;
  }

  .lg\:tw-border-t-stroke-secondary {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--color-grey-300) / var(--tw-border-opacity, 1));
  }

  .lg\:tw-p-2xl {
    padding: 32px;
  }

  .lg\:tw-p-3xl {
    padding: 48px;
  }

  .lg\:tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:tw-px-3xl {
    padding-left: 48px;
    padding-right: 48px;
  }

  .lg\:tw-px-4xl {
    padding-left: 64px;
    padding-right: 64px;
  }

  .lg\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:tw-px-lg {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lg\:tw-px-xl {
    padding-left: 24px;
    padding-right: 24px;
  }

  .lg\:tw-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:tw-py-2xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .lg\:tw-py-3xl {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .lg\:tw-py-4xl {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .lg\:tw-py-5xl {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .lg\:tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:tw-py-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .lg\:tw-py-xl {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .lg\:tw-pb-0 {
    padding-bottom: 0px;
  }

  .lg\:tw-pb-2xl {
    padding-bottom: 32px;
  }

  .lg\:tw-pb-3xl {
    padding-bottom: 48px;
  }

  .lg\:tw-pb-lg {
    padding-bottom: 16px;
  }

  .lg\:tw-pb-sm {
    padding-bottom: 8px;
  }

  .lg\:tw-pb-xl {
    padding-bottom: 24px;
  }

  .lg\:tw-pl-gutter--desktop {
    padding-left: 32px;
  }

  .lg\:tw-pl-xl {
    padding-left: 24px;
  }

  .lg\:tw-pr-0 {
    padding-right: 0px;
  }

  .lg\:tw-pr-2xl {
    padding-right: 32px;
  }

  .lg\:tw-pr-xl {
    padding-right: 24px;
  }

  .lg\:tw-pt-0 {
    padding-top: 0px;
  }

  .lg\:tw-pt-2xl {
    padding-top: 32px;
  }

  .lg\:tw-pt-3xl {
    padding-top: 48px;
  }

  .lg\:tw-pt-lg {
    padding-top: 16px;
  }

  .lg\:tw-pt-xl {
    padding-top: 24px;
  }

  .lg\:tw-text-body-2xl {
    font-size: 22px;
    font-size: clamp(1.25rem, 0.469vw + 1.063rem, 1.438rem);
    line-height: 1.4;
    line-height: clamp(1.813rem, 0.32vw + 1.684rem, 1.941rem);
    letter-spacing: -0.01em;
    font-weight: 450;
  }

  .lg\:tw-text-body-sm {
    font-size: 13px;
    font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
    line-height: 1.45;
    font-weight: 450;
  }

  .lg\:tw-text-display-6 {
    font-size: 46px;
    font-size: clamp(1.813rem, 3.594vw + 0.375rem, 3.25rem);
    line-height: 1.2;
    line-height: clamp(2.266rem, 3.68vw + 0.794rem, 3.738rem);
    letter-spacing: -0.02em;
    font-weight: 600;
  }

  .lg\:tw-text-heading-lg {
    font-size: 17px;
    font-size: clamp(1rem, 0.313vw + 0.875rem, 1.125rem);
    line-height: 1.4;
    line-height: clamp(1.45rem, 0.172vw + 1.381rem, 1.519rem);
    font-weight: 650;
  }

  .lg\:tw-text-heading-sm {
    font-size: 13px;
    font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
    line-height: 1.45;
    font-weight: 650;
  }

  .lg\:tw-text-heading-xl {
    font-size: 21px;
    font-size: clamp(1.125rem, 0.781vw + 0.813rem, 1.438rem);
    line-height: 1.3;
    line-height: clamp(1.519rem, 0.695vw + 1.241rem, 1.797rem);
    letter-spacing: -0.01em;
    font-weight: 650;
  }

  .lg\:tw-text-label-lg {
    font-size: 15px;
    font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
    line-height: 1;
    font-weight: 500;
  }

  .lg\:tw-text-link-lg {
    font-size: 17px;
    font-size: clamp(1rem, 0.313vw + 0.875rem, 1.125rem);
    line-height: 1.45;
    font-weight: 500;
  }

  .lg\:tw-text-link-md {
    font-size: 15px;
    font-size: clamp(0.875rem, 0.313vw + 0.75rem, 1rem);
    line-height: 1.45;
    font-weight: 500;
  }

  .lg\:tw-text-link-sm {
    font-size: 13px;
    font-size: clamp(0.75rem, 0.313vw + 0.625rem, 0.875rem);
    line-height: 1.45;
    font-weight: 500;
  }

  .lg\:tw-text-fg-secondary {
    --tw-text-opacity: 1;
    color: rgb(var(--color-grey-700) / var(--tw-text-opacity, 1));
  }

  .lg\:tw-will-change-auto {
    will-change: auto;
  }
}

@media (min-width: 1280px) {
  .xl\:tw-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xl\:tw-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:tw-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:tw-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:tw-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xl\:tw-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xl\:tw-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xl\:tw-col-start-2 {
    grid-column-start: 2;
  }

  .xl\:tw-col-start-3 {
    grid-column-start: 3;
  }

  .xl\:tw-col-start-4 {
    grid-column-start: 4;
  }

  .xl\:tw-col-end-12 {
    grid-column-end: 12;
  }

  .xl\:tw-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xl\:tw-row-start-1 {
    grid-row-start: 1;
  }

  .xl\:tw-row-start-2 {
    grid-row-start: 2;
  }

  .xl\:tw-row-start-4 {
    grid-row-start: 4;
  }

  .xl\:tw-my-3xl {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .xl\:tw-my-4xl {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .xl\:tw-my-xl {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .xl\:tw-mb-4xl {
    margin-bottom: 64px;
  }

  .xl\:tw-mb-xl {
    margin-bottom: 24px;
  }

  .xl\:tw-mt-0 {
    margin-top: 0px;
  }

  .xl\:tw-mt-2xl {
    margin-top: 32px;
  }

  .xl\:tw-grid {
    display: grid;
  }

  .xl\:tw-aspect-\[1\] {
    aspect-ratio: 1;
  }

  .xl\:tw-aspect-\[5\/2\] {
    aspect-ratio: 5/2;
  }

  .xl\:tw-h-\[36px\] {
    height: 36px;
  }

  .xl\:tw-max-h-\[325px\] {
    max-height: 325px;
  }

  .xl\:tw-w-\[225px\] {
    width: 225px;
  }

  .xl\:tw-basis-1\/2 {
    flex-basis: 50%;
  }

  .xl\:tw-basis-1\/4 {
    flex-basis: 25%;
  }

  .xl\:tw-basis-3\/4 {
    flex-basis: 75%;
  }

  .xl\:tw-scroll-my-xl {
    scroll-margin-top: 24px;
    scroll-margin-bottom: 24px;
  }

  .xl\:tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:tw-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:tw-flex-row {
    flex-direction: row;
  }

  .xl\:tw-flex-nowrap {
    flex-wrap: nowrap;
  }

  .xl\:tw-justify-end {
    justify-content: flex-end;
  }

  .xl\:tw-justify-between {
    justify-content: space-between;
  }

  .xl\:tw-gap-2xl {
    gap: 32px;
  }

  .xl\:tw-gap-4xl {
    gap: 64px;
  }

  .xl\:tw-gap-gutter--desktop {
    gap: 32px;
  }

  .xl\:tw-gap-md {
    gap: 12px;
  }

  .xl\:tw-p-3xl {
    padding: 48px;
  }

  .xl\:tw-p-xl {
    padding: 24px;
  }

  .xl\:tw-px-2xl {
    padding-left: 32px;
    padding-right: 32px;
  }

  .xl\:tw-px-5xl {
    padding-left: 96px;
    padding-right: 96px;
  }

  .xl\:tw-px-xl {
    padding-left: 24px;
    padding-right: 24px;
  }

  .xl\:tw-py-3xl {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .xl\:tw-py-6xl {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .xl\:tw-py-lg {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .xl\:tw-pb-0 {
    padding-bottom: 0px;
  }

  .xl\:tw-pb-2xl {
    padding-bottom: 32px;
  }

  .xl\:tw-pb-3xl {
    padding-bottom: 48px;
  }

  .xl\:tw-pb-lg {
    padding-bottom: 16px;
  }

  .xl\:tw-pl-2xl {
    padding-left: 32px;
  }

  .xl\:tw-pr-4xl {
    padding-right: 64px;
  }

  .xl\:tw-pt-3xl {
    padding-top: 48px;
  }

  .xl\:tw-pt-5xl {
    padding-top: 96px;
  }

  .xl\:tw-pt-xl {
    padding-top: 24px;
  }
}

@media (min-width: 1536px) {
  .\32xl\:tw-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .\32xl\:tw-text-display-5 {
    font-size: 52px;
    font-size: clamp(2.063rem, 3.906vw + 0.5rem, 3.625rem);
    line-height: 1.15;
    line-height: clamp(2.475rem, 3.781vw + 0.963rem, 3.988rem);
    letter-spacing: -0.02em;
    font-weight: 600;
  }

  .\32xl\:tw-text-heading-2xl {
    font-size: 26px;
    font-size: clamp(1.25rem, 1.406vw + 0.688rem, 1.813rem);
    line-height: 1.3;
    line-height: clamp(1.688rem, 1.445vw + 1.109rem, 2.266rem);
    letter-spacing: -0.01em;
    font-weight: 650;
  }

  .\32xl\:tw-text-heading-xl {
    font-size: 21px;
    font-size: clamp(1.125rem, 0.781vw + 0.813rem, 1.438rem);
    line-height: 1.3;
    line-height: clamp(1.519rem, 0.695vw + 1.241rem, 1.797rem);
    letter-spacing: -0.01em;
    font-weight: 650;
  }
}

.\[\&\.dimmed\]\:tw-pointer-events-none.dimmed {
  pointer-events: none;
}

.\[\&\.dimmed\]\:tw-opacity-\[\.5\].dimmed {
  opacity: .5;
}

.\[\&\.tw-active\]\:tw-visible.tw-active {
  visibility: visible;
}

.\[\&\.tw-active\]\:tw-translate-y-0.tw-active {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\.tw-active\]\:tw-opacity-100.tw-active {
  opacity: 1;
}

.\[\&\.tw-is-open\]\:tw-visible.tw-is-open {
  visibility: visible;
}

.\[\&\.tw-is-open\]\:tw-translate-x-0.tw-is-open {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>\*\:nth-child\(even\)\:not\(\.tw-bg-canvas-primary\)\>\*\]\:tw-bg-canvas-secondary>*:nth-child(even):not(.tw-bg-canvas-primary)>* {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-grey-50) / var(--tw-bg-opacity, 1));
}

@media(hover:hover) {
  @media (hover: hover) and (pointer: fine) {
    .tw-group.selection-enabled:hover .group-\[\.selection-enabled\]\:\[\@media\(hover\:hover\)\]\:group-hover\:tw-bg-canvas-secondary {
      --tw-bg-opacity: 1;
      background-color: rgb(var(--color-grey-50) / var(--tw-bg-opacity, 1));
    }
  }
}