/****************************************************
*					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: #0c148a;
  --secondary-100: #0a5754;
  --tertiary-100: #9c8c83;
  --grey-200: #919191;
  --primary-200: #0046cc;
  --secondary-200: #076b67;
  --tertiary-200: #dcc7ba;
  --grey-300: #ababab;
  --primary-300: #0057ff;
  --secondary-300: #07817c;
  --tertiary-300: #f4eae4;
  --grey-400: #c4c4c4;
  --primary-400: #1f68f3;
  --secondary-400: #42f3eb;
  --tertiary-400: #f6f0ed;
  --grey-500: #dedede;
  --primary-500: #669aff;
  --secondary-500: #4cf9f2;
  --tertiary-500: #fbf4f0;
  --grey-600: #f7f7f7;
  --primary-600: #e5eeff;
  --secondary-600: #cdffff;
  --tertiary-600: #fbf7f5;
  --d3-black: #181819;
  --grifols-blue: #003383;
  --d3-font-body: Inter;
  --d3-font-title: Figtree;
  --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-sidebar, body #wrapper .d3-sidebar-mobile {
  width: 100%; }
  body #wrapper .d3-sidebar .content, body #wrapper .d3-sidebar-mobile .content {
    border: 1px solid #dedede;
    border-radius: 16px;
    position: relative;
    background-color: #fdfdff;
    color: #181819; }
    body #wrapper .d3-sidebar .content a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
      color: #0057ff;
      border-bottom: 1px solid transparent; }
      body #wrapper .d3-sidebar .content a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover {
        border-bottom: 1px solid; }
    body #wrapper .d3-sidebar .content a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content a.btn-icon-link-text .link-text {
      color: #0057ff;
      border-bottom: 1px solid transparent; }
      body #wrapper .d3-sidebar .content a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content a.btn-icon-link-text .link-text:hover {
        border-bottom: 1px solid; }
    body #wrapper .d3-sidebar .content .hero, body #wrapper .d3-sidebar-mobile .content .hero {
      color: #181819; }
      body #wrapper .d3-sidebar .content .hero a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content .hero a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content .hero a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content .hero a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover {
          border-bottom: 1px solid; }
      body #wrapper .d3-sidebar .content .hero a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content .hero a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content .hero a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content .hero a.btn-icon-link-text .link-text {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content .hero a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content .hero a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content .hero a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content .hero a.btn-icon-link-text .link-text:hover {
          border-bottom: 1px solid; }
    body #wrapper .d3-sidebar .content h1, body #wrapper .d3-sidebar-mobile .content h1, body #wrapper .d3-sidebar .content .title-xl, body #wrapper .d3-sidebar-mobile .content .title-xl {
      color: #181819; }
      body #wrapper .d3-sidebar .content h1 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content h1 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar .content .title-xl a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content .title-xl a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content h1 a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content h1 a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar .content .title-xl a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content .title-xl a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover {
          border-bottom: 1px solid; }
      body #wrapper .d3-sidebar .content h1 a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content h1 a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content h1 a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content h1 a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar .content .title-xl a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content .title-xl a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content .title-xl a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content .title-xl a.btn-icon-link-text .link-text {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content h1 a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content h1 a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content h1 a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content h1 a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar .content .title-xl a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content .title-xl a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content .title-xl a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content .title-xl a.btn-icon-link-text .link-text:hover {
          border-bottom: 1px solid; }
    body #wrapper .d3-sidebar .content h2, body #wrapper .d3-sidebar-mobile .content h2, body #wrapper .d3-sidebar .content .title-lg, body #wrapper .d3-sidebar-mobile .content .title-lg {
      color: #181819; }
      body #wrapper .d3-sidebar .content h2 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content h2 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar .content .title-lg a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content .title-lg a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content h2 a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content h2 a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar .content .title-lg a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content .title-lg a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover {
          border-bottom: 1px solid; }
      body #wrapper .d3-sidebar .content h2 a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content h2 a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content h2 a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content h2 a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar .content .title-lg a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content .title-lg a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content .title-lg a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content .title-lg a.btn-icon-link-text .link-text {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content h2 a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content h2 a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content h2 a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content h2 a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar .content .title-lg a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content .title-lg a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content .title-lg a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content .title-lg a.btn-icon-link-text .link-text:hover {
          border-bottom: 1px solid; }
    body #wrapper .d3-sidebar .content h3, body #wrapper .d3-sidebar-mobile .content h3, body #wrapper .d3-sidebar .content .title-md, body #wrapper .d3-sidebar-mobile .content .title-md {
      color: #181819; }
      body #wrapper .d3-sidebar .content h3 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content h3 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar .content .title-md a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content .title-md a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content h3 a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content h3 a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar .content .title-md a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content .title-md a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover {
          border-bottom: 1px solid; }
      body #wrapper .d3-sidebar .content h3 a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content h3 a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content h3 a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content h3 a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar .content .title-md a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content .title-md a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content .title-md a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content .title-md a.btn-icon-link-text .link-text {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content h3 a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content h3 a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content h3 a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content h3 a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar .content .title-md a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content .title-md a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content .title-md a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content .title-md a.btn-icon-link-text .link-text:hover {
          border-bottom: 1px solid; }
    body #wrapper .d3-sidebar .content h4, body #wrapper .d3-sidebar-mobile .content h4, body #wrapper .d3-sidebar .content .title-sm, body #wrapper .d3-sidebar-mobile .content .title-sm {
      color: #181819; }
      body #wrapper .d3-sidebar .content h4 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content h4 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar .content .title-sm a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content .title-sm a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content h4 a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content h4 a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar .content .title-sm a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover, body #wrapper .d3-sidebar-mobile .content .title-sm a:not(.btn):not(.btn-icon-link-text):not([role=button]):hover {
          border-bottom: 1px solid; }
      body #wrapper .d3-sidebar .content h4 a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content h4 a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content h4 a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content h4 a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar .content .title-sm a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content .title-sm a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content .title-sm a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content .title-sm a.btn-icon-link-text .link-text {
        color: #0057ff;
        border-bottom: 1px solid transparent; }
        body #wrapper .d3-sidebar .content h4 a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content h4 a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content h4 a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content h4 a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar .content .title-sm a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar-mobile .content .title-sm a.btn-icon-link .link-text:hover, body #wrapper .d3-sidebar .content .title-sm a.btn-icon-link-text .link-text:hover, body #wrapper .d3-sidebar-mobile .content .title-sm a.btn-icon-link-text .link-text:hover {
          border-bottom: 1px solid; }
    body #wrapper .d3-sidebar .content .text-disabled, body #wrapper .d3-sidebar-mobile .content .text-disabled {
      color: #5e5e5e; }
    body #wrapper .d3-sidebar .content .caption-text, body #wrapper .d3-sidebar-mobile .content .caption-text, body #wrapper .d3-sidebar .content .text-subdued, body #wrapper .d3-sidebar-mobile .content .text-subdued {
      color: #5e5e5e; }
    body #wrapper .d3-sidebar .content .text-caption, body #wrapper .d3-sidebar-mobile .content .text-caption, body #wrapper .d3-sidebar .content caption *, body #wrapper .d3-sidebar-mobile .content caption *, body #wrapper .d3-sidebar .content .footer-text, body #wrapper .d3-sidebar-mobile .content .footer-text, body #wrapper .d3-sidebar .content .footer-text *, body #wrapper .d3-sidebar-mobile .content .footer-text * {
      color: #5e5e5e; }
    body #wrapper .d3-sidebar .content .btn-icon-link span .link-metadata, body #wrapper .d3-sidebar-mobile .content .btn-icon-link span .link-metadata {
      color: #5e5e5e; }
    body #wrapper .d3-sidebar .content .d3-text-references p, body #wrapper .d3-sidebar-mobile .content .d3-text-references p, body #wrapper .d3-sidebar .content .d3-text-references li, body #wrapper .d3-sidebar-mobile .content .d3-text-references li {
      color: #5e5e5e; }
    body #wrapper .d3-sidebar .content .eyebrow, body #wrapper .d3-sidebar-mobile .content .eyebrow {
      color: #0057ff; }
      body #wrapper .d3-sidebar .content .eyebrow a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .d3-sidebar-mobile .content .eyebrow a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
        color: #0057ff;
        border-bottom: 1px solid; }
      body #wrapper .d3-sidebar .content .eyebrow a.btn-icon-link .link-text, body #wrapper .d3-sidebar-mobile .content .eyebrow a.btn-icon-link .link-text, body #wrapper .d3-sidebar .content .eyebrow a.btn-icon-link-text .link-text, body #wrapper .d3-sidebar-mobile .content .eyebrow a.btn-icon-link-text .link-text {
        color: #0057ff;
        border-bottom: 1px solid; }
    body #wrapper .d3-sidebar .content .eyebrow-banner, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner {
      color: #020304;
      background-color: rgba(2, 3, 4, 0.05);
      border-color: rgba(2, 3, 4, 0.1); }
      body #wrapper .d3-sidebar .content .eyebrow-banner > i, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner > i {
        color: rgba(2, 3, 4, 0.3);
        border-color: rgba(2, 3, 4, 0.1); }
      body #wrapper .d3-sidebar .content .eyebrow-banner:hover, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner:hover {
        border-color: rgba(2, 3, 4, 0.3); }
        body #wrapper .d3-sidebar .content .eyebrow-banner:hover > i, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner:hover > i {
          color: #020304;
          border-color: rgba(2, 3, 4, 0.3); }
      body #wrapper .d3-sidebar .content .eyebrow-banner:active, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner:active {
        background-color: rgba(2, 3, 4, 0.1);
        border-color: rgba(2, 3, 4, 0.3); }
        body #wrapper .d3-sidebar .content .eyebrow-banner:active > i, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner:active > i {
          color: #020304;
          border-color: rgba(2, 3, 4, 0.3); }
      body #wrapper .d3-sidebar .content .eyebrow-banner:focus, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner:focus {
        background-color: rgba(2, 3, 4, 0.1);
        border-color: rgba(2, 3, 4, 0.3);
        -moz-box-shadow: 0 0 0 2px #0057ff;
        -webkit-box-shadow: 0 0 0 2px #0057ff;
        box-shadow: 0 0 0 2px #0057ff; }
        body #wrapper .d3-sidebar .content .eyebrow-banner:focus > i, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner:focus > i {
          color: #020304;
          border-color: rgba(2, 3, 4, 0.4); }
      body #wrapper .d3-sidebar .content .eyebrow-banner-fill, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner-fill {
        color: #fdfdff;
        background-color: rgba(2, 3, 4, 0.5);
        border-color: rgba(2, 3, 4, 0.3); }
        body #wrapper .d3-sidebar .content .eyebrow-banner-fill > i, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner-fill > i {
          color: #fdfdff;
          border-color: rgba(2, 3, 4, 0.3); }
        body #wrapper .d3-sidebar .content .eyebrow-banner-fill:hover, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner-fill:hover {
          background-color: rgba(2, 3, 4, 0.6);
          border-color: rgba(2, 3, 4, 0.4); }
          body #wrapper .d3-sidebar .content .eyebrow-banner-fill:hover > i, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner-fill:hover > i {
            border-color: rgba(2, 3, 4, 0.4); }
        body #wrapper .d3-sidebar .content .eyebrow-banner-fill:active, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner-fill:active {
          background-color: rgba(2, 3, 4, 0.8);
          border-color: rgba(2, 3, 4, 0.6); }
          body #wrapper .d3-sidebar .content .eyebrow-banner-fill:active > i, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner-fill:active > i {
            border-color: rgba(2, 3, 4, 0.6); }
        body #wrapper .d3-sidebar .content .eyebrow-banner-fill:focus, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner-fill:focus {
          background-color: rgba(2, 3, 4, 0.6);
          border-color: rgba(2, 3, 4, 0.4);
          -moz-box-shadow: 0 0 0 2px #0057ff;
          -webkit-box-shadow: 0 0 0 2px #0057ff;
          box-shadow: 0 0 0 2px #0057ff; }
          body #wrapper .d3-sidebar .content .eyebrow-banner-fill:focus > i, body #wrapper .d3-sidebar-mobile .content .eyebrow-banner-fill:focus > i {
            border-color: rgba(2, 3, 4, 0.4); }
    body #wrapper .d3-sidebar .content .circle, body #wrapper .d3-sidebar-mobile .content .circle {
      background-color: #e5eeff;
      color: #0046cc; }
    body #wrapper .d3-sidebar .content .btn-ghost, body #wrapper .d3-sidebar-mobile .content .btn-ghost {
      color: #181819; }
      body #wrapper .d3-sidebar .content .btn-ghost:not(:disabled):not(.disabled):not(:active):focus, body #wrapper .d3-sidebar-mobile .content .btn-ghost:not(:disabled):not(.disabled):not(:active):focus {
        border-color: #fdfdff;
        -moz-box-shadow: 0 0 0 3px #1f68f3;
        -webkit-box-shadow: 0 0 0 3px #1f68f3;
        box-shadow: 0 0 0 3px #1f68f3; }
      body #wrapper .d3-sidebar .content .btn-ghost:not(:disabled):not(.disabled):not(.compact):hover, body #wrapper .d3-sidebar-mobile .content .btn-ghost:not(:disabled):not(.disabled):not(.compact):hover {
        background-color: rgba(24, 24, 25, 0.03);
        color: #0046cc; }
      body #wrapper .d3-sidebar .content .btn-ghost:not(:disabled):not(.disabled):not(.compact):active, body #wrapper .d3-sidebar-mobile .content .btn-ghost:not(:disabled):not(.disabled):not(.compact):active, body #wrapper .d3-sidebar .content .btn-ghost:not(:disabled):not(.disabled):not(.compact).active, body #wrapper .d3-sidebar-mobile .content .btn-ghost:not(:disabled):not(.disabled):not(.compact).active {
        color: #181819; }
      body #wrapper .d3-sidebar .content .btn-ghost.sec-palette:not(:disabled):not(.disabled):not(:active):focus, body #wrapper .d3-sidebar-mobile .content .btn-ghost.sec-palette:not(:disabled):not(.disabled):not(:active):focus {
        border-color: #fdfdff;
        -moz-box-shadow: 0 0 0 3px #42f3eb;
        -webkit-box-shadow: 0 0 0 3px #42f3eb;
        box-shadow: 0 0 0 3px #42f3eb; }
    body #wrapper .d3-sidebar .content .btn-inverted, body #wrapper .d3-sidebar-mobile .content .btn-inverted {
      border-color: #181819;
      color: #181819;
      -moz-box-shadow: 0 0 0 1px #181819 inset;
      -webkit-box-shadow: 0 0 0 1px #181819 inset;
      box-shadow: 0 0 0 1px #181819 inset;
      background-color: transparent; }
      body #wrapper .d3-sidebar .content .btn-inverted:not(:disabled):not(.disabled):not(:active):focus, body #wrapper .d3-sidebar-mobile .content .btn-inverted:not(:disabled):not(.disabled):not(:active):focus {
        border-color: #fdfdff;
        -moz-box-shadow: 0 0 0 3px #1f68f3;
        -webkit-box-shadow: 0 0 0 3px #1f68f3;
        box-shadow: 0 0 0 3px #1f68f3; }
      body #wrapper .d3-sidebar .content .btn-inverted:not(:disabled):not(.disabled):not(:active):focus, body #wrapper .d3-sidebar-mobile .content .btn-inverted:not(:disabled):not(.disabled):not(:active):focus {
        -moz-box-shadow: 0 0 0 1px #181819 inset, 0 0 0 3px #669aff;
        -webkit-box-shadow: 0 0 0 1px #181819 inset, 0 0 0 3px #669aff;
        box-shadow: 0 0 0 1px #181819 inset, 0 0 0 3px #669aff;
        background-color: transparent;
        border-color: #181819;
        color: #181819; }
      body #wrapper .d3-sidebar .content .btn-inverted:not(:disabled):not(.disabled):hover, body #wrapper .d3-sidebar-mobile .content .btn-inverted:not(:disabled):not(.disabled):hover {
        background-color: #181819;
        color: #fdfdff;
        border-color: #181819;
        -moz-box-shadow: 0 0 0 0 #181819;
        -webkit-box-shadow: 0 0 0 0 #181819;
        box-shadow: 0 0 0 0 #181819; }
      body #wrapper .d3-sidebar .content .btn-inverted:not(:disabled):not(.disabled):active, body #wrapper .d3-sidebar-mobile .content .btn-inverted:not(:disabled):not(.disabled):active, body #wrapper .d3-sidebar .content .btn-inverted:not(:disabled):not(.disabled).active, body #wrapper .d3-sidebar-mobile .content .btn-inverted:not(:disabled):not(.disabled).active {
        background-color: #181819;
        color: #fdfdff; }
      body #wrapper .d3-sidebar .content .btn-inverted.sec-palette:not(:disabled):not(.disabled):not(:active):focus, body #wrapper .d3-sidebar-mobile .content .btn-inverted.sec-palette:not(:disabled):not(.disabled):not(:active):focus {
        border-color: #fdfdff;
        -moz-box-shadow: 0 0 0 3px #42f3eb;
        -webkit-box-shadow: 0 0 0 3px #42f3eb;
        box-shadow: 0 0 0 3px #42f3eb; }
      body #wrapper .d3-sidebar .content .btn-inverted.sec-palette:not(:disabled):not(.disabled):not(:active):focus, body #wrapper .d3-sidebar-mobile .content .btn-inverted.sec-palette:not(:disabled):not(.disabled):not(:active):focus {
        -moz-box-shadow: 0 0 0 1px #181819 inset, 0 0 0 3px #4cf9f2;
        -webkit-box-shadow: 0 0 0 1px #181819 inset, 0 0 0 3px #4cf9f2;
        box-shadow: 0 0 0 1px #181819 inset, 0 0 0 3px #4cf9f2;
        background-color: transparent;
        border-color: #181819;
        color: #181819; }
    body #wrapper .d3-sidebar .content .icon-btn.social-icon:not(:disabled):not(.disabled), body #wrapper .d3-sidebar-mobile .content .icon-btn.social-icon:not(:disabled):not(.disabled) {
      color: #181819;
      border: none;
      background-color: rgba(24, 24, 25, 0.03); }
      body #wrapper .d3-sidebar .content .icon-btn.social-icon:not(:disabled):not(.disabled):hover, body #wrapper .d3-sidebar-mobile .content .icon-btn.social-icon:not(:disabled):not(.disabled):hover {
        background-color: rgba(24, 24, 25, 0.08); }
      body #wrapper .d3-sidebar .content .icon-btn.social-icon:not(:disabled):not(.disabled):active, body #wrapper .d3-sidebar-mobile .content .icon-btn.social-icon:not(:disabled):not(.disabled):active {
        background-color: rgba(24, 24, 25, 0.13); }
    body #wrapper .d3-sidebar .content .icon-btn.pagination-btn, body #wrapper .d3-sidebar-mobile .content .icon-btn.pagination-btn {
      border-radius: 80px !important; }
      body #wrapper .d3-sidebar .content .icon-btn.pagination-btn:not(:disabled):not(.disabled):not(:active):focus, body #wrapper .d3-sidebar-mobile .content .icon-btn.pagination-btn:not(:disabled):not(.disabled):not(:active):focus {
        border-color: #fdfdff;
        -moz-box-shadow: 0 0 0 3px #1f68f3;
        -webkit-box-shadow: 0 0 0 3px #1f68f3;
        box-shadow: 0 0 0 3px #1f68f3; }
      body #wrapper .d3-sidebar .content .icon-btn.pagination-btn:not(:disabled):not(.disabled), body #wrapper .d3-sidebar-mobile .content .icon-btn.pagination-btn:not(:disabled):not(.disabled) {
        color: #919191;
        border-color: rgba(2, 3, 4, 0.05);
        background-color: rgba(2, 3, 4, 0.03); }
        body #wrapper .d3-sidebar .content .icon-btn.pagination-btn:not(:disabled):not(.disabled):hover, body #wrapper .d3-sidebar-mobile .content .icon-btn.pagination-btn:not(:disabled):not(.disabled):hover, body #wrapper .d3-sidebar .content .icon-btn.pagination-btn:not(:disabled):not(.disabled):not(:active):focus, body #wrapper .d3-sidebar-mobile .content .icon-btn.pagination-btn:not(:disabled):not(.disabled):not(:active):focus {
          background-color: rgba(2, 3, 4, 0.1); }
        body #wrapper .d3-sidebar .content .icon-btn.pagination-btn:not(:disabled):not(.disabled):active, body #wrapper .d3-sidebar-mobile .content .icon-btn.pagination-btn:not(:disabled):not(.disabled):active {
          background-color: rgba(2, 3, 4, 0.3);
          color: #fdfdff; }
      body #wrapper .d3-sidebar .content .icon-btn.pagination-btn:disabled, body #wrapper .d3-sidebar-mobile .content .icon-btn.pagination-btn:disabled, body #wrapper .d3-sidebar .content .icon-btn.pagination-btn.disabled, body #wrapper .d3-sidebar-mobile .content .icon-btn.pagination-btn.disabled {
        background-color: #dedede !important;
        border-color: #5e5e5e !important;
        color: #5e5e5e !important; }
    body #wrapper .d3-sidebar .content .utility-btn:not(:disabled):not(.disabled), body #wrapper .d3-sidebar-mobile .content .utility-btn:not(:disabled):not(.disabled) {
      background-color: #fdfdff;
      border-color: #919191;
      color: #020304; }
      body #wrapper .d3-sidebar .content .utility-btn:not(:disabled):not(.disabled):hover, body #wrapper .d3-sidebar-mobile .content .utility-btn:not(:disabled):not(.disabled):hover, body #wrapper .d3-sidebar .content .utility-btn:not(:disabled):not(.disabled):active, body #wrapper .d3-sidebar-mobile .content .utility-btn:not(:disabled):not(.disabled):active, body #wrapper .d3-sidebar .content .utility-btn:not(:disabled):not(.disabled):focus, body #wrapper .d3-sidebar-mobile .content .utility-btn:not(:disabled):not(.disabled):focus {
        border-color: #919191; }
      body #wrapper .d3-sidebar .content .utility-btn:not(:disabled):not(.disabled):hover, body #wrapper .d3-sidebar-mobile .content .utility-btn:not(:disabled):not(.disabled):hover {
        -moz-box-shadow: 0 0 0 1px #919191 inset;
        -webkit-box-shadow: 0 0 0 1px #919191 inset;
        box-shadow: 0 0 0 1px #919191 inset; }
      body #wrapper .d3-sidebar .content .utility-btn:not(:disabled):not(.disabled):focus, body #wrapper .d3-sidebar-mobile .content .utility-btn:not(:disabled):not(.disabled):focus {
        -moz-box-shadow: 0 0 0 1px #919191 inset, 0 0 0 2px #0057ff;
        -webkit-box-shadow: 0 0 0 1px #919191 inset, 0 0 0 2px #0057ff;
        box-shadow: 0 0 0 1px #919191 inset, 0 0 0 2px #0057ff; }
      body #wrapper .d3-sidebar .content .utility-btn:not(:disabled):not(.disabled):active, body #wrapper .d3-sidebar-mobile .content .utility-btn:not(:disabled):not(.disabled):active {
        background-color: #f7f7f7;
        color: #020304; }
    body #wrapper .d3-sidebar .content .d3-switch .switch input:checked + .slider, body #wrapper .d3-sidebar-mobile .content .d3-switch .switch input:checked + .slider {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    body #wrapper .d3-sidebar .content.add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li, body #wrapper .d3-sidebar-mobile .content.add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li,
    body #wrapper .d3-sidebar .content .add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li,
    body #wrapper .d3-sidebar-mobile .content .add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li,
    body #wrapper .d3-sidebar .content .d3-slider.not-card-slider .slider-controls ol.slider-indicators li,
    body #wrapper .d3-sidebar-mobile .content .d3-slider.not-card-slider .slider-controls ol.slider-indicators li {
      background-color: rgba(2, 3, 4, 0.1); }
      body #wrapper .d3-sidebar .content.add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li.active, body #wrapper .d3-sidebar-mobile .content.add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li.active,
      body #wrapper .d3-sidebar .content .add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li.active,
      body #wrapper .d3-sidebar-mobile .content .add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li.active,
      body #wrapper .d3-sidebar .content .d3-slider.not-card-slider .slider-controls ol.slider-indicators li.active,
      body #wrapper .d3-sidebar-mobile .content .d3-slider.not-card-slider .slider-controls ol.slider-indicators li.active {
        background-color: #0057ff; }
    body #wrapper .d3-sidebar .content .content-table, body #wrapper .d3-sidebar-mobile .content .content-table {
      padding: 16px; }
      @media only screen and (min-width: 600px) {
        body #wrapper .d3-sidebar .content .content-table, body #wrapper .d3-sidebar-mobile .content .content-table {
          padding: 24px 16px; } }
      body #wrapper .d3-sidebar .content .content-table .header-section, body #wrapper .d3-sidebar-mobile .content .content-table .header-section {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 0 8px; }
        body #wrapper .d3-sidebar .content .content-table .header-section button, body #wrapper .d3-sidebar-mobile .content .content-table .header-section button {
          margin-top: 0;
          width: auto; }
          body #wrapper .d3-sidebar .content .content-table .header-section button:focus, body #wrapper .d3-sidebar-mobile .content .content-table .header-section button:focus {
            outline: none; }
          body #wrapper .d3-sidebar .content .content-table .header-section button i, body #wrapper .d3-sidebar-mobile .content .content-table .header-section button i {
            color: #0057ff;
            font-size: 24px;
            padding: 0; }
            body #wrapper .d3-sidebar .content .content-table .header-section button i:hover, body #wrapper .d3-sidebar-mobile .content .content-table .header-section button i:hover {
              background: transparent; }
      body #wrapper .d3-sidebar .content .content-table .expanding-section, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section {
        display: none;
        margin-top: 16px;
        max-height: 40vh;
        overflow-y: auto;
        padding: 0 8px;
        scrollbar-width: thin;
        transition: opacity .3s ease-in-out; }
        @media only screen and (min-width: 1008px) {
          body #wrapper .d3-sidebar .content .content-table .expanding-section, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section {
            max-height: calc(100vh - calculate-spacing(41)); } }
        body #wrapper .d3-sidebar .content .content-table .expanding-section.force-closed, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section.force-closed {
          opacity: 0; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section.open, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section.open {
          opacity: 1; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section .gradient-top, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .gradient-top, body #wrapper .d3-sidebar .content .content-table .expanding-section .gradient-bottom, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .gradient-bottom {
          left: 24px;
          right: 32px; }
          body #wrapper .d3-sidebar .content .content-table .expanding-section .gradient-top.is-visible, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .gradient-top.is-visible, body #wrapper .d3-sidebar .content .content-table .expanding-section .gradient-bottom.is-visible, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .gradient-bottom.is-visible {
            opacity: 1; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section .gradient-bottom, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .gradient-bottom {
          bottom: 16px; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section .gradient-top, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .gradient-top {
          top: 64px; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section .d3-title-reset + *, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .d3-title-reset + * {
          margin-top: 16px; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section .d3-vocabulary-section:not(:first-child), body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .d3-vocabulary-section:not(:first-child) {
          border-top: 1px solid #dedede;
          padding-top: 24px; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section .d3-vocabulary-section:not(:last-child), body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .d3-vocabulary-section:not(:last-child) {
          margin-bottom: 24px; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section .d3-media-section a, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .d3-media-section a {
          color: #020304; }
          body #wrapper .d3-sidebar .content .content-table .expanding-section .d3-media-section a:hover, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .d3-media-section a:hover, body #wrapper .d3-sidebar .content .content-table .expanding-section .d3-media-section a:active, body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .d3-media-section a:active {
            color: #0057ff; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section .d3-media-section:not(:first-child), body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .d3-media-section:not(:first-child) {
          border-top: 1px solid #dedede;
          padding-top: 12px; }
        body #wrapper .d3-sidebar .content .content-table .expanding-section .d3-media-section:not(:last-child), body #wrapper .d3-sidebar-mobile .content .content-table .expanding-section .d3-media-section:not(:last-child) {
          margin-bottom: 12px; }
    body #wrapper .d3-sidebar .content .social-links, body #wrapper .d3-sidebar-mobile .content .social-links {
      align-items: center;
      border-top: 1px solid #dedede;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 24px; }
      body #wrapper .d3-sidebar .content .social-links .button-row, body #wrapper .d3-sidebar-mobile .content .social-links .button-row {
        gap: 8px;
        width: auto; }
    body #wrapper .d3-sidebar .content > .social-links:first-child, body #wrapper .d3-sidebar-mobile .content > .social-links:first-child {
      border-top: 0; }

body #wrapper .d3-sidebar-mobile {
  margin-top: 40px; }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-sidebar-mobile {
      margin-top: 56px; } }
  body #wrapper .d3-sidebar-mobile .content {
    position: relative; }

/*# sourceMappingURL=d3-sidebar.css.map */