@charset "UTF-8";
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

html {
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15; /* 1. Correct the line height in all browsers. */
  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
  tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
}

/*
Sections
========
*/
body {
  margin: 0; /* Remove the margin in all browsers. */
}

/*
Text-level semantics
====================
*/
/**
Add the correct font weight in Chrome and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  border-color: currentcolor;
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
$y1 {number (px)} -- размер шрифта, С КОТОРОГО будет начинаться плавное изменение
$y2 {number (px)} -- размер шрифта, ДО КОТОРОГО будет происходить плавное изменение
$z1 {number (%)} -- высота линии, С КОТОРОЙ будет начинаться плавное изменение
$z2 {number (%)} -- высота линии, ДО КОТОРОЙ будет происходить плавное изменение
$x1 {number (px)} -- размер вьюпорта, С КОТОРОГО будет начинаться плавное изменение
$x2 {number (px)} -- размер вьюпорта, ДО КОТОРОГО будет происходить плавное изменение
*/
html {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Helvetica, system-ui, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

html,
body {
  height: 100%;
  min-height: 300px;
  color: #333;
}

.mth-layout {
  min-width: 320px;
  height: inherit;
  transition: all 0.2s;
}
.mth-layout__main {
  height: inherit;
  padding-top: 4.25rem;
  padding-bottom: 2.5rem;
  transition: all 0.3s;
}
.mth-layout__section-heading {
  margin: 0 0 1.25rem 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 3.125rem;
  font-weight: bold;
}

#mth-layout-is-toggled {
  display: none;
}

.mth-404 {
  display: flex;
  flex-direction: column;
  height: inherit;
  padding-bottom: 6.25rem;
  text-align: center;
  justify-content: center;
}

.mth-breadcrumb {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 2.5rem;
  border-bottom: 1px solid #eaeaea;
  font-weight: 300;
  font-size: 0.875rem;
  background-color: #fcfcfc;
}
@supports (backdrop-filter: saturate(180%) blur(20px)) {
  .mth-breadcrumb {
    background-color: rgba(245, 245, 245, 0.6);
    backdrop-filter: saturate(180%) blur(20px);
  }
}
.mth-breadcrumb__lst {
  overflow: hidden;
  overflow-x: scroll;
  margin: 0;
  padding: 0 1.25rem;
  list-style: none;
  text-align: left;
  white-space: nowrap;
  line-height: 2.5rem;
  direction: rtl;
}
.mth-breadcrumb__i {
  display: inline-block;
  direction: initial;
}
.mth-breadcrumb__i + .mth-breadcrumb__i {
  position: relative;
  margin-right: 0.5em;
  padding-right: 1.5em;
}
.mth-breadcrumb__i + .mth-breadcrumb__i:before {
  position: absolute;
  right: 0;
  width: 1em;
  content: "\\";
  text-align: center;
  color: lightgrey;
}

.mth-cloak {
  display: none !important;
}

