@import "@norges-domstoler/dds-design-tokens/dist/css/ddsTokens-core-light.css";
@import "@norges-domstoler/dds-design-tokens/dist/css/ddsTokens-core-dark.css";
@import "@norges-domstoler/dds-design-tokens/dist/css/ddsTokens-public-light.css";
@import "@norges-domstoler/dds-design-tokens/dist/css/ddsTokens-public-dark.css";

/* src/styles/dds-tokens.css */

/* src/styles/fontStyles.css */
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src:
    local("IBM Plex Sans"),
    local("IBMPlexSans"),
    url("./IBMPlexSansVar-Roman-BOLQQKKZ.woff2") format("woff2-variations"),
    url("./IBMPlexSansVar-Roman-BOLQQKKZ.woff2") format("woff2");
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src:
    local("IBM Plex Sans"),
    local("IBMPlexSans"),
    url("./IBMPlexSansVar-Italic-DPPECZC7.woff2") format("woff2-variations"),
    url("./IBMPlexSansVar-Italic-DPPECZC7.woff2") format("woff2");
}
@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("IBM Plex Mono"),
    local("IBMPlexMono"),
    url("./IBMPlexMono-Regular-EDCLBKUZ.woff2") format("woff2"),
    url("./IBMPlexMono-Regular-XDI3Y6KI.woff") format("woff");
}
@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    local("IBM Plex Mono Light"),
    local("IBMPlexMono-Light"),
    url("./IBMPlexMono-Light-2FWZ4VDJ.woff2") format("woff2"),
    url("./IBMPlexMono-Light-RY3ZOLND.woff") format("woff");
}
@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local("IBM Plex Mono SemiBold"),
    local("IBMPlexMono-SemiBold"),
    url("./IBMPlexMono-SemiBold-4GO6OZFH.woff2") format("woff2"),
    url("./IBMPlexMono-SemiBold-HV422YXI.woff") format("woff");
}

/* src/styles/selection.css */
*::selection {
  background-color: var(--dds-color-surface-highlighted-default);
  color: var(--dds-color-text-default);
}

/* src/components/Typography/typographyStyles.module.css */
.typographyStyles_contrast {
  --dds-color-text-body: var(--dds-color-text-on-inverse);
  --dds-color-text-body-subtle: var(--dds-color-text-on-inverse);
  --dds-color-text-link: var(--dds-color-text-on-inverse);
  --dds-color-text-link-visited: var( --dds-color-text-action-visited-on-inverse );
  --dds-color-text-label: var(--dds-color-text-on-inverse);
  --dds-color-text-helper: var(--dds-color-text-on-inverse);
  --dds-color-text-placeholder: var(--dds-color-text-on-inverse);
  --dds-color-icon-link: var(--dds-color-text-on-inverse);
  --dds-color-text-default-inversable: var(--dds-color-text-on-inverse);
  --dds-color-text-subtle-inversable: var(--dds-color-text-on-inverse);
  --dds-color-text-medium-inversable: var(--dds-color-text-on-inverse);
  --dds-color-text-action-resting-inversable: var(--dds-color-text-on-inverse);
  --dds-color-text-action-hover-inversable: var(--dds-color-text-on-inverse);
  --dds-color-text-requiredfield-inversable: var(--dds-color-text-on-inverse);
  color: var(--dds-color-text-on-inverse);
  --dds-color-icon-default-inversable: var(--dds-color-text-on-inverse);
  --dds-color-icon-subtle-inversable: var(--dds-color-text-on-inverse);
  --dds-color-icon-medium-inversable: var(--dds-color-text-on-inverse);
  --dds-color-icon-action-resting-inversable: var(--dds-color-icon-on-inverse);
  --dds-color-icon-action-hover-inversable: var(--dds-color-icon-on-inverse);
}
.typographyStyles_tertiary-medium {
  --dds-color-text-body: var(--dds-color-text-on-tertiary-medium);
  --dds-color-text-body-subtle: var(--dds-color-text-on-tertiary-medium);
  --dds-color-text-link: var(--dds-color-text-on-tertiary-medium);
  --dds-color-text-link-visited: var( --dds-color-text-action-visited-on-te--dds-color-text-on-tertiary-medium );
  --dds-color-text-label: var(--dds-color-text-on-tertiary-medium);
  --dds-color-text-helper: var(--dds-color-text-on-tertiary-medium);
  --dds-color-text-placeholder: var(--dds-color-text-on-tertiary-medium);
  --dds-color-icon-link: var(--dds-color-text-on-tertiary-medium);
  --dds-color-text-default-inversable: var(--dds-color-text-on-tertiary-medium);
  --dds-color-text-subtle-inversable: var(--dds-color-text-on-tertiary-medium);
  --dds-color-text-medium-inversable: var(--dds-color-text-on-tertiary-medium);
  --dds-color-text-action-resting-inversable: var( --dds-color-text-on-tertiary-medium );
  --dds-color-text-action-hover-inversable: var( --dds-color-text-on-tertiary-medium );
  --dds-color-text-requiredfield-inversable: var( --dds-color-text-on-tertiary-medium );
  color: var(--dds-color-text-on-tertiary-medium);
  --dds-color-icon-default-inversable: var(--dds-color-text-on-tertiary-medium);
  --dds-color-icon-subtle-inversable: var(--dds-color-text-on-tertiary-medium);
  --dds-color-icon-medium-inversable: var(--dds-color-text-on-tertiary-medium);
  --dds-color-icon-action-resting-inversable: var( --dds-color-icon-on-te--dds-color-text-on-tertiary-medium );
  --dds-color-icon-action-hover-inversable: var( --dds-color-icon-on-te--dds-color-text-on-tertiary-medium );
}
:where(.typographyStyles_a),
:where(.typographyStyles_a--nested__parent .typographyStyles_a--nested__child) {
  font: inherit;
  color: var(--dds-color-text-link);
  width: fit-content;
  text-decoration: underline;
  text-decoration-thickness: max(1px, 0.0625rem);
  text-underline-offset: max(4px, 0.25rem);
  margin: 0;
  &:hover {
    text-decoration-color: transparent;
  }
  @media (prefers-reduced-motion: no-preference) {
    transition:
      color var(--dds-motion-micro-state),
      text-decoration-color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
}
:where(.typographyStyles_a--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-body-long-medium-paragraph-spacing);
}
:where(.typographyStyles_a--with-icon) > svg {
  display: inline;
  margin: 0.1em 0.1em -0.1em;
  transform: translateY(0.05em);
  vertical-align: baseline;
}
.typographyStyles_a--visited:visited {
  color: var(--dds-color-text-link-visited);
}
:where(.typographyStyles_body-short-xsmall) {
  margin: 0;
  font: var(--dds-font-body-short-xsmall);
  letter-spacing: var(--dds-font-body-short-xsmall-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_body-short-xsmall--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-body-short-xsmall-paragraph-spacing);
}
:where(.typographyStyles_body-short-small) {
  margin: 0;
  font: var(--dds-font-body-short-small);
  letter-spacing: var(--dds-font-body-short-small-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_body-short-small--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-body-short-small-paragraph-spacing);
}
:where(.typographyStyles_body-short-medium) {
  margin: 0;
  font: var(--dds-font-body-short-medium);
  letter-spacing: var(--dds-font-body-short-medium-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_body-short-medium--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-body-short-medium-paragraph-spacing);
}
:where(.typographyStyles_body-short-large) {
  margin: 0;
  font: var(--dds-font-body-short-large);
  letter-spacing: var(--dds-font-body-short-large-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_body-short-large--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-body-short-large-paragraph-spacing);
}
:where(.typographyStyles_body-long-xsmall) {
  margin: 0;
  font: var(--dds-font-body-long-xsmall);
  letter-spacing: var(--dds-font-body-long-xsmall-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_body-long-xsmall--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-body-long-xsmall-paragraph-spacing);
}
:where(.typographyStyles_body-long-small) {
  margin: 0;
  font: var(--dds-font-body-long-small);
  letter-spacing: var(--dds-font-body-long-small-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_body-long-small--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-body-long-small-paragraph-spacing);
}
:where(.typographyStyles_body-long-medium) {
  margin: 0;
  font: var(--dds-font-body-long-medium);
  letter-spacing: var(--dds-font-body-long-medium-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_body-long-medium--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-body-long-medium-paragraph-spacing);
}
:where(.typographyStyles_body-long-large) {
  margin: 0;
  font: var(--dds-font-body-long-large);
  letter-spacing: var(--dds-font-body-long-large-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_body-long-large--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-body-long-large-paragraph-spacing);
}
:where(.typographyStyles_lead-medium) {
  margin: 0;
  font: var(--dds-font-lead-medium);
  letter-spacing: var(--dds-font-lead-medium-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_lead-medium--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-lead-medium-paragraph-spacing);
}
:where(.typographyStyles_heading-xxsmall) {
  margin: 0;
  font: var(--dds-font-heading-xxsmall);
  letter-spacing: var(--dds-font-heading-xxsmall-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_heading-xxsmall--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-heading-xxsmall-paragraph-spacing);
  padding-top: var(--dds-spacing-padding-top-heading);
}
:where(.typographyStyles_heading-xsmall) {
  margin: 0;
  font: var(--dds-font-heading-xsmall);
  letter-spacing: var(--dds-font-heading-xsmall-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_heading-xsmall--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-heading-xsmall-paragraph-spacing);
  padding-top: var(--dds-spacing-padding-top-heading);
}
:where(.typographyStyles_heading-small) {
  margin: 0;
  font: var(--dds-font-heading-small);
  letter-spacing: var(--dds-font-heading-small-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_heading-small--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-heading-small-paragraph-spacing);
  padding-top: var(--dds-spacing-padding-top-heading);
}
:where(.typographyStyles_heading-medium) {
  margin: 0;
  font: var(--dds-font-heading-medium);
  letter-spacing: var(--dds-font-heading-medium-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_heading-medium--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-heading-medium-paragraph-spacing);
  padding-top: var(--dds-spacing-padding-top-heading);
}
:where(.typographyStyles_heading-large) {
  margin: 0;
  font: var(--dds-font-heading-large);
  letter-spacing: var(--dds-font-heading-large-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_heading-large--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-heading-large-paragraph-spacing);
  padding-top: var(--dds-spacing-padding-top-heading);
}
:where(.typographyStyles_heading-xlarge) {
  margin: 0;
  font: var(--dds-font-heading-xlarge);
  letter-spacing: var(--dds-font-heading-xlarge-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_heading-xlarge--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-heading-xlarge-paragraph-spacing);
  padding-top: var(--dds-spacing-padding-top-heading);
}
:where(.typographyStyles_heading-xxlarge) {
  margin: 0;
  font: var(--dds-font-heading-xxlarge);
  letter-spacing: var(--dds-font-heading-xxlarge-letter-spacing);
  color: var(--dds-color-text-body);
}
:where(.typographyStyles_heading-xxlarge--margins) {
  display: block;
  margin-top: 0;
  margin-bottom: var(--dds-font-heading-xxlarge-paragraph-spacing);
  padding-top: var(--dds-spacing-padding-top-heading);
}
:where(.typographyStyles_heading--margins-over-input) {
  margin-bottom: var(--dds-spacing-x1-5);
}
:where(.typographyStyles_label-medium) {
  margin: 0;
  font: var(--dds-font-label-medium);
  letter-spacing: var(--dds-font-label-medium-letter-spacing);
  color: var(--dds-color-text-label);
}
:where(.typographyStyles_label-medium--margins) {
  display: block;
  margin-bottom: var(--dds-spacing-x0-125);
}
:where(.typographyStyles_legend) {
  padding-inline: 0;
}
:where(.typographyStyles_legend--margins-over-input) {
  margin-bottom: var(--dds-spacing-x1-5);
}
:where(.typographyStyles_caption) {
  text-align: left;
}
:where(.typographyStyles_caption--withMargins) {
  display: table-caption;
}
:where(.typographyStyles_bold) {
  font-weight: 600;
}
:where(.typographyStyles_italic) {
  font-style: italic;
}
:where(.typographyStyles_underline) {
  text-decoration: underline;
}
.typographyStyles_text-color--inherit {
  color: inherit;
}
.typographyStyles_text-color--default {
  color: var(--dds-color-text-default-inversable);
}
.typographyStyles_text-color--medium {
  color: var(--dds-color-text-medium-inversable);
}
.typographyStyles_text-color--subtle {
  color: var(--dds-color-text-subtle-inversable);
}
.typographyStyles_text-color--requiredfield {
  color: var(--dds-color-text-requiredfield-inversable);
}
.typographyStyles_text-color--action-resting {
  color: var(--dds-color-text-action-resting-inversable);
}
.typographyStyles_text-color--action-hover:hover {
  color: var(--dds-color-text-action-hover-inversable);
}
.typographyStyles_text-color--action-visited:visited {
  color: var(--dds-color-text-link-visited);
}
.typographyStyles_text-color--on-action {
  color: var(--dds-color-text-on-action);
}
.typographyStyles_text-color--on-status-default {
  color: var(--dds-color-text-on-status-default);
}
.typographyStyles_text-color--on-status-strong {
  color: var(--dds-color-text-on-status-strong);
}
.typographyStyles_text-color--on-notification {
  color: var(--dds-color-text-on-notification);
}
.typographyStyles_text-color--on-primary-default {
  color: var(--dds-color-text-on-primary-default);
}
.typographyStyles_text-color--on-primary-medium {
  color: var(--dds-color-text-on-primary-medium);
}
.typographyStyles_text-color--on-primary-subtle {
  color: var(--dds-color-text-on-primary-subtle);
}
.typographyStyles_text-color--on-primary-strong {
  color: var(--dds-color-text-on-primary-strong);
}
.typographyStyles_text-color--on-secondary-default {
  color: var(--dds-color-text-on-secondary-default);
}
.typographyStyles_text-color--on-secondary-medium {
  color: var(--dds-color-text-on-secondary-medium);
}
.typographyStyles_text-color--on-secondary-subtle {
  color: var(--dds-color-text-on-secondary-subtle);
}
.typographyStyles_text-color--on-secondary-strong {
  color: var(--dds-color-text-on-secondary-strong);
}
.typographyStyles_text-color--on-tertiary-default {
  color: var(--dds-color-text-on-tertiary-default);
}
.typographyStyles_text-color--on-tertiary-medium {
  color: var(--dds-color-text-on-tertiary-medium);
}
.typographyStyles_text-color--on-tertiary-subtle {
  color: var(--dds-color-text-on-tertiary-subtle);
}
.typographyStyles_text-color--on-tertiary-strong {
  color: var(--dds-color-text-on-tertiary-strong);
}
.typographyStyles_text-color--on-data-default {
  color: var(--dds-color-text-on-data-default);
}
.typographyStyles_text-color--on-data-subtle {
  color: var(--dds-color-text-on-data-subtle);
}
.typographyStyles_text-color--on-inverse {
  color: var(--dds-color-text-on-inverse);
}
.typographyStyles_icon-color--default {
  color: var(--dds-color-icon-default-inversable);
}
.typographyStyles_icon-color--medium {
  color: var(--dds-color-icon-medium-inversable);
}
.typographyStyles_icon-color--subtle {
  color: var(--dds-color-icon-subtle-inversable);
}
.typographyStyles_icon-color--on-action {
  color: var(--dds-color-icon-on-action);
}
.typographyStyles_icon-color--action-resting {
  color: var(--dds-color-icon-action-resting-inversable);
}
.typographyStyles_icon-color--action-hover:hover {
  color: var(--dds-color-icon-action-hover-inversable);
}
.typographyStyles_icon-color--on-action {
  color: var(--dds-color-icon-on-action);
}
.typographyStyles_icon-color--on-info-default {
  color: var(--dds-color-icon-on-info-default);
}
.typographyStyles_icon-color--on-info-strong {
  color: var(--dds-color-icon-on-info-strong);
}
.typographyStyles_icon-color--on-success-default {
  color: var(--dds-color-icon-on-success-default);
}
.typographyStyles_icon-color--on-success-strong {
  color: var(--dds-color-icon-on-success-strong);
}
.typographyStyles_icon-color--on-danger-default {
  color: var(--dds-color-icon-on-danger-default);
}
.typographyStyles_icon-color--on-danger-strong {
  color: var(--dds-color-icon-on-danger-strong);
}
.typographyStyles_icon-color--on-warning-default {
  color: var(--dds-color-icon-on-warning-default);
}
.typographyStyles_icon-color--on-warning-strong {
  color: var(--dds-color-icon-on-warning-strong);
}
.typographyStyles_icon-color--on-inverse {
  color: var(--dds-color-icon-on-inverse);
}

