:root {
  
    --body-bg-color: #B8D5F2;
  
  
    --bg-page-header: #60A4E8;
  
  
    --link-color: #60A4E8;
  
  
    --link-hover-color: #0064CF;
  
  
    --icon-color: #60A4E8;
   
}










  body {
    background-color: #B8D5F2;
  }

  @media print {
    .header {
      background-color: #B8D5F2 !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(184, 213, 242, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(210, 69%, 69%);
  }



  @media (min-width: 768px) {
    .background-image {
      height: 105.5rem;
    }

    .background-image::before {
      display: block;
      
      background-image:
        linear-gradient(
          to bottom,
          rgba(184, 213, 242, 0.0),
          #B8D5F2
        );
      
    }
  }



  .background-image {
    display: block;
  }





  @media (min-width: 768px) {
    .background-image {
      background-image: url("/uploaded_files/1181/5a522efa440640278b9c29a493e4ee5c/cloud-background-vector-cute-desktop-wallpaper_53876-136885.jpg");
    }
  }





  a,
  .link-color,
  .collapse-button__icon-wrapper {
    color: #60A4E8;
  }

  .btn--link-color {
    background-color: #60A4E8 !important;
  }

  a:focus,
  a:hover,
  .link-color:focus,
  .link-color:hover,
  .collapse-button:focus .collapse-button__icon-wrapper,
  .collapse-button:hover .collapse-button__icon-wrapper,
  .category-list-item__heading-link:focus,
  .category-list-item__heading-link:hover {
    color: #0064CF;
  }

  .btn--link-color:focus,
  .btn--link-color:hover,
  .btn--link-color:active {
    background-color: #0064CF !important;
  }

  .preview__icon {
    stroke: #60A4E8;
  }

  .preview__link:focus + .preview__icon,
  .preview__link:hover + .preview__icon {
    stroke: #0064CF;
  }

  .helpful__button--selected,
  .helpful__question:not(.helpful__question--voted) .helpful__button:focus,
  .helpful__question:not(.helpful__question--voted) .helpful__button:hover {
    color: white !important;
    background-color: #60A4E8 !important;
    border-color: #60A4E8 !important;
  }

  @media screen {
    a[target="_blank"]::after {
      background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 14 14' fill='%2360A4E8' fill-rule='evenodd'%3E%3Cpath d='M10 8c-.553 0-1 .448-1 1v3H2V5h3c.553 0 1-.448 1-1s-.447-1-1-1H1c-.553 0-1 .448-1 1v9c0 .552.447 1 1 1h9c.553 0 1-.448 1-1V9c0-.552-.447-1-1-1z'/%3E%3Cpath d='M13 0H8c-.553 0-1 .448-1 1s.447 1 1 1h2.586L4.293 8.293c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293.256 0 .512-.098.707-.293L12 3.414V6c0 .552.447 1 1 1 .553 0 1-.448 1-1V1c0-.552-.447-1-1-1z'/%3E%3C/svg%3E");
    }

    a[target="_blank"]:focus::after,
    a[target="_blank"]:hover::after {
      background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 14 14' fill='%230064CF' fill-rule='evenodd'%3E%3Cpath d='M10 8c-.553 0-1 .448-1 1v3H2V5h3c.553 0 1-.448 1-1s-.447-1-1-1H1c-.553 0-1 .448-1 1v9c0 .552.447 1 1 1h9c.553 0 1-.448 1-1V9c0-.552-.447-1-1-1z'/%3E%3Cpath d='M13 0H8c-.553 0-1 .448-1 1s.447 1 1 1h2.586L4.293 8.293c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293.256 0 .512-.098.707-.293L12 3.414V6c0 .552.447 1 1 1 .553 0 1-.448 1-1V1c0-.552-.447-1-1-1z'/%3E%3C/svg%3E");
    }
  }






  .background-image,
  .widget .background-image {
    background-color: #60A4E8;
  }

  @media print {
    .header {
      background-color: #60A4E8 !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(96, 164, 232, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(210, 75%, 49%);
  }



  .icon-color,
  .custom-icon-wrapper,
  .custom-icon-wrapper--color-only {
    color: #60A4E8;
  }

  a:focus .icon-color,
  a:hover .icon-color,
  button:focus .icon-color,
  button:hover .icon-color,
  a:focus .custom-icon-wrapper,
  a:hover .custom-icon-wrapper,
  .main__aside button:focus .custom-icon-wrapper,
  .main__aside button:hover .custom-icon-wrapper,
  .category-list a:focus .custom-icon-wrapper,
  .category-list a:hover .custom-icon-wrapper {
    color: #60A4E8;
  }

  @media print {
    .main__aside .category-list-item__icon,
    .main__aside .category-list-item .link-color[aria-expanded="true"] .custom-icon-wrapper,
    a:focus .custom-icon-wrapper,
    a:hover .custom-icon-wrapper,
    .main__aside button:focus .custom-icon-wrapper,
    .main__aside button:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper,
    .category-list a:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper--color-only,
    .category-list a:hover .custom-icon-wrapper--color-only {
      color: #60A4E8;
    }
  }