/****************************************************
*					WEBSITE FONTS					*
****************************************************/
/****************************************************
*					BASE COLORS						*
****************************************************/
/* Overrides for specific websites
$h1-title-color             : $black;
$h2-title-color             : $black;
$h3-title-color             : $black;
$h4-title-color             : $black;
$eyebrow-color              : $primary-300;
 */
/****************************************************
*					ALERT COLORS					*
****************************************************/
/* Reference for this calculation on https://css-tricks.com/programming-sass-to-create-accessible-color-combinations/ */
/*------------------- Grid resolutions -------------------*/
/*------------------- Sizes mixins -------------------*/
/*-------------------------------------Margins-------------------------------------*/
/* Buttons - elements/_buttons.scss */
/* Cards - elements/d3-card.scss */
/* Images on content sections - elements/d3-content-section.scss */
/* Images on media detail - elements/_d3-media-detail.scss */
/* Images on Testimonials - components/d3-testimonial.scss */
/* Images on Image Text - components/d3-image-text.scss */
/* Form inputs - elements/_forms.scss */
/* Form inputs - elements/_forms.scss */
/* Tables - elements/d3-table.scss, elements/_cookie-warning.scss */
/* Popups - elements/_cookie-warning.scss */
/* Accordions - elements/d3-accordion.scss */
/* Videoplayer - elements/d3-video-player.scss, elements/_d3-webinar-detail.scss */
/* Podcast player - elements/d3-podcast.scss */
/* Feature block - elements/d3-feature-block.scss */
/* Define a single size for all image-related border-radii */
/* Define a single size for all border-radii */
/********* REUSABLE TEXT STYLES ************/
/*------------------- Mixins  -------------------*/
/*------------------- Functions  -------------------*/
/*-------------------------------------Others-------------------------------------*/
/* ---------- Color and fonts replace ---------- */
/* General variables */
:root {
  --grey-100: #5e5e5e;
  --primary-100: #a33900;
  --secondary-100: #4c4d4f;
  --tertiary-100: #066f7b;
  --grey-200: #919191;
  --primary-200: #b53f00;
  --secondary-200: #515252;
  --tertiary-200: #107b88;
  --grey-300: #ababab;
  --primary-300: #c64500;
  --secondary-300: #b2b3b6;
  --tertiary-300: #1595a5;
  --grey-400: #c4c4c4;
  --primary-400: #f98315;
  --secondary-400: #ccced5;
  --tertiary-400: #27acbd;
  --grey-500: #dedede;
  --primary-500: #ffc06e;
  --secondary-500: #dde0e7;
  --tertiary-500: #65c3cf;
  --grey-600: #f7f7f7;
  --primary-600: #fff9f1;
  --secondary-600: #eceff4;
  --tertiary-600: #b7e3e9;
  --d3-black: #181819;
  --grifols-blue: #003383;
  --d3-font-body: Inter;
  --d3-font-title: OpenSans;
  --d3-page-bg: #fdfdff;
  --d3-radius-lg: 24px;
  --d3-radius-md: 16px;
  --d3-radius-none: 0px;
  --d3-radius-pill: 80px;
  --d3-radius-sm: 8px;
  --d3-radius-xl: 32px;
  --d3-radius-xs: 4px;
  --d3-utility-black: #020304;
  --d3-utility-white: #fdfdff;
  --d3-white: #fdfdff; }

body #wrapper .d3-sticky-isi {
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: all;
  bottom: 0;
  left: 50%;
  max-height: 320px;
  position: fixed;
  transform: translateX(-50%) translateY(0);
  will-change: transform, opacity, max-height;
  z-index: 20; }
  body #wrapper .d3-sticky-isi .d3-isi {
    background-color: #fdfdff;
    border: 1px solid #dedede;
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    display: flex;
    flex-direction: column;
    padding: 12px; }
    @media only screen and (min-width: 600px) {
      body #wrapper .d3-sticky-isi .d3-isi {
        padding: 12px 16px; } }
    @media only screen and (min-width: 1008px) {
      body #wrapper .d3-sticky-isi .d3-isi {
        padding: 12px 24px 16px 24px; } }
    body #wrapper .d3-sticky-isi .d3-isi .sticky-isi-box {
      transition-duration: 0.2s;
      transition-timing-function: ease-in-out;
      transition-property: all;
      background-color: #dedede;
      border-radius: 80px;
      display: block;
      flex-shrink: 0;
      height: 3px;
      margin: 0 auto 8px;
      opacity: 1;
      width: 56px; }
      @media only screen and (min-width: 600px) {
        body #wrapper .d3-sticky-isi .d3-isi .sticky-isi-box {
          display: none;
          margin: 0; } }
    body #wrapper .d3-sticky-isi .d3-isi .sticky-isi-header {
      align-items: center;
      cursor: pointer;
      display: flex;
      flex-shrink: 0;
      gap: 16px;
      justify-content: space-between;
      margin-bottom: 0; }
      body #wrapper .d3-sticky-isi .d3-isi .sticky-isi-header p {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      body #wrapper .d3-sticky-isi .d3-isi .sticky-isi-header .text-close {
        display: none; }
      body #wrapper .d3-sticky-isi .d3-isi .sticky-isi-header .text-view {
        display: block; }
    body #wrapper .d3-sticky-isi .d3-isi .sticky-isi-toggle-btn {
      margin-left: auto;
      margin-top: 0; }
    body #wrapper .d3-sticky-isi .d3-isi .subtitle-wrapper {
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out;
      transition-property: all;
      display: block;
      margin-bottom: 0;
      margin-top: 0;
      max-height: 150px;
      opacity: 1;
      overflow: hidden; }
      body #wrapper .d3-sticky-isi .d3-isi .subtitle-wrapper .d3-description {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        margin-top: 4px;
        overflow: hidden;
        width: 100%; }
        body #wrapper .d3-sticky-isi .d3-isi .subtitle-wrapper .d3-description > * {
          display: inline; }
    body #wrapper .d3-sticky-isi .d3-isi .sticky-isi-text-box {
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out;
      transition-property: all;
      background-color: #f7f7f7;
      border: 1px solid #dedede;
      border-radius: 8px;
      margin-top: 0;
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      position: relative;
      scrollbar-color: #919191 #f7f7f7; }
      body #wrapper .d3-sticky-isi .d3-isi .sticky-isi-text-box .gradient-container {
        padding: 12px 4px 12px 16px; }
  body #wrapper .d3-sticky-isi.isi-state-compact {
    max-height: 120px; }
    body #wrapper .d3-sticky-isi.isi-state-compact .subtitle-wrapper {
      margin-top: 0;
      max-height: 0;
      opacity: 0; }
  body #wrapper .d3-sticky-isi.isi-state-default .subtitle-wrapper {
    max-height: 150px;
    opacity: 1; }
  body #wrapper .d3-sticky-isi.isi-state-open {
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-property: all; }
    body #wrapper .d3-sticky-isi.isi-state-open .d3-isi {
      -moz-box-shadow: 0 4px 16px 0 rgba(2, 3, 4, 0.08);
      -webkit-box-shadow: 0 4px 16px 0 rgba(2, 3, 4, 0.08);
      box-shadow: 0 4px 16px 0 rgba(2, 3, 4, 0.08); }
    body #wrapper .d3-sticky-isi.isi-state-open .sticky-isi-box {
      height: 0;
      margin: 0;
      opacity: 0; }
    body #wrapper .d3-sticky-isi.isi-state-open .sticky-isi-text-box {
      flex-grow: 1;
      margin-top: 8px;
      max-height: 264px;
      opacity: 1; }
      body #wrapper .d3-sticky-isi.isi-state-open .sticky-isi-text-box .gradient-container {
        max-height: 264px;
        overflow-y: auto;
        scrollbar-gutter: stable;
        scrollbar-width: thin; }
        body #wrapper .d3-sticky-isi.isi-state-open .sticky-isi-text-box .gradient-container ul {
          padding-inline-start: 32px; }
        body #wrapper .d3-sticky-isi.isi-state-open .sticky-isi-text-box .gradient-container .gradient-top {
          background: linear-gradient(0deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.75) 50%, #f7f7f7 100%); }
        body #wrapper .d3-sticky-isi.isi-state-open .sticky-isi-text-box .gradient-container .gradient-bottom {
          background: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.75) 50%, #f7f7f7 100%); }
    body #wrapper .d3-sticky-isi.isi-state-open .sticky-isi-header .text-close {
      display: block; }
    body #wrapper .d3-sticky-isi.isi-state-open .sticky-isi-header .text-view {
      display: none; }
    body #wrapper .d3-sticky-isi.isi-state-open .subtitle-wrapper {
      margin-top: 0;
      max-height: 0;
      opacity: 0; }
  body #wrapper .d3-sticky-isi.is-hidden {
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-property: all;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 100%); }

body #wrapper .isi {
  padding-bottom: 40px;
  padding-top: 40px; }
  @media only screen and (min-width: 1008px) {
    body #wrapper .isi {
      padding-bottom: 56px; } }
  @media only screen and (min-width: 1008px) {
    body #wrapper .isi {
      padding-top: 56px; } }

/*# sourceMappingURL=d3-important-safety-information.css.map */