/* src/components/helpers/styling/utilStyles.module.css */
:where(.utilStyles_remove-list-styling) {
  list-style: none;
  padding: 0;
  margin: 0;
}
:where(.utilStyles_remove-button-styling) {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
:where(.utilStyles_normalize-button) {
  margin: 0;
  text-transform: none;
}
.utilStyles_hide-input {
  clip-path: rect(0 0 0 0);
  position: absolute;
  height: 1px;
  width: 1px;
  margin: 0;
}
.utilStyles_inherit-link-styling {
  color: inherit;
  text-decoration: inherit;
}
.utilStyles_scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--dds-color-surface-scrollbar) transparent;
}
.utilStyles_scrollable-y {
  overflow-y: auto;
}
.utilStyles_visibility-transition {
  --dds-visibility-transition: visibility 0.4s;
  --dds-opacity-transition: opacity var(--dds-motion-surface);
  opacity: 0;
  @media (prefers-reduced-motion: no-preference) {
    transition: var(--dds-visibility-transition), var(--dds-opacity-transition);
  }
}
.utilStyles_visibility-transition--open {
  opacity: 1;
  visibility: visible;
}
.utilStyles_visibility-transition--closed {
  opacity: 0;
  visibility: hidden;
}
.utilStyles_visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0px;
  padding: 0px;
  top: 0px;
  inset-inline-start: 0px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0px;
}
.utilStyles_invisible {
  visibility: hidden;
}
.utilStyles_center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.utilStyles_center-absolute-y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.utilStyles_center-absolute-x {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* src/components/helpers/AccordionBase/AccordionBase.module.css */
:where(.AccordionBase_header-button) {
  -webkit-user-select: text;
  user-select: text;
  position: relative;
  cursor: pointer;
  display: block;
  width: 100%;
  border-radius: inherit;
}
.AccordionBase_header__content {
  text-align: left;
  display: flex;
  align-items: center;
}
.AccordionBase_body {
  overflow: hidden;
}
.AccordionBase_body--animated {
  @media (prefers-reduced-motion: no-preference) {
    transition: height var(--dds-motion-surface);
  }
}
.AccordionBase_body--hidden {
  display: none;
}

/* src/utils/RequiredMarker/RequiredMarker.module.css */
.RequiredMarker_wrapper {
  color: var(--dds-color-text-requiredfield);
}

/* src/components/helpers/Backdrop/Backdrop.module.css */
.Backdrop_backdrop {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--dds-color-surface-backdrop-default);
  @media (prefers-reduced-motion: no-preference) {
    transition: opacity var(--dds-motion-surface);
  }
}
.Backdrop_drawer {
  z-index: var(--dds-zindex-drawer-backdrop);
}
.Backdrop_modal {
  z-index: var(--dds-zindex-modal-backdrop);
}
.Backdrop_backdrop--visible {
  opacity: 1;
}
.Backdrop_backdrop--hidden {
  opacity: 0;
}

/* src/components/helpers/Dropdown/DropdownItem.module.css */
.DropdownItem_item {
  box-sizing: border-box;
  background-color: inherit;
  text-decoration: none;
  &.DropdownItem_default {
    color: var(--dds-color-text-default);
  }
  &.DropdownItem_danger {
    color: var(--dds-color-text-danger);
  }
}
.DropdownItem_item--interactive {
  text-align: left;
  -webkit-user-select: text;
  user-select: text;
  border: none;
  cursor: pointer;
  outline: inherit;
  width: 100%;
  @media (prefers-reduced-motion: no-preference) {
    transition: background-color var(--dds-motion-micro-state);
  }
  &:hover,
  &:active {
    background-color: var(--dds-color-surface-hover-default);
  }
}
.DropdownItem_item--loading {
  cursor: not-allowed;
  position: relative;
}

/* src/components/layout/common/layout.module.css */
.layout_dds-p {
  --dds-r-p: var(--dds-r-xs-p);
  padding: var(--dds-r-p, initial);
}
.layout_dds-p-i {
  --dds-r-p-i: var(--dds-r-xs-p-i);
  padding-inline: var(--dds-r-p-i, initial);
}
.layout_dds-p-b {
  --dds-r-p-b: var(--dds-r-xs-p-b);
  padding-block: var(--dds-r-p-b, initial);
}
.layout_dds-m {
  --dds-r-m: var(--dds-r-xs-m);
  margin: var(--dds-r-m, initial);
}
.layout_dds-m-i {
  --dds-r-m-i: var(--dds-r-xs-m-i);
  margin-inline: var(--dds-r-m-i, initial);
}
.layout_dds-m-b {
  --dds-r-m-b: var(--dds-r-xs-m-b);
  margin-block: var(--dds-r-m-b, initial);
}
.layout_dds-bleed-m-i {
  --dds-r-bleed-m-i: var(--dds-r-xs-bleed-m-i);
  margin-inline: var(--dds-r-bleed-m-i, initial);
}
.layout_dds-bleed-m-b {
  --dds-r-bleed-m-b: var(--dds-r-xs-bleed-m-b);
  margin-block: var(--dds-r-bleed-m-b, initial);
}
.layout_dds-h {
  --dds-r-h: var(--dds-r-xs-h);
  height: var(--dds-r-h, initial);
}
.layout_dds-max-h {
  --dds-r-max-h: var(--dds-r-xs-max-h);
  max-height: var(--dds-r-max-h, initial);
}
.layout_dds-min-h {
  --dds-r-min-h: var(--dds-r-xs-min-h);
  min-height: var(--dds-r-min-h, initial);
}
.layout_dds-w {
  --dds-r-w: var(--dds-r-xs-w);
  width: var(--dds-r-w, initial);
}
.layout_dds-max-w {
  --dds-r-max-w: var(--dds-r-xs-max-w);
  max-width: var(--dds-r-max-w, initial);
}
.layout_dds-min-w {
  --dds-r-min-w: var(--dds-r-xs-min-w);
  min-width: var(--dds-r-min-w, initial);
}
.layout_dds-pos {
  --dds-r-pos: var(--dds-r-xs-pos);
  position: var(--dds-r-pos, initial);
}
.layout_dds-l {
  --dds-r-l: var(--dds-r-xs-l);
  left: var(--dds-r-l, initial);
}
.layout_dds-r {
  --dds-r-r: var(--dds-r-xs-r);
  right: var(--dds-r-r, initial);
}
.layout_dds-t {
  --dds-r-t: var(--dds-r-xs-t);
  top: var(--dds-r-t, initial);
}
.layout_dds-b {
  --dds-r-b: var(--dds-r-xs-b);
  bottom: var(--dds-r-b, initial);
}
.layout_dds-o {
  --dds-r-o: var(--dds-r-xs-o);
  overflow: var(--dds-r-o, initial);
}
.layout_dds-o-x {
  --dds-r-o-x: var(--dds-r-xs-o-x);
  overflow-x: var(--dds-r-o-x, initial);
}
.layout_dds-o-y {
  --dds-r-o-y: var(--dds-r-xs-o-y);
  overflow-y: var(--dds-r-o-y, initial);
}
.layout_dds-display {
  --dds-r-display: var(--dds-r-xs-display);
  display: var(--dds-r-display, initial);
}
.layout_dds-text-align {
  --dds-r-text-align: var(--dds-r-xs-text-align);
  text-align: var(--dds-r-text-align, initial);
}
.layout_dds-word-break {
  --dds-r-word-break: var(--dds-r-xs-word-break);
  word-break: var(--dds-r-word-break, initial);
}
.layout_dds-flex-dir {
  --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
  flex-direction: var(--dds-r-flex-dir, initial);
}
.layout_dds-gap {
  --dds-r-gap: var(--dds-r-xs-gap);
  gap: var(--dds-r-gap, initial);
}
.layout_dds-c-gap {
  --dds-r-c-gap: var(--dds-r-xs-c-gap);
  column-gap: var(--dds-r-c-gap, initial);
}
.layout_dds-r-gap {
  --dds-r-r-gap: var(--dds-r-xs-r-gap);
  row-gap: var(--dds-r-r-gap, initial);
}
.layout_dds-a-i {
  --dds-r-a-i: var(--dds-r-xs-a-i);
  align-items: var(--dds-r-a-i, initial);
}
.layout_dds-a-c {
  --dds-r-a-c: var(--dds-r-xs-a-c);
  align-content: var(--dds-r-a-c, initial);
}
.layout_dds-j-i {
  --dds-r-j-i: var(--dds-r-xs-j-i);
  justify-items: var(--dds-r-j-i, initial);
}
.layout_dds-pl-i {
  --dds-r-pl-i: var(--dds-r-xs-pl-i);
  justify-items: var(--dds-r-pl-i, initial);
}
.layout_dds-j-c {
  --dds-r-j-c: var(--dds-r-xs-j-c);
  justify-content: var(--dds-r-j-c, initial);
}
.layout_dds-wrap {
  --dds-r-wrap: var(--dds-r-xs-wrap);
  flex-wrap: var(--dds-r-wrap, initial);
}
.layout_dds-basis {
  --dds-r-basis: var(--dds-r-xs-basis);
  flex-basis: var(--dds-r-basis, initial);
}
.layout_dds-flow {
  --dds-r-flow: var(--dds-r-xs-flow);
  flex-flow: var(--dds-r-flow, initial);
}
@media (max-width: 599px) {
  .layout_dds-p {
    --dds-r-p: var(--dds-r-xs-p);
  }
  .layout_dds-p-i {
    --dds-r-p-i: var(--dds-r-xs-p-i);
  }
  .layout_dds-p-b {
    --dds-r-p-b: var(--dds-r-xs-p-b);
  }
  .layout_dds-m {
    --dds-r-m: var(--dds-r-xs-m);
  }
  .layout_dds-m-i {
    --dds-r-m-i: var(--dds-r-xs-m-i);
  }
  .layout_dds-m-b {
    --dds-r-m-b: var(--dds-r-xs-m-b);
  }
  .layout_dds-bleed-m-i {
    --dds-r-bleed-m-i: var(--dds-r-xs-bleed-m-i);
  }
  .layout_dds-bleed-m-b {
    --dds-r-bleed-m-b: var(--dds-r-xs-bleed-m-b);
  }
  .layout_dds-h {
    --dds-r-h: var(--dds-r-xs-h);
  }
  .layout_dds-max-h {
    --dds-r-max-h: var(--dds-r-xs-max-h);
  }
  .layout_dds-min-h {
    --dds-r-min-h: var(--dds-r-xs-min-h);
  }
  .layout_dds-w {
    --dds-r-w: var(--dds-r-xs-w);
  }
  .layout_dds-max-w {
    --dds-r-max-w: var(--dds-r-xs-max-w);
  }
  .layout_dds-min-w {
    --dds-r-min-w: var(--dds-r-xs-min-w);
  }
  .layout_dds-pos {
    --dds-r-pos: var(--dds-r-xs-pos);
  }
  .layout_dds-l {
    --dds-r-l: var(--dds-r-xs-l);
  }
  .layout_dds-r {
    --dds-r-r: var(--dds-r-xs-r);
  }
  .layout_dds-t {
    --dds-r-t: var(--dds-r-xs-t);
  }
  .layout_dds-b {
    --dds-r-b: var(--dds-r-xs-b);
  }
  .layout_dds-o {
    --dds-r-o: var(--dds-r-xs-o);
  }
  .layout_dds-o-x {
    --dds-r-o-x: var(--dds-r-xs-o-x);
  }
  .layout_dds-o-y {
    --dds-r-o-y: var(--dds-r-xs-o-y);
  }
  .layout_dds-display {
    --dds-r-display: var(--dds-r-xs-display);
  }
  .layout_dds-text-align {
    --dds-r-text-align: var(--dds-r-xs-text-align);
  }
  .layout_dds-word-break {
    --dds-r-word-break: var(--dds-r-xs-word-break);
  }
  .layout_dds-flex-dir {
    --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
  }
  .layout_dds-gap {
    --dds-r-gap: var(--dds-r-xs-gap);
  }
  .layout_dds-c-gap {
    --dds-r-c-gap: var(--dds-r-xs-c-gap);
  }
  .layout_dds-r-gap {
    --dds-r-r-gap: var(--dds-r-xs-r-gap);
  }
  .layout_dds-a-i {
    --dds-r-a-i: var(--dds-r-xs-a-i);
  }
  .layout_dds-a-c {
    --dds-r-a-c: var(--dds-r-xs-a-c);
  }
  .layout_dds-j-i {
    --dds-r-j-i: var(--dds-r-xs-j-i);
  }
  .layout_dds-pl-i {
    --dds-r-pl-i: var(--dds-r-xs-pl-i);
  }
  .layout_dds-j-c {
    --dds-r-j-c: var(--dds-r-xs-j-c);
  }
  .layout_dds-wrap {
    --dds-r-wrap: var(--dds-r-xs-wrap);
  }
  .layout_dds-basis {
    --dds-r-basis: var(--dds-r-xs-basis);
  }
  .layout_dds-flow {
    --dds-r-flow: var(--dds-r-xs-flow);
  }
}
@media (min-width: 600px) {
  .layout_dds-p {
    --dds-r-p: var(--dds-r-sm-p);
  }
  .layout_dds-p-i {
    --dds-r-p-i: var(--dds-r-sm-p-i);
  }
  .layout_dds-p-b {
    --dds-r-p-b: var(--dds-r-sm-p-b);
  }
  .layout_dds-m {
    --dds-r-m: var(--dds-r-sm-m);
  }
  .layout_dds-m-i {
    --dds-r-m-i: var(--dds-r-sm-m-i);
  }
  .layout_dds-m-b {
    --dds-r-m-b: var(--dds-r-sm-m-b);
  }
  .layout_dds-bleed-m-i {
    --dds-r-bleed-m-i: var(--dds-r-sm-bleed-m-i);
  }
  .layout_dds-bleed-m-b {
    --dds-r-bleed-m-b: var(--dds-r-sm-bleed-m-b);
  }
  .layout_dds-h {
    --dds-r-h: var(--dds-r-sm-h);
  }
  .layout_dds-max-h {
    --dds-r-max-h: var(--dds-r-sm-max-h);
  }
  .layout_dds-min-h {
    --dds-r-min-h: var(--dds-r-sm-min-h);
  }
  .layout_dds-w {
    --dds-r-w: var(--dds-r-sm-w);
  }
  .layout_dds-max-w {
    --dds-r-max-w: var(--dds-r-sm-max-w);
  }
  .layout_dds-min-w {
    --dds-r-min-w: var(--dds-r-sm-min-w);
  }
  .layout_dds-pos {
    --dds-r-pos: var(--dds-r-sm-pos);
  }
  .layout_dds-l {
    --dds-r-l: var(--dds-r-sm-l);
  }
  .layout_dds-r {
    --dds-r-r: var(--dds-r-sm-r);
  }
  .layout_dds-t {
    --dds-r-t: var(--dds-r-sm-t);
  }
  .layout_dds-b {
    --dds-r-b: var(--dds-r-sm-b);
  }
  .layout_dds-o {
    --dds-r-o: var(--dds-r-sm-o);
  }
  .layout_dds-o-x {
    --dds-r-o-x: var(--dds-r-sm-o-x);
  }
  .layout_dds-o-y {
    --dds-r-o-y: var(--dds-r-sm-o-y);
  }
  .layout_dds-display {
    --dds-r-display: var(--dds-r-sm-display);
  }
  .layout_dds-text-align {
    --dds-r-text-align: var(--dds-r-sm-text-align);
  }
  .layout_dds-word-break {
    --dds-r-word-break: var(--dds-r-sm-word-break);
  }
  .layout_dds-flex-dir {
    --dds-r-flex-dir: var(--dds-r-sm-flex-dir);
  }
  .layout_dds-gap {
    --dds-r-gap: var(--dds-r-sm-gap);
  }
  .layout_dds-c-gap {
    --dds-r-c-gap: var(--dds-r-sm-c-gap);
  }
  .layout_dds-r-gap {
    --dds-r-r-gap: var(--dds-r-sm-r-gap);
  }
  .layout_dds-a-i {
    --dds-r-a-i: var(--dds-r-sm-a-i);
  }
  .layout_dds-a-c {
    --dds-r-a-c: var(--dds-r-sm-a-c);
  }
  .layout_dds-j-i {
    --dds-r-j-i: var(--dds-r-sm-j-i);
  }
  .layout_dds-pl-i {
    --dds-r-pl-i: var(--dds-r-sm-pl-i);
  }
  .layout_dds-j-c {
    --dds-r-j-c: var(--dds-r-sm-j-c);
  }
  .layout_dds-wrap {
    --dds-r-wrap: var(--dds-r-sm-wrap);
  }
  .layout_dds-basis {
    --dds-r-basis: var(--dds-r-sm-basis);
  }
  .layout_dds-flow {
    --dds-r-flow: var(--dds-r-sm-flow);
  }
}
@media (min-width: 960px) {
  .layout_dds-p {
    --dds-r-p: var(--dds-r-md-p);
  }
  .layout_dds-p-i {
    --dds-r-p-i: var(--dds-r-md-p-i);
  }
  .layout_dds-p-b {
    --dds-r-p-b: var(--dds-r-md-p-b);
  }
  .layout_dds-m {
    --dds-r-m: var(--dds-r-md-m);
  }
  .layout_dds-m-i {
    --dds-r-m-i: var(--dds-r-md-m-i);
  }
  .layout_dds-m-b {
    --dds-r-m-b: var(--dds-r-md-m-b);
  }
  .layout_dds-bleed-m-i {
    --dds-r-bleed-m-i: var(--dds-r-md-bleed-m-i);
  }
  .layout_dds-bleed-m-b {
    --dds-r-bleed-m-b: var(--dds-r-md-bleed-m-b);
  }
  .layout_dds-h {
    --dds-r-h: var(--dds-r-md-h);
  }
  .layout_dds-max-h {
    --dds-r-max-h: var(--dds-r-md-max-h);
  }
  .layout_dds-min-h {
    --dds-r-min-h: var(--dds-r-md-min-h);
  }
  .layout_dds-w {
    --dds-r-w: var(--dds-r-md-w);
  }
  .layout_dds-max-w {
    --dds-r-max-w: var(--dds-r-md-max-w);
  }
  .layout_dds-min-w {
    --dds-r-min-w: var(--dds-r-md-min-w);
  }
  .layout_dds-pos {
    --dds-r-pos: var(--dds-r-md-pos);
  }
  .layout_dds-l {
    --dds-r-l: var(--dds-r-md-l);
  }
  .layout_dds-r {
    --dds-r-r: var(--dds-r-md-r);
  }
  .layout_dds-t {
    --dds-r-t: var(--dds-r-md-t);
  }
  .layout_dds-b {
    --dds-r-b: var(--dds-r-md-b);
  }
  .layout_dds-o {
    --dds-r-o: var(--dds-r-md-o);
  }
  .layout_dds-o-x {
    --dds-r-o-x: var(--dds-r-md-o-x);
  }
  .layout_dds-o-y {
    --dds-r-o-y: var(--dds-r-md-o-y);
  }
  .layout_dds-display {
    --dds-r-display: var(--dds-r-md-display);
  }
  .layout_dds-text-align {
    --dds-r-text-align: var(--dds-r-md-text-align);
  }
  .layout_dds-word-break {
    --dds-r-word-break: var(--dds-r-md-word-break);
  }
  .layout_dds-flex-dir {
    --dds-r-flex-dir: var(--dds-r-md-flex-dir);
  }
  .layout_dds-gap {
    --dds-r-gap: var(--dds-r-md-gap);
  }
  .layout_dds-c-gap {
    --dds-r-c-gap: var(--dds-r-md-c-gap);
  }
  .layout_dds-r-gap {
    --dds-r-r-gap: var(--dds-r-md-r-gap);
  }
  .layout_dds-a-i {
    --dds-r-a-i: var(--dds-r-md-a-i);
  }
  .layout_dds-a-c {
    --dds-r-a-c: var(--dds-r-md-a-c);
  }
  .layout_dds-j-i {
    --dds-r-j-i: var(--dds-r-md-j-i);
  }
  .layout_dds-pl-i {
    --dds-r-pl-i: var(--dds-r-md-pl-i);
  }
  .layout_dds-j-c {
    --dds-r-j-c: var(--dds-r-md-j-c);
  }
  .layout_dds-wrap {
    --dds-r-wrap: var(--dds-r-md-wrap);
  }
  .layout_dds-basis {
    --dds-r-basis: var(--dds-r-md-basis);
  }
  .layout_dds-flow {
    --dds-r-flow: var(--dds-r-md-flow);
  }
}
@media (min-width: 1280px) {
  .layout_dds-p {
    --dds-r-p: var(--dds-r-lg-p);
  }
  .layout_dds-p-i {
    --dds-r-p-i: var(--dds-r-lg-p-i);
  }
  .layout_dds-p-b {
    --dds-r-p-b: var(--dds-r-lg-p-b);
  }
  .layout_dds-m {
    --dds-r-m: var(--dds-r-lg-m);
  }
  .layout_dds-m-i {
    --dds-r-m-i: var(--dds-r-lg-m-i);
  }
  .layout_dds-m-b {
    --dds-r-m-b: var(--dds-r-lg-m-b);
  }
  .layout_dds-bleed-m-i {
    --dds-r-bleed-m-i: var(--dds-r-lg-bleed-m-i);
  }
  .layout_dds-bleed-m-b {
    --dds-r-bleed-m-b: var(--dds-r-lg-bleed-m-b);
  }
  .layout_dds-h {
    --dds-r-h: var(--dds-r-lg-h);
  }
  .layout_dds-max-h {
    --dds-r-max-h: var(--dds-r-lg-max-h);
  }
  .layout_dds-min-h {
    --dds-r-min-h: var(--dds-r-lg-min-h);
  }
  .layout_dds-w {
    --dds-r-w: var(--dds-r-lg-w);
  }
  .layout_dds-max-w {
    --dds-r-max-w: var(--dds-r-lg-max-w);
  }
  .layout_dds-min-w {
    --dds-r-min-w: var(--dds-r-lg-min-w);
  }
  .layout_dds-pos {
    --dds-r-pos: var(--dds-r-lg-pos);
  }
  .layout_dds-l {
    --dds-r-l: var(--dds-r-lg-l);
  }
  .layout_dds-r {
    --dds-r-r: var(--dds-r-lg-r);
  }
  .layout_dds-t {
    --dds-r-t: var(--dds-r-lg-t);
  }
  .layout_dds-b {
    --dds-r-b: var(--dds-r-lg-b);
  }
  .layout_dds-o {
    --dds-r-o: var(--dds-r-lg-o);
  }
  .layout_dds-o-x {
    --dds-r-o-x: var(--dds-r-lg-o-x);
  }
  .layout_dds-o-y {
    --dds-r-o-y: var(--dds-r-lg-o-y);
  }
  .layout_dds-display {
    --dds-r-display: var(--dds-r-lg-display);
  }
  .layout_dds-text-align {
    --dds-r-text-align: var(--dds-r-lg-text-align);
  }
  .layout_dds-word-break {
    --dds-r-word-break: var(--dds-r-lg-word-break);
  }
  .layout_dds-flex-dir {
    --dds-r-flex-dir: var(--dds-r-lg-flex-dir);
  }
  .layout_dds-gap {
    --dds-r-gap: var(--dds-r-lg-gap);
  }
  .layout_dds-c-gap {
    --dds-r-c-gap: var(--dds-r-lg-c-gap);
  }
  .layout_dds-r-gap {
    --dds-r-r-gap: var(--dds-r-lg-r-gap);
  }
  .layout_dds-a-i {
    --dds-r-a-i: var(--dds-r-lg-a-i);
  }
  .layout_dds-a-c {
    --dds-r-a-c: var(--dds-r-lg-a-c);
  }
  .layout_dds-j-i {
    --dds-r-j-i: var(--dds-r-lg-j-i);
  }
  .layout_dds-pl-i {
    --dds-r-pl-i: var(--dds-r-lg-pl-i);
  }
  .layout_dds-j-c {
    --dds-r-j-c: var(--dds-r-lg-j-c);
  }
  .layout_dds-wrap {
    --dds-r-wrap: var(--dds-r-lg-wrap);
  }
  .layout_dds-basis {
    --dds-r-basis: var(--dds-r-lg-basis);
  }
  .layout_dds-flow {
    --dds-r-flow: var(--dds-r-lg-flow);
  }
}
@media (min-width: 1920px) {
  .layout_dds-p {
    --dds-r-p: var(--dds-r-xl-p);
  }
  .layout_dds-p-i {
    --dds-r-p-i: var(--dds-r-xl-p-i);
  }
  .layout_dds-p-b {
    --dds-r-p-b: var(--dds-r-xl-p-b);
  }
  .layout_dds-m {
    --dds-r-m: var(--dds-r-xl-m);
  }
  .layout_dds-m-i {
    --dds-r-m-i: var(--dds-r-xl-m-i);
  }
  .layout_dds-m-b {
    --dds-r-m-b: var(--dds-r-xl-m-b);
  }
  .layout_dds-bleed-m-i {
    --dds-r-bleed-m-i: var(--dds-r-xl-bleed-m-i);
  }
  .layout_dds-bleed-m-b {
    --dds-r-bleed-m-b: var(--dds-r-xl-bleed-m-b);
  }
  .layout_dds-h {
    --dds-r-h: var(--dds-r-xl-h);
  }
  .layout_dds-max-h {
    --dds-r-max-h: var(--dds-r-xl-max-h);
  }
  .layout_dds-min-h {
    --dds-r-min-h: var(--dds-r-xl-min-h);
  }
  .layout_dds-w {
    --dds-r-w: var(--dds-r-xl-w);
  }
  .layout_dds-max-w {
    --dds-r-max-w: var(--dds-r-xl-max-w);
  }
  .layout_dds-min-w {
    --dds-r-min-w: var(--dds-r-xl-min-w);
  }
  .layout_dds-pos {
    --dds-r-pos: var(--dds-r-xl-pos);
  }
  .layout_dds-l {
    --dds-r-l: var(--dds-r-xl-l);
  }
  .layout_dds-r {
    --dds-r-r: var(--dds-r-xl-r);
  }
  .layout_dds-t {
    --dds-r-t: var(--dds-r-xl-t);
  }
  .layout_dds-b {
    --dds-r-b: var(--dds-r-xl-b);
  }
  .layout_dds-o {
    --dds-r-o: var(--dds-r-xl-o);
  }
  .layout_dds-o-x {
    --dds-r-o-x: var(--dds-r-xl-o-x);
  }
  .layout_dds-o-y {
    --dds-r-o-y: var(--dds-r-xl-o-y);
  }
  .layout_dds-display {
    --dds-r-display: var(--dds-r-xl-display);
  }
  .layout_dds-text-align {
    --dds-r-text-align: var(--dds-r-xl-text-align);
  }
  .layout_dds-word-break {
    --dds-r-word-break: var(--dds-r-xl-word-break);
  }
  .layout_dds-flex-dir {
    --dds-r-flex-dir: var(--dds-r-xl-flex-dir);
  }
  .layout_dds-gap {
    --dds-r-gap: var(--dds-r-xl-gap);
  }
  .layout_dds-c-gap {
    --dds-r-c-gap: var(--dds-r-xl-c-gap);
  }
  .layout_dds-r-gap {
    --dds-r-r-gap: var(--dds-r-xl-r-gap);
  }
  .layout_dds-a-i {
    --dds-r-a-i: var(--dds-r-xl-a-i);
  }
  .layout_dds-a-c {
    --dds-r-a-c: var(--dds-r-xl-a-c);
  }
  .layout_dds-j-i {
    --dds-r-j-i: var(--dds-r-xl-j-i);
  }
  .layout_dds-pl-i {
    --dds-r-pl-i: var(--dds-r-xl-pl-i);
  }
  .layout_dds-j-c {
    --dds-r-j-c: var(--dds-r-xl-j-c);
  }
  .layout_dds-wrap {
    --dds-r-wrap: var(--dds-r-xl-wrap);
  }
  .layout_dds-basis {
    --dds-r-basis: var(--dds-r-xl-basis);
  }
  .layout_dds-flow {
    --dds-r-flow: var(--dds-r-xl-flow);
  }
}

