/* Extracted from research_list.html.tpl */

/* === CSS Block 1 === */
.anti-flicker,
.anti-flicker * {
  visibility: hidden !important;
  opacity: 0 !important;
}

/* === CSS Block 2 === */
[data-wf-hidden-variation],
[data-wf-hidden-variation] * {
  display: none !important;
}

/* === CSS Block 3 === */
html:not(.wf-design-mode) .styleguide_guide_wrap {
  display: none;
}

.styleguide_guide_layout {
  counter-reset: gridguides;
}

.styleguide_guide_layout>div::before {
  counter-increment: gridguides;
  content: counter(gridguides);
}

/* === CSS Block 4 === */
/* variables */
:root {
  /* grid */
  --column-count: 12;
  --grid-main: repeat(var(--column-count), minmax(0, 1fr));
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1));
  --column-width: calc((100% - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main));
  --breakout-gutter: minmax(calc(var(--padding-horizontal--main) - var(--grid-gap--main)), 1fr);
  --breakout-remaining: calc(var(--max-width--main) - (var(--padding-horizontal--main) * 2));
  --breakout-start: [full-start] var(--breakout-gutter) [content-start];
  --breakout-end: [content-end] var(--breakout-gutter) [full-end];
  --grid-breakout-single: var(--breakout-start) minmax(0, var(--breakout-remaining)) var(--breakout-end);
  --grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--breakout-remaining) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end);
  /* others */
  --font-weight--inherit: inherit;
  --font-weight--100: 100;
  --font-weight--200: 200;
  --font-weight--300: 300;
  --font-weight--400: 400;
  --font-weight--500: 500;
  --font-weight--600: 600;
  --font-weight--700: 700;
  --font-weight--800: 800;
  --font-weight--900: 900;
  --text-transform--none: none;
  --text-transform--uppercase: uppercase;
  --text-transform--capitalize: capitalize;
  --text-transform--lowercase: lowercase;
  --text-transform--inherit: inherit;
  --max-width--none: none;
}

