/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.tns-outer {
  position: relative; }
  .tns-outer .tns-controls {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 15px; }
    @media (min-width: 981px) {
      .tns-outer .tns-controls {
        margin-top: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1; } }
    .tns-outer .tns-controls:focus {
      outline: 0; }
    .tns-outer .tns-controls:focus-visible, .tns-outer .tns-controls.focus-visible {
      outline: 2px solid var(--wp--preset--color--primary);
      outline-offset: 3px;
      border-radius: 1px; }
    .tns-outer .tns-controls button {
      cursor: pointer;
      background-color: var(--wp--preset--color--white);
      color: var(--wp--preset--color--tertiary);
      border: 1px solid var(--wp--preset--color--tertiary);
      height: 3.25rem;
      width: 3.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--wp--custom--border-radius--small);
      font-size: 0.75rem;
      transition: background-color 200ms ease-in-out, color 200ms ease-in-out; }
      .tns-outer .tns-controls button:hover {
        background-color: var(--wp--preset--color--tertiary);
        color: var(--wp--preset--color--white); }
    .tns-outer .tns-controls [data-controls="next"] {
      margin-right: 0; }
    .tns-outer .tns-controls [data-controls="prev"] {
      margin-left: 0; }

.arrows {
  display: flex;
  align-items: center;
  gap: 1rem; }
  .arrows .arrow {
    cursor: pointer;
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--tertiary);
    border: 1px solid var(--wp--preset--color--tertiary);
    height: 3.25rem;
    width: 3.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--wp--custom--border-radius--small);
    font-size: 0.75rem;
    transition: background-color 200ms ease-in-out, color 200ms ease-in-out; }
    .arrows .arrow:hover {
      background-color: var(--wp--preset--color--tertiary);
      color: var(--wp--preset--color--white); }

.knowledge-center__loop:not(:last-child) {
  margin-block-end: 4rem; }

.knowledge-center__loop-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 1.5rem; }
  .knowledge-center__loop-top h2 {
    margin: 0; }
    @media (min-width: 782px) {
      .knowledge-center__loop-top h2 {
        font-weight: 400; } }

.knowledge-center__slider-container {
  position: relative; }
  .knowledge-center__slider-container::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100vw;
    z-index: 1;
    background-color: var(--wp--preset--color--white); }
  .knowledge-center__slider-container .tns-ovh {
    overflow: visible; }

.knowledge-center__slider {
  display: flex; }
  .knowledge-center__slider article.item {
    width: 23rem;
    flex-shrink: 0; }
    @media (min-width: 782px) {
      .knowledge-center__slider article.item {
        width: 29.75rem; } }
    @media (min-width: 782px) {
      .knowledge-center__slider article.item-tool, .knowledge-center__slider article.item-download {
        width: 40rem; } }
    @media (min-width: 782px) {
      .knowledge-center__slider article.item-event-webinar, .knowledge-center__slider article.item-elearning {
        width: 52.875rem; } }
    .knowledge-center__slider article.item > a {
      height: 100%; }

/*# sourceMappingURL=loop.css.map */