/* src/components/layout/common/display.module.css */
.display_xs-hide-below {
  @media only screen and (max-width: 599px) {
    display: none !important;
  }
}
.display_sm-hide-below {
  @media only screen and (max-width: 959px) {
    display: none !important;
  }
}
.display_md-hide-below {
  @media only screen and (max-width: 1279px) {
    display: none !important;
  }
}
.display_lg-hide-below {
  @media only screen and (max-width: 1919px) {
    display: none !important;
  }
}
.display_xl-hide-below {
  display: none !important;
}
.display_xs-hide-above {
  @media only screen and (min-width: 600px) {
    display: none !important;
  }
}
.display_sm-hide-above {
  @media only screen and (min-width: 960px) {
    display: none !important;
  }
}
.display_md-hide-above {
  @media only screen and (min-width: 1280px) {
    display: none !important;
  }
}
.display_lg-hide-above {
  @media only screen and (min-width: 1920px) {
    display: none !important;
  }
}

/* src/components/layout/Contrast/Contrast.module.css */
:where(.Contrast_container) {
  background-color: var(--dds-color-surface-inverse-default);
}

/* src/components/layout/Grid/Grid.module.css */
.Grid_dds-grid {
  --dds-r-grid: var(--dds-r-xs-grid);
  grid: var(--dds-r-grid);
}
.Grid_dds-grid-template-columns {
  --dds-r-grid-template-columns: var(--dds-r-xs-grid-template-columns);
  grid-template-columns: var(--dds-r-grid-template-columns);
}
.Grid_dds-grid-auto-flow {
  --dds-r-grid-auto-flow: var(--dds-r-xs-grid-auto-flow);
  grid-auto-flow: var(--dds-r-grid-auto-flow);
}
.Grid_dds-grid-auto-columns {
  --dds-r-grid-auto-columns: var(--dds-r-xs-grid-auto-columns);
  grid-auto-columns: var(--dds-r-grid-auto-columns);
}
.Grid_dds-grid-auto-rows {
  --dds-r-grid-auto-rows: var(--dds-r-xs-grid-auto-rows);
  grid-auto-rows: var(--dds-r-grid-auto-rows);
}
.Grid_dds-grid-template {
  --dds-r-grid-template: var(--dds-r-xs-grid-template);
  grid-template: var(--dds-r-grid-template);
}
.Grid_dds-grid-template-rows {
  --dds-r-grid-template-rows: var(--dds-r-xs-grid-template-rows);
  grid-template-rows: var(--dds-r-grid-template-rows);
}
.Grid_dds-grid-template-areas {
  --dds-r-grid-template-areas: var(--dds-r-xs-grid-template-areas);
  grid-template-areas: var(--dds-r-grid-template-areas);
}
.Grid_dds-grid-column {
  --dds-r-grid-column: var(--dds-r-xs-grid-column);
  grid-column: var(--dds-r-grid-column);
}
.Grid_dds-grid-row {
  --dds-r-grid-row: var(--dds-r-xs-grid-row);
  grid-row: var(--dds-r-grid-row);
}
.Grid_dds-grid-area {
  --dds-r-grid-area: var(--dds-r-xs-grid-area);
  grid-area: var(--dds-r-grid-area);
}
.Grid_dds-j-self {
  --dds-r-j-self: var(--dds-r-xs-j-self);
  justify-self: var(--dds-r-j-self);
}
.Grid_child--first-half {
  grid-column: 1 / calc(var(--dds-grid-col-count) / 2 + 1);
}
.Grid_child--second-half {
  grid-column: calc(var(--dds-grid-col-count) / 2 + 1) / -1;
}
@media (max-width: 599px) {
  .Grid_dds-grid-template-columns {
    --dds-r-grid-template-columns: var(--dds-r-xs-grid-template-columns);
  }
  .Grid_dds-grid {
    --dds-r-grid: var(--dds-r-xs-grid);
  }
  .Grid_dds-grid-auto-columns {
    --dds-r-grid-auto-columns: var(--dds-r-xs-grid-auto-columns);
  }
  .Grid_dds-grid-auto-rows {
    --dds-r-grid-auto-rows: var(--dds-r-xs-grid-auto-rows);
  }
  .Grid_dds-grid-auto-flow {
    --dds-r-grid-auto-flow: var(--dds-r-xs-grid-auto-flow);
  }
  .Grid_dds-grid-template {
    --dds-r-grid-template: var(--dds-r-xs-grid-template);
  }
  .Grid_dds-grid-template-rows {
    --dds-r-grid-template-rows: var(--dds-r-xs-grid-template-rows);
  }
  .Grid_dds-grid-template-areas {
    --dds-r-grid-template-areas: var(--dds-r-xs-grid-template-areas);
  }
  .Grid_dds-grid-column {
    --dds-r-grid-column: var(--dds-r-xs-grid-column);
  }
  .Grid_child-col-count {
    --dds-grid-col-count: var(--dds-grid-xs-count);
  }
  .Grid_dds-grid-row {
    --dds-r-grid-row: var(--dds-r-xs-grid-row);
  }
  .Grid_dds-grid-area {
    --dds-r-grid-area: var(--dds-r-xs-grid-area);
  }
  .Grid_dds-j-self {
    --dds-r-j-self: var(--dds-r-xs-j-self);
  }
}
@media (min-width: 600px) {
  .Grid_dds-grid-template-columns {
    --dds-r-grid-template-columns: var(--dds-r-sm-grid-template-columns);
  }
  .Grid_dds-grid {
    --dds-r-grid: var(--dds-r-sm-grid);
  }
  .Grid_dds-grid-auto-columns {
    --dds-r-grid-auto-columns: var(--dds-r-sm-grid-auto-columns);
  }
  .Grid_dds-grid-auto-rows {
    --dds-r-grid-auto-rows: var(--dds-r-sm-grid-auto-rows);
  }
  .Grid_dds-grid-auto-flow {
    --dds-r-grid-auto-flow: var(--dds-r-sm-grid-auto-flow);
  }
  .Grid_dds-grid-template {
    --dds-r-grid-template: var(--dds-r-sm-grid-template);
  }
  .Grid_dds-grid-template-rows {
    --dds-r-grid-template-rows: var(--dds-r-sm-grid-template-rows);
  }
  .Grid_dds-grid-template-areas {
    --dds-r-grid-template-areas: var(--dds-r-sm-grid-template-areas);
  }
  .Grid_dds-grid-column {
    --dds-r-grid-column: var(--dds-r-sm-grid-column);
  }
  .Grid_child-col-count {
    --dds-grid-col-count: var(--dds-grid-sm-count);
  }
  .Grid_dds-grid-row {
    --dds-r-grid-row: var(--dds-r-sm-grid-row);
  }
  .Grid_dds-grid-area {
    --dds-r-grid-area: var(--dds-r-sm-grid-area);
  }
  .Grid_dds-j-self {
    --dds-r-j-self: var(--dds-r-sm-j-self);
  }
}
@media (min-width: 960px) {
  .Grid_dds-grid-template-columns {
    --dds-r-grid-template-columns: var(--dds-r-md-grid-template-columns);
  }
  .Grid_dds-grid {
    --dds-r-grid: var(--dds-r-md-grid);
  }
  .Grid_dds-grid-auto-columns {
    --dds-r-grid-auto-columns: var(--dds-r-md-grid-auto-columns);
  }
  .Grid_dds-grid-auto-rows {
    --dds-r-grid-auto-rows: var(--dds-r-md-grid-auto-rows);
  }
  .Grid_dds-grid-auto-flow {
    --dds-r-grid-auto-flow: var(--dds-r-md-grid-auto-flow);
  }
  .Grid_dds-grid-template {
    --dds-r-grid-template: var(--dds-r-md-grid-template);
  }
  .Grid_dds-grid-template-rows {
    --dds-r-grid-template-rows: var(--dds-r-md-grid-template-rows);
  }
  .Grid_dds-grid-template-areas {
    --dds-r-grid-template-areas: var(--dds-r-md-grid-template-areas);
  }
  .Grid_dds-grid-column {
    --dds-r-grid-column: var(--dds-r-md-grid-column);
  }
  .Grid_child-col-count {
    --dds-grid-col-count: var(--dds-grid-md-count);
  }
  .Grid_dds-grid-row {
    --dds-r-grid-row: var(--dds-r-md-grid-row);
  }
  .Grid_dds-grid-area {
    --dds-r-grid-area: var(--dds-r-md-grid-area);
  }
  .Grid_dds-j-self {
    --dds-r-j-self: var(--dds-r-md-j-self);
  }
}
@media (min-width: 1280px) {
  .Grid_dds-grid-template-columns {
    --dds-r-grid-template-columns: var(--dds-r-lg-grid-template-columns);
  }
  .Grid_dds-grid {
    --dds-r-grid: var(--dds-r-lg-grid);
  }
  .Grid_dds-grid-auto-columns {
    --dds-r-grid-auto-columns: var(--dds-r-lg-grid-auto-columns);
  }
  .Grid_dds-grid-auto-rows {
    --dds-r-grid-auto-rows: var(--dds-r-lg-grid-auto-rows);
  }
  .Grid_dds-grid-auto-flow {
    --dds-r-grid-auto-flow: var(--dds-r-lg-grid-auto-flow);
  }
  .Grid_dds-grid-template {
    --dds-r-grid-template: var(--dds-r-lg-grid-template);
  }
  .Grid_dds-grid-template-rows {
    --dds-r-grid-template-rows: var(--dds-r-lg-grid-template-rows);
  }
  .Grid_dds-grid-template-areas {
    --dds-r-grid-template-areas: var(--dds-r-lg-grid-template-areas);
  }
  .Grid_dds-grid-column {
    --dds-r-grid-column: var(--dds-r-lg-grid-column);
  }
  .Grid_child-col-count {
    --dds-grid-col-count: var(--dds-grid-lg-count);
  }
  .Grid_dds-grid-row {
    --dds-r-grid-row: var(--dds-r-lg-grid-row);
  }
  .Grid_dds-grid-area {
    --dds-r-grid-area: var(--dds-r-lg-grid-area);
  }
  .Grid_dds-j-self {
    --dds-r-j-self: var(--dds-r-lg-j-self);
  }
}
@media (min-width: 1920px) {
  .Grid_dds-grid-template-columns {
    --dds-r-grid-template-columns: var(--dds-r-xl-grid-template-columns);
  }
  .Grid_dds-grid {
    --dds-r-grid: var(--dds-r-xl-grid);
  }
  .Grid_dds-grid-auto-columns {
    --dds-r-grid-auto-columns: var(--dds-r-xl-grid-auto-columns);
  }
  .Grid_dds-grid-auto-rows {
    --dds-r-grid-auto-rows: var(--dds-r-xl-grid-auto-rows);
  }
  .Grid_dds-grid-auto-flow {
    --dds-r-grid-auto-flow: var(--dds-r-xl-grid-auto-flow);
  }
  .Grid_dds-grid-template {
    --dds-r-grid-template: var(--dds-r-xl-grid-template);
  }
  .Grid_dds-grid-template-rows {
    --dds-r-grid-template-rows: var(--dds-r-xl-grid-template-rows);
  }
  .Grid_dds-grid-template-areas {
    --dds-r-grid-template-areas: var(--dds-r-xl-grid-template-areas);
  }
  .Grid_dds-grid-column {
    --dds-r-grid-column: var(--dds-r-xl-grid-column);
  }
  .Grid_child-col-count {
    --dds-grid-col-count: var(--dds-grid-xl-count);
  }
  .Grid_dds-grid-row {
    --dds-r-grid-row: var(--dds-r-xl-grid-row);
  }
  .Grid_dds-grid-area {
    --dds-r-grid-area: var(--dds-r-xl-grid-area);
  }
  .Grid_dds-j-self {
    --dds-r-j-self: var(--dds-r-xl-j-self);
  }
}

