.p83-ar-instruction-wrapper {
    border: 2px solid var(--bs-light-color);
    padding: 1rem;
    border-radius: 2rem;
    position: relative;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
}
@media (min-width:992px) {
    .p83-ar-instruction-wrapper {
        flex-direction: row;
        align-items: flex-start;
    }
}
.p83-ar-instruction-wrapper::before {
    content:"";
    display: block;
    position: absolute;
    top:-1rem;
    left:-1rem;
    width: 3rem;
    height: 3rem;
    background: url(../img/ch03/ar-icon.png) no-repeat center center / contain;
    z-index: 2;
}
.p83-ar-instruction {
    list-style: decimal;
    color: var(--bs-light-color);
}
.p83-ar-instruction li {
    margin-bottom: 1rem;
}
.p83-ar-instruction li p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.p83-ar-instruction img {
    height: 1.4rem;
    width: auto;
    margin: 0 0.4rem;
}
.ar-qr-link {
    width:100%;
    max-width:120px;
    height: auto;
    border: 4px solid #fff;
}
.feature-title {
    font-size: 4rem;
    font-weight: 700;
}
.feature-content-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.feature-content-wrapper span {
    color: var(--primary-navy-color);
    font-size: 2rem;
    font-weight: 700;
}
.feature-content-wrapper span::after {
    content: "/";
    margin: 0 0.8rem;

}
.ar-overlay {
    position: relative;
    width: 100%;
}
.ar-overlay::after {
    content: "";
    display: block;
    position: absolute;
    top:1rem;
    right:1rem;
    width: 2rem;
    height: 2rem;
    background: url(../img/ch03/ar-img-overlay-icon.png) no-repeat center center / contain;
    z-index: 2;
}


.last-section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.last-section-header h2 {
    background: rgb(var(--primary-tiffany-rgb));
    background: linear-gradient(90deg, rgba(var(--primary-tiffany-rgb),0.3) 0%, rgba(var(--primary-magenta-rgb),0.3) 100%);
    display: inline-block;
    padding: 1rem 1rem 1rem 2rem;
    text-align: center;
    border-radius: 3rem;
    z-index: 2;
}
.last-section-header h2 span:first-child {
    color:var(--primary-tiffany-color);
}
.last-section-header h2 span:last-child {
    color:var(--primary-magenta-color);
}
.last-section-header h3 {
    background: rgb(var(--primary-tiffany-rgb));
    background: linear-gradient(90deg, rgba(var(--primary-tiffany-rgb),1) 0%, var(--bs-light-color) 50%, rgba(var(--primary-magenta-rgb),1) 100%);
    display: inline-block;
    padding: 2px;
    text-align: center;
    border-radius: 3rem;
    margin-top:-1rem;
}
.last-section-header h3 b {    
    background-color: var(--bs-light-color);
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 3rem;
    color:var(--bs-gray-600);
}
.last-section-header h3 span:first-child {
    color:var(--primary-tiffany-color);
}
.last-section-header h3 span:last-child {
    color:var(--primary-magenta-color);
}

#last .interview h4 {
    margin: 2rem 0;
}
#last .interview p {
    margin-left:2.5rem;
    position: relative;
    border-radius: 100%;
}
#last .interview p:nth-of-type(odd) {
    color: var(--primary-magenta-color);
}
#last .interview p:nth-of-type(odd)::before {
    content: "VN";
    background-color: var(--primary-magenta-color);
}
#last .interview p:nth-of-type(even) {
    color: var(--primary-tiffany-color);
}
#last .interview p:nth-of-type(even)::before {
    content: "NB";
    background-color: var(--primary-tiffany-color);
}

#last .interview p::before {
    position: absolute;
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    margin-right:0.8rem;
    line-height: 1;
    left:-2.8rem;
    align-items: center;
    justify-content: center;
    color:var(--bs-light-color);
    border-radius: 100%;
    padding: 0.5rem;
}



/*
=====
UIA-TIMELINE
=====
*/
.timeline-table-row {
  display: flex;
  gap: 2rem;
}
.timeline-table {
  display: flex;
  flex-direction: column;
  /*gap: .5rem;*/
  justify-content: space-between;
  align-items: center;
  transition: 0.5s all ease-in-out;
}
.timeline-table:hover {
  transform: scale(1.05);
}
.timeline-table p {
  margin: 0;
  width: 100%;
  text-align: center;
}
.timeline-table p.period {
  font-size: 0.8rem;
}
.timeline-table p.stage {
  font-size:1.4rem;
  font-weight: 700;
  padding: 1.7rem 0;
}
.timeline-table p.title {
  font-size:1.2rem;
  font-weight: 700;
}

