/* Handle Custom Code items in dark mode */
.dark-mode .q-embed.widget--fullwidth .q-custom-code.no-titlegroup {
        padding-top: 0;
        padding-top: initial;
      }
.dark-mode .q-embed.widget--fullwidth .q-custom-code.no-footer {
        padding-bottom: 0;
        padding-bottom: initial;
      }
/* Only apply this to items in an article with fixed background color */
/* applying this to items
       which are not a descendant of the #webview container */
.dark-mode[class*='color-schema'] .q-custom-code:not(#webview *) {
      /* unsetting all the background stuff */
      background-color: transparent;
      padding-left: 0;
      padding-left: initial;
      padding-right: 0;
      padding-right: initial;
      padding-top: 0;
      padding-top: initial;
      padding-bottom: 0;
      padding-bottom: initial;
      margin-left: 0;
      margin-left: initial;
      margin-right: 0;
      margin-right: initial;

      /* Set text color
         Corresponds to full black (--black) */
      --q-primary-text-color: var(--black, #ffffff);

      /* Corresponds to medium gray (--grayMedium) */
      --q-secondary-text-color: var(--gray-Medium, #d2d2d2);
    }


    .dark-mode q-item-holder:not(:has(.supports-dark-mode)) {
      /* Background Color for all cases where we don't explicitly support dark mode */
      background-color: #f4f4f4;
      background-color: var(--alwaysWhite, #f4f4f4);

      /* Padding due to background color */
      padding-left: 24px;
      padding-right: 24px;
      padding-left: var(--inline-spacing, 24px);
      padding-right: var(--inline-spacing, 24px);
      padding-top: 24px;
      padding-bottom: 24px;
      padding-top: var(--block-spacing, 24px);
      padding-bottom: var(--block-spacing, 24px);
    }
@media screen and (max-width: 767px) {
      .dark-mode q-item-holder:not(:has(.supports-dark-mode)) {
        /* On mobile compensate the necessary padding and extend the coloured background to the margins */
        margin-left: calc(-1 * 24px);
        margin-right: calc(-1 * 24px);
        margin-left: calc(-1 * var(--inline-spacing, 24px));
        margin-right: calc(-1 * var(--inline-spacing, 24px));
    }
      }
.dark-mode q-item-holder:has(.supports-dark-mode) {
      /* Set text color */
      /* Corresponds to full black (--black) */
      --q-primary-text-color: var(--black, #ffffff);

      /* Corresponds to medium gray (--grayMedium) */
      --q-secondary-text-color: var(--gray-Medium, #d2d2d2);
    }
.dark-mode q-item-holder:has(.supports-dark-mode) .s-q-item__title {
        color: #ffffff;
        color: var(--black, #ffffff);
      }
.dark-mode q-item-holder:has(.supports-dark-mode) .s-q-item__subtitle {
        color: #ffffff;
        color: var(--black, #ffffff);
      }
.dark-mode q-item-holder:has(.supports-dark-mode) .s-q-item__annotation-legend__item {
        color: #ffffff;
        color: var(--black, #ffffff);
      }
.dark-mode q-item-holder:has(.supports-dark-mode) .s-q-item__footer {
        color: #ffffff;
        color: var(--black, #ffffff);
      }
/* Fallback for fullwidth-items – */
/* these will always extend to the edges of the container */
.dark-mode .q-embed.widget--fullwidth q-item-holder:not(:has(.supports-dark-mode)) {
      margin-left: calc(-1 * 24px);
      margin-right: calc(-1 * 24px);
      margin-left: calc(-1 * var(--inline-spacing, 24px));
      margin-right: calc(-1 * var(--inline-spacing, 24px));
    }

.separator.svelte-1klh8l3{border-top:1px solid #c3c2ca;padding-top:4px}
q-item-holder.svelte-1kre7ze,q-titlegroup.svelte-1kre7ze{display:block;box-sizing:border-box}.s-q-item__subtitle.svelte-1kre7ze:has(> :first-child:empty:only-child){display:none}.s-q-item__subtitle.svelte-1kre7ze>span:empty{display:none}
.q-embed.widget--fullwidth div.svelte-1ytx780{margin-left:calc(-1 * 24px);margin-right:calc(-1 * 24px);margin-left:calc(-1 * var(--inline-spacing, 24px));margin-right:calc(-1 * var(--inline-spacing, 24px))}