/* src/components/layout/Paper/Paper.module.css */
.Paper_background {
  background: var(--dds-paper-background);
}
.Paper_border {
  border: 1px solid var(--dds-paper-border);
}
:where(.Paper_container) {
  box-sizing: border-box;
  background-color: var(--dds-color-surface-default);
  border-radius: var(--dds-border-radius-surface);
  margin: 0;
}
:where(.Paper_shadow--small) {
  box-shadow: var(--dds-shadow-small);
}
:where(.Paper_shadow--medium) {
  box-shadow: var(--dds-shadow-medium);
}
:where(.Paper_shadow--large) {
  box-shadow: var(--dds-shadow-large);
}
:where(.Paper_border-radius--button) {
  border-radius: var(--dds-border-radius-button);
}
:where(.Paper_border-radius--surface) {
  border-radius: var(--dds-border-radius-surface);
}
:where(.Paper_border-radius--chip) {
  border-radius: var(--dds-border-radius-chip);
}
:where(.Paper_border-radius--input) {
  border-radius: var(--dds-border-radius-input);
}
:where(.Paper_border-radius--rounded) {
  border-radius: var(--dds-border-radius-rounded);
}
:where(.Paper_border-radius--0) {
  border-radius: 0;
}

/* src/components/Spinner/Spinner.module.css */
.Spinner_svg {
  display: block;
}
.Spinner_jordskifterett,
.Spinner_lagmannsrett,
.Spinner_tingrett {
  transform-origin: center;
  transform-box: fill-box;
  animation-duration: 3.4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.Spinner_jordskifterett {
  animation-name: Spinner_jordskifterett;
}
.Spinner_tingrett {
  animation-name: Spinner_tingrett;
}
.Spinner_lagmannsrett {
  animation-name: Spinner_lagmannsrett;
}
@keyframes Spinner_jordskifterett {
  0% {
    transform: scale(0.01);
  }
  16.66% {
    transform: scale(1);
  }
  33.33% {
    transform: scale(0.1);
  }
  50% {
    transform: scale(0.01);
  }
  66.66% {
    transform: scale(0.01);
  }
  83.33% {
    transform: scale(0.01);
  }
  100% {
    transform: scale(0.01);
  }
}
@keyframes Spinner_tingrett {
  0% {
    transform: scale(0.01);
  }
  16.66% {
    transform: scale(0.01);
  }
  33.33% {
    transform: scale(0.01);
  }
  50% {
    transform: scale(1);
  }
  66.66% {
    transform: scale(0.1);
  }
  83.33% {
    transform: scale(0.01);
  }
  100% {
    transform: scale(0.01);
  }
}
@keyframes Spinner_lagmannsrett {
  0% {
    transform: scale(0.01);
  }
  16.66% {
    transform: scale(0.01);
  }
  33.33% {
    transform: scale(0.01);
  }
  50% {
    transform: scale(0.01);
  }
  66.66% {
    transform: scale(0.01);
  }
  83.33% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.1);
  }
}

/* src/components/helpers/styling/focus.module.css */
.focus_focused,
.focus_focusable:focus-visible,
.focus_focusable-focus:focus,
.focus_focusable-within:focus-within,
.focus_has-focusable-input:has(input:focus-visible),
.focus_focusable-sibling:focus-visible + .focus_focus-styled-sibling {
  outline: var(--dds-focus-outline);
  outline-offset: var(--dds-focus-outline-offset);
  box-shadow: var(--dds-focus-box-shadow);
}
.focus_focusable--inset:focus-visible {
  outline: var(--dds-focus-outline);
  outline-offset: var(--dds-focus-outline-inset);
  box-shadow: var(--dds-focus-box-shadow);
}

/* src/components/Icon/Icon.module.css */
.Icon_svg {
  display: inline-block;
  transition: fill var(--dds-motion-micro-state);
  flex-shrink: 0;
}

/* src/components/Icon/icons/animated/AnimatedChevronUpDown/AnimatedChevronUpDown.module.css */
.AnimatedChevronUpDown_svg {
  @media (prefers-reduced-motion: no-preference) {
    --dds-chevron-transition: transform var(--dds-motion-chevron);
  }
}
.AnimatedChevronUpDown_group {
  transition: var(--dds-chevron-transition);
}
.AnimatedChevronUpDown_svg--up .AnimatedChevronUpDown_group {
  transform: translateY(-3px);
}
.AnimatedChevronUpDown_svg--down .AnimatedChevronUpDown_group {
  transform: translateY(3px);
}
.AnimatedChevronUpDown_left,
.AnimatedChevronUpDown_right {
  transition: var(--dds-chevron-transition);
  stroke-linecap: round;
  transform-origin: center;
}
.AnimatedChevronUpDown_svg--up .AnimatedChevronUpDown_left {
  transform: rotate(-45deg);
}
.AnimatedChevronUpDown_svg--down .AnimatedChevronUpDown_left {
  transform: rotate(45deg);
}
.AnimatedChevronUpDown_svg--up .AnimatedChevronUpDown_right {
  transform: rotate(45deg);
}
.AnimatedChevronUpDown_svg--down .AnimatedChevronUpDown_right {
  transform: rotate(-45deg);
}

/* src/components/ThemeProvider/ThemeProvider.module.css */
.ThemeProvider_global-variables {
  --dds-color-text-body: var(--dds-color-text-default);
  --dds-color-text-body-subtle: var(--dds-color-text-subtle);
  --dds-color-text-link: var(--dds-color-text-action-resting);
  --dds-color-text-link-visited: var(--dds-color-text-action-visited);
  --dds-color-text-label: var(--dds-color-text-medium);
  --dds-color-text-placeholder: var(--dds-color-text-subtle);
  --dds-color-text-helper: var(--dds-color-text-subtle);
  --dds-color-icon-link: var(--dds-color-text-action-resting);
  --dds-color-text-subtle-inversable: var(--dds-color-text-subtle);
  --dds-color-text-default-inversable: var(--dds-color-text-default);
  --dds-color-text-medium-inversable: var(--dds-color-text-medium);
  --dds-color-text-action-resting-inversable: var( --dds-color-text-action-resting );
  --dds-color-text-action-hover-inversable: var(--dds-color-text-action-hover);
  --dds-color-text-requiredfield-inversable: var( --dds-color-text-requiredfield );
  --dds-color-icon-subtle-inversable: var(--dds-color-icon-subtle);
  --dds-color-icon-default-inversable: var(--dds-color-icon-default);
  --dds-color-icon-medium-inversable: var(--dds-color-icon-medium);
  --dds-color-icon-action-resting-inversable: var( --dds-color-icon-action-resting );
  --dds-color-icon-action-hover-inversable: var(--dds-color-icon-action-hover);
  --dds-focus-outline: var(--dds-color-focus-outside) 2px solid;
  --dds-focus-outline-offset: var(--dds-spacing-x0-125);
  --dds-focus-outline-inset: calc(0px - var(--dds-spacing-x0-25));
  --dds-focus-box-shadow: 0 0 0 2px var(--dds-color-focus-inside);
  --dds-focus-transition: outline-offset var(--dds-motion-surface);
  --dds-input-default-width: 320px;
  --dds-input-default-width-xsmall: 210px;
  --dds-spacing-xs-icon-text-gap: var(--dds-spacing-x0-25);
  --dds-spacing-sm-icon-text-gap: var(--dds-spacing-x0-25);
  --dds-spacing-md-icon-text-gap: var(--dds-spacing-x0-5);
  --dds-spacing-lg-icon-text-gap: var(--dds-spacing-x0-75);
}
.ThemeProvider_global-styles {
  font: var(--dds-font-body-long-medium);
  letter-spacing: var(--dds-font-body-long-medium-letter-spacing);
  color: var(--dds-color-text-default);
}

/* src/components/Accordion/Accordion.module.css */
:where(.Accordion_container) {
  border-bottom: 1px solid var(--dds-color-border-default);
}
:where(.Accordion_container:first-child) {
  border-top: 1px solid var(--dds-color-border-default);
}
:where(.Accordion_header-button) {
  @media (prefers-reduced-motion: no-preference) {
    transition: background-color var(--dds-motion-micro-state), var(--dds-focus-transition);
  }
  color: inherit;
  &:hover {
    background-color: var(--dds-color-surface-hover-default);
    .Accordion_chevron {
      color: var(--dds-color-text-action-hover);
    }
  }
}
.Accordion_chevron {
  margin-inline-end: var(--dds-spacing-x0-5);
}

/* src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.module.css */
.TextOverflowEllipsis_wrapper {
  max-width: 100%;
}
.TextOverflowEllipsis_inner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* src/components/Typography/Typography/Typography.module.css */
.Typography_container {
  -webkit-user-select: text;
  user-select: text;
}

/* src/components/Typography/Label/Label.module.css */
.Label_read-only {
  display: flex;
}
.Label_read-only__icon {
  align-self: center;
  flex-shrink: 0;
  margin-inline-end: var(--dds-spacing-x0-125);
  width: 1.25em;
  height: 1.25em;
}

/* src/components/BackLink/BackLink.module.css */
.BackLink_icon {
  margin-right: var(--dds-spacing-x0-25);
}

/* src/components/Breadcrumbs/Breadcrumbs.module.css */
.Breadcrumbs_icon {
  color: var(--dds-color-icon-link);
}

/* src/components/Button/Button.module.css */
:where(.Button_button) {
  -webkit-user-select: text;
  user-select: text;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  cursor: pointer;
  box-shadow: none;
  text-decoration: none;
  border-radius: var(--dds-border-radius-button);
  border: 1px solid;
  @media (prefers-reduced-motion: no-preference) {
    transition: all var(--dds-motion-micro-state);
  }
  &:active:enabled {
    scale: 0.95;
  }
}
.Button_button--is-loading {
  cursor: not-allowed;
}
.Button_button--full-width {
  width: 100%;
  justify-content: space-between;
  &.Button_button--is-loading,
  &.Button_just-icon,
  &.Button_just-text {
    justify-content: center;
  }
  &.Button_with-text-and-icon.Button_with-icon-left {
    justify-content: left;
  }
}
.Button_button--xsmall {
  min-height: var(--dds-size-height-input-xsmall);
  padding-block: var(--dds-spacing-x0-125);
  &.Button_just-text {
    padding-inline: var(--dds-spacing-x0-5);
  }
  &.Button_with-text-and-icon {
    gap: var(--dds-spacing-xs-icon-text-gap);
    &.Button_with-icon-left {
      padding-inline: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
    }
    &.Button_with-icon-right {
      padding-inline: var(--dds-spacing-x0-5) var(--dds-spacing-x0-25);
    }
  }
  &.Button_just-icon,
  &.Button_button--is-loading.Button_no-content {
    padding-inline: var(--dds-spacing-x0-25);
  }
  &.Button_clear {
    min-height: fit-content;
    padding: var(--dds-spacing-x0-125);
  }
}
.Button_button--small {
  min-height: var(--dds-size-height-input-small);
  padding-block: var(--dds-spacing-x0-25);
  &.Button_just-text {
    padding-inline: var(--dds-spacing-x0-75);
  }
  &.Button_with-text-and-icon {
    gap: var(--dds-spacing-sm-icon-text-gap);
    &.Button_with-icon-left {
      padding-inline: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75);
    }
    &.Button_with-icon-right {
      padding-inline: var(--dds-spacing-x0-75) var(--dds-spacing-x0-5);
    }
  }
  &.Button_just-icon,
  &.Button_button--is-loading.Button_no-content {
    padding-inline: var(--dds-spacing-x0-5);
  }
  &.Button_clear {
    min-height: var(--dds-size-height-input-xsmall);
    padding: var(--dds-spacing-x0-25);
  }
}
.Button_button--medium {
  min-height: var(--dds-size-height-input-medium);
  padding-block: var(--dds-spacing-x0-5);
  &.Button_just-text {
    padding-inline: var(--dds-spacing-x1);
  }
  &.Button_with-text-and-icon {
    gap: var(--dds-spacing-md-icon-text-gap);
    &.Button_with-icon-left {
      padding-inline: var(--dds-spacing-x0-75) var(--dds-spacing-x1);
    }
    &.Button_with-icon-right {
      padding-inline: var(--dds-spacing-x1) var(--dds-spacing-x0-75);
    }
  }
  &.Button_just-icon,
  &.Button_button--is-loading.Button_no-content {
    padding-inline: var(--dds-spacing-x0-75);
  }
  &.Button_clear {
    min-height: var(--dds-size-height-input-small);
    padding: var(--dds-spacing-x0-5);
  }
}
.Button_button--large {
  min-height: var(--dds-size-height-input-large);
  padding-block: var(--dds-spacing-x0-75);
  &.Button_just-text {
    padding-inline: var(--dds-spacing-x1-5);
  }
  &.Button_with-text-and-icon {
    gap: var(--dds-spacing-lg-icon-text-gap);
    &.Button_with-icon-left {
      padding-inline: var(--dds-spacing-x1) var(--dds-spacing-x1-5);
    }
    &.Button_with-icon-right {
      padding-inline: var(--dds-spacing-x1-5) var(--dds-spacing-x1);
    }
  }
  &.Button_just-icon,
  &.Button_button--is-loading.Button_no-content {
    padding-inline: var(--dds-spacing-x1);
  }
  &.Button_clear {
    min-height: var(--dds-size-height-input-medium);
    padding: var(--dds-spacing-x0-75);
  }
}
.Button_spinner-wrapper--absolute {
  position: absolute;
}
.Button_icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Button_button--primary {
  background-color: var(--dds-color-surface-action-resting);
  border-color: var(--dds-color-surface-action-resting);
  color: var(--dds-color-text-on-action);
  &:hover:not(.Button_button--is-loading) {
    background-color: var(--dds-color-surface-action-hover);
    border-color: var(--dds-color-surface-action-hover);
    color: var(--dds-color-text-on-action);
  }
}
.Button_button--secondary {
  background-color: var(--dds-color-surface-default);
  border-color: var(--dds-color-border-default);
  color: var(--dds-color-text-default);
  &:hover:not(.Button_button--is-loading) {
    background-color: var(--dds-color-surface-hover-default);
    border-color: var(--dds-color-border-action-hover);
    color: var(--dds-color-text-default);
  }
}
.Button_button--tertiary {
  background-color: transparent;
  border-color: transparent;
  color: var(--dds-color-text-default);
  &:hover:not(.Button_button--is-loading) {
    background-color: var(--dds-color-surface-hover-default);
    border-color: transparent;
    color: var(--dds-color-text-default);
  }
}
.Button_button--danger {
  background-color: var(--dds-color-surface-action-danger-resting);
  border-color: var(--dds-color-surface-action-danger-resting);
  color: var(--dds-color-text-on-action);
  &:hover:not(.Button_button--is-loading) {
    background-color: var(--dds-color-surface-action-danger-hover);
    border-color: var(--dds-color-surface-action-danger-hover);
    color: var(--dds-color-text-on-action);
  }
}

