@charset "utf-8";

@keyframes swing { 
  0% { transform: rotate(0deg); }
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-15deg); }
  60% { transform: rotate(10deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

.fig-recommended { margin-top: 24px; }

@media (min-width: 48em) {
  .fig-recommended { margin-left: auto; margin-right: auto; max-width: 704px; }
}

@media (min-width: 64em) {
  .fig-recommended { max-width: 616px; }
}

.fig-recommended__title { color: rgb(31, 102, 186); font-family: source-sans-pro, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.375; }

.fig-recommended__title--boxed { background-color: rgb(211, 231, 255); color: rgb(22, 56, 96); font-family: inherit; margin-bottom: 0px; padding: 16px; }

.fig-recommended__title--lined::before { background-color: rgb(31, 102, 186); content: ""; display: block; height: 4px; margin-bottom: 8px; width: 56px; }

.fig-recommended__list { font-size: 0.875rem; font-weight: 700; line-height: 1.42857; list-style: none; padding-left: 26px; }

.fig-recommended__list--boxed { border: 1px solid rgb(211, 231, 255); padding: 8px 16px 16px 42px; }

.fig-recommended__item { margin-top: 12px; }

.fig-recommended__item--hide { display: none; }

.fig-recommended__link { text-decoration: none; }

.fig-recommended__arrow { fill: rgb(31, 102, 186); float: left; height: 16px; margin-left: -30px; position: relative; top: 3px; width: 24px; }

.fig-recommended__premium { padding-left: 5px; vertical-align: text-top; }

.fig-recommended__more-button { appearance: none; background-color: transparent; border: 1px solid; border-radius: 4px; color: rgb(22, 56, 96); cursor: pointer; display: block; font-family: source-sans-pro, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; font-size: 0.875rem; font-weight: 600; line-height: 1.42857; margin-top: 16px; padding: 8px 16px; text-align: center; text-decoration: none; text-transform: uppercase; transition: color 0.3s ease-in; }

.fig-recommended__more-button:active, .fig-recommended__more-button:hover { color: rgb(31, 102, 186); }

.fig-recommended__more-button:focus-visible { color: rgb(31, 102, 186); outline: rgb(255, 255, 255) dotted 1px; }