/* default styles */
body {
  font-weight: var(--text-main--font-weight);
  text-transform: var(--text-main--text-transform);
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
blockquote {
  margin-top: 0;
  margin-bottom: 0;
}

button {
  background-color: unset;
  padding: unset;
  text-align: inherit;
  cursor: pointer;
}

img::selection {
  background: transparent;
}

:is(h1, h2, h3, h4, h5, h6, p) a {
  text-decoration: underline;
}

.u-rich-text>*:first-child {
  margin-top: 0;
}

.u-rich-text>*:last-child {
  margin-bottom: 0;
}

video {
  width: 100%;
  object-fit: cover;
}

video.wf-empty {
  padding: 0;
}

svg {
  display: block;
}

section,
header,
footer {
  position: relative;
}

/* line clamp */
.u-line-clamp-1,
.u-line-clamp-2,
.u-line-clamp-3,
.u-line-clamp-4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.u-line-clamp-2 {
  -webkit-line-clamp: 2;
}

.u-line-clamp-3 {
  -webkit-line-clamp: 3;
}

.u-line-clamp-4 {
  -webkit-line-clamp: 4;
}

/* component attributes */
/* section padding */
[data-padding-top="none"] {
  padding-top: var(--padding-vertical--none);
}

[data-padding-bottom="none"] {
  padding-bottom: var(--padding-vertical--none);
}

[data-padding-top="small"] {
  padding-top: var(--padding-vertical--small);
}

[data-padding-bottom="small"] {
  padding-bottom: var(--padding-vertical--small);
}

[data-padding-top="main"] {
  padding-top: var(--padding-vertical--main);
}

[data-padding-bottom="main"] {
  padding-bottom: var(--padding-vertical--main);
}

[data-padding-top="large"] {
  padding-top: var(--padding-vertical--large);
}

[data-padding-bottom="large"] {
  padding-bottom: var(--padding-vertical--large);
}

/* hide section if it has no cms items */
[data-cms-check="true"]:not(:has(.w-dyn-item)) {
  display: none;
}

/* === CSS Block 5 === */
/* theme light */
:root,
[data-theme="light"],
[data-theme="dark"] [data-theme="invert"] {
  --theme--background: var(--swatch--light);
  --theme--text: var(--swatch--dark);
  --theme--border: var(--swatch--light-secondary);
  /* button primary */
  --button--background: var(--swatch--dark);
  --button--text: var(--swatch--light);
  --button--border: var(--swatch--dark);
  --button--background-hover: var(--swatch--brand);
  --button--text-hover: var(--swatch--dark);
  --button--border-hover: var(--swatch--brand);
  /* button secondary */
  --button-secondary--background: var(--swatch--light);
  --button-secondary--text: var(--swatch--dark);
  --button-secondary--border: var(--swatch--light-secondary);
  --button-secondary--background-hover: var(--swatch--brand);
  --button-secondary--text-hover: var(--swatch--dark);
  --button-secondary--border-hover: var(--swatch--dark);
}

/* theme dark */
[data-theme="dark"],
[data-theme="invert"],
[data-theme="light"] [data-theme="invert"] {
  --theme--background: var(--swatch--brand);
  --theme--text: var(--swatch--dark);
  --theme--border: var(--swatch--dark-secondary);
  /* button primary */
  --button--background: var(--swatch--brand);
  --button--text: var(--swatch--brand-text);
  --button--border: var(--swatch--brand);
  --button--background-hover: var(--swatch--light);
  --button--text-hover: var(--swatch--dark);
  --button--border-hover: var(--swatch--light);
  /* button secondary */
  --button-secondary--background: var(--swatch--dark);
  --button-secondary--text: var(--swatch--light);
  --button-secondary--border: var(--swatch--dark-secondary);
  --button-secondary--background-hover: var(--swatch--light);
  --button-secondary--text-hover: var(--swatch--brand-text);
  --button-secondary--border-hover: var(--swatch--brand);
}

/* button secondary */
[data-button-style="secondary"] {
  --button--background: var(--button-secondary--background);
  --button--text: var(--swatch-light);
  --button--border: var(--button-secondary--border);
  --button--background-hover: var(--button-secondary--background-hover);
  --button--text-hover: var(--button-secondary--text-hover);
  --button--border-hover: var(--button-secondary--border-hover);
}

/* apply colors */
:is(c, :where([data-theme]:not([data-theme="inherit"]))) {
  background-color: var(--theme--background);
  color: var(--theme--text);
}

/* === CSS Block 6 === */
/* desktop */
:root {
  /* custom */
}

/* tablet */
@media screen and (max-width: 991px) {
  :root {
    /* custom */
    /*--padding-horizontal--main: 2rem;*/
    /* adaptive sizes */
    /*--size--2rem: 1.75rem;*/
    /*--size--2-5rem: 2.18rem;*/
    /*--size--3rem: 2.52rem;*/
    /*--size--3-5rem: 2.73rem;*/
    /*--size--4rem: 3rem;*/
    /*--size--4-5rem: 3.375rem;*/
    /*--size--5rem: 3.75rem;*/
    /*--size--5-5rem: 4.125rem;*/
    /*--size--6rem: 4.5rem;*/
    /*--size--6-5rem: 4.875rem;*/
    /*--size--7rem: 5.25rem;*/
    /*--size--7-5rem: 5.625rem;*/
    /*--size--8rem: 6rem;*/
    /*--size--8-5rem: 6.375rem;*/
    /*--size--9rem: 6.75rem;*/
    /*--size--9-5rem: 7.125rem;*/
    /*--size--10rem: 7.5rem;*/
    /*--size--11rem: 8.25rem;*/
    /*--size--12rem: 9rem;*/
    /*--size--13rem: 9.75rem;*/
    /*--size--14rem: 10.5rem;*/
    /*--size--15rem: 11.25rem;*/
    /*--size--16rem: 12rem;*/
  }
}

/* landscape */
@media screen and (max-width: 767px) {
  :root {
    /* custom */
    /*--padding-horizontal--main: 1rem;*/
    /* adaptive sizes */
    /*--size--2-5rem: 2rem;*/
    /*--size--3rem: 2.25rem;*/
    /*--size--3-5rem: 2.375rem;*/
    /*--size--4rem: 2.5rem;*/
    /*--size--4-5rem: 2.75rem;*/
    /*--size--5rem: 3rem;*/
    /*--size--5-5rem: 3.25rem;*/
    /*--size--6rem: 3.5rem;*/
    /*--size--6-5rem: 3.75rem;*/
    /*--size--7rem: 4rem;*/
    /*--size--7-5rem: 4.25rem;*/
    /*--size--8rem: 4.5rem;*/
    /*--size--8-5rem: 4.75rem;*/
    /*--size--9rem: 5rem;*/
    /*--size--9-5rem: 5.25rem;*/
    /*--size--10rem: 5.5rem;*/
    /*--size--11rem: 5.75rem;*/
    /*--size--12rem: 6rem;*/
    /*--size--13rem: 6.5rem;*/
    /*--size--14rem: 7rem;*/
    /*--size--15rem: 7.5rem;*/
    /*--size--16rem: 8rem;*/
  }
}

/* portrait */
@media screen and (max-width: 479px) {
  :root {
    /* custom */
  }
}

/* === CSS Block 7 === */
select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* headings */
h1 {
  font-size: 2.625rem;
  line-height: 2.875rem;
}

h1>strong {
  font-size: 3.5rem;
  line-height: 3.8125rem;
  display: block;
}

h2 {
  font-size: 2rem;
  line-height: 2.5rem
}

h2>strong {
  font-size: 3rem;
  line-height: 3.25rem;
  display: block;
}

h3>strong {
  font-size: 3rem;
}

h1>strong,
h2>strong,
h3>strong,
h5>strong {
  font-weight: 800;
  color: #30A08E;
}

[data-theme="dark"] h1>strong,
[data-theme="dark"] h2>strong,
[data-theme="dark"] h3>strong {
  color: #ffffff;
}

/* Blog Rich Text */
.blog_content .w-richtext p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.blog_content .w-richtext h3 {
  font-size: 1.625rem;
  color: #2b2b2b;
  font-weight: 800
}

.blog_content .w-richtext a,
.w-rich-text a {
  text-decoration: underline;
  font-weight: 800;
}

.blog_content .w-richtext a:hover {
  background-color: 6AD3BE;
}

.tabs_link_wrap.u-hflex-between-center {
  overflow-x: scroll;
}

.l_tabs_link_wrap.u-hflex-between-center {
  overflow-x: scroll;
}

.cms_tabs_list {
  overflow-x: scroll;
}

.disable-scrollbars::-webkit-scrollbar {
  background: transparent;
  /* Chrome/Safari/Webkit */
  width: 0px;
}

.disable-scrollbars {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

.w-richtext a:hover {
  color: #6AD3BE;
}

.w-richtext a {
  font-weight: 800;
}

.u-rich-text---iconcard.u-text-centered a:hover {
  color: #ffffff;
}

/* about modal */
.w-dyn-item {
  z-index: 1;
}

.w-dyn-item.active {
  z-index: 2;
}

.about_bio_modal_wrap {
  overflow-y: scroll;
}

/* Publictions comma 
.cms_publications_item:after {
  content: ", ";
  white-space: pre;
}

.cms_publications_item:last-child:after {
 content: " ";
 white-space: pre;
}
 */
@media screen and (max-width: 991px) {
  h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  h1>strong {
    font-size: 2.625rem;
    line-height: 2.875rem;
    display: block;
  }

  h2 {
    font-size: 1.375rem;
    line-height: normal;
  }

  h2>strong {
    font-size: 2rem;
    line-height: normal;
    display: block;
  }

  h3>strong {
    font-size: 1.875rem;
    line-height: normal;
    display: block;
  }

  /* .g_heading_rich strong {
  
   font-size: 1.875rem;
  } */
}

/* tabs */
.cms_tabs_item:lang(en) {
  opacity: .25;
  transition: opacity 260ms ease, color 260ms ease;
}

.cms_tabs_item:lang(en):hover {
  opacity: 1;
  color: #6AD3BE;
}

.cms_tabs_item:lang(en).cc-selected {
  opacity: 1;
}

/* two columns section */
@media screen and (max-width: 991px) {
  .tct_sec_wrap .u-rich-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .standard-tab.w--current>.tab_mobile_icon {
    height: 12px;
    width: 12px;

    /* === CSS Block 8 === */
    .sales_card:hover .btn_main_wrap {
      background-color: white;
      /* Changes the button background to white when the card is hovered */
    }

    .sales_card:hover .btn_main_text {
      color: #2b2b2b;
      /* Changes the button text color to #2b2b2b when the card is hovered */
    }

    .sales_card:hover .btn_main_wrap:hover {
      background-color: #6ad3be;
      /* Changes the button background to #6ad3be when button itself is hovered */
    }

    /* === CSS Block 9 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 1px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 10 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 11 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 1px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 12 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 13 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 1px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 14 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 15 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 16 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 17 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 18 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 19 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 20 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 21 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 22 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 23 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 24 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 25 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 26 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 27 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 28 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 29 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 30 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 31 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 32 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
    }

    /* === CSS Block 33 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 34 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 35 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 36 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 37 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 38 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 39 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 40 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 41 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 42 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 43 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 44 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 45 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 46 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 47 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 48 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 49 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 50 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 51 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 52 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 53 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 54 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 55 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 56 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 57 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 58 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }

    /* === CSS Block 59 === */
    .textlink {
      cursor: pointer;
      font-size: 16px;
      position: relative;
      white-space: nowrap;
      color: var(--color-text);
    }

    .textlink .text:hover {
      color: #30a08e;
    }

    .textlink::before,
    .textlink::after {
      position: absolute;
      width: 100%;
      height: 2px;
      background: currentColor;
      top: 100%;
      left: 0;
      pointer-events: none;
    }

    .textlink::before {
      content: '';
      /* show by default */
    }

    .underline-trail::before {
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      transition: transform 0.3s;
    }

    .underline-trail:hover::before {
      transform-origin: 0% 50%;
      transform: scale3d(1, 1, 1);
      color: #30a08e;
    }
  }
}