/* src/components/OverflowMenu/OverflowMenu.module.css */
.OverflowMenu_container {
  box-sizing: border-box;
  z-index: var(--dds-zindex-overflowmenu);
}
.OverflowMenu_list {
  display: flex;
  flex-direction: column;
}

/* src/components/Toggle/Toggle.module.css */
:where(.Toggle_label) {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: var(--dds-spacing-x0-25);
  --dds-toggle-medium-thumb-spacing-inline: var(--dds-spacing-x0-125);
  --dds-toggle-large-thumb-spacing-inline: var(--dds-spacing-x0-25);
}
.Toggle_track {
  position: relative;
  background-color: var(--dds-color-surface-medium);
  border-radius: var(--dds-border-radius-rounded);
  border: 1px solid var(--dds-color-border-default);
  @media (prefers-reduced-motion: no-preference) {
    transition:
      background-color var(--dds-motion-micro-state),
      border var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
}
.Toggle_thumb {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--dds-spacing-x0-125);
  border-radius: var(--dds-border-radius-rounded);
  background-color: var(--dds-color-surface-field-default);
  border: 1px solid var(--dds-color-border-default);
  @media (prefers-reduced-motion: no-preference) {
    transition:
      transform var(--dds-motion-micro-state),
      left var(--dds-motion-micro-state),
      border var(--dds-motion-micro-state),
      width var(--dds-motion-micro-state);
  }
}
.Toggle_thumb .Toggle_checkmark {
  opacity: 0;
  color: var(--dds-color-icon-action-resting);
  @media (prefers-reduced-motion: no-preference) {
    transition: opacity var(--dds-motion-micro-state);
  }
}
.Toggle_thumb .Toggle_unchecked-icon {
  opacity: 1;
  position: absolute;
  color: var(--dds-color-icon-medium);
  @media (prefers-reduced-motion: no-preference) {
    transition: opacity var(--dds-motion-micro-state);
  }
}
.Toggle_thumb .Toggle_checked-icon {
  opacity: 0;
  position: absolute;
  color: var(--dds-color-icon-medium);
  @media (prefers-reduced-motion: no-preference) {
    transition: opacity var(--dds-motion-micro-state);
  }
}
.Toggle_label input:checked ~ .Toggle_track > .Toggle_thumb {
  .Toggle_checkmark {
    opacity: 1;
  }
  .Toggle_checked-icon {
    opacity: 1;
  }
  .Toggle_unchecked-icon {
    opacity: 0;
  }
}
.Toggle_labeltext--readonly {
  display: flex;
  .Toggle_icon--read-only {
    align-self: center;
    flex-shrink: 0;
    margin-inline-end: var(--dds-spacing-x0-125);
  }
}
.Toggle_medium {
  .Toggle_track {
    height: var(--dds-spacing-x1-5);
    width: 2.8125rem;
  }
  .Toggle_thumb {
    left: var(--dds-toggle-medium-thumb-spacing-inline);
    top: 1px;
    height: 1.25rem;
    width: 1.25rem;
  }
  input:checked ~ .Toggle_track > .Toggle_thumb {
    left: calc(100% - var(--dds-toggle-medium-thumb-spacing-inline));
    transform: translateX(-100%);
  }
  input:enabled:active:enabled:not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
    width: 1.5rem;
  }
}
.Toggle_large {
  .Toggle_track {
    height: 2.125rem;
    width: 3.25rem;
  }
  .Toggle_thumb {
    left: var(--dds-toggle-large-thumb-spacing-inline);
    top: var(--dds-spacing-x0-125);
    height: 1.75rem;
    width: 1.75rem;
  }
  input:checked ~ .Toggle_track > .Toggle_thumb {
    left: calc(100% - var(--dds-toggle-large-thumb-spacing-inline));
    transform: translateX(-100%);
  }
  input:enabled:active:not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
    width: var(--dds-spacing-x2);
  }
}
.Toggle_label,
.Toggle_label--is-loading {
  input:checked:enabled:not([aria-readonly=true]) ~ .Toggle_track {
    background-color: var(--dds-color-surface-action-selected);
    border-color: var(--dds-color-border-action-default);
    & > .Toggle_thumb {
      border-color: var(--dds-color-border-action-default);
    }
  }
}
.Toggle_label:hover {
  input:enabled:checked:not([aria-readonly=true]) ~ .Toggle_track {
    background-color: var(--dds-color-surface-action-hover);
    border-color: var(--dds-color-border-action-hover);
    .Toggle_thumb {
      border-color: var(--dds-color-border-action-hover);
    }
  }
  input:enabled:not([aria-readonly=true]) ~ .Toggle_track {
    background-color: var(--dds-color-surface-hover-default);
    border-color: var(--dds-color-border-action-hover);
    .Toggle_thumb {
      border-color: var(--dds-color-border-action-hover);
      .Toggle_checkmark {
        color: var(--dds-color-icon-action-hover);
      }
    }
  }
}
.Toggle_label--color-scheme,
.Toggle_label--color-scheme:hover {
  input:enabled:not([aria-readonly=true]) ~ .Toggle_track,
  input:checked:enabled:not([aria-readonly=true]) ~ .Toggle_track {
    background-color: var(--dds-color-surface-medium);
    border-color: var(--dds-color-border-default);
    .Toggle_thumb {
      border-color: var(--dds-color-border-default);
    }
  }
}
.Toggle_label--disabled {
  cursor: not-allowed;
  color: var(--dds-color-text-subtle);
  input:disabled ~ .Toggle_track {
    background-color: var(--dds-color-surface-field-disabled);
  }
  input:checked:disabled ~ .Toggle_track {
    background-color: var(--dds-color-surface-action-selected-disabled);
    border-color: var(--dds-color-surface-action-selected-disabled);
  }
  input:checked:disabled ~ .Toggle_track > .Toggle_thumb {
    border-color: var(--dds-color-surface-action-selected-disabled);
    .Toggle_checkmark {
      color: var(--dds-color-icon-subtle);
    }
    .Toggle_checked-icon {
      color: var(--dds-color-icon-subtle);
    }
    .Toggle_unchecked-icon {
      color: var(--dds-color-icon-subtle);
    }
  }
}
.Toggle_label--read-only {
  cursor: default;
  color: var(--dds-color-text-medium);
  input ~ .Toggle_track {
    background-color: var(--dds-color-surface-default);
  }
  input:checked ~ .Toggle_track {
    background-color: var(--dds-color-surface-inverse-default);
    border-color: var(--dds-color-surface-inverse-default);
  }
  input:checked ~ .Toggle_track > .Toggle_thumb {
    border-color: var(--dds-color-surface-inverse-default);
    .Toggle_checkmark {
      color: var(--dds-color-icon-medium);
    }
  }
}
.Toggle_label--is-loading {
  cursor: not-allowed;
}

/* src/components/Divider/Divider.module.css */
:where(.Divider_divider) {
  border: 0;
  background-color: transparent;
  border-top: 1px solid;
  margin-top: var(--dds-spacing-x1);
  margin-bottom: var(--dds-spacing-x1);
}
.Divider_divider--default {
  color: var(--dds-color-border-default);
}
.Divider_divider--subtle {
  color: var(--dds-color-border-subtle);
}
.Divider_divider--on-inverse {
  color: var(--dds-color-border-inverse);
}

/* src/components/ButtonGroup/ButtonGroup.module.css */
.ButtonGroup_group > *:focus-visible {
  position: relative;
  z-index: var(--dds-zindex-absolute-element);
}
.ButtonGroup_group--column {
  display: flex;
  flex-direction: column;
  > * {
    width: 100%;
  }
}
.ButtonGroup_group--column > *:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-block-end: -1px;
}
.ButtonGroup_group--column > *:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ButtonGroup_group--column > *:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-block-end: -1px;
}
.ButtonGroup_group--row > *:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-inline-end: -1px;
}
.ButtonGroup_group--row > *:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ButtonGroup_group--row > *:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-inline-end: -1px;
}