.mth-h6 {
  margin: 0 0 0.5em;
  font-weight: bold;
  font-size: 0.5625rem;
  line-height: 1.2em;
}
@media (min-width: 320px) {
  .mth-h6 {
    font-size: calc(0.5625rem + 9 * (100vw - 320px) / (960 -  320));
    line-height: calc(1em + 1.8 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-h6 {
    font-size: 1.125rem;
    line-height: 1em;
  }
}
.mth-h6--light {
  font-weight: lighter;
}
.mth-h6__small {
  display: block;
  margin: 0.5em 0;
  font-weight: 100;
  font-size: 65%;
  color: #777;
}

.mth-h5 {
  margin: 0 0 0.5em;
  font-weight: bold;
  font-size: 0.78125rem;
  line-height: 1.2em;
}
@media (min-width: 320px) {
  .mth-h5 {
    font-size: calc(0.78125rem + 12.5 * (100vw - 320px) / (960 -  320));
    line-height: calc(1em + 2.5 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-h5 {
    font-size: 1.5625rem;
    line-height: 1em;
  }
}
.mth-h5--light {
  font-weight: lighter;
}
.mth-h5__small {
  display: block;
  margin: 0.5em 0;
  font-weight: 100;
  font-size: 65%;
  color: #777;
}

.mth-h4 {
  margin: 0 0 0.5em;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2em;
}
@media (min-width: 320px) {
  .mth-h4 {
    font-size: calc(1rem + 16 * (100vw - 320px) / (960 -  320));
    line-height: calc(1em + 3.2 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-h4 {
    font-size: 2rem;
    line-height: 1em;
  }
}
.mth-h4--light {
  font-weight: lighter;
}
.mth-h4__small {
  display: block;
  margin: 0.5em 0;
  font-weight: 100;
  font-size: 65%;
  color: #777;
}

.mth-h3 {
  margin: 0 0 0.5em;
  font-weight: bold;
  font-size: 1.21875rem;
  line-height: 1.2em;
}
@media (min-width: 320px) {
  .mth-h3 {
    font-size: calc(1.21875rem + 19.5 * (100vw - 320px) / (960 -  320));
    line-height: calc(1em + 3.9 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-h3 {
    font-size: 2.4375rem;
    line-height: 1em;
  }
}
.mth-h3--light {
  font-weight: lighter;
}
.mth-h3__small {
  display: block;
  margin: 0.5em 0;
  font-weight: 100;
  font-size: 65%;
  color: #777;
}

.mth-h2 {
  margin: 0 0 0.5em;
  font-weight: bold;
  font-size: 1.4375rem;
  line-height: 1.2em;
}
@media (min-width: 320px) {
  .mth-h2 {
    font-size: calc(1.4375rem + 23 * (100vw - 320px) / (960 -  320));
    line-height: calc(1em + 4.6 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-h2 {
    font-size: 2.875rem;
    line-height: 1em;
  }
}
.mth-h2--light {
  font-weight: lighter;
}
.mth-h2__small {
  display: block;
  margin: 0.5em 0;
  font-weight: 100;
  font-size: 65%;
  color: #777;
}

.mth-h1 {
  margin: 0 0 0.5em;
  font-weight: bold;
  font-size: 1.65625rem;
  line-height: 1.2em;
}
@media (min-width: 320px) {
  .mth-h1 {
    font-size: calc(1.65625rem + 26.5 * (100vw - 320px) / (960 -  320));
    line-height: calc(1em + 5.3 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-h1 {
    font-size: 3.3125rem;
    line-height: 1em;
  }
}
.mth-h1--light {
  font-weight: lighter;
}
.mth-h1__small {
  display: block;
  margin: 0.5em 0;
  font-weight: 100;
  font-size: 65%;
  color: #777;
}

.mth-txt {
  font-weight: 200;
  font-size: 0.875rem;
  line-height: 1.8em;
}
@media (min-width: 320px) {
  .mth-txt {
    font-size: calc(0.875rem + 6 * (100vw - 320px) / (960 -  320));
    line-height: calc(1.4em + 5.6 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-txt {
    font-size: 1.25rem;
    line-height: 1.4em;
  }
}

.mth-txt-success {
  color: #3a721c;
}

.mth-txt-danger {
  color: #721c24;
}

.mth-txt-muted {
  color: #777;
}

.mth-txt-center {
  text-align: center;
}

.mth-lnk {
  color: #337ab7;
  text-decoration: none;
}
.mth-lnk:hover {
  color: #23527c;
  text-decoration: underline;
}

.mth-button {
  display: inline-block;
  padding: 1.2em 1.9em;
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 1;
  color: #a2a2a2;
  border: none;
  border-radius: 5px;
  background-color: transparent;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1em;
}
.mth-button:focus, .mth-button:active, .mth-button:hover {
  text-decoration: none;
  color: #383838;
}
.mth-button:not(.mth-button--default):not(.mth-button--primary):hover {
  background-color: #f0f0f0;
}
.mth-button[disabled] {
  opacity: 0.5;
}
.mth-button--primary {
  color: white;
  border: 0;
  border-radius: 0;
  background-image: linear-gradient(#747474, #313131);
  box-shadow: none;
  font-style: normal;
}
.mth-button--primary:focus, .mth-button--primary:active, .mth-button--primary:hover {
  color: white;
}
.mth-button--default {
  color: #383838;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px currentColor;
  font-style: normal;
}
.mth-button--link {
  color: #337ab7;
}
.mth-button--link:focus, .mth-button--link:active, .mth-button--link:hover {
  color: #23527c;
}
.mth-button--xs {
  padding: 0.96em 1.52em;
  font-size: 0.72em;
}
.mth-button--sm {
  padding: 1.08em 1.71em;
  font-size: 0.81em;
}
.mth-button--lg {
  padding: 1.56em 2.09em;
  font-size: 0.99em;
}
.mth-button--block {
  display: block;
  width: 100%;
}
.mth-button--spacing.mth-button--block + .mth-button--spacing.mth-button--block {
  margin-top: 1em;
}
.mth-button--spacing + .mth-button--spacing:not(.mth-button--block) {
  margin-left: 1em;
}

.mth-editable-field {
  border: none;
  outline: none;
  background-color: transparent;
  box-shadow: none;
}
.mth-editable-field:hover, .mth-editable-field:focus {
  box-shadow: inset 0 0 0 1px #d0d0d0;
}
.mth-editable-field::placeholder {
  font-style: italic;
}
.mth-editable-field--block {
  display: block;
  width: 100%;
}
.mth-editable-field--center {
  text-align: center;
}

.mth-preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  text-align: center;
  font-size: 144px;
}

.mth-intro {
  display: flex;
  flex-direction: column;
  height: inherit;
  padding: calc(0.625rem + 5vh) calc(0.625rem + 5vw);
  text-align: center;
  justify-content: center;
}
@media (min-width: 901px) {
  .mth-intro {
    padding: calc(0.625rem + 5vh) calc(0.625rem + 45px);
  }
}
.mth-intro__hero {
  margin-bottom: 6.25rem;
}
.mth-intro__act-btn + .mth-intro__act-btn {
  margin-left: 1em;
}
@media (max-width: 421px) {
  .mth-intro__act-btn + .mth-intro__act-btn {
    margin-top: 1em;
    margin-left: 0;
  }
}
@media (max-width: 420px) {
  .mth-intro__act-btn {
    display: block;
    width: 100%;
  }
}

.mth-about {
  max-width: 68.75rem;
  margin-right: auto;
  margin-left: auto;
  padding: 1.5em;
  text-align: center;
}
.mth-about:after {
  position: fixed;
  bottom: 1.5rem;
  left: 0;
  width: 100%;
  height: 10rem;
  content: "";
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
@media (max-width: 599px) {
  .mth-about__group {
    margin-bottom: 5em;
  }
}
@media (min-width: 600px) {
  .mth-about__group {
    display: table;
    width: calc(100% - 1.25rem);
    margin: 0 0.625rem 3.125rem;
  }
}
@media (max-width: 599px) {
  .mth-about__pic {
    margin: 1.5em 0;
  }
}
@media (min-width: 600px) {
  .mth-about__pic {
    display: table-cell;
    width: 38.19660113%;
    text-align: center;
    vertical-align: middle;
  }
}
@media (max-width: 599px) {
  .mth-about__txt {
    margin: 1.5em 0;
    text-align: left;
  }
}
@media (min-width: 600px) {
  .mth-about__txt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
  }
  .mth-about__txt:first-child {
    padding-right: 2em;
  }
  .mth-about__txt:last-child {
    padding-left: 2em;
  }
}
.mth-about__img {
  max-width: 100%;
}
.mth-about__img-lnk {
  position: relative;
  display: block;
  cursor: pointer;
}
.mth-about__img-lnk-txt {
  position: absolute;
  z-index: 1;
  top: calc(50% - 0.5em);
  left: 0;
  width: 100%;
  transition: all 0.1s ease-in-out;
  opacity: 0;
  color: white;
  font-size: 1.875rem;
}
.mth-about__img-lnk:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: all 0.1s ease-in-out;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.mth-about__img-lnk:hover .mth-about__img-lnk-txt {
  opacity: 1;
}
.mth-about__img-lnk:hover:after {
  opacity: 1;
}
.mth-about__img--what {
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
}

.mth-examples {
  display: table;
  width: 100%;
  min-height: 100%;
  padding: 2em 0 3.75rem;
  text-align: center;
}
.mth-examples__cnt {
  display: table-cell;
  vertical-align: middle;
}
.mth-examples__lst {
  display: flex;
  padding: 0;
  list-style: none;
  justify-content: center;
  flex-wrap: wrap;
}
.mth-examples__i {
  display: flex;
  flex-direction: column;
  padding: 1em 0;
  justify-content: flex-end;
  flex-basis: 33%;
  flex-grow: 1;
  -webkit-flex: 1 1 auto;
}

.mth-key-features {
  display: flex;
  margin-bottom: 7em;
  flex-wrap: wrap;
  justify-content: space-around;
}
.mth-key-features__group {
  padding: 0.625rem;
  text-align: center;
  flex-basis: 31.25rem;
}
.mth-key-features__group--pulse:hover .mth-key-features__icon {
  animation-name: pulse;
}
.mth-key-features__group--flash:hover .mth-key-features__icon {
  animation-name: flash;
}
.mth-key-features__group--tada:hover .mth-key-features__icon {
  animation-name: tada;
}
.mth-key-features__icon {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.mth-key-features__icon--reliability {
  background: url(/img/feature-icons.png) 50% 315px;
}
.mth-key-features__icon--simplicity {
  background: url(/img/feature-icons.png) 50% 455px;
}
.mth-key-features__icon--speed {
  background: url(/img/feature-icons.png) 51% 620px;
}
.mth-key-features__lst {
  margin: 0;
  padding: 0;
  list-style: none;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.mth-smart-human {
  position: relative;
  width: 18.75rem;
  height: 18.75rem;
  margin: 1.25rem auto;
}
.mth-smart-human__head {
  display: block;
  width: 100%;
  height: 100%;
}
.mth-smart-human__wheel-big {
  top: 5%;
  left: 30%;
  width: 35%;
  animation-name: spincw;
  animation-duration: 3000ms;
  position: absolute;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.mth-smart-human__wheel-small {
  top: 37%;
  left: 29%;
  width: 20%;
  animation-name: spincr;
  animation-duration: 2000ms;
  position: absolute;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.mth-smart-human:hover .mth-smart-human__wheel-big {
  animation-duration: 1500ms;
}
.mth-smart-human:hover .mth-smart-human__wheel-small {
  animation-duration: 1000ms;
}

@keyframes spincw {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spincr {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.mth-decide {
  display: block;
  padding-bottom: 5rem;
}

.mth-decision {
  position: relative;
  min-height: 70vh;
  padding-inline: 0.9375rem;
  font-size: 0.875rem;
}
.mth-decision__bottom {
  display: flex;
  justify-content: space-between;
}
.mth-decision__actions {
  text-align: right;
}
.mth-decision__details {
  position: relative;
  overflow: auto;
  margin-bottom: 1.25rem;
}
.mth-decision__alters {
  width: 100%;
  border-collapse: collapse;
}
.mth-decision__alter-image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.mth-decision__alter-image:hover .mth-decision__alter-pic {
  display: initial;
}
.mth-decision__alter-pic {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  display: none;
  width: 40vw;
  height: 40vw;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
.mth-decision__alter-thumbnail {
  max-width: 4.375rem;
  max-height: 4.375rem;
}
.mth-decision__label {
  position: relative;
  width: 100%;
  margin: 0;
  font-weight: normal;
}
.mth-decision__select option {
  color: initial;
}
.mth-decision__row {
  border-bottom: 1px solid #ddd;
}
.mth-decision__row--accent {
  border-bottom: 2px solid #ddd;
}
.mth-decision__cell {
  min-width: 9.375rem;
  text-align: left;
  vertical-align: middle;
}
.mth-decision__cell--alter {
  min-width: 12.5rem;
}
.mth-decision__cell--heading {
  border-top: 0 !important;
}
.mth-decision__cell--controlled {
  overflow: hidden;
  padding-right: 0.7em !important;
  font-weight: normal;
}
.mth-decision__cell--control {
  vertical-align: bottom !important;
  border: 0 !important;
  font-size: 0;
  text-align: left;
}
.mth-decision__cell--alter-control {
  min-width: initial;
  text-align: right;
  white-space: nowrap;
  font-size: 0;
}
.mth-decision__best-alter {
  background-color: #dff0d8;
}
.mth-decision__best-record {
  color: #1ce01c;
  font-weight: bold;
}
.mth-decision__method-collapse-control {
  margin-bottom: 0.625rem;
}
.mth-decision__inline-button {
  font-size: 0.6875rem;
  vertical-align: middle;
}

.mth-decision-description {
  position: relative;
}
.mth-decision-description__html {
  padding: 0.625rem;
}
.mth-decision-description__empty {
  color: #777;
  font-style: italic;
}

.mth-conditions {
  margin: 0 0 1.25rem 0;
  border: none;
  padding: 0;
  font-weight: 200;
  font-size: 0.75rem;
  line-height: 1.4em;
}
@media (min-width: 320px) {
  .mth-conditions {
    font-size: calc(0.75rem + 2 * (100vw - 320px) / (960 -  320));
    line-height: calc(1.6em + -2.4 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-conditions {
    font-size: 0.875rem;
    line-height: 1.6em;
  }
}
.mth-conditions__i {
  display: block;
  margin-bottom: 0.3125rem;
  font-weight: 200;
}

.mth-my-decisions {
  position: relative;
  display: block;
  padding: 0.9375rem 0.9375rem 7.5rem;
}
.mth-my-decisions__lst {
  padding: 0;
  list-style: none;
}
.mth-my-decisions__i {
  position: relative;
}
.mth-my-decisions__lnk {
  display: flex;
  padding: 1.5em;
  transition: background-color 0.2s;
  border-radius: 5px;
  font-weight: 200;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.8em;
}
@media (min-width: 320px) {
  .mth-my-decisions__lnk {
    font-size: calc(0.875rem + 6 * (100vw - 320px) / (960 -  320));
    line-height: calc(1.4em + 5.6 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-my-decisions__lnk {
    font-size: 1.25rem;
    line-height: 1.4em;
  }
}
.mth-my-decisions__lnk:hover {
  text-decoration: none;
  background-color: #f0f0f0;
}
.mth-my-decisions__info {
  flex-grow: 1;
}
.mth-my-decisions__title--unnamed {
  color: grey;
}
.mth-my-decisions__details {
  color: grey;
  font-size: 0.8em;
}
.mth-my-decisions__details + .mth-my-decisions__details {
  margin-left: 1em;
}
.mth-my-decisions__actions {
  position: fixed;
  right: 0;
  bottom: 2.5rem;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 5rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
}
.mth-my-decisions__actions:before {
  position: fixed;
  bottom: 7.5rem;
  left: 0;
  width: 100%;
  height: 2.5rem;
  content: "";
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
@media (min-width: 31.25rem) {
  .mth-my-decisions__actions {
    align-items: flex-start;
  }
}
@media (min-width: 37.5rem) {
  .mth-my-decisions__create-decision-btn {
    max-width: 21.875rem;
  }
}

.mth-navigation {
  position: fixed;
  z-index: 1;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.mth-navigation__overlay {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: 0.3s ease-in-out;
  pointer-events: none;
  opacity: 0;
  background-color: #fff;
}
.mth-navigation__lst {
  position: fixed;
  z-index: 4;
  top: 0;
  right: -20rem;
  margin: 0;
  overflow-y: scroll;
  width: 65%;
  min-width: 15.625rem;
  max-width: 18.75rem;
  height: 1px;
  min-height: calc(100% - 2.5rem);
  padding: 4.25rem 0;
  list-style: none;
  transition: 0.3s ease-in-out;
  box-shadow: 0 0 1.25rem 0 rgba(181, 181, 181, 0.6);
  background-color: #fcfcfc;
}
@supports (backdrop-filter: saturate(180%) blur(20px)) {
  .mth-navigation__lst {
    background-color: rgba(245, 245, 245, 0.6);
    backdrop-filter: saturate(180%) blur(20px);
  }
}
.mth-navigation__lang {
  text-align: center;
}
.mth-navigation__lang-btn {
  border: none;
  background-color: transparent;
  text-transform: capitalize;
  color: inherit;
  cursor: pointer;
}
.mth-navigation__lang-btn:focus, .mth-navigation__lang-btn:active {
  outline: none;
}
.mth-navigation__lang-btn--active {
  font-weight: bold;
}
.mth-navigation__lnk {
  display: block;
  padding: 1.25rem 0.9375rem;
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  font-size: 1rem;
  font-weight: 200;
}
.mth-navigation__lnk:focus, .mth-navigation__lnk:hover {
  text-decoration: none;
  color: inherit;
  outline: none;
}
.mth-navigation__lnk:hover {
  background-color: #f3f3f3;
}
.mth-navigation__lnk--active {
  pointer-events: none;
  background-color: #f3f3f3;
}
.mth-navigation__credits {
  position: absolute;
  right: 0;
  bottom: 1.25rem;
  left: 0;
  padding: 0.625rem 0;
  transition: inherit;
  text-align: center;
  letter-spacing: 0.0625rem;
  color: #6f6f6f;
  font-size: 0.75rem;
  font-weight: 100;
  line-height: 1.25rem;
}

#mth-layout-is-toggled:checked ~ .mth-navigation .mth-navigation__lst {
  right: 0;
}
#mth-layout-is-toggled:checked ~ .mth-navigation .mth-navigation__overlay {
  pointer-events: auto;
  opacity: 0.5;
}

.mth-menu {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 2.5rem;
  text-align: center;
  background-color: #fff;
}
.mth-menu__lnk {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  color: #000;
  background-color: #3a4147;
  box-shadow: inset 0 1px 0 0 #000, inset 1px 2px 1px 0 #5a5a5a;
  text-decoration: none;
  font-size: 0.75rem;
  line-height: 1.6em;
}
@media (min-width: 320px) {
  .mth-menu__lnk {
    font-size: calc(0.75rem + 4 * (100vw - 320px) / (960 -  320));
    line-height: calc(1.2em + 4.8 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-menu__lnk {
    font-size: 1rem;
    line-height: 1.2em;
  }
}
.mth-menu__lnk + .mth-menu__lnk:not(.mth-menu__lnk--active) {
  box-shadow: inset 0 1px 0 0 #000, inset 1px 0 0 0 #000, inset 2px 2px 1px 0 #5a5a5a;
}
.mth-menu__lnk:visited, .mth-menu__lnk:hover {
  color: #000;
  text-decoration: none;
}
.mth-menu__lnk:hover {
  cursor: pointer;
  background-color: #2f3439;
  box-shadow: inset 0 1px 0 0 #000, inset 1px 0 0 0 #000, inset 2px 2px 1px 0 #4d4d4d;
  text-decoration: none;
}
.mth-menu__lnk:focus {
  outline: none;
}
.mth-menu__lnk--active {
  pointer-events: none;
  color: #fff;
  background-color: #fff;
  box-shadow: inset 2px 1px 5px 0 #cecece;
  text-decoration: none;
}
.mth-menu__lnk--active:focus {
  text-decoration: none;
}
.mth-menu__lnk--active:hover {
  background-color: #fff;
  box-shadow: inset 2px 1px 5px 0 #cecece;
}
.mth-menu__lnk--active:visited {
  color: #fff;
}
.mth-menu__lnk--active .mth-menu__ico {
  background-image: linear-gradient(#000, #000);
}
.mth-menu__ico {
  background-image: linear-gradient(#fcfcfd, #aaaebb);
  -webkit-background-clip: text;
  text-shadow: 2px 2px 13px rgba(0, 0, 0, 0.33);
  font-weight: bold;
  -webkit-text-fill-color: transparent;
}

.mth-method {
  display: flex;
  margin-bottom: 1.25rem;
  flex-grow: 1;
}
@media (max-width: 790px) {
  .mth-method {
    flex-direction: column;
  }
}
.mth-method__about {
  padding-right: 1em;
  flex-basis: 50%;
}
.mth-method__about strong,
.mth-method__about label {
  font-weight: 900;
}
.mth-method__conds {
  flex-basis: 50%;
}
.mth-method__title {
  margin: 0;
  margin-bottom: 0.5em;
  text-align: center;
  font-weight: 200;
  font-size: 1.25rem;
  line-height: 1.8em;
}
@media (min-width: 320px) {
  .mth-method__title {
    font-size: calc(1.25rem + 10 * (100vw - 320px) / (960 -  320));
    line-height: calc(1.4em + 8 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-method__title {
    font-size: 1.875rem;
    line-height: 1.4em;
  }
}
.mth-method__descr {
  font-weight: 200;
  font-size: 0.75rem;
  line-height: 1.4em;
}
@media (min-width: 320px) {
  .mth-method__descr {
    font-size: calc(0.75rem + 2 * (100vw - 320px) / (960 -  320));
    line-height: calc(1.6em + -2.4 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-method__descr {
    font-size: 0.875rem;
    line-height: 1.6em;
  }
}

.mth-auth {
  display: block;
}

.mth-loading {
  pointer-events: none;
  filter: opacity(0.2);
}

.mth-editable-markup {
  padding: 0.625rem;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.mth-editable-markup--empty {
  color: #777;
  font-style: italic;
}

.mth-editable-markup-textarea {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ccc;
}

.mth-badge {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: #e9ecef;
  font-size: 0.85em;
  font-weight: 600;
  line-height: 1.2;
}
.mth-badge--info {
  color: #fff;
  background: #5bc0de;
}

.mth-alert {
  margin-bottom: 1.5rem;
  padding: 1rem 1.2rem;
  border: 1px solid transparent;
}
.mth-alert--info {
  color: #0c5460;
  border-color: #b8daff;
  background: #d1ecf1;
}
.mth-alert--success {
  color: #155724;
  border-color: #c3e6cb;
  background: #d4edda;
}
.mth-alert--warning {
  color: #856404;
  border-color: #ffeeba;
  background: #fff3cd;
}
.mth-alert--danger {
  color: #721c24;
  border-color: #f5c6cb;
  background: #f8d7da;
}

.mth-modal {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  white-space: normal;
  background: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
  line-height: 1.6em;
}
@media (min-width: 320px) {
  .mth-modal {
    font-size: calc(0.75rem + 4 * (100vw - 320px) / (960 -  320));
    line-height: calc(1.2em + 4.8 * (100vw - 960px) / (320 - 960));
  }
}
@media (min-width: 960px) {
  .mth-modal {
    font-size: 1rem;
    line-height: 1.2em;
  }
}
.mth-modal__dialog {
  min-width: 20rem;
  overflow: hidden;
  margin-top: 2rem;
  background: #fff;
  box-shadow: 0 0.3125rem 3.75rem rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.mth-modal__dialog--sm {
  max-width: 24rem;
}
.mth-modal__body {
  padding: 1rem;
  background-color: hsla(0, 0%, 70%, 0.05);
  font-size: 0.875rem;
}
.mth-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border-bottom: 1px solid #ececec;
}
.mth-modal__title {
  margin: 0;
  font-weight: 300;
  font-size: 1.125rem;
}
.mth-modal__close {
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #dadada;
  font-weight: 700;
  font-size: 1.3125rem;
}
.mth-modal__close:hover {
  color: #989898;
}
.mth-modal__footer {
  padding: 1rem;
  border-top: 1px solid #e5e5e5;
  text-align: right;
}

body.mth-modal-open {
  overflow: hidden;
}

.mth-collapse-content--collapsed {
  display: none;
}

.mth-tumbler {
  display: flex;
  cursor: pointer;
  font-weight: 400;
  align-items: center;
}
.mth-tumbler__slider {
  position: relative;
  z-index: 0;
  width: 1.7rem;
  height: 1rem;
  flex-shrink: 0;
}
.mth-tumbler__slider::after, .mth-tumbler__slider::before {
  position: absolute;
  content: "";
}
.mth-tumbler__slider::before {
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 1em;
  background-color: #cbcbcb;
}
.mth-tumbler__slider::after {
  z-index: 2;
  top: 1px;
  bottom: 1px;
  left: 1px;
  width: calc(1rem - 1px);
  transition: margin-left 0.15s ease-in-out;
  border-radius: 50%;
  background-color: #fff;
}
.mth-tumbler__slider:not(:last-child) {
  margin-right: 0.5em;
}
.mth-tumbler__control {
  position: fixed;
  top: -99px;
  left: -99px;
}
.mth-tumbler__control:checked ~ .mth-tumbler__slider::before {
  background-color: #313131;
}
.mth-tumbler__control:checked ~ .mth-tumbler__slider::after {
  margin-left: calc(100% - 1rem - 1px);
}
.mth-tumbler__control[disabled] ~ * {
  opacity: 0.5;
}

.mth-foggy-overflow {
  position: relative;
  overflow: hidden;
}
.mth-foggy-overflow::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  content: "";
  background-image: linear-gradient(to right, hsla(0, 0%, 100%, 0) -30%, #fff 80%);
}

.mth-ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}

.mth-decision-info__group {
  display: flex;
  margin: 0;
}
.mth-decision-info__group + .mth-decision-info__group {
  margin-top: 1em;
}
.mth-decision-info__details {
  margin-left: 0.5em;
}

.mth-form--vertical .mth-form__label {
  display: block;
  margin-bottom: 0.3rem;
}
.mth-form--vertical .mth-form__input {
  width: 100%;
  margin-bottom: 1rem;
}
.mth-form__label {
  font-weight: 900;
}
.mth-form__input {
  padding: 0.5rem;
  border: 1px solid #ccc;
}
.mth-form__radio-wrapper-label {
  display: block;
  margin-bottom: 0.3rem;
}

.mth-edit-scale-dialog {
  position: relative;
  text-align: left;
  font-weight: normal;
}
.mth-edit-scale-dialog__title {
  margin-inline: 0;
  margin-block: 0;
  font-size: inherit;
}
.mth-edit-scale-dialog__body {
  display: flex;
  justify-content: space-between;
}
.mth-edit-scale-dialog__type {
  width: 30%;
}
.mth-edit-scale-dialog__right {
  width: 65%;
}
.mth-edit-scale-dialog__ordinal-instruction {
  display: block;
  font-style: italic;
  margin-bottom: 0.5em;
}
.mth-edit-scale-dialog__input-addon-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 0.5;
}
.mth-edit-scale-dialog__input-addon-btn:hover {
  opacity: 1;
}
.mth-edit-scale-dialog__ordinal-input {
  flex-grow: 1;
}
.mth-edit-scale-dialog__ordinal-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  padding: 0;
  margin: 0 0 0.5em 0;
}