.timeline-table:nth-child(1) p.period {
  background-color: var(--primary-magenta-color);
  color: var(--bs-light-color);
  padding: 0.5rem 1rem;
}
.timeline-table:nth-child(1) p.stage {
  color: var(--primary-magenta-color);
}
.timeline-table:nth-child(1):hover p.stage {
  background: var(--primary-magenta-color);
  color: var(--bs-white);
}
.timeline-table:nth-child(1) p.title {
  background-color: var(--primary-magenta-color);
  color: var(--bs-light-color);
  padding: 1rem 2rem;
}


.timeline-table:nth-child(2) p.period {
  background-color: var(--primary-blue-color);
  color: var(--bs-light-color);
  padding: 0.5rem 1rem;
}
.timeline-table:nth-child(2) p.stage {
  color: var(--primary-blue-color);
}
.timeline-table:nth-child(2):hover p.stage {
  background: var(--primary-blue-color);
  color: var(--bs-white);
}
.timeline-table:nth-child(2) p.title {
  background-color: var(--primary-blue-color);
  color: var(--bs-light-color);
  padding: 1rem 2rem;
}


.timeline-table:nth-child(3) p.period {
  background-color: var(--primary-tiffany-color);
  color: var(--bs-light-color);
  padding: 0.5rem 1rem;
}
.timeline-table:nth-child(3) p.stage {
  color: var(--primary-tiffany-color);
}
.timeline-table:nth-child(3):hover p.stage {
  background: var(--primary-tiffany-color);
  color: var(--bs-white);
}
.timeline-table:nth-child(3) p.title {
  background-color: var(--primary-tiffany-color);
  color: var(--bs-light-color);
  padding: 1rem 2rem;
}


.timeline-table:nth-child(4) p.period {
  background-color: var(--primary-navy-color);
  color: var(--bs-light-color);
  padding: 0.5rem 1rem;
}
.timeline-table:nth-child(4) p.stage {
  color: var(--primary-navy-color);
}
.timeline-table:nth-child(4) p.title {
  background-color: var(--primary-navy-color);
  color: var(--bs-light-color);
  padding: 1rem 2rem;
}

.timeline-wrapper {
  display: none;
  transition: 0.8s all ease-in-out;
}

