/** Shopify CDN: Minification failed

Line 104:0 Expected "}" to go with "{"

**/
:root{
  --vwSize: 2vw;
  --sectionGuttersSpacing: calc(var(--vwSize) * 5.5);
}
@media (min-width: 1680px) {
  :root {
    --vwSize: calc(1920px * 0.02);
  }
}
@media (max-width: 1024px) {
  :root {
    --vwSize: 1.6vw;
    --sectionGuttersSpacing: calc(var(--vwSize) * 3);
  }
}
@media (max-width: 676px) {
  :root {
    --vwSize: 1.2vw;
    --sectionGuttersSpacing: 20px;
  }
}
.timeline-section {
  --iconsSectionGap: var(--vwSize);
  -webkit-overflow-scrolling: touch;
}
.timeline-section__icons {
  gap: var(--vwSize) 0;
  overflow: auto;
}
.timeline-section ::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
  -webkit-overflow-scrolling: touch;
}
.timeline-section ::-webkit-overflow-scrolling {
    overflow: auto !important;
}
.timeline-section ::-webkit-scrollbar-thumb {
  background-color: var(--color-grey-bone);
  outline: none !important;
  border-radius: 30px !important;
  cursor: grab !important;
}
.timeline-section ::-webkit-scrollbar-track {
  background-color: var(--color-grey-ash);
  border-radius: 30px !important;
  margin: 0 var(--sectionGuttersSpacing) !important;
}
.timeline-section__icons__icon {
  text-align: center;
  flex: 0 0 calc(100% / var(--numColumns));
}
.timeline-section__icons__icon__year {
  display: block;
  color: var(--color-red);
}
.timeline-section__icons:after, .timeline-section__icons:before {
  content: "";
  min-width: var(--sectionGuttersSpacing);
  display: block;
}
.timeline-section__icons__icon img,
.timeline-section__icons__icon svg {
  width: auto;
  margin-bottom: 1rem;
}
.timeline-section__icons__icon {
  flex: 0 0 calc(calc(100% - var(--sectionGuttersSpacing)) / var(--numColumns));
  padding: 0 var(--iconsSectionGap);
}
@media screen and (max-width: 676px) {
  .timeline-section {
    --iconsSectionGap: var(--pxSize);
    --sectionGuttersSpacing: 70px;
  }
  .timeline-section__icons::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  .timeline-section__icons::-webkit-scrollbar-thumb {
    background-color: var(--color-grey-bone);
  }
  .timeline-section__icons::-webkit-scrollbar-track {
    background-color: var(--color-grey-ash);
  }
  .timeline-section__icons__icon {
    text-align: center;
    flex: 0 0 calc(100% / var(--mobileNumColumns));
  }
  .timeline-section__icons {
    .timeline-section__icons__icon
    img,
  .timeline-section__icons {
    .timeline-section__icons__icon
    svg {
    max-width: 70vw;
  }
}