/* src/components/Card/Card.module.css */
.Card_container {
  border: 1px solid;
  border-radius: var(--dds-border-radius-surface);
  @media (prefers-reduced-motion: no-preference) {
    transition:
      box-shadow var(--dds-motion-micro-state),
      border-color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
}
.Card_container--filled {
  background-color: var(--dds-color-brand-primary-subtle);
  border-color: var(--dds-color-brand-primary-subtle);
  color: var(--dds-color-text-on-primary-subtle);
}
.Card_container--border {
  background-color: var(--dds-color-surface-default);
  border-color: var(--dds-color-border-subtle);
}
.Card_container--navigation:hover,
.Card_container--selection-control:has(input:enabled:not([aria-readonly=true])):hover {
  border-color: var(--dds-color-border-action-hover);
  box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
}
.Card_container--selection-control {
  padding: var(--dds-selection-control-card-padding);
  display: block;
  width: 100%;
  height: 100%;
  & > span {
    left: var(--dds-selection-control-card-control-left);
    top: var(--dds-selection-control-card-control-top);
  }
  input:disabled,
  input[aria-readonly=true] {
    & ~ span {
      background-color: var(--dds-color-surface-field-disabled);
    }
  }
  &:has(input:checked) {
    border-color: var(--dds-color-surface-action-selected);
    box-shadow: inset 0 0 0 1px var(--dds-color-surface-action-selected);
    background-color: var(--dds-color-surface-selected-default);
  }
  &:has(input[aria-invalid]) {
    border-color: var(--dds-color-border-danger);
    box-shadow: inset 0 0 0 1px var(--dds-color-border-danger);
  }
  &:has(input:disabled) {
    color: var(--dds-color-text-subtle);
  }
  &:has(input:disabled),
  &:has(input[aria-readonly=true]) {
    box-shadow: none;
    background-color: var(--dds-color-surface-selected-default);
    background-color: var(--dds-color-surface-field-disabled);
    border-color: var(--dds-color-surface-field-disabled);
  }
}
.Card_container--navigation {
  text-decoration: none;
  display: block;
}
.Card_container--expandable {
  width: 100%;
  box-sizing: border-box;
  & + .Card_container--expandable {
    border-top: none;
  }
}

/* src/components/Card/CardExpandable/CardExpandable.module.css */
.CardExpandable_container {
  border-radius: inherit;
  @media (prefers-reduced-motion: no-preference) {
    transition: box-shadow var(--dds-motion-micro-state);
  }
  &:has(.CardExpandable_header-button:hover) {
    box-shadow: 0 0 0 2px var(--dds-color-border-action-hover);
  }
}
.CardExpandable_header-button {
  transition: var(--dds-focus-transition);
}
.CardExpandable_header-container {
  padding: var(--dds-card-accordion-header-container-padding);
}
.CardExpandable_header__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.CardExpandable_header-container__chevron {
  margin-left: var(--dds-spacing-x0-5);
}

/* src/components/SelectionControl/SelectionControl.module.css */
.SelectionControl_container {
  display: flex;
  flex-direction: column;
  gap: var(--dds-spacing-x0-125);
}
.SelectionControl_group {
  display: flex;
}
.SelectionControl_group--row {
  flex-direction: row;
  gap: var(--dds-spacing-x0-75);
}
.SelectionControl_group--column {
  flex-direction: column;
  gap: var(--dds-spacing-x0-75);
}
.SelectionControl_label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  &:not(:hover) input[aria-invalid]:enabled:not([aria-readonly=true]):not(:focus-visible):not(:checked) ~ .SelectionControl_selection-control {
    background-color: var(--dds-color-surface-danger-default);
  }
}
.SelectionControl_label:has(input:enabled) {
  input[aria-invalid]:not([aria-readonly=true]):not(:focus-visible) ~ .SelectionControl_selection-control {
    border-color: var(--dds-color-border-danger);
    box-shadow: inset 0 0 0 1px var(--dds-color-border-danger);
  }
  &:hover input:not(:checked):not([aria-readonly=true]) ~ .SelectionControl_selection-control {
    background-color: var(--dds-color-surface-hover-default);
    box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
    border-color: var(--dds-color-border-action-hover);
  }
  input:checked ~ .SelectionControl_selection-control,
  input[data-indeterminate=true] ~ .SelectionControl_selection-control {
    border-color: var(--dds-color-surface-action-selected);
    background-color: var(--dds-color-surface-action-selected);
  }
  input:checked[aria-readonly=true] ~ .SelectionControl_selection-control,
  input[data-indeterminate=true][aria-readonly=true] ~ .SelectionControl_selection-control {
    border-color: var(--dds-color-surface-action-selected-disabled);
    background-color: var(--dds-color-surface-action-selected-disabled);
  }
  &:hover {
    input:enabled:not([aria-readonly=true]) {
      &:checked[type=checkbox],
      &[data-indeterminate=true] {
        ~ .SelectionControl_selection-control {
          background-color: var(--dds-color-surface-action-hover);
          border-color: var(--dds-color-surface-action-hover);
        }
      }
    }
  }
}
input:checked ~ .SelectionControl_selection-control:after,
input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
  display: block;
}
.SelectionControl_label--checkbox {
  .SelectionControl_selection-control:after {
    border: solid var(--dds-color-icon-on-action);
    border-width: 0 1px 1px 0;
    left: 35%;
    top: 10%;
    width: 30%;
    height: 60%;
    transform: rotate(45deg);
  }
  input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
    border-width: 1px 0 0 0;
    left: 25%;
    top: 50%;
    width: 50%;
    height: 1px;
    transform: none;
  }
}
.SelectionControl_label--radio {
  .SelectionControl_selection-control:after {
    border-radius: var(--dds-border-radius-rounded);
    background-color: var(--dds-color-icon-on-action);
    height: 45%;
    width: 45%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.SelectionControl_label:has(input:disabled) {
  cursor: not-allowed;
  input ~ .SelectionControl_selection-control {
    border-color: var(--dds-color-border-subtle);
  }
  input:checked ~ .SelectionControl_selection-control,
  input[data-indeterminate=true] ~ .SelectionControl_selection-control {
    border-color: var(--dds-color-surface-action-selected-disabled);
    background-color: var(--dds-color-surface-action-selected-disabled);
  }
  .SelectionControl_label:has(input[aria-readonly=true]) {
    cursor: default;
    color: var(--dds-color-text-medium);
    input ~ .SelectionControl_selection-control {
      border-color: var(--dds-color-border-default);
      background-color: var(--dds-color-surface-field-disabled);
    }
    input:checked ~ .SelectionControl_selection-control,
    input[data-indeterminate=true] ~ .SelectionControl_selection-control {
      border-color: var(--dds-color-surface-action-selected-disabled);
      background-color: var(--dds-color-surface-action-selected-disabled);
    }
  }
}
.SelectionControl_label--no-text {
  padding: 9px;
}
.SelectionControl_selection-control {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  border: 1px solid;
  border-color: var(--dds-color-border-default);
  background-color: var(--dds-color-surface-field-default);
  border-radius: var(--dds-border-radius-input);
  height: var(--dds-size-icon-component);
  width: var(--dds-size-icon-component);
  &:after {
    content: "";
    position: absolute;
    display: none;
    box-sizing: border-box;
  }
  @media (prefers-reduced-motion: no-preference) {
    transition:
      box-shadow var(--dds-motion-micro-state),
      background-color var(--dds-motion-micro-state),
      border var(--dds-motion-micro-state),
      border-color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
}
.SelectionControl_selection-control--radio {
  border-radius: var(--dds-border-radius-rounded);
}

/* src/components/CookieBanner/CookieBanner.module.css */
.CookieBanner_container:focus-visible {
  outline: none;
}
.CookieBanner_checkbox-label {
  padding: 0 0 0 calc(var(--dds-size-icon-component) + var(--dds-spacing-x0-5));
  align-items: flex-start;
}

/* src/components/date-inputs/common/DateInput.module.css */
.DateInput_date-group {
  pointer-events: none;
  label,
  .DateInput_input-group {
    pointer-events: auto;
  }
}
.DateInput_date-segment-container {
  display: flex;
  flex-direction: row;
  font-family: var(--dds-font-family-monospace);
  -webkit-user-select: none;
  user-select: none;
}
.DateInput_segment {
  font-variant-numeric: tabular-nums;
  outline: none;
  font-family: var(--dds-font-family-monospace);
  &:focus {
    background-color: var(--dds-color-surface-action-selected);
    color: var(--dds-color-text-on-action);
  }
}
.DateInput_segment__placeholder {
  display: block;
  width: 100%;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  .DateInput_segment:focus & {
    color: var(--dds-color-text-on-action);
  }
}
.DateInput_segment__placeholder--invisible {
  visibility: hidden;
  height: 0;
  width: 0;
}
.DateInput_icon-wrapper--disabled,
.DateInput_popover-button:disabled {
  color: var(--dds-color-icon-subtle);
}
.DateInput_icon-wrapper--readonly,
.DateInput_popover-button--readonly:disabled {
  color: var(--dds-color-icon-medium);
}
.DateInput_popover-button {
  padding: 3px;
  margin-left: -3px;
}
.DateInput_popover {
  z-index: var(--dds-zindex-popover);
}
.DateInput_modal-close-button-wrapper {
  display: flex;
  justify-content: right;
}
.DateInput_calendar {
  display: flex;
  flex-direction: column;
  gap: var(--dds-spacing-x0-25);
  height: 337px;
}
.DateInput_calendar__header__month {
  text-transform: capitalize;
}
.DateInput_calendar__month-button {
  -webkit-user-select: none;
  user-select: none;
}
.DateInput_calendar__grid-element {
  width: 40px;
  height: 40px;
}
.DateInput_calendar__th {
  font-weight: normal;
}
.DateInput_calendar__week-number {
  display: flex;
  align-items: center;
  justify-content: center;
}
.DateInput_calendar__cell-button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid;
  border-color: transparent;
  border-radius: var(--dds-border-radius-button);
  transition: var(--dds-motion-micro-state);
}
.DateInput_calendar__cell-button--today {
  text-decoration: underline;
  border-color: var(--dds-color-border-default);
}
.DateInput_calendar__cell-button--default {
  background-color: transparent;
  color: var(--dds-color-text-default);
  &:hover {
    background-color: var(--dds-color-surface-hover-default);
    border-color: var(--dds-color-border-action-hover);
    color: var(--dds-color-text-default);
  }
}
.DateInput_calendar__cell-button--unavailable,
.DateInput_calendar__cell-button--unavailable:hover {
  background-color: var(--dds-color-surface-field-disabled);
  border-color: var(--dds-color-surface-field-disabled);
  color: var(--dds-color-text-subtle);
  cursor: not-allowed;
  text-decoration: line-through;
}
.DateInput_calendar__cell-button--selected,
.DateInput_calendar__cell-button--selected:hover {
  background-color: var(--dds-color-surface-action-selected);
  border-color: var(--dds-color-surface-action-selected);
  color: var(--dds-color-text-on-action);
  font-weight: var(--dds-font-weight-bold);
}
.DateInput_calendar__cell-button--unavailable--today {
  border-color: var(--dds-color-border-default);
  text-decoration: underline line-through;
}

/* src/components/helpers/InlineIconButton/InlineIconButton.module.css */
.InlineIconButton_button {
  display: inline-flex;
  border-radius: var(--dds-border-radius-button);
  color: var(--dds-color-icon-default);
  &:hover:not(:disabled) {
    background-color: var(--dds-color-surface-hover-default);
    color: var(--dds-color-icon-action-hover);
  }
  &:not(:focus-visible) {
    outline: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  @media (prefers-reduced-motion: no-preference) {
    transition:
      background-color var(--dds-motion-micro-state),
      color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
}

/* src/components/helpers/Input/Input.module.css */
.Input_container {
  position: relative;
}
.Input_input-group {
  position: relative;
  --dds-input-absolute-el-left-xsmall: var(--dds-spacing-x0-25);
  --dds-input-absolute-el-left-small: var(--dds-spacing-x0-5);
  --dds-input-absolute-el-left-medium: var(--dds-spacing-x0-75);
  --dds-input-absolute-el-left-large: var(--dds-spacing-x0-75);
  --dds-input-btn-right: var(--dds-spacing-x0-25);
  --dds-input-btn-right-padding-xsmall: var(--dds-spacing-x0-125);
  --dds-input-btn-right-padding-small: var(--dds-spacing-x0-25);
  --dds-input-btn-right-padding-medium: var(--dds-spacing-x0-5);
  --dds-input-btn-right-padding-large: var(--dds-spacing-x0-75);
  --dds-input-absolute-el-right-xsmall: var(--dds-spacing-x0-25);
  --dds-input-absolute-el-right-small: var(--dds-spacing-x0-5);
  --dds-input-absolute-el-right-medium: var(--dds-spacing-x0-75);
  --dds-input-absolute-el-right-large: var(--dds-spacing-x0-75);
  & > svg {
    pointer-events: none;
  }
}
:where(.Input_input) {
  position: relative;
  color: var(--dds-color-text-default);
  border: 1px solid var(--dds-color-border-default);
  background-color: var(--dds-color-surface-default);
  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1) var(--dds-spacing-x0-75) var(--dds-spacing-x0-75);
  border-radius: var(--dds-border-radius-input);
  margin: 0;
  box-sizing: border-box;
  box-shadow: none;
  @media (prefers-reduced-motion: no-preference) {
    transition:
      box-shadow var(--dds-motion-micro-state),
      border-color var(--dds-motion-micro-state),
      background-color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
  &[type=text],
  &[type=password],
  &[type=number],
  &[type=tel],
  &[type=date],
  &[type=url],
  &[type=email],
  &[type=search],
  &[type=datetime-local] {
    -webkit-appearance: none;
  }
  &:hover:enabled:read-write:not(:focus-visible):not(.Input_disabled):not(.Input_read-only) {
    border-color: var(--dds-color-border-action-hover);
    box-shadow: 0 0 0 1px var(--dds-color-border-action-hover);
  }
}
:where(.Input_input--stateful) {
  -webkit-appearance: textfield;
  &:not(.Input_disabled).Input_read-only,
  &:enabled:read-only {
    box-shadow: none;
    border: 1px solid var(--dds-color-border-default);
    background-color: var(--dds-color-surface-field-disabled);
    color: var(--dds-color-text-medium);
    cursor: default;
  }
  &.Input_disabled,
  &:disabled {
    box-shadow: none;
    border: 1px solid var(--dds-color-border-subtle);
    background-color: var(--dds-color-surface-field-disabled);
    color: var(--dds-color-text-subtle);
    cursor: not-allowed;
  }
}
:where(.Input_input--hover:hover) {
  border-color: var(--dds-color-border-action-hover);
  box-shadow: 0 0 0 1px var(--dds-color-border-action-hover);
}
:where(.Input_input--stateful-danger) {
  border-color: var(--dds-color-border-danger);
  box-shadow: 0 0 0 1px var(--dds-color-border-danger);
  &:not(.Input_disabled):hover:not(:focus-within),
  &:hover:enabled:read-write:not(:focus-within) {
    border-color: var(--dds-color-border-danger);
    box-shadow: 0 0 0 1px var(--dds-color-border-danger);
  }
  &:not(.Input_disabled):focus-within,
  &:focus-within:enabled:read-write,
  &:hover:focus-within:enabled:read-write,
  &:active:enabled:read-write {
    border-color: 1px solid var(--dds-color-border-default);
  }
}
:where(.Input_input--large) {
  padding: var(--dds-spacing-x0-75);
  min-height: var(--dds-size-height-input-large);
}
:where(.Input_input--medium) {
  padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75);
  min-height: var(--dds-size-height-input-medium);
}
:where(.Input_input--small) {
  padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
  min-height: var(--dds-size-height-input-small);
}
:where(.Input_input--xsmall) {
  padding: var(--dds-spacing-x0-125) var(--dds-spacing-x0-25);
  min-height: var(--dds-size-height-input-xsmall);
}
:where(.Input_input-with-icon--large) {
  padding-left: calc(var(--dds-input-absolute-el-left-large) + var(--dds-size-icon-component) + var(--dds-spacing-lg-icon-text-gap));
}
:where(.Input_input-with-icon--medium) {
  padding-left: calc(var(--dds-input-absolute-el-left-medium) + var(--dds-size-icon-component) + var(--dds-spacing-md-icon-text-gap));
}
:where(.Input_input-with-icon--small) {
  padding-left: calc(var(--dds-input-absolute-el-left-small) + var(--dds-size-icon-component) + var(--dds-spacing-sm-icon-text-gap));
}
:where(.Input_input-with-icon--xsmall) {
  padding-left: calc(var(--dds-input-absolute-el-left-xsmall) + var(--dds-size-icon-component) + var(--dds-spacing-xs-icon-text-gap));
}
:where(.Input_input-with-el-right--large) {
  padding-inline-end: calc(var(--dds-input-absolute-el-right-large) + var(--dds-size-icon-component));
}
:where(.Input_input-with-el-right--medium) {
  padding-inline-end: calc(var(--dds-input-absolute-el-right-medium) + var(--dds-size-icon-component));
}
:where(.Input_input-with-el-right--small) {
  padding-inline-end: calc(var(--dds-input-absolute-el-right-small) + var(--dds-size-icon-component));
}
:where(.Input_input-with-el-right--xsmall) {
  padding-inline-end: calc(var(--dds-input-absolute-el-right-xsmall) + var(--dds-size-icon-component));
}
:where(.Input_input-with-btn-right--large) {
  padding-inline-end: calc(var(--dds-input-btn-right) + var(--dds-size-icon-component) + 2 * var(--dds-input-btn-right-padding-large));
}
:where(.Input_input-with-btn-right--medium) {
  padding-inline-end: calc(var(--dds-input-btn-right) + var(--dds-size-icon-component) + 2 * var(--dds-input-btn-right-padding-medium));
}
:where(.Input_input-with-btn-right--small) {
  padding-inline-end: calc(var(--dds-input-btn-right) + var(--dds-size-icon-component) + 2 * var(--dds-input-btn-right-padding-small));
}
:where(.Input_input-with-btn-right--xsmall) {
  padding-inline-end: calc(var(--dds-input-btn-right) + var(--dds-size-icon-component) + 2 * var(--dds-input-btn-right-padding-xsmall));
}
:where(.Input_input-with-icon-and-button-right--large) {
  padding-inline-end: calc(var(--dds-input-absolute-el-right-large) + 2 * var(--dds-size-icon-component) + 2 * var(--dds-input-btn-right-padding-large));
}
:where(.Input_input-with-icon-and-button-right--medium) {
  padding-inline-end: calc(var(--dds-input-absolute-el-right-medium) + 2 * var(--dds-size-icon-component) + 2 * var(--dds-input-btn-right-padding-medium));
}
:where(.Input_input-with-icon-and-button-right--small) {
  padding-inline-end: calc(var(--dds-input-absolute-el-right-small) + 2 * var(--dds-size-icon-component) + 2 * var(--dds-input-btn-right-padding-small));
}
:where(.Input_input-with-icon-and-button-right--xsmall) {
  padding-inline-end: calc(var(--dds-input-absolute-el-right-xsmall) + 2 * var(--dds-size-icon-component) + 2 * var(--dds-input-btn-right-padding-xsmall));
}
:where(.Input_input-group__absolute-el-right--large) {
  right: var(--dds-input-absolute-el-left-large);
}
:where(.Input_input-group__absolute-el-right--medium) {
  right: var(--dds-input-absolute-el-left-medium);
}
:where(.Input_input-group__absolute-el-right--small) {
  right: var(--dds-input-absolute-el-left-small);
}
:where(.Input_input-group__absolute-el-right--xsmall) {
  right: var(--dds-input-absolute-el-left-xsmall);
}
:where(.Input_input-group__btn-right) {
  right: var(--dds-input-btn-right);
}
:where(.Input_input-group__btn-right-with-right-icon--xsmall) {
  right: calc(var(--dds-input-absolute-el-right-xsmall) + var(--dds-size-icon-component));
}
:where(.Input_input-group__btn-right-with-right-icon--small) {
  right: calc(var(--dds-input-absolute-el-right-small) + var(--dds-size-icon-component));
}
:where(.Input_input-group__btn-right-with-right-icon--medium) {
  right: calc(var(--dds-input-absolute-el-right-medium) + var(--dds-size-icon-component));
}
:where(.Input_input-group__btn-right-with-right-icon--large) {
  right: calc(var(--dds-input-absolute-el-right-large) + var(--dds-size-icon-component));
}
:where(.Input_input--with-affix) {
  gap: var(--dds-spacing-x1);
}
:where(.Input_input-group__absolute-el) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: var(--dds-zindex-absolute-element);
  color: var(--dds-color-icon-default);
}
:where(.Input_input-group__absolute-el--large) {
  left: var(--dds-input-absolute-el-left-large);
}
:where(.Input_input-group__absolute-el--medium) {
  left: var(--dds-input-absolute-el-left-medium);
}
:where(.Input_input-group__absolute-el--small) {
  left: var(--dds-input-absolute-el-left-small);
}
:where(.Input_input-group__absolute-el--xsmall) {
  left: var(--dds-input-absolute-el-left-xsmall);
}

/* src/components/DescriptionList/DescriptionList.module.css */
.DescriptionList_list {
  & > dt:first-of-type {
    margin-top: var(--dds-spacing-x1);
  }
  & > dd:last-child {
    margin-bottom: var(--dds-spacing-x1);
  }
  dd + dt {
    margin-top: var(--dds-spacing-x2);
  }
}
.DescriptionList_list--default {
  dt {
    color: var(--dds-color-text-body);
    font-weight: 600;
  }
}
.DescriptionList_list--subtle {
  dt {
    color: var(--dds-color-text-body-subtle);
  }
}
.DescriptionList_list--row {
  &:not(:has(> dt):has(> dd)) {
    flex-direction: row;
  }
}
.DescriptionList_list--column {
  &:not(:has(> dt):has(> dd)) {
    flex-direction: column;
  }
}
.DescriptionList_desc {
  margin-inline-start: 0;
  align-items: center;
  display: flex;
  gap: var(--dds-spacing-x0-25);
  color: var(--dds-color-text-body);
}
.DescriptionList_group {
  margin: var(--dds-spacing-x2);
}

/* src/components/DetailList/DetailList.module.css */
.DetailList_list {
  display: table;
}
.DetailList_list--striped-with-bp {
  .DetailList_row {
    &:nth-of-type(4n-1),
    &:nth-of-type(4n) {
      background-color: var(--dds-color-surface-default);
    }
    &:nth-of-type(4n-3),
    &:nth-of-type(4n-2) {
      background-color: var(--dds-color-surface-subtle);
    }
  }
}
.DetailList_list--small {
  dt,
  dd {
    padding: var(--dds-spacing-x0-5);
  }
}
.DetailList_list--medium {
  dt,
  dd {
    padding: var(--dds-spacing-x0-75);
  }
}
.DetailList_list--large {
  dt,
  dd {
    padding-block: var(--dds-spacing-x1-5);
    padding-inline: var(--dds-spacing-x0-75);
  }
}
.DetailList_column {
  dt,
  dd {
    margin-inline-start: 0;
    text-align: left;
  }
  dt {
    padding-block-end: var(--dds-spacing-x0-125);
  }
  dd:not(:last-of-type) {
    padding-block: var(--dds-spacing-x0-125);
  }
  dd:last-of-type {
    padding-block-start: var(--dds-spacing-x0-125);
  }
}
.DetailList_cell {
  display: table-cell;
}
.DetailList_term {
  font-weight: var(--dds-font-weight-bold);
}

/* src/components/Table/normal/Table.module.css */
.Table_wrapper {
  width: 100%;
}
.Table_wrapper--scrollable {
  overflow-x: auto;
}
.Table_table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.Table_table--with-dividers {
  .Table_row--body {
    border-bottom: 1px solid var(--dds-color-border-subtle);
  }
  .Table_row--colapsible-header--open {
    border-bottom: none;
  }
}
.Table_table--sticky-header {
  tr th {
    position: sticky;
    top: 0;
    z-index: var(--dds-zindex-sticky);
  }
}
.Table_table--with-stripes {
  .Table_row--body {
    &:nth-of-type(even) {
      background-color: var(--dds-color-surface-subtle);
    }
    &:nth-of-type(odd) {
      background-color: var(--dds-color-surface-default);
    }
  }
}
.Table_table--small {
  td,
  th {
    padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
  }
  th {
    font: var(--dds-font-heading-xsmall);
    letter-spacing: var(--dds-font-heading-xsmall-letter-spacing);
    background-color: var(--dds-color-surface-default);
  }
}
.Table_table--with-stripes.Table_table--small {
  .Table_row--body {
    &:nth-of-type(odd) {
      background-color: var(--dds-color-surface-subtle);
    }
    &:nth-of-type(even) {
      background-color: var(--dds-color-surface-default);
    }
  }
}
.Table_table--medium {
  th {
    font: var(--dds-font-heading-small);
  }
  td,
  th {
    padding: var(--dds-spacing-x0-75);
  }
}
.Table_table--large {
  th {
    font: var(--dds-font-heading-small);
  }
  td,
  th {
    padding: var(--dds-spacing-x1-5) var(--dds-spacing-x0-75);
  }
}
.Table_row {
  @media (prefers-reduced-motion: no-preference) {
    transition:
      background-color var(--dds-motion-micro-state),
      border-color var(--dds-motion-micro-state),
      box-shadow var(--dds-motion-micro-state);
  }
}
.Table_table {
  .Table_row--body {
    background-color: var(--dds-color-surface-default);
    &.Table_row--sum,
    &.Table_row--sum:nth-of-type(even),
    &.Table_row--sum:nth-of-type(odd) {
      border-bottom: 1px solid var(--dds-color-border-default);
      border-top: 1px solid var(--dds-color-border-default);
      background: var(--dds-color-surface-default);
    }
    &.Table_row--selected,
    &.Table_row--selected:nth-of-type(even),
    &.Table_row--selected:nth-of-type(odd) {
      background-color: var(--dds-color-surface-selected-default);
    }
    &.Table_row--hoverable:hover {
      background-color: var(--dds-color-surface-hover-default);
    }
  }
}
.Table_cell--head {
  background-color: var(--dds-color-brand-primary-subtle);
  color: var(--dds-color-text-on-primary-subtle);
}
.Table_cell--left {
  text-align: left;
}
.Table_cell--right {
  text-align: right;
}
.Table_cell--center {
  text-align: center;
}
.Table_cell__inner {
  display: flex;
  align-items: center;
  gap: var(--dds-spacing-x0-75);
}
.Table_sort-button {
  gap: var(--dds-spacing-x0-5);
  -webkit-user-select: text;
  user-select: text;
  display: flex;
  align-items: center;
  color: inherit;
  @media (prefers-reduced-motion: no-preference) {
    transition: var(--dds-focus-transition);
  }
}
.Table_collapse-button {
  border-radius: var(--dds-border-radius-button);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  @media (prefers-reduced-motion: no-preference) {
    transition: all var(--dds-motion-micro-state);
  }
  &:hover {
    background-color: var(--dds-color-surface-hover-default);
  }
}

/* src/components/Drawer/Drawer.module.css */
.Drawer_container {
  --dds-drawer-content-container-padding: var(--dds-spacing-x0-25);
  --dds-drawer-container-padding: var(--dds-spacing-x1) calc(var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding)) calc(var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-drawer-content-container-padding));
  z-index: var(--dds-zindex-drawer);
  @media (prefers-reduced-motion: no-preference) {
    transition: transform var(--dds-motion-surface);
  }
}
.Drawer_container--left {
  left: 0;
}
.Drawer_container--left-opened {
  transform: translate(0px);
}
.Drawer_container--left-closed {
  transform: translate(-100%);
}
.Drawer_container--right {
  right: 0;
}
.Drawer_container--right-opened {
  transform: translate(0px);
}
.Drawer_container--right-closed {
  transform: translate(100%);
}
.Drawer_content-container {
  padding: var(--dds-drawer-content-container-padding);
}
.Drawer_drawer-header {
  padding-bottom: calc(var(--dds-spacing-x0-75) - var(--dds-drawer-content-container-padding));
  z-index: 1;
}
.Drawer_button--close {
  margin-left: auto;
  margin-top: calc(-1 * var(--dds-spacing-x0-125));
}

