/****************************************************
*					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: #004442;
  --secondary-100: #4c4d4f;
  --tertiary-100: #9c8c83;
  --grey-200: #919191;
  --primary-200: #005e5b;
  --secondary-200: #515252;
  --tertiary-200: #dcc7ba;
  --grey-300: #ababab;
  --primary-300: #007a76;
  --secondary-300: #b2b3b6;
  --tertiary-300: #f4eae4;
  --grey-400: #c4c4c4;
  --primary-400: #009c97;
  --secondary-400: #ccced5;
  --tertiary-400: #f6f0ed;
  --grey-500: #dedede;
  --primary-500: #5ec0bd;
  --secondary-500: #dde0e7;
  --tertiary-500: #fbf4f0;
  --grey-600: #f7f7f7;
  --primary-600: #e7f4f4;
  --secondary-600: #eceff4;
  --tertiary-600: #fbf7f5;
  --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-form-confirmation {
  padding-bottom: 80px;
  padding-top: 80px;
  padding-top: 144px;
  text-align: center; }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-form-confirmation {
      padding-bottom: 120px; } }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-form-confirmation {
      padding-top: 120px; } }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-form-confirmation {
      padding-top: 184px; } }
  body #wrapper .d3-form-confirmation .button-row {
    justify-content: center; }
  body #wrapper .d3-form-confirmation .container .header-row {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    width: 100%; }
    body #wrapper .d3-form-confirmation .container .header-row .agents {
      height: 90px;
      position: relative;
      width: 90px; }
      body #wrapper .d3-form-confirmation .container .header-row .agents .static-background-image {
        background-position: center;
        background-size: cover;
        border-radius: 50%;
        height: 80px;
        left: 5px;
        opacity: 0;
        position: absolute;
        top: 5px;
        transition: opacity 1.5s ease 0.5s;
        width: 80px;
        z-index: 2; }
      body #wrapper .d3-form-confirmation .container .header-row .agents .static-background-color {
        background-color: #e7f4f4;
        background-position: center;
        background-size: cover;
        border-radius: 50%;
        height: 80px;
        left: 5px;
        opacity: 0;
        position: absolute;
        top: 5px;
        transition: opacity 0.5s ease 0.25s;
        width: 80px;
        z-index: 1; }
      body #wrapper .d3-form-confirmation .container .header-row .agents .progress-svg {
        height: 100%;
        position: relative;
        transform: rotate(-90deg);
        width: 100%;
        z-index: 3; }
        body #wrapper .d3-form-confirmation .container .header-row .agents .progress-svg circle {
          fill: transparent;
          stroke-linecap: round;
          stroke-width: 5; }
        body #wrapper .d3-form-confirmation .container .header-row .agents .progress-svg .progress-bg {
          stroke: rgba(0, 122, 118, 0.2); }
        body #wrapper .d3-form-confirmation .container .header-row .agents .progress-svg .progress-fill {
          animation: rar_loading 3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          stroke: #007a76;
          stroke-dasharray: 283;
          stroke-dashoffset: 283; }
  body #wrapper .d3-form-confirmation .container .d3-section-row {
    display: block;
    opacity: 0;
    padding-top: 16px;
    transition: opacity 450ms ease 450ms;
    visibility: hidden; }
  body #wrapper .d3-form-confirmation.show {
    animation: rar_bounce-in__up 1.5s ease-in-out forwards; }
    body #wrapper .d3-form-confirmation.show .d3-section-row {
      opacity: 1;
      visibility: visible; }

@keyframes rar_loading {
  0% {
    stroke-dashoffset: 283; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes rar_bounce-in__up {
  0% {
    opacity: 0;
    transform: translateY(0); }
  20% {
    opacity: 1; }
  35% {
    transform: translateY(-64px); }
  70% {
    transform: translateY(-60px); }
  100% {
    transform: translateY(-64px);
    opacity: 1; } }
  body #wrapper .d3-form-confirmation .rar_bounce-in__up {
    animation: rar_bounce-in__up 1.5s ease-in-out forwards; }

/*# sourceMappingURL=d3-form-confirmation.css.map */