/* src/component/src/component/index.module.css */
@layer ddsweb-molecules {
  @layer ddsweb-consent-banner {
    .-fYMDG_topContainer {
      box-sizing: border-box;
      padding: var(--ddsweb-theme-spacing-lg) var(--ddsweb-theme-spacing-sm);
      background-color: var(--ddsweb-theme-colors-background-dark);
    }
    .-fYMDG_container {
      grid-row-gap: var(--ddsweb-theme-spacing-lg);
      border: none;
      grid-template-rows: repeat(2, auto);
      grid-template-columns: 100%;
      width: 100%;
      max-width: 1512px;
      margin: 0 auto;
      padding: 0;
      display: grid;
    }
    .-fYMDG_innerContainer {
      grid-row-gap: var(--ddsweb-theme-spacing-md);
      grid-template-rows: auto;
      grid-template-columns: 100%;
      display: grid;
    }
    .-fYMDG_container .-fYMDG_showPurposes {
      margin: 0 auto;
      text-decoration: underline;
    }
    .-fYMDG_container .-fYMDG_inlineDisabled {
      color: var(--ddsweb-theme-colors-text-base);
      cursor: default;
      opacity: unset;
      text-decoration: underline;
    }
    .-fYMDG_container .-fYMDG_showPurposes:hover,
    .-fYMDG_container .-fYMDG_showPurposes:focus {
      text-decoration: none;
    }
    .-fYMDG_container .-fYMDG_showPurposes:disabled {
      text-decoration: underline;
    }
    .-fYMDG_bodyContainer {
      padding: 0;
      padding-top: var(--ddsweb-theme-spacing-xs);
    }
    .-fYMDG_mainContainer {
      padding-top: var(--ddsweb-theme-spacing-sm);
    }
    .-fYMDG_buttonsContainer {
      grid-column-gap: 10px;
      grid-row-gap: var(--ddsweb-theme-spacing-sm);
      width: 100%;
      padding-top: var(--ddsweb-theme-spacing-xx);
      grid-template-rows: repeat(2, auto);
      grid-template-columns: repeat(2, 1fr);
      grid-template-areas: "-fYMDG_accept -fYMDG_reject" "-fYMDG_purpose -fYMDG_purpose";
      justify-content: center;
      margin: 0;
      display: grid;
    }
    .-fYMDG_buttonsContainer > :first-child {
      grid-area: -fYMDG_accept;
    }
    .-fYMDG_buttonsContainer > :nth-child(2) {
      grid-area: -fYMDG_reject;
    }
    .-fYMDG_buttonsContainer > :nth-child(3) {
      grid-area: -fYMDG_purpose;
    }
    .-fYMDG_button {
      width: 100%;
      min-width: 140px;
      min-height: var(--ddsweb-tc-consent-banner-button-height, 40px);
      margin: 0 auto;
    }
    .-fYMDG_container .-fYMDG_secondaryHeading {
      font-size: var(--ddsweb-tc-consent-banner-secondary-heading-font-size, var(--ddsweb-theme-font-size-xs));
      line-height: var(--ddsweb-tc-consent-banner-secondary-heading-line-height, var(--ddsweb-theme-line-height-next-heading));
    }
    .-fYMDG_link {
      color: var(--ddsweb-theme-colors-link-base);
      font-weight: 400;
      display: inline;
    }
    @media (min-width: 757px) {
      .-fYMDG_container {
        grid-row-gap: unset;
        grid-column-gap: var(--ddsweb-theme-spacing-lg);
        grid-template-rows: 100%;
        grid-template-columns: repeat(2, auto);
        justify-content: space-between;
      }
      .-fYMDG_buttonsContainer {
        row-gap: var(--ddsweb-theme-spacing-sm);
        flex-direction: column;
        justify-content: center;
        justify-self: flex-end;
        width: 100%;
        padding-top: 0;
        display: flex;
      }
    }
    .-fYMDG_container .-fYMDG_bodyFontSize {
      font-size: var(--ddsweb-tc-consent-banner-body-font-size, var(--ddsweb-theme-font-size-xx));
      line-height: var(--ddsweb-tc-consent-banner-body-line-height, 18px);
    }
  }
}


/*# sourceMappingURL=a10d36aa3c9dbbc73d89.css.map*/