/**
 * FUNCTIONS
 * -------------------------------------------------------------------
 * Collection of custom functions
 */
/**
 * STRIP UNIT FROM VALUE
 * -------------------------------------------------------------------
 */
/**
 * CONVERT PX TO REM
 * -------------------------------------------------------------------
 */
/**
 * RAISE NUMBER TO CERTAIN POWER
 * -------------------------------------------------------------------
 */
/**
 * HANDLING Z-INDEX LAYERS
 * -------------------------------------------------------------------
 */
/**
 * MIXINS
 * -------------------------------------------------------------------
 * Collection of custom mixins
 */
/**
 * FONT FACE
 * -------------------------------------------------------------------
 */
/**
 * INPUT PLACEHOLDER MIXIN
 * -------------------------------------------------------------------
 * Change base styling for placeholder text on input fields
 * Note: Styling the placeholder text is not supported on older
 * browsers, use a html5-placeholder polyfill for that
 *
 * Background info:
 * - http://davidwalsh.name/html5-placeholder
 * - http://davidwalsh.name/placeholder-overflow
 * - http://jamesallardice.github.io/Placeholders.js
 */
/**
 * FOCUS
 * -------------------------------------------------------------------
 */
/**
 * CLEARFIX
 * -------------------------------------------------------------------
 */
/**
 * MEDIA QUERIES MIXIN
 * -------------------------------------------------------------------
 */
/**
 * GLOBAL VARIABLES
 * -------------------------------------------------------------------
 * Leave here for renderer
 */
/**
 * COLORS
 * -------------------------------------------------------------------
 * Collection of all available branding colors
 */
/**
 * COMPLETE COLOR PALETTE
 * -------------------------------------------------------------------
 * Variable names generated by Name That Color
 * http://chir.ag/projects/name-that-color
 */
/**
 * GRAYSCALE COLOR PALETTE
 * -------------------------------------------------------------------
 * Collection of grayscale colors
 */
/**
 * SOCIAL BRAND COLOR PALETTE
 * -------------------------------------------------------------------
 * Collection of social branding colors
 * Also see https://mdigi.tools/darken-color/
 */
/**
 * FUNCTIONS
 * -------------------------------------------------------------------
 * Collection of custom functions
 */
/**
 * STRIP UNIT FROM VALUE
 * -------------------------------------------------------------------
 */
/**
 * CONVERT PX TO REM
 * -------------------------------------------------------------------
 */
/**
 * RAISE NUMBER TO CERTAIN POWER
 * -------------------------------------------------------------------
 */
/**
 * HANDLING Z-INDEX LAYERS
 * -------------------------------------------------------------------
 */
/**
 * MIXINS
 * -------------------------------------------------------------------
 * Collection of custom mixins
 */
/**
 * FONT FACE
 * -------------------------------------------------------------------
 */
/**
 * INPUT PLACEHOLDER MIXIN
 * -------------------------------------------------------------------
 * Change base styling for placeholder text on input fields
 * Note: Styling the placeholder text is not supported on older
 * browsers, use a html5-placeholder polyfill for that
 *
 * Background info:
 * - http://davidwalsh.name/html5-placeholder
 * - http://davidwalsh.name/placeholder-overflow
 * - http://jamesallardice.github.io/Placeholders.js
 */
/**
 * FOCUS
 * -------------------------------------------------------------------
 */
/**
 * CLEARFIX
 * -------------------------------------------------------------------
 */
/**
 * MEDIA QUERIES MIXIN
 * -------------------------------------------------------------------
 */
/**
 * THEME COLORS
 * -------------------------------------------------------------------
 */
/**
 * DEPRECATED THEME COLORS
 * -------------------------------------------------------------------
 */
/**
 * OTHER THEME COLORS
 * -------------------------------------------------------------------
 */
/**
 * SPACERS
 * -------------------------------------------------------------------
 */
/**
 * BREAKPOINTS
 * -------------------------------------------------------------------
 */
