/* @font-face {
  font-family: "Manrope";
  src: url("../../fonts/Manrope-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../../fonts/Manrope-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../../fonts/Manrope-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
} */
@font-face {
  font-family: "Archivo";
  src: url("data:font/woff;charset=utf-8;base64,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") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  src: url("data:font/woff;charset=utf-8;base64,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") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
html {
  box-sizing: border-box;
  color: #343D43;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: none;
  min-height: 100%;
}

::selection {
  background-color: initial;
  background-color: var(--selection, initial);
}

.theme-blue {
  --accent-color: #0597FF;
  --accent-color-complement: #ff1805;
  --accent-color-opacity-0: rgba(5, 151, 255, 0);
  --accent-color-opacity-1: #0597ff;
  --accent-color-opacity-015: rgba(5, 151, 255, 0.15);
  --accent-color-opacity-03: rgba(5, 151, 255, 0.3);
  --accent-color-middle: #82cbff;
  --accent-color-light: #c7e8ff;
  --accent-color-lightest: #f1f8fe;
  --accent-color-gradient: linear-gradient(90deg, #F8FCED 0%, #E7FEEC 15%, #E2F8FC 50%, #E7FEEC 85%, #F8FCED 100%);
}

.theme-orange {
  --accent-color: #FF4C4C;
  --accent-color-complement: #2965ff;
  --accent-color-opacity-0: rgba(255, 76, 76, 0);
  --accent-color-opacity-1: #ff4c4c;
  --accent-color-opacity-015: rgba(255, 76, 76, 0.15);
  --accent-color-opacity-03: rgba(255, 76, 76, 0.3);
  --accent-color-middle: #ffb7b7;
  --accent-color-light: #ffdbdb;
  --accent-color-lightest: #f9f5f5;
  --accent-color-gradient: linear-gradient(90deg, #FCFBED 0%, #FEF3E7 15%, #FFF5F5 50%, #FEF3E7 85%, #FCFBED 100%);
}

.theme-pumpkin {
  --accent-color: #FF7B24;
  --accent-color-complement: #24a8ff;
  --accent-color-opacity-0: rgba(255, 123, 36, 0);
  --accent-color-opacity-1: #ff7b24;
  --accent-color-opacity-015: rgba(255, 123, 36, 0.15);
  --accent-color-opacity-03: rgba(255, 123, 36, 0.3);
  --accent-color-middle: #ffbd92;
  --accent-color-light: #ffddc7;
  --accent-color-lightest: #fcf4ee;
  --accent-color-gradient: linear-gradient(90deg, #F6FCED 0%, #FEFEE7 15%, #FFF6F0 50%, #FEFEE7 85%, #F6FCED 100%);
}

.theme-emerald {
  --accent-color: #00C16E;
  --accent-color-complement: #0070c1;
  --accent-color-opacity-0: rgba(0, 193, 110, 0);
  --accent-color-opacity-1: #00c16e;
  --accent-color-opacity-015: rgba(0, 193, 110, 0.15);
  --accent-color-opacity-03: rgba(0, 193, 110, 0.3);
  --accent-color-middle: #99e6c5;
  --accent-color-light: #c1ffe4;
  --accent-color-lightest: #f0f9f5;
  --accent-color-gradient: linear-gradient(90deg, #F8FCED 0%, #E7FEEC 15%, #f0fff9 50%, #E7FEEC 85%, #F8FCED 100%);
}

.theme-purple {
  --accent-color: #8549BA;
  --accent-color-complement: #c20000;
  --accent-color-opacity-0: rgba(133, 73, 186, 0);
  --accent-color-opacity-1: #8549ba;
  --accent-color-opacity-015: rgba(133, 73, 186, 0.15);
  --accent-color-opacity-03: rgba(133, 73, 186, 0.3);
  --accent-color-middle: #c8ade0;
  --accent-color-light: #e3d6ef;
  --accent-color-lightest: #f7f4f9;
  --accent-color-gradient: linear-gradient(90deg, #EDFCFB 0%, #E7F3FE 15%, #FAF7FD 50%, #E7F2FE 85%, #EDFCFB 100%);
}

.theme-violet {
  --accent-color: #920464;
  --accent-color-complement: #069204;
  --accent-color-opacity-0: rgba(146, 4, 100, 0);
  --accent-color-opacity-1: #920464;
  --accent-color-opacity-015: rgba(146, 4, 100, 0.15);
  --accent-color-opacity-03: rgba(146, 4, 100, 0.3);
  --accent-color-middle: #d9a7c9;
  --accent-color-light: #fecaed;
  --accent-color-lightest: #faf2f7;
  --accent-color-gradient: linear-gradient(90deg, #FCFBED 0%, #FEF3E7 15%, #FFF5F5 50%, #FEF3E7 85%, #FCFBED 100%);
}

.reduce-motion *,
.reduce-motion *:before,
.reduce-motion *:after {
  animation-delay: -1ms !important;
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 0.001ms !important;
  transition-delay: 0.001ms !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
*:before,
*:after {
    animation-delay: -1ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    transition-delay: 0.001ms !important;
  }
}
html,
button,
input {
  /* font-family: "Manrope", "Open Sans", Helvetica, Arial, sans-serif; */
  font-family: Helvetica, Arial, sans-serif;
}

button {
  touch-action: manipulation;
}

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

.center {
  position: relative;
  width: 100%;
  max-width: calc(970px + 4em);
  padding: 0 2em;
  margin: 0 auto;
}
.center--no-zi {
  z-index: auto;
}
@media screen and (max-width: 667px) {
  .center {
    max-width: calc(970px + 2em);
    padding: 0 1em;
  }
}

.line {
  height: 1px;
  border: none;
  background-color: #c7e8ff;
  background-color: var(--accent-color);
}

.border-bottom {
  border-bottom: 1px solid #c7e8ff;
  border-bottom: 1px solid var(--accent-color);
}

.ha-top {
  margin: 1em auto 2em;
}

.ha-bottom {
  margin: 3em auto 0;
}

.ha-top, .ha-top > div,
.ha-bottom,
.ha-bottom > div {
  width: 728px;
  height: 90px;
}
@media screen and (max-width: 792px) {
  .ha-top, .ha-top > div,
.ha-bottom,
.ha-bottom > div {
    width: 100%;
  }
}
.ha-top > div,
.ha-bottom > div {
  background-color: #e5e5e5;
}

.popup-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.popup {
  position: fixed;
  z-index: 6;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(52, 61, 67, 0.4);
  padding: 5em 0 0;
  transform: none;
  opacity: 1;
  transition: opacity 0.25s, transform 0.25s;
}
.popup__header {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-bottom: 1.5em;
}
.popup__inner {
  height: 100%;
  width: 100%;
  max-width: 970px;
  padding: 1.5em 1em;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-top: 2px solid #0597FF;
  border-top: 2px solid var(--accent-color);
  transform: translateY(0) scale(1);
  transition: transform 0.25s;
}
.popup__inner .ss-wrapper {
  padding-right: 1em;
}
.popup__title {
  font-size: 1.125em;
  font-weight: 800;
}
.popup__close {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  width: 2em;
  height: 2em;
  border-radius: 0.5em;
  flex-shrink: 0;
  margin-left: auto;
  border: 1px solid transparent;
  color: #343D43;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
}
@media (hover: hover) and (pointer: fine) {
  .popup__close:hover {
    color: #0597FF;
    color: var(--accent-color);
    border-color: #0597FF;
    border-color: var(--accent-color);
    transition: background-color 0.1s, border-color 0.1s, color 0.1s;
  }
}
.popup__close:focus-visible {
  color: #0597FF;
  color: var(--accent-color);
  border-color: #0597FF;
  border-color: var(--accent-color);
  transition: background-color 0.1s, border-color 0.1s, color 0.1s;
}
.popup__close.focus-visible {
  color: #0597FF;
  color: var(--accent-color);
  border-color: #0597FF;
  border-color: var(--accent-color);
  transition: background-color 0.1s, border-color 0.1s, color 0.1s;
}
.popup__close-icon {
  fill: currentColor;
}
.popup__text-content {
  position: relative;
  overflow: auto;
  height: 100%;
  line-height: 1.7;
}
.popup__text-content h3 {
  font-size: 1.125em;
  font-weight: 800;
  margin-bottom: 0.5em;
}
.popup__text-content h3:not(:first-child) {
  margin-top: 0.75em;
}
.popup__text-content p {
  font-size: 0.875em;
}
.popup__text-content p:not(:last-child) {
  margin-bottom: 0.75em;
}
.popup__text-content a {
  text-decoration: none;
  color: #0597FF;
  color: var(--accent-color);
  font-weight: 500;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  outline: none;
  transition: background-size 0.25s, color 0.25s;
  background-size: 100% 1px;
}
@media (hover: hover) and (pointer: fine) {
  .popup__text-content a:hover {
    background-size: 100% 0;
    transition: background-size 0.1s, color 0.1s;
    color: #0597FF;
    color: var(--accent-color);
  }
}
.popup__text-content a:focus-visible {
  background-size: 100% 0;
  transition: background-size 0.1s, color 0.1s;
  color: #0597FF;
  color: var(--accent-color);
}
.popup__text-content a.focus-visible {
  background-size: 100% 0;
  transition: background-size 0.1s, color 0.1s;
  color: #0597FF;
  color: var(--accent-color);
}
.popup__text-content ul {
  list-style: none;
  font-size: 0.875em;
}
.popup__text-content ul li {
  padding-left: 0.5em;
  margin-bottom: 0.25em;
}
.popup__text-content ul li:before {
  content: "";
  width: 0.25em;
  height: 0.25em;
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.75em;
  background-color: currentColor;
  border-radius: 50%;
}
@media screen and (min-width: 668px) {
  .popup--index {
    padding-top: 8.5em;
  }
  .popup__inner {
    padding: 2em;
  }
  .popup__header {
    padding-bottom: 2em;
  }
}
@media screen and (min-width: 835px) {
  .popup {
    background-color: #fff;
  }
  .popup--saved {
    position: absolute;
    z-index: 2;
    width: auto;
    height: auto;
    top: 100%;
    left: auto;
    bottom: auto;
    box-shadow: 0 1em 3.75em rgba(52, 61, 67, 0.15);
    border-radius: 0.5em;
    padding: 0.625em;
    margin-top: 1em;
    transition: transform 0.1s, opacity 0.1s;
  }
  .popup--saved .ss-wrapper {
    padding-right: 0.625em;
  }
  .popup--saved .popup__inner {
    border-top: none;
    padding: 0;
    max-height: 25em;
  }
  .popup--saved .popup__header {
    display: none;
  }
  .popup-input:not(:checked) ~ .popup--saved.popup, .popup--saved.popup--hidden {
    transform: translateY(2.5%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.25s, opacity 0.25s;
  }
  .popup--full {
    padding: 2.5em;
  }
  .popup--full .popup__inner {
    border-top: none;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 0.625em 3.75em rgba(52, 61, 67, 0.15);
    height: 100%;
    border-radius: 1.25em;
    padding: 2em 2.5em;
  }
  .popup--full .popup__title {
    font-size: 2em;
  }
  .popup--full .popup__close {
    background-color: #f1f8fe;
    background-color: var(--accent-color-lightest);
    color: #0597FF;
    color: var(--accent-color);
  }
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
  .popup--full .popup__close:hover {
    background-color: transparent;
    transition: background-color 0.1s, border-color 0.1s, color 0.1s;
  }
}
@media screen and (min-width: 835px) {
  .popup--full .popup__header {
    padding-bottom: 2em;
    border-bottom: 1px solid #c7e8ff;
    border-bottom: 1px solid var(--accent-color-light);
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 835px) {
  .popup--full .popup__text-content {
    font-size: 1.15em;
  }
}
@media screen and (min-width: 835px) {
  .popup--full.popup--hidden {
    pointer-events: none;
    opacity: 0;
  }
  .popup--full.popup--hidden .popup__inner {
    transform: scale(0.975) translateY(2.5%);
  }
}
@media screen and (max-width: 834px) {
  .popup__close {
    margin-right: -0.5em;
  }
  .popup--saved {
    width: 100% !important;
  }
  .popup-input:not(:checked) ~ .popup.popup, .popup--hidden {
    transition: opacity 0.25s;
    pointer-events: none;
    opacity: 0;
  }
  .popup-input:not(:checked) ~ .popup.popup .popup__inner, .popup--hidden .popup__inner {
    transform: translateY(100%);
  }
}
@media screen and (max-width: 834px) and (orientation: landscape) {
  .popup {
    padding-top: 0;
  }
}

.button {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #0597FF;
  background-color: var(--accent-color);
  font-size: 1em;
  font-weight: 800;
  line-height: 2.75;
  padding: 0 1em;
  min-width: 9em;
  color: #fff;
  border-radius: 0.625em;
  border: 1px solid transparent;
  user-select: none;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
}
.button--form {
  line-height: 3.62;
  border-radius: 0.875em;
}
.button--small {
  font-size: 0.875em;
  line-height: 3.2;
}
.button--miw20 {
  min-width: 20em;
}
.button--secondary {
  background-color: transparent;
  color: #343D43;
  border-color: #c7e8ff;
  border-color: var(--accent-color-light);
}
.button__text {
  position: relative;
  display: inline-block;
}
.button--animate .button__text:after {
  content: "";
  border-style: solid;
  border-color: currentColor transparent currentColor transparent;
  border-width: 0;
  border-radius: 50%;
  opacity: 0;
  animation: rotate 1.5s linear infinite;
  transition: opacity 0.25s, width 0.25s, height 0.25s;
}
.button--animate.button--loading .button__text:after {
  content: "...";
  opacity: 1;
}
.button--prevent {
  pointer-events: none;
}
.button--disabled, .button[disabled] {
  pointer-events: none;
}
.button--disabled:not(.button--secondary), .button[disabled]:not(.button--secondary) {
  background-color: #AEB1B4;
  color: #fff;
}
.button--disabled.button--secondary, .button[disabled].button--secondary {
  background-color: transparent;
  color: #AEB1B4;
  border-color: #AEB1B4;
}
@media screen and (max-width: 834px) {
  .button {
    border-radius: 0.65em;
  }
  .button--form {
    line-height: 3.3;
  }
  .button--small {
    line-height: 2.45;
    min-width: 7.5em;
  }
}
@media screen and (max-width: 667px) {
  .button--small {
    min-width: 6.5em;
  }
}
@media screen and (max-width: 400px) {
  .button--miw20 {
    min-width: 0;
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .button:hover {
    background-color: #fff;
    border-color: #0597FF;
    border-color: var(--accent-color);
    color: #0597FF;
    color: var(--accent-color);
    transition: background-color 0.1s, border-color 0.1s, color 0.1s;
  }
}
.button.focus-visible {
  background-color: #fff;
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: background-color 0.1s, border-color 0.1s, color 0.1s;
}
.button:focus-visible {
  background-color: #fff;
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: background-color 0.1s, border-color 0.1s, color 0.1s;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  html:not(.reduce-motion) .button--animate .button__text {
    transform: translateX(0em);
    transition: transform 0.25s;
  }
  html:not(.reduce-motion) .button--animate .button__text:after {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0em;
    height: 0em;
    margin-left: 0.5em;
    margin-top: -0.45em;
    border-width: 2px;
    transform-origin: center center;
  }
  html:not(.reduce-motion) .button--animate.button--loading .button__text {
    transform: translateX(-0.75em);
  }
  html:not(.reduce-motion) .button--animate.button--loading .button__text:after {
    content: "";
    width: 1em;
    height: 1em;
    opacity: 1;
  }
}
.pagi {
  display: flex;
  justify-content: center;
  list-style: none;
}
.pagi__item {
  position: relative;
  width: 2.75em;
  text-align: center;
  margin: 0 0.2em;
  cursor: default;
}
.pagi__item:before {
  content: "";
  display: inline-block;
  padding-bottom: 100%;
  vertical-align: top;
}
.pagi__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  font-family: "Archivo", "Manrope", "Open Sans", Helvetica, Arial, sans-serif;
}
.pagi__button {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: inline-block;
  font-size: 1em;
  line-height: inherit;
  font-family: "Archivo", "Manrope", "Open Sans", Helvetica, Arial, sans-serif;
  width: 100%;
  font-weight: 500;
  border-radius: 50%;
  color: inherit;
  text-align: center;
  border: 1px solid transparent;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s, opacity 0.25s, filter 0.25s;
}
.pagi__button:disabled {
  opacity: 0.5;
  filter: saturate(0);
  pointer-events: none;
  transition: background-color 0.1s, border-color 0.1s, color 0.1s, opacity 0.1s, filter 0.1s;
}
.pagi__button--active {
  background-color: #0597FF;
  background-color: var(--accent-color);
  color: #fff;
  pointer-events: none;
  transition: background-color 0.1s, border-color 0.1s, color 0.1s, opacity 0.1s, filter 0.1s;
}
@media (hover: hover) and (pointer: fine) {
  .pagi__button:hover {
    border-color: #0597FF;
    border-color: var(--accent-color);
    transition: background-color 0.1s, border-color 0.1s, color 0.1s, opacity 0.1s, filter 0.1s;
  }
}
.pagi__button:focus-visible {
  border-color: #0597FF;
  border-color: var(--accent-color);
  transition: background-color 0.1s, border-color 0.1s, color 0.1s, opacity 0.1s, filter 0.1s;
}
.pagi__button.focus-visible {
  border-color: #0597FF;
  border-color: var(--accent-color);
  transition: background-color 0.1s, border-color 0.1s, color 0.1s, opacity 0.1s, filter 0.1s;
}
.pagi__arrow {
  display: inline-block;
  vertical-align: middle;
  fill: #0597FF;
  fill: var(--accent-color);
  margin-top: -2px;
}
.pagi__arrow:not(.pagi__arrow--rotated) {
  margin-left: -3px;
}
.pagi__arrow--rotated {
  margin-left: 2px;
  transform: rotate(180deg);
}
@media screen and (max-width: 667px) {
  .pagi {
    font-size: 0.875em;
  }
}

.logo {
  text-decoration: none;
}
.logo__image {
  display: inline-block;
  vertical-align: top;
  height: 3.3em;
  width: auto;
}
.logo__text {
  font-size: 1.5em;
  font-weight: 800;
  color: #343D43;
  white-space: nowrap;
}
@media screen and (max-width: 834px) {
  .logo__image--small {
    height: 2.3em;
  }
}
@media screen and (max-width: 667px) {
  .logo__image {
    height: 2.3em;
  }
  .logo__text {
    font-size: 1.3em;
    white-space: initial;
  }
}
@media screen and (max-width: 374px) {
  .logo__text {
    font-size: 1.125em;
    white-space: initial;
  }
}

.logo-text {
  position: relative;
  font-family: "Kanit", "Archivo", "Manrope", "Open Sans", Helvetica, Arial, sans-serif;
  display: inline-flex;
  font-size: 1.5625em;
  font-size: max(min(1.5625em, 2.5vw), 1em);
  line-height: 1.4em;
  font-weight: 800;
  color: #343D43;
  text-decoration: none;
  text-transform: uppercase;
  flex-wrap: nowrap;
  transform: translateZ(0);
  outline: none;
}
.logo-text--min {
  font-size: 1.25em;
}
.logo-text--big, .logo-text--middle {
  font-size: 2.5em;
  font-size: max(min(2.5em, 3.8vw), 1em);
}
.logo-text__left, .logo-text__right {
  position: relative;
  display: inline-block;
  border-style: solid;
  border-color: #82cbff;
  border-color: var(--logo-color-middle, var(--accent-color-middle));
  border-width: 0.2em;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.logo-text__left:before, .logo-text__left:after, .logo-text__right:before, .logo-text__right:after {
  content: "";
  position: absolute;
  width: 0.2em;
  height: 0.2em;
  border-radius: 0.2em;
  background-color: #82cbff;
  background-color: var(--logo-color-middle, var(--accent-color-middle));
}
.logo-text__left:before, .logo-text__right:before {
  top: -0.2em;
}
.logo-text__left:after, .logo-text__right:after {
  bottom: -0.2em;
}
.logo-text__left {
  border-right-style: none;
  border-radius: 1em 0 0 1em;
  padding-left: 0.5em;
}
.logo-text__left:before, .logo-text__left:after {
  right: -0.1em;
}
.logo-text__right {
  border-left-style: none;
  border-radius: 0 1em 1em 0;
  padding-right: 0.5em;
  color: #343D43;
  text-indent: -0.125em;
}
.logo-text__right:before, .logo-text__right:after {
  left: -0.1em;
}
.logo-text__line {
  position: relative;
  width: 0.2em;
  background-color: #0597FF;
  background-color: var(--logo-color, var(--accent-color));
  margin: 0 0.5em;
}
.logo-text__line:before, .logo-text__line:after {
  content: "";
  position: absolute;
  left: -0.2em;
  right: -0.2em;
  height: 0.2em;
  background-color: inherit;
  border-radius: 0.5em;
}
.logo-text__line:before {
  top: 0;
}
.logo-text__line:after {
  bottom: 0;
}
.logo-text:focus-visible .logo-text__left,
.logo-text:focus-visible .logo-text__right {
  border-color: #0597FF;
  border-color: var(--accent-color);
}
.logo-text:focus-visible .logo-text__left:before, .logo-text:focus-visible .logo-text__left:after,
.logo-text:focus-visible .logo-text__right:before,
.logo-text:focus-visible .logo-text__right:after {
  background-color: #0597FF;
  background-color: var(--accent-color);
}
.logo-text.focus-visible .logo-text__left,
.logo-text.focus-visible .logo-text__right {
  border-color: #0597FF;
  border-color: var(--accent-color);
}
.logo-text.focus-visible .logo-text__left:before, .logo-text.focus-visible .logo-text__left:after,
.logo-text.focus-visible .logo-text__right:before,
.logo-text.focus-visible .logo-text__right:after {
  background-color: #0597FF;
  background-color: var(--accent-color);
}
@media screen and (max-width: 834px) {
  .logo-text {
    font-size: 1.1em;
  }
  .logo-text--big, .logo-text--middle {
    font-size: 2em;
  }
  .logo-text .logo-text__left, .logo-text .logo-text__right {
    border-width: 4px;
  }
  .logo-text .logo-text__left:before, .logo-text .logo-text__left:after, .logo-text .logo-text__right:before, .logo-text .logo-text__right:after {
    content: none;
  }
  .logo-text .logo-text__line {
    width: 4px;
    margin: 0 10px;
  }
  .logo-text .logo-text__line:before, .logo-text .logo-text__line:after {
    height: 4px;
  }
}
@media screen and (max-width: 555px) {
  .logo-text:not(.logo-text--big):not(.logo-text--middle) .logo-text__left, .logo-text:not(.logo-text--big):not(.logo-text--middle) .logo-text__right {
    border-width: 3px;
  }
  .logo-text:not(.logo-text--big):not(.logo-text--middle) .logo-text__left:before, .logo-text:not(.logo-text--big):not(.logo-text--middle) .logo-text__left:after, .logo-text:not(.logo-text--big):not(.logo-text--middle) .logo-text__right:before, .logo-text:not(.logo-text--big):not(.logo-text--middle) .logo-text__right:after {
    content: none;
  }
  .logo-text:not(.logo-text--big):not(.logo-text--middle) .logo-text__line {
    width: 3px;
    margin: 0 7.5px;
  }
  .logo-text:not(.logo-text--big):not(.logo-text--middle) .logo-text__line:before, .logo-text:not(.logo-text--big):not(.logo-text--middle) .logo-text__line:after {
    height: 3px;
  }
}
@media screen and (max-width: 667px) {
  .logo-text {
    font-size: max(min(1.1em, 3.9vw), 0.875em);
  }
  .logo-text--middle {
    font-size: max(min(2em, 6vw), 1em);
  }
  .logo-text--big {
    font-size: max(min(2em, 7vw), 1em);
  }
}
@media screen and (max-width: 374px) {
  .logo-text {
    font-size: 1.15em;
  }
}

.select {
  position: relative;
  z-index: 3;
}
.select__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.select__label {
  display: flex;
  border: 1px solid #ced0d1;
  padding: 0 1em 0 1.25em;
  border-radius: 2em;
  cursor: pointer;
  flex-wrap: nowrap;
  align-items: center;
  outline: none;
  transition: color 0.25s, border-color 0.25s, background-color 0.25s;
}
.select__text {
  line-height: 2.5;
  font-size: 0.875em;
  font-weight: 800;
  margin-right: 0.75em;
}
.select__icon {
  position: relative;
  top: 1px;
  fill: #0597FF;
  fill: var(--accent-color);
  transform: rotate(0deg);
  transition: transform 0.25s;
}
.select__popup {
  position: absolute;
  display: flex;
  margin-top: 0.625em;
  right: 0;
  top: calc(100% + 0.375em);
  background-color: #fff;
  border-radius: 1.125em;
  box-shadow: 0 0.625em 3.75em rgba(52, 61, 67, 0.15);
  opacity: 0;
  pointer-events: none;
  transition: top 0.25s, opacity 0.25s;
  padding: 1.5em 2.5em;
}
.select__popup-inner {
  overflow: auto;
}
.select__list {
  position: relative;
  list-style: none;
  white-space: nowrap;
}
.select__list--columns {
  column-count: 2;
  column-width: auto;
  column-gap: 5em;
  width: 15em;
}
.select__list--columns:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  top: 0;
  bottom: 0;
  background-color: #c7e8ff;
  background-color: var(--accent-color-light);
}
.select__link {
  display: inline-block;
  text-decoration: none;
  color: #343D43;
  font-size: 0.875em;
  line-height: 2;
  font-weight: 500;
  outline: none;
  transition: color 0.25s;
}
@media (hover: hover) and (pointer: fine) {
  .select__link:hover {
    color: #0597FF;
    color: var(--accent-color);
    transition: color 0.1s;
  }
}
.select__link:focus-visible {
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s;
}
.select__link.focus-visible {
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s;
}
.select input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
input[type=radio] + .select__item .select__link {
  cursor: pointer;
  min-width: 3em;
  text-align: center;
}
input[type=radio]:checked + .select__item .select__link, .select__link--active {
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s;
}
@media screen and (max-width: 834px) {
  .select__popup {
    border-radius: 0.75em;
    max-height: 45vh;
    padding: 1em;
  }
  .select__list {
    padding: 0 1em;
  }
  .select__list--columns {
    column-count: 1;
    width: 7em;
  }
  .select__list--columns:after {
    content: none;
  }
}
.select__input:checked ~ .select__label {
  background-color: #fff;
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s, border-color 0.1s, background-color 0.1s;
}
@media (hover: hover) and (pointer: fine) {
  .select__label:hover {
    background-color: #fff;
    border-color: #0597FF;
    border-color: var(--accent-color);
    color: #0597FF;
    color: var(--accent-color);
    transition: color 0.1s, border-color 0.1s, background-color 0.1s;
  }
}
.select__input:focus-visible ~ .select__label {
  background-color: #fff;
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s, border-color 0.1s, background-color 0.1s;
}
.select__input.focus-visible ~ .select__label {
  background-color: #fff;
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s, border-color 0.1s, background-color 0.1s;
}
.select__input:checked ~ .select__label .select__icon--arrow {
  transform: rotate(180deg);
  transition: transform 0.1s;
}
.select__input:checked ~ .select__popup {
  top: 100%;
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 555px) {
  .select__text {
    line-height: 2.25;
  }
}
@media screen and (max-width: 374px) {
  .select__label {
    padding-left: 0.75em;
    padding-right: 0.5em;
  }
  .select__text {
    margin-right: 0.5em;
    line-height: 2;
  }
  .select__popup {
    right: 50%;
    transform: translateX(50%);
    max-width: calc(100vw - 2em);
  }
}

.header {
  display: flex;
  align-items: center;
}
.header__logo {
  margin-right: auto;
}
.header__logo--center {
  margin-left: auto;
}
.header__menu-item:not(:last-child) {
  margin-right: 1.6em;
}
.header__link {
  text-decoration: none;
  color: #343D43;
  font-size: 0.875em;
  font-weight: 800;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  outline: none;
  transition: background-size 0.25s, color 0.25s;
  background-size: 100% 0;
}
@media (hover: hover) and (pointer: fine) {
  .header__link:hover {
    background-size: 100% 1px;
    transition: background-size 0.1s, color 0.1s;
    color: #0597FF;
    color: var(--accent-color);
  }
}
.header__link:focus-visible {
  background-size: 100% 1px;
  transition: background-size 0.1s, color 0.1s;
  color: #0597FF;
  color: var(--accent-color);
}
.header__link.focus-visible {
  background-size: 100% 1px;
  transition: background-size 0.1s, color 0.1s;
  color: #0597FF;
  color: var(--accent-color);
}
.header__menu {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-shrink: 0;
}
.header--right {
  justify-content: flex-end;
}
@media screen and (min-width: 835px) {
  .header__form:not(:first-child) {
    margin-left: 2em;
  }
  .header__form:not(:last-child) {
    margin-right: 2em;
  }
}
@media screen and (max-width: 834px) {
  .header {
    flex-wrap: wrap;
  }
  .header__form {
    order: 1;
    margin: 0 auto;
  }
  .header--small .header__logo, .header--small .header__menu {
    margin-bottom: 1.25em;
  }
}
@media screen and (max-width: 667px) {
  .header__link {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .header {
    margin-left: -0.5em;
    margin-right: -0.5em;
  }
}
@media screen and (max-width: 374px) {
  .header {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .header__logo {
    margin-right: 0;
    margin-bottom: 1em;
  }
}

.form {
  position: relative;
  width: 100%;
}
.form--separate {
  display: flex;
}
.form--separate > *:not(:last-child) {
  margin-right: 0.625em;
}
.form--anim {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.form__icon {
  position: absolute;
  transform: translate(-50%, -50%);
  fill: #ced0d1;
  pointer-events: none;
}
.form:not(.form--separate) .form__icon {
  top: 2.56em;
  left: 2.56em;
}
.form--separate .form__icon {
  top: 2em;
  left: 1.875em;
}
.form__button {
  flex-shrink: 0;
}
.form:not(.form--separate) .form__button {
  position: absolute;
  z-index: 1;
  top: 0.6875em;
  right: 0.6875em;
}
.form--separate .form__button {
  box-shadow: inset 0 0 0 0 rgba(5, 151, 255, 0.3), 1.25em 0.625em 3.75em rgba(5, 151, 255, 0.15);
  box-shadow: inset 0 0 0 0 var(--accent-color-opacity-03), 1.25em 0.625em 3.75em var(--accent-color-opacity-015);
}
.form__input-outer {
  position: relative;
  width: 100%;
}
.form__input {
  background-color: #fff;
  width: 100%;
  line-height: 2;
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  cursor: text;
  box-shadow: inset 0 0 0 1px #0597FF, 1.25em 0.625em 3.75em #0597FF;
  box-shadow: inset 0 0 0 1px var(--accent-color-opacity-03), 1.25em 0.625em 3.75em var(--accent-color-opacity-015);
  transition: box-shadow 0.1s;
}
.form__input--select-open, .form__input:not(.form__input--invalid):focus-within {
  box-shadow: inset 0 0 0 1px #0597ff, 1.25em 0.625em 3.75em rgba(5, 151, 255, 0.15);
  box-shadow: inset 0 0 0 1px var(--accent-color-opacity-03), 1.25em 0.625em 3.75em var(--accent-color-opacity-015);
}
.form__input--invalid {
  box-shadow: inset 0 0 0 1px #ff4c4c, 1.25em 0.625em 3.75em rgba(5, 151, 255, 0.15);
  box-shadow: inset 0 0 0 1px #ff4c4c, 1.25em 0.625em 3.75em var(--accent-color-opacity-015);
}
.form__input--select {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  min-height: 4em;
}
.form__input-icon {
  fill: #0597FF;
  fill: var(--accent-color);
}
.form:not(.form--separate) .form__input {
  border-radius: 1.25em;
  box-shadow: inset 0 0 0 1px #0597FF, 1.25em 0.625em 3.75em #0597FF;
  box-shadow: inset 0 0 0 1px var(--accent-color), 1.25em 0.625em 3.75em var(--accent-color-opacity-015);
}
.form:not(.form--separate) .form__input:not(.form__input--tagify) {
  padding: 1.56em 10.5em 1.56em 4.75em;
}
.form:not(.form--separate) .form__input--tagify {
  padding: 1.5em 10.5em 1.5em 4em;
}
.form--separate .form__input {
  border-radius: 0.875em;
}
.form--separate .form__input:not(.form__input--tagify) {
  padding: 1em 1em 1em 3.25em;
}
.form__eraser {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  font-size: 1em;
  width: 0;
  height: 0;
  opacity: 0;
  margin-top: 0.9em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ced0d1;
  border: 1px solid transparent;
  flex-shrink: 0;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s, width 0.25s, height 0.25s, margin-top 0.25s, opacity 0.25s;
}
@media (hover: hover) and (pointer: fine) {
  .form__eraser:hover {
    background-color: transparent;
    border-color: #FF341B;
    color: #FF341B;
  }
}
.form__eraser:focus-visible {
  background-color: transparent;
  border-color: #FF341B;
  color: #FF341B;
}
.form__eraser.focus-visible {
  background-color: transparent;
  border-color: #FF341B;
  color: #FF341B;
}
.form__eraser--visible {
  width: 1.25em;
  height: 1.25em;
  margin-top: 0.375em;
  opacity: 1;
}
.form:not(.form--separate) .form__eraser {
  margin-right: 1em;
}
.form__eraser-icon {
  fill: currentColor;
}
.form__field-outer {
  position: relative;
  width: 100%;
  margin-right: 0.5em;
  overflow: hidden;
}
.form__field-outer:before, .form__field-outer:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background-image: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.1s;
  pointer-events: none;
}
.form__field-outer:before {
  left: 0;
}
.form__field-outer:after {
  right: 0;
  transform: rotate(180deg);
}
.form__field-outer--left:before {
  opacity: 1;
}
.form__field-outer--right:after {
  opacity: 1;
}
.form__field {
  font-size: 1em;
  background: none;
  outline: none;
  border: none;
  width: 100%;
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #000;
}
.form__field::placeholder {
  color: #AEB1B4;
}
.form--small {
  min-height: 3.83em;
  z-index: 2;
}
.form--small .form__input {
  line-height: 1.25;
  border-radius: 1em;
}
.form--small .form__input:not(.form__input--tagify) {
  padding: 1.25em 9em 1.2em 3.5em;
}
.form--small .form__input:not(.form__input--tagify) .form__eraser {
  margin-top: 0.7em;
}
.form--small .form__input:not(.form__input--tagify) .form__eraser--visible {
  margin-top: 0em;
}
.form--small .form__input--tagify {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100%;
  padding: 1em 10em 0.65em 3.5em;
}
.form--small .form__field::placeholder {
  font-size: 0.875em;
}
.form--small .form__button {
  top: 0.5em;
  right: 0.5em;
}
.form--small .form__icon {
  top: 1.875em;
  left: 1.875em;
}
@media screen and (max-width: 834px) {
  .form:not(.form--small) .form__input:not(.form__input--tagify) .form__eraser {
    margin-top: 0.5em;
  }
  .form:not(.form--small) .form__input:not(.form__input--tagify) .form__eraser--visible {
    margin-top: 0em;
  }
  .form:not(.form--small) .form__input--select {
    min-height: 3.5em;
  }
  .form:not(.form--small) .form__field::placeholder {
    font-size: 0.875em;
  }
  .form:not(.form--small).form--separate .form__input {
    line-height: 1;
    border-radius: 0.65em;
  }
  .form:not(.form--small).form--separate .form__input:not(.form__input--tagify) {
    padding: 1.125em 0.75em 1em 3.16em;
  }
  .form:not(.form--small).form--separate .form__input--tagify {
    padding: 1.1875em 1em 0.9375em 3.5em;
  }
  .form:not(.form--small).form--separate .form__icon {
    top: 1.75em;
    left: 1.75em;
  }
  .form:not(.form--small):not(.form--separate) .form__input {
    line-height: 1.25;
    border-radius: 1em;
  }
  .form:not(.form--small):not(.form--separate) .form__input:not(.form__input--tagify) {
    padding: 1.48em 10em 1.35em 4.16em;
  }
  .form:not(.form--small):not(.form--separate) .form__input--tagify {
    padding: 1.1875em 10em 0.9375em 3.5em;
  }
  .form:not(.form--small):not(.form--separate) .form__button {
    top: 0.4em;
    right: 0.4em;
  }
  .form:not(.form--small):not(.form--separate) .form__icon {
    top: 2.125em;
    left: 2.125em;
  }
  .form--small {
    min-height: 2.93em;
  }
  .form--small .form__input:not(.form__input--tagify) {
    padding: 0.85em 7.225em 0.7em 3em;
  }
  .form--small .form__input:not(.form__input--tagify) .form__eraser {
    margin-top: 0.5em;
  }
  .form--small .form__input:not(.form__input--tagify) .form__eraser--visible {
    margin-top: 0em;
  }
  .form--small .form__input--tagify {
    padding: 0.55em 10em 0.3em 2.75em;
  }
  .form--small .form__icon {
    top: 1.5em;
    left: 1.5em;
  }
  .form--small .form__button {
    top: 0.375em;
    right: 0.375em;
  }
}
@media screen and (max-width: 667px) {
  .form:not(.form--small) .form__input {
    margin-bottom: 1em;
    border-radius: 0.75em;
  }
  .form:not(.form--small) .form__input .form__eraser {
    margin-right: 0;
  }
  .form:not(.form--small) .form__input:not(.form__input--tagify) .form__eraser {
    margin-top: 0.5em;
  }
  .form:not(.form--small) .form__input:not(.form__input--tagify) .form__eraser--visible {
    margin-top: 0.1em;
  }
  .form:not(.form--small) .form__input--select {
    min-height: 3.425em;
  }
  .form:not(.form--small) .form__input--tagify {
    padding: 0.875em 1em 0.6em 3.34em;
  }
  .form:not(.form--small) .form__input--tagify .form__eraser {
    margin-top: 0.75em;
  }
  .form:not(.form--small) .form__input--tagify .form__eraser--visible {
    margin-top: 0.25em;
  }
  .form:not(.form--small).form--separate {
    flex-direction: column;
  }
  .form:not(.form--small).form--separate > *:not(:last-child) {
    margin-right: 0;
  }
  .form:not(.form--small).form--separate .form__input:not(.form__input--tagify) {
    padding: 1em 1em 1em 3.25em;
  }
  .form:not(.form--small).form--separate .form__icon {
    top: 1.75em;
    left: 1.75em;
  }
  .form:not(.form--small):not(.form--separate) .form__input:not(.form__input--tagify) {
    padding: 1.1em 1.3em 1.1em 4em;
  }
  .form:not(.form--small):not(.form--separate) .form__button {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
  .form:not(.form--small):not(.form--separate) .form__icon {
    top: 1.75em;
    left: 1.75em;
  }
  .form--small .form__input .form__eraser {
    margin-right: 0.75em;
  }
  .form--small .form__input:not(.form__input--tagify) {
    padding: 0.85em 6.75em 0.7em 3em;
  }
  .form--small .form__input--tagify {
    padding: 0.55em 6.75em 0.25em 2.75em;
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.menu-button {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  color: #343D43;
  font-size: 1em;
  z-index: 3;
  display: flex;
  border: 1px solid #ced0d1;
  padding: 0 1em 0 1.25em;
  border-radius: 2em;
  flex-wrap: nowrap;
  align-items: center;
  transition: color 0.25s, border-color 0.25s, background-color 0.25s;
}
.menu-button__text {
  line-height: 2.5;
  font-size: 0.875em;
  font-weight: 800;
  margin-right: 0.75em;
}
.menu-button__icons {
  position: relative;
  display: inline-block;
  width: 0.625em;
}
.menu-button__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #0597FF;
  fill: var(--accent-color);
  transition: opacity 0.25s;
}
.menu-button:not(.menu-button--active) .menu-button__icon:first-child {
  opacity: 1;
}
.menu-button:not(.menu-button--active) .menu-button__icon:last-child {
  opacity: 0;
}
.menu-button--active .menu-button__icon:first-child {
  opacity: 0;
}
.menu-button--active .menu-button__icon:last-child {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .menu-button:hover {
    background-color: #fff;
    border-color: #0597FF;
    border-color: var(--accent-color);
    color: #0597FF;
    color: var(--accent-color);
    transition: color 0.1s, border-color 0.1s, background-color 0.1s;
  }
}
.menu-button:focus-visible {
  background-color: #fff;
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s, border-color 0.1s, background-color 0.1s;
}
.menu-button.focus-visible {
  background-color: #fff;
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s, border-color 0.1s, background-color 0.1s;
}
@media screen and (max-width: 555px) {
  .menu-button__text {
    line-height: 2.25;
  }
}
@media screen and (max-width: 374px) {
  .menu-button {
    padding-left: 0.75em;
    padding-right: 0.5em;
  }
  .menu-button__text {
    margin-right: 0.5em;
    line-height: 2;
  }
}

.menu-tools {
  display: grid;
  gap: 1.5em 1em;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
  padding-top: 1em;
  padding-bottom: 1em;
}
.menu-tools:not(:last-child) {
  padding-bottom: 2em;
}
.menu-tools__icon {
  position: absolute;
  max-height: 2em;
  max-width: 2em;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.menu-tools__text {
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1em;
}
.menu-tools__link {
  position: relative;
  text-decoration: none;
  color: #343D43;
  transition: color 0.25s;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  font-size: 0.875em;
  min-height: 2em;
  padding-left: 2.5em;
  outline: none;
}
.menu-tools__link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  border-radius: 0.5em;
  border: 1px solid #0597FF;
  border-color: var(--accent-color);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s;
}
@media (hover: hover) and (pointer: fine) {
  .menu-tools__link:hover {
    color: #0597FF;
    color: var(--accent-color);
    transition: color 0.1s;
  }
}
.menu-tools__link:focus-visible {
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s;
}
.menu-tools__link:focus-visible:before {
  opacity: 1;
}
.menu-tools__link.focus-visible {
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s;
}
.menu-tools__link.focus-visible:before {
  opacity: 1;
}
@media screen and (max-width: 834px) {
  .menu-tools {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 555px) {
  .menu-tools {
    gap: 1em 1.5em;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 374px) {
  .menu-tools {
    grid-template-columns: repeat(1, 1fr);
  }
}

.menu-other {
  list-style: none;
  display: grid;
  margin-bottom: 1em;
  gap: 0.5em;
  grid-template-columns: repeat(5, 1fr);
}
.menu-other--four-columns {
  grid-template-columns: repeat(4, 1fr);
}
.menu-other__link {
  position: relative;
  text-decoration: none;
  color: #343D43;
  transition: color 0.25s;
  outline: none;
  font-size: 0.875em;
}
.menu-other__link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -0.25em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.25em;
  border: 1px solid #0597FF;
  border-color: var(--accent-color);
  border-radius: 0.5em;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s;
}
@media (hover: hover) and (pointer: fine) {
  .menu-other__link:hover {
    color: #0597FF;
    color: var(--accent-color);
    transition: color 0.1s;
  }
}
.menu-other__link:focus-visible {
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s;
}
.menu-other__link:focus-visible:before {
  opacity: 1;
}
.menu-other__link.focus-visible {
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s;
}
.menu-other__link.focus-visible:before {
  opacity: 1;
}
@media screen and (max-width: 1020px) {
  .menu-other {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 834px) {
  .menu-other {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 555px) {
  .menu-other {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 374px) {
  .menu-other {
    grid-template-columns: repeat(1, 1fr);
  }
}

.menu {
  --scrollbar-width: 0px;
  position: absolute;
  padding-bottom: 1.5em;
  z-index: 2;
  background-color: #fff;
  left: 50%;
  width: 100vw;
  width: calc(100vw - var(--scrollbar-width));
  transform: translateX(-50%);
  padding-left: 0;
  padding-left: var(--scrollbar-width);
  top: 0;
  padding-top: 5.8125em;
  border-bottom: 2px solid #0597FF;
  border-bottom: 2px solid var(--accent-color);
  box-shadow: 1.25em 0.625em 3.75em rgba(5, 151, 255, 0.15);
  box-shadow: 1.25em 0.625em 3.75em var(--accent-color-opacity-015);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s;
}
.menu--visible {
  pointer-events: auto;
  opacity: 1;
}
.menu__tools {
  padding-top: 2em;
}
.menu__tools:not(:last-child) {
  margin-bottom: 1.25em;
}
.menu__subtitle {
  font-size: 1.125em;
  font-weight: 800;
  text-align: center;
  margin-bottom: 1.125em;
}
@media screen and (min-width: 668px) {
  .menu > * {
    opacity: 0;
    transform: translateY(1.5em);
    transition: transform 0.25s, opacity 0.25s;
  }
  .menu--visible > * {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 834px) {
  .menu__tools {
    padding-top: 1.5em;
  }
}
@media screen and (max-width: 374px) {
  .menu {
    padding-bottom: 1.5em;
  }
  .menu__subtitle {
    text-align: left;
  }
}

.top {
  position: relative;
}
.top:not(.top--fade) {
  padding: 3.5em 0;
}
.top--fade {
  padding: 3.5em 0 0;
}
.top .top__menu {
  top: -3.5em;
}
.top__header {
  position: relative;
  z-index: 3;
  margin-bottom: 8em;
  transition: transform 0.25s;
}
.top__header--small-margin {
  margin-bottom: 2.5em;
}
.top__form {
  max-width: 40em;
  margin: 0 auto;
}
.top__form--min-height {
  min-height: 10em;
}
.top__form.form--separate.form--big {
  max-width: 50em;
}
.top__form.form--separate.form--min {
  max-width: 30em;
}
.top__title {
  text-align: center;
  font-weight: 800;
  font-size: 3.5em;
  line-height: 1.15;
  margin-bottom: 0.3em;
  color: #191B1C;
}
.top__text {
  text-align: center;
  font-weight: 500;
  font-size: 1.4em;
  line-height: 1.4;
  margin: 0 4.5em;
}
.top__text:not(:last-child) {
  margin-bottom: 1.25em;
}
.top--min .top__header {
  margin-bottom: 0;
}
@media screen and (min-width: 668px) {
  .top__header--up {
    transform: translateY(-1.5em);
  }
}
@media screen and (max-width: 834px) {
  .top__title {
    font-size: 3.5em;
  }
  .top__text {
    font-size: 1.25em;
    margin: 0;
  }
  .top__form {
    max-width: none;
  }
  .top--min {
    padding: 1.5em 0;
  }
  .top--min .top__menu {
    top: -1.5em;
  }
}
@media screen and (max-width: 667px) {
  .top:not(.top--fade) {
    padding: 1.5em 0;
  }
  .top:not(.top--fade) .top__menu {
    top: -1.5em;
  }
  .top--fade {
    padding: 2.5em 0 0;
  }
  .top--fade .top__menu {
    top: -2.5em;
  }
  .top__header {
    margin-bottom: 3.5em;
  }
  .top__header--small-margin {
    margin-bottom: 1.5em;
  }
  .top__title {
    font-size: 2em;
  }
  .top__text {
    font-size: 1em;
  }
  .top__form {
    max-width: 27.5em;
  }
  .top__form:not(:last-child) {
    margin-bottom: 1.5em;
  }
  .top__form--min-height {
    min-height: 0;
  }
  .top__form--min-height:not(:last-child) {
    margin-bottom: 3.5em;
  }
}

.theme-blue .top:not(.top--fade),
.theme-emerald .top:not(.top--fade),
.theme-orange .top:not(.top--fade),
.theme-pumpkin .top:not(.top--fade),
.theme-purple .top:not(.top--fade),
.theme-violet .top:not(.top--fade) {
  background-image: linear-gradient(90deg, #FEEFE5, #E3FBF4, #EDF7FC);
  background-image: var(--accent-color-gradient);
}
.theme-blue .top--fade,
.theme-emerald .top--fade,
.theme-orange .top--fade,
.theme-pumpkin .top--fade,
.theme-purple .top--fade,
.theme-violet .top--fade {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, #fff), linear-gradient(90deg, #FCF5ED 0%, #E7FEEC 15%, #E2F8FC 50%, #E7FEEC 85%, #FCF5ED 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, #fff), var(--accent-color-gradient);
}

.how-link {
  display: none;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  text-decoration: none;
  color: #343D43;
  font-weight: 800;
  text-align: center;
  transition: color 0.25s;
}
.how-link__icon {
  fill: currentColor;
  margin-top: 0.5em;
}
@media screen and (max-width: 667px) {
  .how-link {
    display: flex;
  }
}
@media (hover: hover) and (pointer: fine) {
  .how-link:hover {
    color: #0597FF;
    color: var(--accent-color);
    transition: color 0.1s;
  }
}

.how__theme {
  font-weight: 800;
  letter-spacing: 0.04em;
  font-size: 0.875em;
  text-transform: uppercase;
  margin-bottom: 0.15em;
}
.how__title {
  font-size: 2em;
  font-weight: 800;
  color: #0597FF;
  color: var(--accent-color);
  line-height: 1.2;
  margin-bottom: 1.375em;
}
.how__texts {
  column-count: 2;
  column-gap: 3.3em;
}
.how__text {
  line-height: 1.7;
}
.how__text:not(:last-child) {
  margin-bottom: 1.7em;
}
@media screen and (max-width: 834px) {
  .how__texts {
    column-count: 1;
  }
}
@media screen and (max-width: 667px) {
  .how__title {
    font-size: 1.625em;
  }
}

.main-index__how {
  padding: 5.25em 0 3em;
}
@media screen and (max-width: 834px) {
  .main-index__how {
    padding: 3em 0 4em;
  }
}
@media screen and (max-width: 667px) {
  .main-index__how {
    padding: 3em 0;
  }
}

.page-link {
  position: relative;
  background-color: #fff;
  border-radius: 0.625em;
  box-shadow: 0px 0.625em 2.5em rgba(52, 61, 67, 0.1);
  text-decoration: none;
  color: #343D43;
  padding: 1.25em 1.75em;
  outline: none;
  transition: transform 0.25s, box-shadow 0.25s;
}
.page-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  border: 1px solid #0597FF;
  border: 1px solid var(--accent-color);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s;
}
.page-link__header {
  position: relative;
  min-height: 2.5em;
  display: flex;
  align-items: center;
  padding-left: 3.5em;
  margin-bottom: 0.5em;
}
.page-link__icon {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 2.5em;
  max-height: 2.5em;
  transform: translateY(-50%);
  fill: var(--accent-color);
}
.page-link__title {
  font-size: 1.125em;
  font-weight: 800;
  line-height: 1.1em;
  transition: color 0.25s;
}
.page-link__text {
  line-height: 1.5em;
  min-height: 4.5em;
}
@media (hover: hover) and (pointer: fine) {
  .page-link:hover {
    transform: translateY(-0.25em);
    box-shadow: 0px 0.625em 2.5em rgba(52, 61, 67, 0.15);
    transition: transform 0.1s, box-shadow 0.1s;
  }
  .page-link:hover .page-link__title {
    color: var(--accent-color);
    transition: color 0.1s;
  }
}
.page-link:focus-visible {
  transform: translateY(-0.25em);
  box-shadow: 0px 0.625em 2.5em rgba(52, 61, 67, 0.15);
  transition: transform 0.1s, box-shadow 0.1s;
}
.page-link:focus-visible:before {
  opacity: 1;
}
.page-link:focus-visible .page-link__title {
  color: var(--accent-color);
  transition: color 0.1s;
}
.page-link.focus-visible {
  transform: translateY(-0.25em);
  box-shadow: 0px 0.625em 2.5em rgba(52, 61, 67, 0.15);
  transition: transform 0.1s, box-shadow 0.1s;
}
.page-link.focus-visible:before {
  opacity: 1;
}
.page-link.focus-visible .page-link__title {
  color: var(--accent-color);
  transition: color 0.1s;
}
@media screen and (max-width: 834px) {
  .page-link {
    box-shadow: 0px 0.5em 1.5em rgba(52, 61, 67, 0.1);
    padding: 0.75em 1.25em 1.25em;
  }
  .page-link__text {
    min-height: 0;
  }
}
@media screen and (max-width: 555px) {
  .page-link {
    box-shadow: 0px 0.35em 1em rgba(52, 61, 67, 0.07);
    padding: 0.75em 1.1em 1em;
  }
  .page-link__title {
    line-height: 1.2em;
  }
  .page-link__text {
    font-size: 0.875em;
  }
}

.pages {
  display: grid;
  gap: 1.5em 1.25em;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 834px) {
  .pages {
    gap: 1em 1em;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 555px) {
  .pages {
    gap: 0.75em;
    grid-template-columns: 1fr;
  }
}

.saved-label {
  display: flex;
  align-items: center;
  padding: 0.45em 1em;
  background-color: #fff8eb;
  border-radius: 2em;
  border: 1px solid #fff3dc;
  cursor: pointer;
  transition: border-color 0.25s, background-color 0.25s;
}
.saved-label__text {
  font-size: 1em;
  line-height: 1.4;
  font-weight: 500;
  white-space: nowrap;
}
.saved-label__star {
  margin-right: 0.6em;
  fill: #FFC04D;
}
.saved-label__text {
  margin-right: 0.6em;
}
.saved-label__counter {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 0.875em;
  margin-right: 0.75em;
  min-width: 1.7em;
  max-width: 2.5em;
  line-height: 1;
  font-family: "Archivo", "Manrope", "Open Sans", Helvetica, Arial, sans-serif;
  color: #FFC04D;
  border-radius: 50%;
}
.saved-label__counter:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  left: 50%;
  top: 50%;
  padding-bottom: 100%;
  transform: translate(-50%, -50%) scale(1.25);
  background-color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 192, 77, 0);
  border-radius: 50%;
  transition: box-shadow 0.1s;
}
.saved-label__icon {
  transform: rotate(0deg);
  transition: transform 0.25s;
}
@media screen and (max-width: 667px) {
  .saved-label {
    padding: 0.45em 0.75em;
  }
  .saved-label__text {
    font-size: 0.875em;
  }
  .saved-label__hide-mob {
    display: none;
  }
}

.popup-input:checked ~ .saved-label {
  border-color: #FFC04D;
  transition: border-color 0.1s;
}

.popup-input.focus-visible ~ .saved-label {
  background-color: #fff;
  border-color: #FFC04D;
  transition: border-color 0.1s;
}
.popup-input.focus-visible ~ .saved-label .saved-label__counter:before {
  box-shadow: inset 0 0 0 1px #FFC04D;
}

.popup-input:focus-visible ~ .saved-label {
  background-color: #fff;
  border-color: #FFC04D;
  transition: border-color 0.1s;
}
.popup-input:focus-visible ~ .saved-label .saved-label__counter:before {
  box-shadow: inset 0 0 0 1px #FFC04D;
}

@media (hover: hover) and (pointer: fine) {
  .saved-label:hover {
    border-color: #FFC04D;
    transition: border-color 0.1s;
  }
}
.popup-input:checked ~ .saved-label .saved-label__icon {
  transform: rotate(180deg);
  transition: transform 0.1s;
}

.remove-confirm {
  position: absolute;
  z-index: 2;
  top: -0.625em;
  left: -0.625em;
  right: -0.625em;
  bottom: -0.625em;
  border-radius: 0.5em;
  background-color: rgba(255, 255, 255, 0.75);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s;
}
.remove-confirm__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: calc(100% - 1.25em);
  background-color: #fff;
  box-shadow: 0 1em 3.75em rgba(52, 61, 67, 0.15);
  border-radius: 0.5em;
  padding: 1.25em 0.75em 0.75em;
  transform: translate(-50%, -50%) scale(0.95);
  transition: transform 0.25s;
}
.remove-confirm__text {
  font-weight: 500;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1.25em;
}
.remove-confirm__buttons {
  display: flex;
  flex-wrap: nowrap;
}
.remove-confirm__button {
  width: 50%;
}
.remove-confirm__button:first-child {
  margin-right: 0.75em;
}
.remove-confirm--visible {
  opacity: 1;
  pointer-events: auto;
}
.remove-confirm--visible .remove-confirm__content {
  transform: translate(-50%, -50%) scale(1);
}
@media screen and (max-width: 834px) {
  .remove-confirm {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .remove-confirm__content {
    width: 25em;
    max-width: calc(100% - 2em);
  }
}
@media screen and (max-width: 555px) {
  .remove-confirm__button {
    font-size: 0.75em;
  }
}

.saved {
  position: relative;
}
.saved__content {
  position: relative;
  height: 100%;
  overflow: auto;
}
.saved__content:before {
  content: none;
  position: absolute;
  top: 50%;
  line-height: 1.4;
  margin-top: -0.7em;
  font-size: 1em;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-align: center;
  width: 100%;
}
.saved__content--empty:before {
  content: attr(data-text-empty);
}
.saved__list {
  list-style: none;
}
.saved__item:not(:last-child) {
  margin-bottom: 0.625em;
}
.saved__button {
  width: 100%;
}
.saved__button:not(:last-child) {
  margin-right: 0.625em;
}
.saved__footer {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 0.625em;
  flex-shrink: 0;
}
.saved__popup {
  width: 25em;
}
.saved__popup--big {
  width: 35em;
}
@media screen and (max-width: 555px) {
  .saved__button {
    font-size: 0.75em;
  }
}
@media screen and (min-width: 835px) {
  .saved__content {
    min-height: 20em;
  }
}

.results-header {
  display: flex;
  align-items: center;
}
.results-header__counter {
  font-weight: 800;
  font-size: 1.125em;
}
.results-header__counter-highlight {
  color: #0597FF;
  color: var(--accent-color);
}
.results-header__saved {
  margin-left: auto;
}
@media screen and (max-width: 374px) {
  .results-header__counter {
    font-size: 1em;
  }
}

.item {
  background-color: #f1f8fe;
  background-color: var(--accent-color-lightest);
  padding: 0.375em 0.375em 0.375em 1em;
  border-radius: 0.625em;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.item--hidden {
  display: none;
}
.item__text {
  position: relative;
  padding: 0.3em 0;
  width: 100%;
  line-height: 1.7;
  min-height: 2.3em;
  font-weight: 500;
}
.item__text--singleline {
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: visible;
}
@media (hover: hover) and (pointer: fine) {
  .item__text--singleline-hover {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: visible;
  }
}
.item__text-inner {
  display: inline-block;
  vertical-align: top;
  overflow-x: hidden;
  overflow-y: visible;
  text-overflow: ellipsis;
}
.item__text-inner--in {
  transition: opacity 0.5s, transform 0.5s;
}
.item__text-inner--out {
  overflow: hidden;
  transition: opacity 0.5s, transform 0.5s, height 0.5s;
}
.item__text-inner--in {
  position: absolute;
  left: 0;
  transform: translateX(1em);
  opacity: 0;
}
.item__text-inner--in.item__text-inner--anim {
  transform: translateX(0);
  opacity: 1;
}
.item__text-inner--out {
  transform: translateX(0);
  opacity: 1;
}
.item__text-inner--out.item__text-inner--anim {
  transform: translateX(-1em);
  opacity: 0;
}
.item__text--big {
  padding: 0;
}
.item__text--big .item__text-inner {
  font-size: 1.3em;
}
.item__buttons {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-left: auto;
  flex-shrink: 0;
  padding-left: 0.5em;
}
.item__button {
  position: relative;
  display: inline-block;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  color: #343D43;
  font-size: 1em;
  width: 2.25em;
  height: 2.25em;
  background-color: #fff;
  border-radius: 0.5em;
  border: 1px solid transparent;
  transform: translateY(0);
  transition: border-color 0.25s, color 0.25s, width 0.25s, height 0.25s, opacity 0.25s, transform 0.25s;
}
.item__button:not(:last-child) {
  margin-right: 0.35em;
}
@media (hover: hover) and (pointer: fine) {
  .item__button--hover-fade {
    opacity: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .item__button:not(.item__button--copied):not(.item__button--not-copied):hover {
    border-color: #0597FF;
    border-color: var(--accent-color);
    color: #0597FF;
    color: var(--accent-color);
    transition: border-color 0.1s, color 0.1s, width 0.1s, height 0.1s, opacity 0.1s, transform 0.1s;
  }
}
.item__button:not(.item__button--copied):not(.item__button--not-copied):focus-visible {
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: border-color 0.1s, color 0.1s, width 0.1s, height 0.1s, opacity 0.1s, transform 0.1s;
}
.item__button:not(.item__button--copied):not(.item__button--not-copied).focus-visible {
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: border-color 0.1s, color 0.1s, width 0.1s, height 0.1s, opacity 0.1s, transform 0.1s;
}
.item__button[data-text-copied]:before {
  content: attr(data-text-copied);
  position: absolute;
  z-index: -1;
  height: 2.5714285714em;
  line-height: 2.5714285714em;
  background-color: #fff;
  top: -1px;
  right: 100%;
  font-size: 0.875em;
  border-radius: inherit;
  margin-right: -1em;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 0 1.5em 0 1em;
  box-shadow: -0.5em 0 1.25em -0.5em rgba(52, 61, 67, 0.2);
  opacity: 0;
  transform: translateX(5%) scale(1);
  transform-origin: right top;
  white-space: nowrap;
  pointer-events: none;
  transition: opacity 0.25s, transform 0.25s, color 0.25s 0.25s;
}
.item__button[data-text-copied].item__button--copied, .item__button[data-text-copied].item__button--not-copied {
  pointer-events: none;
}
.item__button[data-text-copied].item__button--copied:before, .item__button[data-text-copied].item__button--not-copied:before {
  opacity: 1;
  transform: translateX(0) scale(1);
  transition: opacity 0.25s, transform 0.25s, color 0s;
}
.item__button[data-text-copied].item__button--copied:before {
  color: #00C808;
}
.item__button[data-text-copied].item__button--not-copied:before {
  color: #FF341B;
}
.item__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1);
  transform-origin: center center;
  fill: currentColor;
  transition: opacity 0.1s, fill 0.1s, transform 0.1s;
}
.item__icon--star-edge {
  fill: transparent;
}
.item__icon--star {
  fill: #FFC04D;
  opacity: 0;
}
.item__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.item__input:checked ~ .item__button .item__icon--star {
  opacity: 1;
}
.item__input:not(:checked) ~ .item__button .item__icon--star-edge {
  fill: currentColor;
}
.item__input:focus-visible ~ .item__button {
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: border-color 0.1s, color 0.1s, width 0.1s, height 0.1s, opacity 0.1s, transform 0.1s;
}
.item__input.focus-visible ~ .item__button {
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: border-color 0.1s, color 0.1s, width 0.1s, height 0.1s, opacity 0.1s, transform 0.1s;
}
@media (hover: hover) and (pointer: fine) {
  .item:hover .item__button--hover-fade {
    opacity: 1;
  }
  .item:hover .item__button[data-text-copied]:before {
    transform: translateX(5%) scale(1);
  }
  .item:hover .item__button[data-text-copied].item__button--copied:before, .item:hover .item__button[data-text-copied].item__button--not-copied:before {
    transform: translateX(0) scale(1);
  }
  @supports selector(:focus-visible) {
    .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(:focus-visible) {
      width: 0;
      height: 0;
      opacity: 0;
      pointer-events: none;
      transform: translateY(1.125em);
    }
    .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(:focus-visible) .item__icon {
      transform: translate(-50%, -50%) scale(0);
    }
    .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(:focus-visible)[data-text-copied]:before {
      transform: translateX(5%) scale(0);
    }
    .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(:focus-visible)[data-text-copied].item__button--copied:before, .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(:focus-visible)[data-text-copied].item__button--not-copied:before {
      transform: translateX(0) scale(0);
    }
  }
  @supports not selector(:focus-visible) {
    .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(.focus-visible) {
      width: 0;
      height: 0;
      opacity: 0;
      pointer-events: none;
      transform: translateY(1.125em);
    }
    .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(.focus-visible) .item__icon {
      transform: translate(-50%, -50%) scale(0);
    }
    .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(.focus-visible)[data-text-copied]:before {
      transform: translateX(5%) scale(0);
    }
    .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(.focus-visible)[data-text-copied].item__button--copied:before, .results__content:not(.results__content--one-columns) .item:not(:hover):not(:focus-within) .item__button--hover-hide:not(.focus-visible)[data-text-copied].item__button--not-copied:before {
      transform: translateX(0) scale(0);
    }
  }
}

.results {
  height: auto;
  opacity: 1;
  transition: opacity 0.25s;
}
.results:not(.results--hidden) .item__text-inner {
  max-width: 100%;
}
.results__button-more {
  display: block;
  margin: 0 auto;
}
.results--inner-page .results__container {
  padding-top: 3em;
  padding-bottom: 3em;
}
.results--main-page .results__container {
  padding-top: 3em;
  padding-bottom: 5em;
}
.results--hidden {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.results__content {
  display: grid;
  gap: 1em 1.25em;
  grid-template-columns: 1fr;
  margin-bottom: 3em;
}
.results__content--two-columns {
  grid-template-columns: repeat(2, 1fr);
}
.results__content--three-columns {
  grid-template-columns: repeat(3, 1fr);
}
.results__content--four-columns {
  grid-template-columns: repeat(4, 1fr);
}
@media (hover: hover) and (pointer: fine) {
  .results__content--two-columns-hover {
    grid-template-columns: repeat(2, 1fr);
  }
  .results__content--three-columns-hover {
    grid-template-columns: repeat(3, 1fr);
  }
  .results__content--four-columns-hover {
    grid-template-columns: repeat(4, 1fr);
  }
}
.results__header {
  margin-bottom: 2.5em;
}
@media screen and (max-width: 1020px) {
  .results__content--four-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 834px) {
  .results__content--four-columns, .results__content--three-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 667px) {
  .results__content:not(.results__content--four-columns) {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 555px) {
  .results__content--four-columns {
    grid-template-columns: 1fr;
  }
}

.social {
  margin-bottom: 2.5em;
  list-style: none;
  display: flex;
  justify-content: center;
}
.social__item:not(:last-child) {
  margin-right: 0.75em;
}
.social__link {
  display: flex;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: #f1f8fe;
  background-color: var(--accent-color-lightest);
  border: 1px solid transparent;
  color: #343D43;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  outline: none;
}
@media (hover: hover) and (pointer: fine) {
  .social__link:hover {
    background-color: transparent;
    border-color: currentColor;
    transition: background-color 0.1s, border-color 0.1s, color 0.1s;
  }
  .social__link:hover.social__link--facebook {
    color: #1877f2;
  }
  .social__link:hover.social__link--twitter {
    color: #1da1f2;
  }
  .social__link:hover.social__link--pinterest {
    color: #e60023;
  }
  .social__link:hover.social__link--reddit {
    color: #ff4500;
  }
}
.social__link:focus-visible {
  background-color: transparent;
  border-color: currentColor;
  transition: background-color 0.1s, border-color 0.1s, color 0.1s;
}
.social__link:focus-visible.social__link--facebook {
  color: #1877f2;
}
.social__link:focus-visible.social__link--twitter {
  color: #1da1f2;
}
.social__link:focus-visible.social__link--pinterest {
  color: #e60023;
}
.social__link:focus-visible.social__link--reddit {
  color: #ff4500;
}
.social__link.focus-visible {
  background-color: transparent;
  border-color: currentColor;
  transition: background-color 0.1s, border-color 0.1s, color 0.1s;
}
.social__link.focus-visible.social__link--facebook {
  color: #1877f2;
}
.social__link.focus-visible.social__link--twitter {
  color: #1da1f2;
}
.social__link.focus-visible.social__link--pinterest {
  color: #e60023;
}
.social__link.focus-visible.social__link--reddit {
  color: #ff4500;
}
.social__icon {
  fill: currentColor;
}

.footer {
  padding: 3.5em 0;
}
.footer__title {
  font-weight: 800;
  font-size: 1.125em;
  margin-bottom: 1em;
  letter-spacing: 0.02em;
  text-align: center;
}
.footer__copyright {
  font-size: 0.875em;
  text-align: center;
}
.footer__link {
  color: #0597FF;
  color: var(--accent-color);
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  outline: none;
  transition: background-size 0.25s, color 0.25s;
  background-size: 100% 0;
}
@media (hover: hover) and (pointer: fine) {
  .footer__link:hover {
    background-size: 100% 1px;
    transition: background-size 0.1s, color 0.1s;
    color: #0597FF;
    color: var(--accent-color);
  }
}
.footer__link:focus-visible {
  background-size: 100% 1px;
  transition: background-size 0.1s, color 0.1s;
  color: #0597FF;
  color: var(--accent-color);
}
.footer__link.focus-visible {
  background-size: 100% 1px;
  transition: background-size 0.1s, color 0.1s;
  color: #0597FF;
  color: var(--accent-color);
}
@media screen and (max-width: 400px) {
  .footer__copyright {
    font-size: 0.75em;
  }
}

.ss-container {
  overflow: hidden;
}
.ss-container:not(.ss-no-scroll) {
  margin-right: -0.15625em;
  padding-right: 0.15625em;
}

.ss-wrapper {
  position: absolute;
  z-index: 1;
  width: calc(100% - 0.46875em);
  height: 100%;
}
.ss-wrapper:before, .ss-wrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  height: 1em;
  background-image: linear-gradient(#fff, rgba(255, 255, 255, 0));
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s;
}
.ss-wrapper:before {
  top: 0;
}
.ss-wrapper:after {
  bottom: 0;
  transform: rotate(180deg);
}

.ss-content {
  height: 100%;
  padding: 0 5em 0 0;
  margin-right: -5em;
  position: relative;
  overflow: auto;
  box-sizing: border-box;
  overflow-x: hidden;
}

.ss-track {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0.15625em;
  bottom: 0;
  width: 0.3125em;
  border-radius: 0.3125em;
  background: #f1f8fe;
  background: var(--accent-color-lightest);
}

.ss-thumb {
  position: relative;
  background: #0597FF;
  background: var(--accent-color);
  width: inherit;
  border-radius: inherit;
  cursor: pointer;
  transform: translateZ(0) scaleX(1);
  transition: transform 0.25s;
}
.ss-thumb:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%) scaleX(1.9);
  transition: transform 0s 0.25s;
}
.ss-thumb.ss-grabbed {
  transform: translateZ(0) scaleX(1.9);
  transition: transform 0.1s;
}
.ss-thumb.ss-grabbed:before {
  transform: translateX(-50%) scaleX(1);
  transition: transform 0s 0.1s;
}
@media (hover: hover) and (pointer: fine) {
  .ss-thumb:hover {
    transform: translateZ(0) scaleX(1.9);
    transition: transform 0.1s;
  }
  .ss-thumb:hover:before {
    transform: translateX(-50%) scaleX(1);
    transition: transform 0s 0.1s;
  }
}

.ss-container.ss-relative {
  position: relative;
}
.ss-container.ss-relative .ss-wrapper {
  position: relative;
}

.ss-container.ss-fade-top .ss-wrapper:before {
  opacity: 1;
}

.ss-container.ss-no-scroll .ss-track {
  display: none;
}
.ss-container.ss-no-scroll .ss-wrapper {
  width: 100%;
  padding-right: 0;
}

.ss-container.ss-fade-top .ss-wrapper:before {
  opacity: 1;
}

.ss-container.ss-fade-bottom .ss-wrapper:after {
  opacity: 1;
}

.ss-grabbed {
  user-select: none;
}

.custom-select {
  width: 100%;
  border-radius: inherit;
}
.custom-select--disabled {
  opacity: 0.333;
}
.custom-select__opener {
  display: block;
  cursor: pointer;
  width: 100%;
  outline: none;
  line-height: 1.4em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-select select {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-select__panel {
  background-color: #fff;
  position: absolute;
  display: flex;
  top: 100%;
  padding: 1em 0;
  margin-top: 0.625em;
  padding-left: 1px;
  padding-right: 1em;
  left: 0;
  max-height: 20vh;
  z-index: 2;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(5, 151, 255, 0.3), 1.25em 0.625em 3.75em rgba(5, 151, 255, 0.15);
  box-shadow: inset 0 0 0 1px var(--accent-color-opacity-03), 1.25em 0.625em 3.75em var(--accent-color-opacity-015);
  transform: translateY(0.25em);
  transition: opacity 0.25s, transform 0.25s;
}
.custom-select__panel-inner {
  position: relative;
  align-self: stretch;
  width: 100%;
  overflow: hidden;
}
.custom-select__panel-inner.ss-no-scroll {
  min-width: calc(100% + 1em - 1px);
}
.custom-select--open .custom-select__panel {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.1s, transform 0.1s;
}
.custom-select__option {
  position: relative;
  padding: 0.5em 0.5em 0.5em 2em;
  line-height: 1.25em;
  transition: color 0.25s;
}
.custom-select__option:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #c7e8ff;
  border-color: var(--accent-color-light);
  background-color: #f1f8fe;
  background-color: var(--accent-color-lightest);
  opacity: 0;
  pointer-events: none;
}
.custom-select__option--selected, .custom-select__option--focus, .custom-select__option:hover {
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s;
}
.custom-select__option--focus:before {
  opacity: 1;
}
.custom-select__panel-inner:not(.ss-no-scroll) .custom-select__option {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 75%, #fff);
}
.custom-select__optgroup > .custom-select__option {
  padding-left: 2em;
}
.custom-select__optgroup::before {
  content: attr(data-label);
  display: block;
  padding: 0.5em;
  color: #888;
}
@media screen and (max-width: 667px) {
  .custom-select__panel {
    margin-top: 1em;
    max-height: 40vh;
  }
}

.notice {
  list-style: none;
  position: fixed;
  z-index: 6;
  top: 1em;
  right: 1em;
  width: 25em;
  max-width: calc(100vw - 2em);
}
.notice__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.25s, opacity 0.25s;
  box-shadow: -0.625em 0.3125em 1.875em 0 rgba(255, 52, 27, 0.05);
  border-radius: 0.5em;
  background-color: #fff;
  display: flex;
  align-items: flex-start;
  padding: 0.5em 0.75em;
  border: 1px solid #fbdbd7;
}
.notice__item {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 0;
  transition: height 0.25s, margin-bottom 0.25s;
}
.notice__item--visible {
  margin-bottom: 0.5em;
}
.notice__item--visible .notice__content {
  opacity: 1;
  transform: scale(1);
}
.notice__item--attract .notice__content {
  animation: attract 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.notice__text {
  width: 100%;
  margin: 0 0.75em;
  font-weight: 500;
  line-height: 1.4em;
}
.notice__close {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  margin-top: 0.075em;
  font-size: 1em;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #343D43;
  border: 1px solid transparent;
  transition: color 0.25s, border-color 0.25s;
}
@media (hover: hover) and (pointer: fine) {
  .notice__close:hover {
    border-color: #0597FF;
    border-color: var(--accent-color);
    color: #0597FF;
    color: var(--accent-color);
    transition: color 0.1s, border-color 0.1s;
  }
}
.notice__close:focus-visible {
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s, border-color 0.1s;
}
.notice__close.focus-visible {
  border-color: #0597FF;
  border-color: var(--accent-color);
  color: #0597FF;
  color: var(--accent-color);
  transition: color 0.1s, border-color 0.1s;
}
.notice__type {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.1625em;
  border-radius: 50%;
  background-color: #FF341B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notice__type-icon, .notice__close-icon {
  fill: currentColor;
}
@media screen and (max-width: 555px) {
  .notice {
    width: 100%;
  }
}

@keyframes attract {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}