/* -------------------------------- variables ------------------------------- */
:root {
  --anchor-link-section-fd: row;
  --anchor-link-icon-dimension: 3.5rem;
  --anchor-link-icon-aspect-ration: 1/1;
  --anchor-link-wrapper-gap: 1.92rem;
}

/* --------------------------------- section -------------------------------- */
.wso-section-anchor-links .section_wrapper .wso-flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: var(--anchor-link-section-fd);
  flex-direction: var(--anchor-link-section-fd);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wso-section-anchor-links .section_wrapper .wso-flex-wrapper .wso-anchor-link-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--anchor-link-wrapper-gap);
  text-align: center;
}
.wso-section-anchor-links .section_wrapper .wso-flex-wrapper .wso-anchor-link-wrapper .wso-absolute-link {
  z-index: 9;
}
.wso-section-anchor-links .section_wrapper .wso-flex-wrapper .wso-anchor-link-wrapper .image_wrapper {
  display: -ms-grid;
  display: grid;
  grid-template-areas: 1/1/2/2;
  height: var(--anchor-link-icon-dimension);
  width: var(--anchor-link-icon-dimension);
  aspect-ratio: var(--anchor-link-icon-aspect-ration);
}
.wso-section-anchor-links .section_wrapper .wso-flex-wrapper .wso-anchor-link-wrapper .image_wrapper img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--anchor-link-icon-aspect-ration);
  -webkit-transition: var(--transition-normal) ease-in-out;
  -o-transition: var(--transition-normal) ease-in-out;
  transition: var(--transition-normal) ease-in-out;
}
.wso-section-anchor-links .section_wrapper .wso-flex-wrapper .wso-anchor-link-wrapper .image_wrapper img:last-child {
  opacity: 0;
}
.wso-section-anchor-links .section_wrapper .wso-flex-wrapper .wso-anchor-link-wrapper:hover img:first-child {
  opacity: 0;
}
.wso-section-anchor-links .section_wrapper .wso-flex-wrapper .wso-anchor-link-wrapper:hover img:last-child {
  opacity: 1;
}

@media only screen and (max-width: 1023px) {
  /* --------------------------------- section -------------------------------- */
  .wso-section-anchor-links .section_wrapper .column_attr .wso-flex-wrapper {
    overflow-x: auto;
    gap: 2rem;
    padding-bottom: 2rem;
  }
  .wso-section-anchor-links .section_wrapper .column_attr .wso-flex-wrapper .wso-anchor-link-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--anchor-link-wrapper-gap);
    text-align: center;
  }
  .wso-section-anchor-links .section_wrapper .column_attr .wso-flex-wrapper .wso-anchor-link-wrapper .wso-content-wrapper .wso-anchor-title {
    white-space: pre;
  }
}