.TagsBlock {
  border-top: 1px solid var(--light-grey, #c8c8c8);
  padding: 40px 0 80px;
  text-align: center;
  gap: 40px;
  display: flex;
  flex-direction: column;
}
.TagsBlock__title {
  color: var(--black, #000);
  text-align: center;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  letter-spacing: 0.007em;
  text-transform: uppercase;
  margin: 0 0 12px;
}
@media screen and (min-width: 768px) {
  .TagsBlock__title {
    font-size: 18px;
  }
}
.TagsBlock__links-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.TagsBlock__link {
  color: var(--link-blue, #083973);
  text-align: center;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  letter-spacing: 0.007em;
  text-transform: uppercase;
  margin: 0;
  background: none;
  border: none;
}
@media screen and (min-width: 768px) {
  .TagsBlock__link {
    font-size: 18px;
  }
}
.TagsBlock__page-html {
  border: 1px solid var(--dark-grey-25, #cacaca);
  background: var(--light-grey-25, #f1f1f1);
  color: #000;
  font-family: "Courier New";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: collapse;
  height: 100px;
  overflow: scroll;
  padding: 10px 16px;
}
.TagsBlock__page-html-btn.ps-btn {
  background: linear-gradient(to left, #46c8f0 50%, #cfdc92 50%) right;
  background-size: 201% 100%;
  border: none;
  width: 148px;
}
.TagsBlock__page-html-btn.ps-btn:hover {
  background: linear-gradient(to left, var(--light-blue-50) 50%, #cfdc92 50%) right;
  background-size: 201% 100%;
}
.TagsBlock__page-html-btn.ps-btn::before {
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_7_75" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40"><rect width="40" height="40" fill="%23000"/></mask><g mask="url(%23mask0_7_75)"><path d="M12.9999 33.3334C12.0999 33.3334 11.3194 33.0028 10.6583 32.3417C9.9972 31.6806 9.66665 30.9001 9.66665 30.0001V3.3333C9.66665 2.4333 9.9972 1.65275 10.6583 0.99165C11.3194 0.33055 12.0999 0 12.9999 0H33.6667C34.5667 0 35.3472 0.33055 36.0083 0.99165C36.6694 1.65275 37 2.4333 37 3.3333V30.0001C37 30.9001 36.6694 31.6806 36.0083 32.3417C35.3472 33.0028 34.5667 33.3334 33.6667 33.3334H12.9999ZM12.9999 30.0001H33.6667V3.3333H12.9999V30.0001ZM6.3333 40C5.4333 40 4.65275 39.6695 3.99165 39.0084C3.33055 38.3473 3 37.5667 3 36.6667V6.66665H6.3333V36.6667H30.3333V40H6.3333Z" fill="%23000"/></g></svg>');
          mask-image: url('data:image/svg+xml;utf-8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_7_75" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="40"><rect width="40" height="40" fill="%23000"/></mask><g mask="url(%23mask0_7_75)"><path d="M12.9999 33.3334C12.0999 33.3334 11.3194 33.0028 10.6583 32.3417C9.9972 31.6806 9.66665 30.9001 9.66665 30.0001V3.3333C9.66665 2.4333 9.9972 1.65275 10.6583 0.99165C11.3194 0.33055 12.0999 0 12.9999 0H33.6667C34.5667 0 35.3472 0.33055 36.0083 0.99165C36.6694 1.65275 37 2.4333 37 3.3333V30.0001C37 30.9001 36.6694 31.6806 36.0083 32.3417C35.3472 33.0028 34.5667 33.3334 33.6667 33.3334H12.9999ZM12.9999 30.0001H33.6667V3.3333H12.9999V30.0001ZM6.3333 40C5.4333 40 4.65275 39.6695 3.99165 39.0084C3.33055 38.3473 3 37.5667 3 36.6667V6.66665H6.3333V36.6667H30.3333V40H6.3333Z" fill="%23000"/></g></svg>');
}
.TagsBlock__page-html-btn.ps-btn.copied {
  transition: all 0.75s ease;
  background-position: -1px;
}

@media screen and (min-width: 768px) {
  .ps-tag,
  .ps-link {
    transition: color 0.2s ease, background-color 0.2s ease;
  }
}

.modal__mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  transition: opacity 0.3s ease;
}

.modal__panel {
  position: relative;
  width: 100%;
  background-color: var(--white, #fff);
  border-radius: 0px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: -moz-max-content;
  height: max-content;
  max-height: calc(100% - var(--headerHeight, 0px));
  margin-top: calc(var(--headerHeight, 0px));
}
@media screen and (min-width: 960px) {
  .modal__panel {
    width: calc(100% - 48px);
    max-height: calc(100% - var(--headerHeight, 0px) - 64px);
    margin: calc(var(--headerHeight, 0px) + 32px) 24px 32px;
  }
}
@media screen and (min-width: 1280px) {
  .modal__panel {
    width: 930px;
    max-height: calc(100% - var(--headerHeight, 0px) - 96px);
    margin: calc(var(--headerHeight, 0px) + 24px) auto 72px;
  }
}

.modal__panel::after {
  content: "";
  display: block;
  clear: both;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 128.57%);
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 42px;
  width: 100%;
}

.modal__content {
  height: 100%;
  overflow: scroll;
  padding: 48px 80px 48px 48px;
}

.modal__header {
  margin-bottom: 40px;
}
.modal__header > :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
}

.modal__close {
  border: none;
  position: absolute;
  z-index: 9999;
  top: 16px;
  right: 16px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  font-size: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: transparent;
  color: var(--heritage-blue, #000f46);
  transition: background-color 0.1s ease;
}
.modal__close:hover, .modal__close:focus-visible {
  background-color: #46c8f0;
}

.modal__default-button {
  float: right;
}

/* Animation */
.modal__enter-from {
  opacity: 0;
}

.modal__leave-to {
  opacity: 0;
}

.modal__enter-from .modal__container,
.modal__leave-to .modal__container {
  transform: scale(1.1);
}

.SocialMenu {
  position: relative;
}
.SocialMenu__container {
  position: relative;
  background-color: var(--light-grey-25, #f1f1f1);
}
.SocialMenu__menu {
  list-style-type: none;
  display: flex;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
}
.SocialMenu__menu > *:nth-child(5n+1), .SocialMenu__menu > *:nth-child(5n+1):focus, .SocialMenu__menu > *:nth-child(5n+1):visited {
  background-color: #000f46;
  color: white;
}
.SocialMenu__menu > *:nth-child(5n+1):hover, .SocialMenu__menu > *:nth-child(5n+1):focus:hover, .SocialMenu__menu > *:nth-child(5n+1):focus:hover, .SocialMenu__menu > *:nth-child(5n+1):focus:focus:hover, .SocialMenu__menu > *:nth-child(5n+1):visited:hover, .SocialMenu__menu > *:nth-child(5n+1):visited:focus:hover {
  color: var(--light-blue, #46c8f0);
  background-color: var(--heritage-dark-blue, #000b34);
}
.SocialMenu__menu > *:nth-child(5n+2), .SocialMenu__menu > *:nth-child(5n+2):focus, .SocialMenu__menu > *:nth-child(5n+2):visited {
  background-color: #333f6b;
  color: white;
}
.SocialMenu__menu > *:nth-child(5n+2):hover, .SocialMenu__menu > *:nth-child(5n+2):focus:hover, .SocialMenu__menu > *:nth-child(5n+2):focus:hover, .SocialMenu__menu > *:nth-child(5n+2):focus:focus:hover, .SocialMenu__menu > *:nth-child(5n+2):visited:hover, .SocialMenu__menu > *:nth-child(5n+2):visited:focus:hover {
  color: var(--light-blue, #46c8f0);
  background-color: var(--heritage-dark-blue, #000b34);
}
.SocialMenu__menu > *:nth-child(5n+3), .SocialMenu__menu > *:nth-child(5n+3):focus, .SocialMenu__menu > *:nth-child(5n+3):visited {
  background-color: #666f90;
  color: white;
}
.SocialMenu__menu > *:nth-child(5n+3):hover, .SocialMenu__menu > *:nth-child(5n+3):focus:hover, .SocialMenu__menu > *:nth-child(5n+3):focus:hover, .SocialMenu__menu > *:nth-child(5n+3):focus:focus:hover, .SocialMenu__menu > *:nth-child(5n+3):visited:hover, .SocialMenu__menu > *:nth-child(5n+3):visited:focus:hover {
  color: var(--light-blue, #46c8f0);
  background-color: var(--heritage-dark-blue, #000b34);
}
.SocialMenu__menu > *:nth-child(5n+4), .SocialMenu__menu > *:nth-child(5n+4):focus, .SocialMenu__menu > *:nth-child(5n+4):visited {
  background-color: #999fb5;
  color: #000f46;
}
.SocialMenu__menu > *:nth-child(5n+4):hover, .SocialMenu__menu > *:nth-child(5n+4):focus:hover, .SocialMenu__menu > *:nth-child(5n+4):focus:hover, .SocialMenu__menu > *:nth-child(5n+4):focus:focus:hover, .SocialMenu__menu > *:nth-child(5n+4):visited:hover, .SocialMenu__menu > *:nth-child(5n+4):visited:focus:hover {
  color: var(--light-blue, #46c8f0);
  background-color: var(--heritage-dark-blue, #000b34);
}
.SocialMenu__menu > *:nth-child(5n+5), .SocialMenu__menu > *:nth-child(5n+5):focus, .SocialMenu__menu > *:nth-child(5n+5):visited {
  background-color: #cccfda;
  color: #000f46;
}
.SocialMenu__menu > *:nth-child(5n+5):hover, .SocialMenu__menu > *:nth-child(5n+5):focus:hover, .SocialMenu__menu > *:nth-child(5n+5):focus:hover, .SocialMenu__menu > *:nth-child(5n+5):focus:focus:hover, .SocialMenu__menu > *:nth-child(5n+5):visited:hover, .SocialMenu__menu > *:nth-child(5n+5):visited:focus:hover {
  color: var(--light-blue, #46c8f0);
  background-color: var(--heritage-dark-blue, #000b34);
}
.SocialMenu__share-button {
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 1.5rem;
  transition: color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.SocialMenu__share-button i {
  pointer-events: none;
}
.SocialMenu__message {
  position: absolute;
  background: var(--light-green-50, #cfdc92);
  width: 100%;
  height: auto;
  overflow: hidden;
  top: 100%;
  margin: 0;
  padding: 6px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: var(--dark-grey, #2d2d2d);
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.98px;
  text-transform: uppercase;
}
.SocialMenu__collapse-toggle {
  background-color: inherit;
  color: inherit;
}
.SocialMenu--collapsable {
  display: flex;
}
.SocialMenu--collapsable .SocialMenu__container {
  position: absolute;
  right: 100%;
  transition: -webkit-clip-path 0.35s ease-in-out;
  transition: clip-path 0.35s ease-in-out;
  transition: clip-path 0.35s ease-in-out, -webkit-clip-path 0.35s ease-in-out;
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
  z-index: 2;
}
.SocialMenu--collapsable .SocialMenu__container--open {
  -webkit-clip-path: inset(0 0 -50px 0);
          clip-path: inset(0 0 -50px 0);
}
.SocialMenu--collapsable .SocialMenu__menu > * {
  background-color: var(--light-grey-25, #f1f1f1);
  color: var(--heritage-blue, #000f46);
}
.SocialMenu--collapsable .SocialMenu__share-button--open {
  color: var(--light-blue, #46c8f0);
  background-color: var(--heritage-blue, #000f46);
}

.reveal-down {
  transition: -webkit-clip-path 0.75s ease-out;
  transition: clip-path 0.75s ease-out;
  transition: clip-path 0.75s ease-out, -webkit-clip-path 0.75s ease-out;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
}
.reveal-down.open {
  animation: revealDown 2s;
}

.reveal-from-right {
  transition: -webkit-clip-path 2s ease-in-out;
  transition: clip-path 2s ease-in-out;
  transition: clip-path 2s ease-in-out, -webkit-clip-path 2s ease-in-out;
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
}
.reveal-from-right.open {
  animation: revealFromRight 2s;
}

.reveal-from-left {
  transition: -webkit-clip-path 2s ease-in-out;
  transition: clip-path 2s ease-in-out;
  transition: clip-path 2s ease-in-out, -webkit-clip-path 2s ease-in-out;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.reveal-from-left.open {
  animation: revealFromLeft 2s;
}

@keyframes revealDown {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  15% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  75% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
}
@keyframes revealFromLeft {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  15% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  75% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
}
@keyframes revealFromRight {
  0% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
  15% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  75% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
}