.uia-timeline__container {
    display: var(--uia-timeline-display, grid);
  }
  
  .uia-timeline__groups {
    display: var(--uia-timeline-groups-display, grid);
    gap: var(--uia-timeline-groups-gap, 1rem);
  }
  
  /*
  SKIN 0
  */
  [data-uia-timeline-skin="0"] {
    --_uia-timeline-line-color_default: #222;
    --_uia-timeline-space: var(--uia-timeline-space, 1rem);
    --_uia-timeline-line-thickness: var(--uia-timeline-line-thickness, 2px);
    --_uia-timeline-point-line-position: var(--uia-timeline-point-line-position, 1rem);
  }
  
  [data-uia-timeline-skin="0"] .uia-timeline__container {
    position: relative;
    gap: var(--uia-timeline-annual-sections-gap, 2.5rem);
  }
  
  [data-uia-timeline-skin="0"] .uia-timeline__line {
    inline-size: var(--_uia-timeline-line-thickness);
    block-size: 100%;
    background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));
  
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  
  [data-uia-timeline-skin="0"] .uia-timeline__annual-sections {
    display: grid;
    gap: 2rem;
  }
  
  [data-uia-timeline-skin="0"] .uia-timeline__groups {
    padding-inline-start: var(--_uia-timeline-space);
  }
  
  [data-uia-timeline-skin="0"] .uia-timeline__group {
    position: relative;
    isolation: isolate;
  }
  
  [data-uia-timeline-skin="0"] .uia-timeline__point {
    background-color: var(--uia-timeline-point-background-color, #fff);
  }
  
  [data-uia-timeline-skin="0"] .uia-timeline__point::before {
    content: "";
    inline-size: 100%;
    block-size: var(--_uia-timeline-line-thickness);
    background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));
  
    position: absolute;
    inset-block-start: var(--_uia-timeline-point-line-position);
    inset-inline-start: calc(-1 * var(--_uia-timeline-space));
    z-index: -1;
  }
  
  [data-uia-timeline-skin="0"] .uia-timeline__year {
    inline-size: fit-content;
    padding: var(--uia-timeline-year-padding, .25rem .75rem);
    background-color: var(--uia-timeline-year-background-color, var(--_uia-timeline-line-color_default));
    color: var(--uia-timeline-year-color, #f0f0f0);
  }
  
  [data-uia-timeline-adapter-skin-3="uia-card-skin-#1"] {
    --uia-card-padding: var(--uia-timeline-point-padding, 1.5rem 1.5rem 1.25rem);
    --uia-card-border-thickness:  var(--uia-timeline-point-border-thickness, 3px);
    --uia-card-border-color: var(--uia-timeline-point-border-color, var(--_uia-timeline-line-color_default));		
    --uia-card-background-color: var(--uia-timeline-point-background-color);  
  }
  

  /*
  SKIN 1
  */
  [data-uia-timeline-skin="1"] {
    --_uia-timeline-line-color_default: #222;
    --_uia-timeline-space: var(--uia-timeline-space, 1rem);
    --_uia-timeline-line-thickness: var(--uia-timeline-line-thickness, 2px);
    --_uia-timeline-point-line-position: var(--uia-timeline-point-line-position, 1rem);
  }
  
  [data-uia-timeline-skin="1"] .uia-timeline__container {
    position: relative;
    gap: var(--uia-timeline-annual-sections-gap, 2.5rem);
  }
  
  [data-uia-timeline-skin="1"] .uia-timeline__line {
    inline-size: var(--_uia-timeline-line-thickness);
    block-size: 100%;
    background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));
  
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  
  [data-uia-timeline-skin="1"] .uia-timeline__annual-sections {
    display: grid;
    gap: 2rem;
  }
  
  [data-uia-timeline-skin="1"] .uia-timeline__groups {
    padding-inline-start: var(--_uia-timeline-space);
  }
  
  [data-uia-timeline-skin="1"] .uia-timeline__group {
    position: relative;
    isolation: isolate;
  }
  
  [data-uia-timeline-skin="1"] .uia-timeline__point {
    background-color: var(--uia-timeline-point-background-color, #fff);
  }
  
  [data-uia-timeline-skin="1"] .uia-timeline__point::before {
    content: "";
    inline-size: 100%;
    block-size: var(--_uia-timeline-line-thickness);
    background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));
  
    position: absolute;
    inset-block-start: var(--_uia-timeline-point-line-position);
    inset-inline-start: calc(-1 * var(--_uia-timeline-space));
    z-index: -1;
  }
  
  [data-uia-timeline-skin="1"] .uia-timeline__year {
    inline-size: fit-content;
    padding: var(--uia-timeline-year-padding, .25rem .75rem);
    background-color: var(--uia-timeline-year-background-color, var(--_uia-timeline-line-color_default));
    color: var(--uia-timeline-year-color, #f0f0f0);
  }
  
  [data-uia-timeline-adapter-skin-1="uia-card-skin-#1"] {
    --uia-card-padding: var(--uia-timeline-point-padding, 1.5rem 1.5rem 1.25rem);
    --uia-card-border-thickness:  var(--uia-timeline-point-border-thickness, 3px);
    --uia-card-border-color: var(--uia-timeline-point-border-color, var(--_uia-timeline-line-color_default));		
    --uia-card-background-color: var(--uia-timeline-point-background-color);  
  }
  

  /*
  SKIN 2
  */
  [data-uia-timeline-skin="2"] {
    --_uia-timeline-line-color_default: #222;
    --_uia-timeline-space: var(--uia-timeline-space, 1rem);
    --_uia-timeline-line-thickness: var(--uia-timeline-line-thickness, 2px);
    --_uia-timeline-point-line-position: var(--uia-timeline-point-line-position, 1rem);
  }
  
  [data-uia-timeline-skin="2"] .uia-timeline__container {
    position: relative;
    gap: var(--uia-timeline-annual-sections-gap, 2.5rem);
  }
  
  [data-uia-timeline-skin="2"] .uia-timeline__line {
    inline-size: var(--_uia-timeline-line-thickness);
    block-size: 100%;
    background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));
  
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  
  [data-uia-timeline-skin="2"] .uia-timeline__annual-sections {
    display: grid;
    gap: 2rem;
  }
  
  [data-uia-timeline-skin="2"] .uia-timeline__groups {
    padding-inline-start: var(--_uia-timeline-space);
  }
  
  [data-uia-timeline-skin="2"] .uia-timeline__group {
    position: relative;
    isolation: isolate;
  }
  
  [data-uia-timeline-skin="2"] .uia-timeline__point {
    background-color: var(--uia-timeline-point-background-color, #fff);
  }
  
  [data-uia-timeline-skin="2"] .uia-timeline__point::before {
    content: "";
    inline-size: 100%;
    block-size: var(--_uia-timeline-line-thickness);
    background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));
  
    position: absolute;
    inset-block-start: var(--_uia-timeline-point-line-position);
    inset-inline-start: calc(-1 * var(--_uia-timeline-space));
    z-index: -1;
  }
  
  [data-uia-timeline-skin="2"] .uia-timeline__year {
    inline-size: fit-content;
    padding: var(--uia-timeline-year-padding, .25rem .75rem);
    background-color: var(--uia-timeline-year-background-color, var(--_uia-timeline-line-color_default));
    color: var(--uia-timeline-year-color, #f0f0f0);
  }
  
  [data-uia-timeline-adapter-skin-2="uia-card-skin-#2"] {
    --uia-card-padding: var(--uia-timeline-point-padding, 1.5rem 1.5rem 1.25rem);
    --uia-card-border-thickness:  var(--uia-timeline-point-border-thickness, 3px);
    --uia-card-border-color: var(--uia-timeline-point-border-color, var(--_uia-timeline-line-color_default));		
    --uia-card-background-color: var(--uia-timeline-point-background-color);  
  }
  
  

  /*
  SKIN 3
  */
  [data-uia-timeline-skin="3"] {
    --_uia-timeline-line-color_default: #222;
    --_uia-timeline-space: var(--uia-timeline-space, 1rem);
    --_uia-timeline-line-thickness: var(--uia-timeline-line-thickness, 2px);
    --_uia-timeline-point-line-position: var(--uia-timeline-point-line-position, 1rem);
  }
  
  [data-uia-timeline-skin="3"] .uia-timeline__container {
    position: relative;
    gap: var(--uia-timeline-annual-sections-gap, 2.5rem);
  }
  
  [data-uia-timeline-skin="3"] .uia-timeline__line {
    inline-size: var(--_uia-timeline-line-thickness);
    block-size: 100%;
    background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));
  
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  
  [data-uia-timeline-skin="3"] .uia-timeline__annual-sections {
    display: grid;
    gap: 2rem;
  }
  
  [data-uia-timeline-skin="3"] .uia-timeline__groups {
    padding-inline-start: var(--_uia-timeline-space);
  }
  
  [data-uia-timeline-skin="3"] .uia-timeline__group {
    position: relative;
    isolation: isolate;
  }
  
  [data-uia-timeline-skin="3"] .uia-timeline__point {
    background-color: var(--uia-timeline-point-background-color, #fff);
  }
  
  [data-uia-timeline-skin="3"] .uia-timeline__point::before {
    content: "";
    inline-size: 100%;
    block-size: var(--_uia-timeline-line-thickness);
    background-color: var(--uia-timeline-line-color, var(--_uia-timeline-line-color_default));
  
    position: absolute;
    inset-block-start: var(--_uia-timeline-point-line-position);
    inset-inline-start: calc(-1 * var(--_uia-timeline-space));
    z-index: -1;
  }
  
  [data-uia-timeline-skin="3"] .uia-timeline__year {
    inline-size: fit-content;
    padding: var(--uia-timeline-year-padding, .25rem .75rem);
    background-color: var(--uia-timeline-year-background-color, var(--_uia-timeline-line-color_default));
    color: var(--uia-timeline-year-color, #f0f0f0);
  }
  
  [data-uia-timeline-adapter-skin-3="uia-card-skin-#3"] {
    --uia-card-padding: var(--uia-timeline-point-padding, 1.5rem 1.5rem 1.25rem);
    --uia-card-border-thickness:  var(--uia-timeline-point-border-thickness, 3px);
    --uia-card-border-color: var(--uia-timeline-point-border-color, var(--_uia-timeline-line-color_default));		
    --uia-card-background-color: var(--uia-timeline-point-background-color);  
  }
  
  
  /*
  =====
  RESET
  =====
  */
  
  :where(.ra-link) {
    display: var(--ra-link-display, inline-flex);
  }
  
  :where(.ra-link[href]) {
    color: var(--ra-link-color, inherit);
    text-decoration: var(--ra-link-text-decoration, none);
  }
  
  :where(.ra-heading) {
    margin-block-start: var(--ra-heading-margin-block-start, 0);
    margin-block-end: var(--ra-heading-margin-block-end, 0);
  }
  
  /*
  =====
  HELPERS
  =====
  */
  
  .ha-screen-reader {
    width: var(--ha-screen-reader-width, 1px);
    height: var(--ha-screen-reader-height, 1px);
    padding: var(--ha-screen-reader-padding, 0);
    border: var(--ha-screen-reader-border, none);
  
    position: var(--ha-screen-reader-position, absolute);
    clip-path: var(--ha-screen-reader-clip-path, rect(1px, 1px, 1px, 1px));
    overflow: var(--ha-screen-reader-overflow, hidden);
  }
  
  /*
  =====
  UIA-CARD
  =====
  */
  
  .uia-card__container {
      display: var(--uia-card-display, grid);
      gap: var(--uia-card-content-gap);
  }
  
  .uia-card__time-divider::before {
    content: "—";
    margin-inline: var(--uia-card-time-divider-margin-inline, .15rem);
  }
  
  [data-uia-card-skin="0"] .uia-card__container {
    padding: var(--uia-card-padding, 1rem 1.75rem);
    background-color: var(--uia-card-background-color);
    border-radius: var(--uia-card-border-radius, 2px);
  }
  
  [data-uia-card-skin="0"] .uia-card__intro {
    display: grid;
    gap: var(--uia-card-intro-gap, 1rem);
  }
  
  [data-uia-card-skin="0"] .uia-card__time {
    grid-row: 1 / 1;
    inline-size: fit-content;
    padding: var(--uia-card-time-padding, .25rem 1.25rem .25rem);
    background-color: var(--uia-card-time-background-color, #f0f0f0);
  
    font-weight: var(--uia-card-time-font-weight, 700);
    font-size: var(--uia-card-time-font-size, .75rem);
    text-transform: var(--uia-card-time-text-transform, uppercase);
    color: var(--uia-card-time-color, currentColor);
  }
  
  [data-uia-card-skin="0"][data-uia-card-mod="0"] .uia-card__container {
      border-inline-start:	var(--uia-card-border-thickness, 2px) var(--uia-card-border-style, solid) var(--uia-card-border-color, currentColor);
      box-shadow: var(--uia-card-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24));
  }


  [data-uia-card-skin="1"] .uia-card__container {
    padding: var(--uia-card-padding, 1rem 1.75rem);
    background-color: var(--uia-card-background-color);
    border-radius: var(--uia-card-border-radius, 2px);
  }
  
  [data-uia-card-skin="1"] .uia-card__intro {
    display: grid;
    gap: var(--uia-card-intro-gap, 1rem);
  }
  
  [data-uia-card-skin="1"] .uia-card__time {
    grid-row: 1 / 1;
    inline-size: fit-content;
    padding: var(--uia-card-time-padding, .25rem 1.25rem .25rem);
    background-color: var(--uia-card-time-background-color, #f0f0f0);
  
    font-weight: var(--uia-card-time-font-weight, 700);
    font-size: var(--uia-card-time-font-size, .75rem);
    text-transform: var(--uia-card-time-text-transform, uppercase);
    color: var(--uia-card-time-color, currentColor);
  }
  
  [data-uia-card-skin="1"][data-uia-card-mod="1"] .uia-card__container {
      border-inline-start:	var(--uia-card-border-thickness, 2px) var(--uia-card-border-style, solid) var(--uia-card-border-color, currentColor);
      box-shadow: var(--uia-card-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24));
  }

  [data-uia-card-skin="2"] .uia-card__container {
    padding: var(--uia-card-padding, 1rem 1.75rem);
    background-color: var(--uia-card-background-color);
    border-radius: var(--uia-card-border-radius, 2px);
  }
  
  [data-uia-card-skin="2"] .uia-card__intro {
    display: grid;
    gap: var(--uia-card-intro-gap, 1rem);
  }
  
  [data-uia-card-skin="2"] .uia-card__time {
    grid-row: 1 / 1;
    inline-size: fit-content;
    padding: var(--uia-card-time-padding, .25rem 1.25rem .25rem);
    background-color: var(--uia-card-time-background-color, #f0f0f0);
  
    font-weight: var(--uia-card-time-font-weight, 700);
    font-size: var(--uia-card-time-font-size, .75rem);
    text-transform: var(--uia-card-time-text-transform, uppercase);
    color: var(--uia-card-time-color, currentColor);
  }
  
  [data-uia-card-skin="2"][data-uia-card-mod="2"] .uia-card__container {
      border-inline-start:	var(--uia-card-border-thickness, 2px) var(--uia-card-border-style, solid) var(--uia-card-border-color, currentColor);
      box-shadow: var(--uia-card-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24));
  }
  

  [data-uia-card-skin="3"] .uia-card__container {
    padding: var(--uia-card-padding, 1rem 1.75rem);
    background-color: var(--uia-card-background-color);
    border-radius: var(--uia-card-border-radius, 2px);
  }
  
  [data-uia-card-skin="3"] .uia-card__intro {
    display: grid;
    gap: var(--uia-card-intro-gap, 1rem);
  }
  
  [data-uia-card-skin="3"] .uia-card__time {
    grid-row: 1 / 1;
    inline-size: fit-content;
    padding: var(--uia-card-time-padding, .25rem 1.25rem .25rem);
    background-color: var(--uia-card-time-background-color, #f0f0f0);
  
    font-weight: var(--uia-card-time-font-weight, 700);
    font-size: var(--uia-card-time-font-size, .75rem);
    text-transform: var(--uia-card-time-text-transform, uppercase);
    color: var(--uia-card-time-color, currentColor);
  }
  
  [data-uia-card-skin="3"][data-uia-card-mod="3"] .uia-card__container {
      border-inline-start:	var(--uia-card-border-thickness, 2px) var(--uia-card-border-style, solid) var(--uia-card-border-color, currentColor);
      box-shadow: var(--uia-card-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24));
  }
  

  :root {
    --uia-timeline-line-thickness: 3px;
    --uia-timeline-group-padding: 1.5rem 1.5rem 1.25rem;
    
    --ds-typography-main-line-height: 1.5;
  }
  
  .timeline-5-2 {
      --uia-timeline-line-mask-color: #f0f0f0
  }
  
  [data-uia-timeline-skin="0"] {
    --uia-timeline-line-color: var(--primary-magenta-color);
    --uia-timeline-dot-color: var(--primary-magenta-color);
    --uia-timeline-arrow-color: var(--primary-magenta-color);
    --uia-card-border-color: var(--primary-magenta-color);
      --uia-timeline-year-background-color: var(--primary-magenta-color);
      --uia-timeline-point-border-color: var(--primary-magenta-color);
  }
  
  [data-uia-timeline-skin="1"] {
    --uia-timeline-line-color: var(--primary-blue-color);
    --uia-timeline-dot-color: var(--primary-blue-color);
    --uia-timeline-arrow-color: var(--primary-blue-color);
    --uia-card-border-color: var(--primary-blue-color);
      --uia-timeline-year-background-color: var(--primary-blue-color);
      --uia-timeline-point-border-color: var(--primary-blue-color);
  }
  
  [data-uia-timeline-skin="2"] {
    --uia-timeline-line-color: var(--primary-tiffany-color);
    --uia-timeline-dot-color: var(--primary-tiffany-color);
    --uia-timeline-arrow-color: var(--primary-tiffany-color);
    --uia-card-border-color: var(--primary-tiffany-color);
      --uia-timeline-year-background-color: var(--primary-tiffany-color);
      --uia-timeline-point-border-color: var(--primary-tiffany-color);
  }
  
  
  [data-uia-timeline-skin="3"] {
    --uia-timeline-line-color: var(--primary-navy-color);
    --uia-timeline-dot-color: var(--primary-navy-color);
    --uia-timeline-arrow-color: var(--primary-navy-color);
    --uia-card-border-color: var(--primary-navy-color);
      --uia-timeline-year-background-color: var(--primary-navy-color);
      --uia-timeline-point-border-color: var(--primary-navy-color);
  }