/* src/components/ErrorSummary/ErrorSummary.module.css */
.ErrorSummary_container {
  border: 2px solid var(--dds-color-border-danger);
}

/* src/components/List/List.module.css */
.List_list {
  color: var(--dds-color-text-body);
  margin: var(--dds-spacing-x1) 0;
  ul,
  ol {
    margin-block: var(--dds-font-paragraph-spacing-list);
  }
}
.List_list--inherit {
  font: inherit;
}
.List_list--unordered {
  --dds-list-bullet-size: 0.75em;
  --dds-list-ul-li-padding-left: var(--dds-list-bullet-size) + 0.5em;
  list-style: none;
  padding-left: calc(var(--dds-spacing-x2) - (var(--dds-list-ul-li-padding-left)));
  li {
    position: relative;
    padding-left: calc(var(--dds-list-ul-li-padding-left));
    &:before {
      content: "";
      display: inline-block;
      height: var(--dds-list-bullet-size);
      width: var(--dds-list-bullet-size);
      position: absolute;
      top: calc((var(--dds-font-lineheight-x1) * 1em) / 2 - var(--dds-list-bullet-size) / 2);
      left: 0;
      background: var(--dds-color-text-body);
      mask-size: 100%;
      mask-repeat: no-repeat;
      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="12" cy="12" r="6" fill="%230B0D0E"/>%0A</svg>%0A');
    }
    ul > li:before {
      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="4" y="10" width="15.65" height="3.9125" fill="%230B0D0E"/>%0A</svg>%0A');
    }
    ul > li > ul > li:before {
      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M12 16.6154C16.4183 16.6154 20 12.7581 20 8H4C4 12.7581 7.58172 16.6154 12 16.6154Z" fill="%230B0D0E"/>%0A</svg>%0A');
    }
  }
}
.List_list--ordered {
  padding-left: var(--dds-spacing-x2);
  & > li > ol {
    list-style-type: lower-alpha;
  }
  & > li > ol > li > ol {
    list-style-type: lower-roman;
  }
}
.List_li {
  margin-bottom: var(--dds-font-paragraph-spacing-list);
}

/* src/components/FavStar/FavStar.module.css */
.FavStar_container {
  position: relative;
  cursor: pointer;
  display: inline-block;
  color: var(--dds-color-icon-medium);
  background-color: transparent;
  border-radius: var(--dds-border-radius-button);
  @media (prefers-reduced-motion: no-preference) {
    transition:
      var(--dds-motion-micro-state) color,
      var(--dds-motion-micro-state) background-color,
      var(--dds-motion-micro-state) transform,
      var(--dds-focus-transition);
  }
  &:hover {
    color: var(--dds-color-icon-action-hover);
    background-color: var(--dds-color-surface-hover-default);
  }
  &:has(input:checked) {
    color: var(--dds-color-icon-action-resting);
  }
  &:hover:has(input:checked) {
    color: var(--dds-color-icon-action-hover);
  }
  &:active {
    .FavStar_icon {
      transform: scale(0.75);
    }
  }
}
.FavStar_container--medium {
  width: var(--dds-size-icon-medium);
  height: var(--dds-size-icon-medium);
}
.FavStar_container--large {
  width: var(--dds-size-icon-large);
  height: var(--dds-size-icon-large);
}
.FavStar_icon {
  color: currentColor;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  @media (prefers-reduced-motion: no-preference) {
    transition: opacity var(--dds-motion-micro-state), transform var(--dds-motion-micro-state);
  }
}
.FavStar_icon--invisible {
  opacity: 0;
}

/* src/components/Feedback/Feedback.module.css */
.Feedback_rating-container {
  display: flex;
  gap: var(--dds-spacing-x1);
}
.Feedback_rating-container--horizontal {
  flex-direction: row;
  align-items: center;
}
.Feedback_rating-container--vertical {
  flex-direction: column;
  align-items: start;
}
.Feedback_rating-submitted-title {
  display: inline-flex;
  align-items: center;
  gap: var(--dds-spacing-x0-5);
}
.Feedback_button {
  border-radius: var(--dds-border-radius-button);
  color: var(--dds-color-icon-medium);
  &:hover {
    background-color: var(--dds-color-surface-hover-default);
    color: var(--dds-color-icon-action-hover);
  }
  @media (prefers-reduced-motion: no-preference) {
    transition:
      background-color var(--dds-motion-micro-state),
      color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
}
.Feedback_button--horizontal {
  width: var(--dds-size-icon-medium);
  height: var(--dds-size-icon-medium);
}
.Feedback_button--vertical {
  width: var(--dds-size-icon-large);
  height: var(--dds-size-icon-large);
}

/* src/components/TextArea/TextArea.module.css */
.TextArea_textarea {
  height: auto;
  resize: vertical;
  vertical-align: bottom;
  padding-bottom: var(--dds-spacing-x0-5);
}

/* src/components/helpers/CharCounter/CharCounter.module.css */
:where(.CharCounter_container) {
  margin-left: auto;
}

/* src/components/Tooltip/Tooltip.module.css */
.Tooltip_paper {
  z-index: var(--dds-zindex-tooltip);
}

/* src/components/Fieldset/Fieldset.module.css */
.Fieldset_container {
  padding-block: 0;
  padding-inline: 0;
  margin-inline: 0;
  border: none;
}

/* src/components/FileUploader/FileUploader.module.css */
.FileUploader_input-container {
  box-sizing: border-box;
  border: 2px dashed;
  border-color: var(--dds-color-border-default);
  background-color: var(--dds-color-surface-default);
  border-radius: var(--dds-border-radius-surface);
  @media (prefers-reduced-motion: no-preference) {
    transition: background-color var(--dds-motion-micro-state), border-color var(--dds-motion-micro-state);
  }
}
.FileUploader_input-container--with-errors {
  border-color: var(--dds-color-border-danger);
}
.FileUploader_input-container--drag-active {
  border-color: var(--dds-color-border-action-hover);
  background-color: var(--dds-color-surface-hover-default);
}
.FileUploader_file--invalid {
  box-shadow: inset 0 0 0 1px var(--dds-color-border-danger);
}
.FileUploader_file__icon--invalid {
  color: var(--dds-color-icon-on-danger-default);
}
.FileUploader_file__icon--valid {
  color: var(--dds-color-icon-on-success-default);
}
.FileUploader_file__name {
  word-break: break-all;
  width: 100%;
}
.FileUploader_readonly--file-list {
  @media (prefers-reduced-motion: no-preference) {
    transition: var(--dds-focus-transition);
  }
}

/* src/components/Footer/Footer.module.css */
.Footer_container {
  padding-block-start: var(--dds-spacing-x3);
  padding-block-end: var(--dds-spacing-x6);
  @media only screen and (min-width: 960px) {
    padding-block: var(--dds-spacing-x4);
  }
}
.Footer_left {
  display: flex;
  flex-direction: column;
  gap: var(--dds-spacing-x4);
}
.Footer_list {
  display: flex;
  flex-direction: column;
  gap: var(--dds-spacing-x1-5);
}
.Footer_list-group {
  display: flex;
  flex-direction: column;
  gap: var(--dds-spacing-x1-5);
}
.Footer_socials-group {
  display: flex;
  flex-direction: column;
  gap: var(--dds-spacing-x1);
}
.Footer_socials-list {
  display: flex;
  gap: var(--dds-spacing-x1-5);
}

/* src/components/FormSummary/FormSummary.module.css */
.FormSummary_dd {
  display: block;
}
.FormSummary_field:not(:last-child) {
  margin-bottom: var(--dds-spacing-x0-75);
  padding-bottom: var(--dds-spacing-x0-75);
  border-bottom: 1px solid var(--dds-color-border-subtle);
}
.FormSummary_dd:has(dl) {
  margin-top: var(--dds-spacing-x0-75);
}
.FormSummary_dd .FormSummary_field {
  padding-left: var(--dds-spacing-x0-75);
}

/* src/components/GlobalMessage/GlobalMessage.module.css */
.GlobalMessage_container {
  border-bottom: 2px solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  padding: 0 var(--dds-spacing-x1);
}
.GlobalMessage_container--info {
  border-color: var(--dds-color-border-info);
  background-color: var(--dds-color-surface-info-default);
  .GlobalMessage_icon {
    color: var(--dds-color-icon-on-info-default);
  }
}
.GlobalMessage_container--danger {
  border-color: var(--dds-color-border-danger);
  background-color: var(--dds-color-surface-danger-default);
  .GlobalMessage_icon {
    color: var(--dds-color-icon-on-danger-default);
  }
}
.GlobalMessage_container--warning {
  border-color: var(--dds-color-border-warning);
  background-color: var(--dds-color-surface-warning-default);
  .GlobalMessage_icon {
    color: var(--dds-color-icon-on-warning-default);
  }
}
.GlobalMessage_content {
  display: flex;
  align-items: center;
  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1-5) var(--dds-spacing-x0-75) 0;
}
.GlobalMessage_content--closable {
  padding-right: var(--dds-spacing-x0-75);
}
.GlobalMessage_icon {
  margin-right: var(--dds-spacing-x0-75);
}

/* src/components/InlineButton/InlineButton.module.css */
.InlineButton_button {
  display: inline;
  vertical-align: middle;
  &:focus-visible {
    z-index: var(--dds-zindex-absolute-element);
  }
}

/* src/components/InlineEdit/InlineEdit.module.css */
.InlineEdit_inline-input {
  width: 100%;
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  border-radius: var(--dds-border-radius-input);
  @media (prefers-reduced-motion: no-preference) {
    transition:
      background-color var(--dds-motion-micro-state),
      border-color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
  &:focus {
    background-color: var(--dds-color-surface-default);
  }
}
.InlineEdit_inline-select {
  appearance: none;
  text-overflow: ellipsis;
  cursor: pointer;
}
.InlineEdit_inline-input:hover:enabled:read-write:not(:focus),
.InlineEdit_inline-select:hover:enabled:not(:focus) {
  border-color: transparent;
  box-shadow: none;
  background-color: var(--dds-color-surface-hover-default);
}
.InlineEdit_inline-input--danger {
  border-color: var(--dds-color-border-danger);
  box-shadow: 0 0 0 1px var(--dds-color-border-danger);
}
.InlineEdit_inline-textarea {
  resize: vertical;
  height: initial;
}
.InlineEdit_edit-icon-textarea {
  position: absolute;
  top: var(--dds-spacing-x0-25);
}
.InlineEdit_clear-button {
  right: calc(var(--dds-spacing-x0-75) + var(--dds-size-icon-small));
}

/* src/components/InternalHeader/InternalHeader.module.css */
.InternalHeader_bar {
  background-color: var(--dds-color-surface-default);
  border-bottom: 1px solid var(--dds-color-border-default);
  min-height: 58px;
  .InternalHeader_bar-separator {
    margin-left: auto;
  }
}
.InternalHeader_bar--with-nav {
  .InternalHeader_bar-separator {
    margin-left: 0;
  }
  .InternalHeader_context-menu-group {
    margin-left: auto;
  }
}
.InternalHeader_bar-separator {
  align-self: stretch;
  border-left: 1px solid var(--dds-color-border-default);
}
.InternalHeader_nav-list {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  gap: var(--dds-spacing-x1-5);
}
.InternalHeader_nav-list__item {
  display: flex;
}
.InternalHeader_nav-list__item__link {
  text-decoration: none;
  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1);
  border-radius: var(--dds-border-radius-surface);
  background-color: transparent;
  color: var(--dds-color-text-subtle);
  &:hover {
    background-color: var(--dds-color-surface-hover-subtle);
    color: var(--dds-color-text-default);
  }
  @media (prefers-reduced-motion: no-preference) {
    transition:
      background-color var(--dds-motion-micro-state),
      color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
}
.InternalHeader_nav-list__item__link--active {
  background-color: var(--dds-color-surface-selected-default);
  color: var(--dds-color-text-default);
  &:hover {
    background-color: var(--dds-color-surface-selected-default);
    color: var(--dds-color-text-default);
  }
}
.InternalHeader_context-menu {
  max-height: calc(100vh - 110px);
}

/* src/components/LocalMessage/LocalMessage.module.css */
.LocalMessage_container {
  border: 1px solid;
  box-sizing: border-box;
  border-radius: var(--dds-border-radius-surface);
}
.LocalMessage_container--info {
  border-color: var(--dds-color-border-info);
  background-color: var(--dds-color-surface-info-default);
}
.LocalMessage_container--warning {
  border-color: var(--dds-color-border-warning);
  background-color: var(--dds-color-surface-warning-default);
}
.LocalMessage_container--danger {
  border-color: var(--dds-color-border-danger);
  background-color: var(--dds-color-surface-danger-default);
}
.LocalMessage_container--success {
  border-color: var(--dds-color-border-success);
  background-color: var(--dds-color-surface-success-default);
}
.LocalMessage_container--tips {
  border-color: var(--dds-color-border-info);
  background-color: var(--dds-color-surface-info-default);
}

/* src/components/Modal/Modal.module.css */
.Modal_container {
  --dds-modal-content-padding: var(--dds-spacing-x0-25);
  --dds-modal-container-padding: var(--dds-spacing-x1) calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding));
  padding: var(--dds-modal-container-padding);
}
.Modal_container-scrollable {
  max-height: calc(100vh - var(--dds-spacing-x1));
  overflow: auto;
}
.Modal_header-container {
  padding-bottom: calc(var(--dds-spacing-x0-75) - var(--dds-modal-content-padding));
  z-index: 1;
}
.Modal_close-button {
  margin-left: auto;
  margin-top: calc(-1 * var(--dds-spacing-x0-125));
}
.Modal_content {
  padding-right: calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding));
}
.Modal_body {
  padding: var(--dds-modal-content-padding);
}

/* src/components/NewsPopover/NewsPopover.module.css */
.NewsPopover_close-button {
  position: absolute;
  top: var(--dds-spacing-x0-25);
  right: var(--dds-spacing-x0-25);
}
.NewsPopover_img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* src/components/Pagination/Pagination.module.css */
.Pagination_truncation-icon {
  color: var(--dds-color-icon-medium);
  min-width: calc(1ch + (2 * var(--dds-spacing-x0-75)));
}

/* src/components/Select/Select.module.css */
.Select_container--disabled {
  cursor: not-allowed;
}
.Select_container--readonly {
  cursor: default;
}
.Select_inner-single-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  max-width: 100%;
}
.Select_control {
  &:hover:not(.Select_control--readonly) .Select_dropdown-indicator,
  &:focus-within .Select_dropdown-indicator {
    color: var(--dds-color-icon-action-hover);
  }
}
.Select_control--readonly .Select_dropdown-indicator {
  pointer-events: none;
}
.Select_control--disabled .Select_dropdown-indicator {
  pointer-events: none;
}

/* src/components/Select/NativeSelect/NativeSelect.module.css */
.NativeSelect_select {
  appearance: none;
  text-overflow: ellipsis;
  font: inherit;
  width: 100%;
  &:hover:not(:disabled):not(.NativeSelect_select--readonly) {
    border-color: var(--dds-color-border-action-hover);
    box-shadow: 0 0 0 1px var(--dds-color-border-action-hover);
    & + svg {
      color: var(--dds-color-icon-action-hover);
    }
  }
  &:disabled {
    opacity: 1;
    cursor: not-allowed;
    color: var(--dds-color-text-subtle);
    background-color: var(--dds-color-surface-field-disabled);
    border-color: var(--dds-color-border-subtle);
    + svg {
      color: var(--dds-color-icon-subtle);
    }
  }
  option {
    background-color: var(--dds-color-surface-default);
    &:hover {
      background-color: var(--dds-color-surface-hover-default);
    }
    @media (prefers-reduced-motion: no-preference) {
      transition: background-color var(--dds-motion-micro-state);
    }
  }
  optgroup {
    font-weight: normal;
    font-style: normal;
  }
}
.NativeSelect_select--readonly {
  box-shadow: none;
  outline: none;
  cursor: default;
  color: var(--dds-color-text-subtle);
  background-color: var(--dds-color-surface-field-disabled);
  + svg {
    color: var(--dds-color-icon-subtle);
  }
}
.NativeSelect_select--multiple {
  padding-right: 0;
  &.NativeSelect_select--readonly option {
    background-color: var(--dds-color-surface-field-disabled);
  }
}