/**
 * $screen-xl =
 *    max-width of u-container
 *    + width of official logo * 2
 *    + space between logo and u-container * 2
 */
/**
 * FONT SIZES
 * -------------------------------------------------------------------
 */
/**
 * LINE HEIGHTS
 * -------------------------------------------------------------------
 */
/**
 * OTHER TYPOGRAPHY
 * -------------------------------------------------------------------
 */
/**
 * Z-INDEXES
 * -------------------------------------------------------------------
 * http://www.sitepoint.com/better-solution-managing-z-index-sass/
 *
 * Use like this:
 *   z-index: layer('overlay');
 *     where overlay is a list item of the default list "$z-indexes" (see below)
 *
 * The list is also upgradeable in that nesting is permitted, e.g.:
 * z-indexes: (
 *   'modal': (
 *     'back': 50,
 *     'front': 60
 *   ),
 *   'navigation': 40,
 *   ...
 * )
 */
/**
 * ICON SIZES
 * -------------------------------------------------------------------
 */
.m-overlay__inner {
  width: 100%;
  max-width: calc(var(--SPACER) * 25);
}

.m-cookie-consent .m-modal__footer {
  flex-wrap: wrap;
  gap: var(--SPACER-XS);
}
.m-cookie-consent .m-modal__footer .a-button:not(:first-child) {
  white-space: nowrap;
}
@media screen and (min-width: 30rem) {
  .m-cookie-consent .m-modal__footer .a-button:not(:first-child) {
    margin-left: 0;
  }
}

.m-cookie-consent__category-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--SPACER);
  justify-content: space-between;
  width: 100%;
}
.m-cookie-consent__category-title h2 {
  cursor: pointer;
}
.m-cookie-consent__category-title .u-text-right p {
  align-items: center;
  display: flex;
  min-height: 1.75rem;
}
.m-cookie-consent__category-title .a-switch__button {
  margin-right: var(--SPACER);
}
.m-cookie-consent__category-title .a-switch__button:before {
  left: calc(100% - var(--SPACER));
}
.m-cookie-consent__category-title .a-switch__button:after {
  left: 100%;
}

.m-cookie-consent__category-detail {
  overflow: hidden;
  padding-left: var(--SPACER);
}
.m-cookie-consent__category-detail .a-table-responsive-wrapper table > tbody > tr > td,
.m-cookie-consent__category-detail .a-table-responsive-wrapper table > tfoot > tr > td,
.m-cookie-consent__category-detail .a-table-responsive-wrapper table > thead > tr > td {
  display: table-cell;
  vertical-align: top;
  white-space: pre-wrap;
}
.m-cookie-consent__category-detail .a-table-responsive-wrapper table td {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.m-cookie-consent__category-detail .a-table-responsive-wrapper table td:before {
  content: "";
  display: block;
}
.m-cookie-consent__category-detail .a-table-responsive-wrapper table td:nth-of-type(4):before {
  min-width: 12rem;
}
.m-cookie-consent__category-detail tr.is-condensed {
  height: var(--SPACER-L);
}

.m-cookie-consent--non-blocking {
  background: #fff;
  border-top: 1px solid var(--BORDER-COLOR);
  bottom: 0;
  box-shadow: 0 calc(-1 * var(--SPACER)) 0 var(--BOX-SHADOW-COLOR);
  max-height: 50vh;
  overflow: auto;
  position: fixed;
  width: 100%;
  z-index: 10;
}

@media screen and (min-width: 62rem) {
  .m-cookie-consent__content {
    display: flex;
    gap: var(--SPACER);
  }
}

.m-modal__top-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--SPACER-XS);
  justify-content: space-between;
}

.m-cookie-consent__text {
  padding-bottom: var(--SPACER);
}

.m-cookie-consent__buttons {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  gap: var(--SPACER-XS);
}
@media screen and (min-width: 62rem) {
  .m-cookie-consent__buttons {
    flex-direction: column;
    justify-content: flex-end;
  }
}