/* src/components/PhoneInput/PhoneInput.module.css */
.PhoneInput_inputs-container {
  .PhoneInput_input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .PhoneInput_select > div {
    margin-right: -1px;
  }
}
.PhoneInput_inputs-container--small-screen-xs {
  @media only screen and (max-width: 600px) {
    .PhoneInput_input {
      border-top-right-radius: 0;
    }
    select {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-bottom: -1px;
    }
  }
}
.PhoneInput_inputs-container--small-screen-sm {
  @media only screen and (max-width: 960px) {
    .PhoneInput_input {
      border-top-right-radius: 0;
    }
    select {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-bottom: -1px;
    }
  }
}
.PhoneInput_inputs-container--small-screen-md {
  @media only screen and (max-width: 1280px) {
    .PhoneInput_input {
      border-top-right-radius: 0;
    }
    select {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-bottom: -1px;
    }
  }
}
.PhoneInput_inputs-container--small-screen-lg {
  @media only screen and (max-width: 1920px) {
    .PhoneInput_input {
      border-top-right-radius: 0;
    }
    select {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-bottom: -1px;
    }
  }
}
.PhoneInput_inputs-container--small-screen-xl {
  .PhoneInput_input {
    border-top-right-radius: 0;
  }
  select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
  }
}
.PhoneInput_select:focus-visible,
.PhoneInput_select:hover {
  z-index: var(--dds-zindex-absolute-element);
  & ~ svg {
    z-index: var(--dds-zindex-absolute-element);
  }
}
.PhoneInput_calling-code {
  left: var(--dds-spacing-x0-5);
}
.PhoneInput_calling-code--disabled {
  color: var(--dds-color-text-subtle);
}

/* src/components/Popover/Popover.module.css */
.Popover_container {
  position: absolute;
  width: fit-content;
  z-index: var(--dds-zindex-popover);
  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1) var(--dds-spacing-x1-5) var(--dds-spacing-x1);
}
.Popover_content--closable--no-header {
  margin-top: var(--dds-spacing-x2);
}
.Popover_header {
  margin-right: var(--dds-spacing-x2);
}
.Popover_close-button {
  position: absolute;
  top: var(--dds-spacing-x0-25);
  right: var(--dds-spacing-x0-25);
}

/* src/components/ProgressTracker/ProgressTracker.module.css */
.ProgressTracker_list {
  --dds-progress-tracker-connector-width: 1px;
  --dds-progress-tracker-item-number-size: 1.75rem;
  --dds-progress-tracker-item-margin: calc( (var(--dds-progress-tracker-item-number-size) / 2) - (var(--dds-progress-tracker-connector-width) / 2) );
}
.ProgressTracker_list-item:not(:first-child)::before {
  content: "";
  display: block;
}
.ProgressTracker_list-item--column:not(:first-child)::before {
  border-right: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
  width: var(--dds-progress-tracker-connector-width);
  height: 1.125rem;
  margin-left: var(--dds-progress-tracker-item-margin);
  margin-bottom: var(--dds-spacing-x0-125);
}
.ProgressTracker_list-item--row:not(:first-child)::before {
  border-top: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
  height: var(--dds-progress-tracker-connector-width);
  width: 1.875rem;
  margin-top: var(--dds-progress-tracker-item-margin);
  margin-right: var(--dds-spacing-x0-5);
}
.ProgressTracker_item-button {
  grid-template-columns: var(--dds-progress-tracker-item-number-size) 1fr;
  cursor: pointer;
  @media (prefers-reduced-motion: no-preference) {
    transition: all var(--dds-motion-micro-state);
  }
  &:hover > .ProgressTracker_item-number--active-incomplete {
    background-color: var(--dds-color-surface-action-resting);
    border-color: var(--dds-color-border-action-default);
    color: var(--dds-color-text-on-action);
  }
  &:hover > .ProgressTracker_item-number--inactive-incomplete {
    background-color: var(--dds-color-surface-hover-default);
    border-color: var(--dds-color-border-action-hover);
    color: var(--dds-color-text-action-hover);
  }
  &:hover > .ProgressTracker_item-number--active-completed,
  &:hover > .ProgressTracker_item-number--inactive-completed {
    background-color: var(--dds-color-surface-action-hover);
    border-color: var(--dds-color-border-action-hover);
    color: var(--dds-color-icon-on-action);
  }
  &:disabled {
    cursor: not-allowed;
  }
}
.ProgressTracker_item-div {
  cursor: default;
}
.ProgressTracker_item-number {
  border-radius: var(--dds-border-radius-rounded);
  z-index: var(--dds-zindex-absolute-element);
  font-weight: var(--dds-font-weight-bold);
  border: 2px solid;
  height: var(--dds-progress-tracker-item-number-size);
  width: var(--dds-progress-tracker-item-number-size);
  @media (prefers-reduced-motion: no-preference) {
    transition:
      background-color var(--dds-motion-micro-state),
      border-color var(--dds-motion-micro-state),
      color var(--dds-motion-micro-state);
  }
}
.ProgressTracker_item-number--disabled {
  background-color: var(--dds-color-surface-default);
  border-color: var(--dds-color-border-default);
  color: var(--dds-color-text-subtle);
}
.ProgressTracker_item-number--active-incomplete,
.ProgressTracker_item-number--active-completed,
.ProgressTracker_item-number--inactive-completed {
  background-color: var(--dds-color-surface-action-resting);
  border-color: var(--dds-color-border-action-default);
  color: var(--dds-color-text-on-action);
}
.ProgressTracker_item-number--inactive-incomplete {
  background-color: var(--dds-color-surface-default);
  border-color: var(--dds-color-border-action-default);
  color: var(--dds-color-text-action-resting);
}
.ProgressTracker_item-text {
  text-align: start;
}
.ProgressTracker_item-text--inactive-link {
  text-decoration-color: transparent;
}

/* src/components/ProgressBar/ProgressBar.module.css */
.ProgressBar_progress {
  background-color: var(--dds-color-surface-medium);
  border: 1px solid var(--dds-color-border-default);
  border-radius: var(--dds-border-radius-surface);
}
.ProgressBar_fill {
  background-color: var(--dds-color-surface-action-resting);
  @media (prefers-reduced-motion: no-preference) {
    transition: width var(--dds-motion-surface), background-color var(--dds-motion-micro-state);
  }
}
.ProgressBar_fill--done {
  background-color: var(--dds-color-surface-success-strong);
}
.ProgressBar_fill--error {
  background-color: var(--dds-color-surface-action-danger-resting);
}
.ProgressBar_fill--indeterminate {
  animation: ProgressBar_indeterminate 2s infinite linear;
}
@keyframes ProgressBar_indeterminate {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(300%);
  }
  100% {
    transform: translateX(0);
  }
}

/* src/components/Search/Search.module.css */
.Search_input {
  &[type=search]::-webkit-search-decoration,
  &[type=search]::-webkit-search-cancel-button,
  &[type=search]::-webkit-search-results-button,
  &[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }
  font: inherit;
}
.Search_clear-button {
  right: var(--dds-spacing-x1);
}
.Search_suggestions {
  z-index: var(--dds-zindex-dropdown);
}

/* src/components/Skeleton/Skeleton.module.css */
@keyframes Skeleton_ddsSkeletonAnimation {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
.Skeleton_container {
  animation: Skeleton_ddsSkeletonAnimation var(--dds-motion-animation-skeleton);
  background-color: var(--dds-color-surface-skeleton);
  @media (prefers-reduced-motion: reduce) {
    animation: none;
    opacity: 0.8;
  }
}

/* src/components/SkipToContent/SkipToContent.module.css */
.SkipToContent_wrapper {
  box-sizing: border-box;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  opacity: 0;
  @media (prefers-reduced-motion: no-preference) {
    transition: opacity var(--dds-motion-surface);
  }
}
.SkipToContent_wrapper:focus-within {
  clip: auto;
  height: auto;
  overflow: auto;
  width: 100%;
  z-index: var(--dds-zindex-skiptocontent);
  opacity: 1;
}

/* src/components/SplitButton/SplitButton.module.css */
.SplitButton_container {
  display: flex;
}
.SplitButton_main {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-inline-end: -1px;
}
.SplitButton_main:focus {
  position: relative;
  z-index: 0;
}
.SplitButton_option {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.SplitButton_option:focus {
  position: relative;
  z-index: 0;
}
.SplitButton_option--primary,
.SplitButton_option--primary:hover {
  border-left: 1px solid var(--dds-color-border-on-action) !important;
}

/* src/components/Tabs/Tabs.module.css */
.Tabs_tab-row {
  scroll-snap-type: x mandatory;
  border-bottom: 1px solid var(--dds-color-border-subtle);
  @media (prefers-reduced-motion: no-preference) {
    scroll-behavior: smooth;
    transition: var(--dds-focus-transition);
  }
  &:focus-visible button {
    outline: none;
  }
}
.Tabs_tab {
  border: none;
  -webkit-user-select: text;
  user-select: text;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  color: var(--dds-color-text-medium);
  background: var(--dds-color-surface-default);
  border-top-left-radius: var(--dds-border-radius-button);
  border-top-right-radius: var(--dds-border-radius-button);
  @media (prefers-reduced-motion: no-preference) {
    transition:
      box-shadow var(--dds-motion-micro-state),
      border-bottom var(--dds-motion-micro-state),
      color var(--dds-motion-micro-state),
      background-color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
  &&:hover:not(.Tabs_tab--active) {
    color: var(--dds-color-text-default);
    background-color: var(--dds-color-surface-hover-default);
  }
}
.Tabs_tab--medium--row {
  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1);
  gap: var(--dds-spacing-md-icon-text-gap);
}
.Tabs_tab--small--row {
  padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75);
  gap: var(--dds-spacing-sm-icon-text-gap);
}
.Tabs_tab--medium--column {
  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1);
  gap: var(--dds-spacing-x0-25);
}
.Tabs_tab--small--column {
  padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75);
}
.Tabs_tab--row {
  flex-direction: row;
}
.Tabs_tab--column {
  flex-direction: column;
}
.Tabs_tab--active {
  color: var(--dds-color-text-default);
  border-color: var(--dds-color-surface-action-selected);
  box-shadow: inset 0px -2px 0px 0px var(--dds-color-surface-action-selected);
  cursor: default;
}

/* src/components/Tag/Tag.module.css */
.Tag_container {
  border: 1px solid;
  display: inline-flex;
  align-items: center;
  border-radius: var(--dds-border-radius-chip);
  padding: var(--dds-spacing-x0-125) var(--dds-spacing-x0-5);
}
.Tag_container--with-icon {
  padding: var(--dds-spacing-x0-125) var(--dds-spacing-x0-5) var(--dds-spacing-x0-125) var(--dds-spacing-x0-25);
  gap: var(--dds-spacing-x0-25);
}
.Tag_container--default--default {
  background-color: var(--dds-color-surface-subtle);
  border-color: var(--dds-color-border-subtle);
}
.Tag_container--default--strong {
  background-color: var(--dds-color-surface-inverse-default);
  border-color: var(--dds-color-surface-inverse-default);
  color: var(--dds-color-text-on-inverse);
}
.Tag_container--success--default {
  background-color: var(--dds-color-surface-success-default);
  border-color: var(--dds-color-border-success);
  color: var(--dds-color-text-on-status-default);
  svg {
    color: var(--dds-color-icon-on-success-default);
  }
}
.Tag_container--success--strong {
  background-color: var(--dds-color-surface-success-strong);
  border-color: var(--dds-color-surface-success-strong);
  color: var(--dds-color-text-on-status-strong);
  svg {
    color: var(--dds-color-icon-on-success-strong);
  }
}
.Tag_container--danger--default {
  background-color: var(--dds-color-surface-danger-default);
  border-color: var(--dds-color-border-danger);
  color: var(--dds-color-text-on-status-default);
  svg {
    color: var(--dds-color-icon-on-danger-default);
  }
}
.Tag_container--danger--strong {
  background-color: var(--dds-color-surface-danger-strong);
  border-color: var(--dds-color-surface-danger-strong);
  color: var(--dds-color-text-on-status-strong);
  svg {
    color: var(--dds-color-icon-on-danger-strong);
  }
}
.Tag_container--warning--default {
  background-color: var(--dds-color-surface-warning-default);
  border-color: var(--dds-color-border-warning);
  color: var(--dds-color-text-on-status-default);
  svg {
    color: var(--dds-color-icon-on-warning-default);
  }
}
.Tag_container--warning--strong {
  background-color: var(--dds-color-surface-warning-strong);
  border-color: var(--dds-color-surface-warning-strong);
  color: var(--dds-color-text-on-status-strong);
  svg {
    color: var(--dds-color-icon-on-warning-strong);
  }
}
.Tag_container--info--default {
  background-color: var(--dds-color-surface-info-default);
  border-color: var(--dds-color-border-info);
  color: var(--dds-color-text-on-status-default);
  svg {
    color: var(--dds-color-icon-on-info-default);
  }
}
.Tag_container--info--strong {
  background-color: var(--dds-color-surface-info-strong);
  border-color: var(--dds-color-surface-info-strong);
  color: var(--dds-color-text-on-status-strong);
  svg {
    color: var(--dds-color-icon-on-info-strong);
  }
}

/* src/components/TextInput/TextInput.module.css */
.TextInput_container {
  color: var(--dds-color-text-default);
}
.TextInput_container--readonly {
  color: var(--dds-color-text-medium);
}
.TextInput_container--disabled {
  color: var(--dds-color-text-subtle);
}
.TextInput_input--extended {
  width: 100%;
}
.TextInput_affix {
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.TextInput_prefix {
  left: 0;
  margin-left: var(--dds-spacing-x0-5);
  padding-right: var(--dds-spacing-x0-5);
  border-right: 1px solid var(--dds-color-border-default);
}
.TextInput_suffix {
  right: 0;
  margin-right: var(--dds-spacing-x0-5);
  padding-left: var(--dds-spacing-x0-5);
  border-left: 1px solid var(--dds-color-border-default);
}
.TextInput_affix--disabled {
  border-color: var(--dds-color-border-subtle);
}

/* src/components/ToggleBar/ToggleBar.module.css */
.ToggleBar_content {
  word-break: break-word;
  box-sizing: border-box;
  cursor: pointer;
  background-color: var(--dds-color-surface-default);
  border: 1px solid;
  height: 100%;
  @media (prefers-reduced-motion: no-preference) {
    transition:
      border-color var(--dds-motion-micro-state),
      background-color var(--dds-motion-micro-state),
      box-shadow var(--dds-motion-micro-state),
      color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
}
.ToggleBar_label {
  &:first-child .ToggleBar_content {
    margin-inline-end: -1px;
    border-top-left-radius: var(--dds-border-radius-button);
    border-bottom-left-radius: var(--dds-border-radius-button);
  }
  &:last-child .ToggleBar_content {
    border-top-right-radius: var(--dds-border-radius-button);
    border-bottom-right-radius: var(--dds-border-radius-button);
  }
  &:not(:first-child):not(:last-child) .ToggleBar_content {
    margin-inline-end: -1px;
  }
  input:focus-visible + .ToggleBar_content,
  input:checked + .ToggleBar_content {
    position: relative;
    z-index: 0;
    border-radius: var(--dds-border-radius-button);
  }
}
.ToggleBar_label--primary {
  .ToggleBar_content {
    border-color: var(--dds-color-border-default);
  }
  &:hover .ToggleBar_content {
    background-color: var(--dds-color-surface-hover-default);
  }
  input:checked + .ToggleBar_content {
    color: var(--dds-color-text-on-action);
    border-color: var(--dds-color-surface-action-selected);
    background-color: var(--dds-color-surface-action-selected);
  }
}
.ToggleBar_label--secondary {
  .ToggleBar_content {
    border-color: var(--dds-color-border-subtle);
  }
  &:hover .ToggleBar_content {
    background-color: var(--dds-color-surface-hover-subtle);
  }
  input:checked + .ToggleBar_content {
    color: var(--dds-color-text-default);
    border-color: var(--dds-color-border-default);
    background-color: var(--dds-color-surface-selected-default);
  }
}

/* src/components/ToggleButton/ToggleButton.module.css */
.ToggleButton_content {
  box-sizing: border-box;
  cursor: pointer;
  @media (prefers-reduced-motion: no-preference) {
    transition:
      border-color var(--dds-motion-micro-state),
      background-color var(--dds-motion-micro-state),
      var(--dds-focus-transition);
  }
  &:hover {
    border-color: var(--dds-color-border-action-hover);
    background-color: var(--dds-color-surface-hover-default);
  }
}
input:checked + .ToggleButton_content {
  color: var(--dds-color-text-on-action);
  background-color: var(--dds-color-surface-action-resting);
  border-color: var(--dds-color-surface-action-resting);
}
input:checked + .ToggleButton_content:hover {
  background-color: var(--dds-color-surface-action-hover);
  border-color: var(--dds-color-surface-action-hover);
}
/*# sourceMappingURL=index.css.map */