/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
/* 1 */
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input {
/* 1 */
  overflow: visible;
}
button,
select {
/* 1 */
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@font-face {
  font-family: 'Neue Machina';
  src: url("../fonts/NeueMachina/NeueMachina-Light.eot");
  src: url("../fonts/NeueMachina/NeueMachina-Light.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueMachina/NeueMachina-Light.woff") format('woff'), url("../fonts/NeueMachina/NeueMachina-Light.ttf") format('truetype'), url("../fonts/NeueMachina/NeueMachina-Light.svg") format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Neue Machina';
  src: url("../fonts/NeueMachina/NeueMachina-Regular.eot");
  src: url("../fonts/NeueMachina/NeueMachina-Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueMachina/NeueMachina-Regular.woff") format('woff'), url("../fonts/NeueMachina/NeueMachina-Regular.ttf") format('truetype'), url("../fonts/NeueMachina/NeueMachina-Regular.svg") format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Neue Machina';
  src: url("../fonts/NeueMachina/NeueMachina-Medium.eot");
  src: url("../fonts/NeueMachina/NeueMachina-Medium.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueMachina/NeueMachina-Medium.woff") format('woff'), url("../fonts/NeueMachina/NeueMachina-Medium.ttf") format('truetype'), url("../fonts/NeueMachina/NeueMachina-Medium.svg") format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Neue Machina';
  src: url("../fonts/NeueMachina/NeueMachina-Bold.eot");
  src: url("../fonts/NeueMachina/NeueMachina-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueMachina/NeueMachina-Bold.woff") format('woff'), url("../fonts/NeueMachina/NeueMachina-Bold.ttf") format('truetype'), url("../fonts/NeueMachina/NeueMachina-Bold.svg") format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Neue Machina';
  src: url("../fonts/NeueMachina/NeueMachina-Ultrabold.eot");
  src: url("../fonts/NeueMachina/NeueMachina-Ultrabold.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueMachina/NeueMachina-Ultrabold.woff") format('woff'), url("../fonts/NeueMachina/NeueMachina-Ultrabold.ttf") format('truetype'), url("../fonts/NeueMachina/NeueMachina-Ultrabold.svg") format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Neue Machina';
  src: url("../fonts/NeueMachina/NeueMachina-Black.eot");
  src: url("../fonts/NeueMachina/NeueMachina-Black.eot?#iefix") format('embedded-opentype'), url("../fonts/NeueMachina/NeueMachina-Black.woff") format('woff'), url("../fonts/NeueMachina/NeueMachina-Black.ttf") format('truetype'), url("../fonts/NeueMachina/NeueMachina-Black.svg") format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'IBM Plex Serif';
  src: url("../fonts/IBMPlexSerif/IBMPlexSerif.eot");
  src: url("../fonts/IBMPlexSerif/IBMPlexSerif.eot?#iefix") format('embedded-opentype'), url("../fonts/IBMPlexSerif/IBMPlexSerif.woff") format('woff'), url("../fonts/IBMPlexSerif/IBMPlexSerif.ttf") format('truetype'), url("../fonts/IBMPlexSerif/IBMPlexSerif.svg") format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'IBM Plex Serif';
  src: url("../fonts/IBMPlexSerif/IBMPlexSerif-Bold.eot");
  src: url("../fonts/IBMPlexSerif/IBMPlexSerif-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/IBMPlexSerif/IBMPlexSerif-Bold.woff") format('woff'), url("../fonts/IBMPlexSerif/IBMPlexSerif-Bold.ttf") format('truetype'), url("../fonts/IBMPlexSerif/IBMPlexSerif-Bold.svg") format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Caveat';
  src: url("../fonts/Caveat/Caveat-Regular.eot");
  src: url("../fonts/Caveat/Caveat-Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/Caveat/Caveat-Regular.woff") format('woff'), url("../fonts/Caveat/Caveat-Regular.ttf") format('truetype'), url("../fonts/Caveat/Caveat-Regular.svg") format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'TTInterfaces';
  src: url("../fonts/TTInterfaces/TTInterfaces-Light.eot");
  src: url("../fonts/TTInterfaces/TTInterfaces-Light.eot?#iefix") format('embedded-opentype'), url("../fonts/TTInterfaces/TTInterfaces-Light.woff") format('woff'), url("../fonts/TTInterfaces/TTInterfaces-Light.ttf") format('truetype'), url("../fonts/TTInterfaces/TTInterfaces-Light.svg") format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'TTInterfaces';
  src: url("../fonts/TTInterfaces/TTInterfaces-Regular.eot");
  src: url("../fonts/TTInterfaces/TTInterfaces-Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/TTInterfaces/TTInterfaces-Regular.woff") format('woff'), url("../fonts/TTInterfaces/TTInterfaces-Regular.ttf") format('truetype'), url("../fonts/TTInterfaces/TTInterfaces-Regular.svg") format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'TTInterfaces';
  src: url("../fonts/TTInterfaces/TTInterfaces-Medium.eot");
  src: url("../fonts/TTInterfaces/TTInterfaces-Medium.eot?#iefix") format('embedded-opentype'), url("../fonts/TTInterfaces/TTInterfaces-Medium.woff") format('woff'), url("../fonts/TTInterfaces/TTInterfaces-Medium.ttf") format('truetype'), url("../fonts/TTInterfaces/TTInterfaces-Medium.svg") format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'TTInterfaces';
  src: url("../fonts/TTInterfaces/TTInterfaces-SemiBold.eot");
  src: url("../fonts/TTInterfaces/TTInterfaces-SemiBold.eot?#iefix") format('embedded-opentype'), url("../fonts/TTInterfaces/TTInterfaces-SemiBold.woff") format('woff'), url("../fonts/TTInterfaces/TTInterfaces-SemiBold.ttf") format('truetype'), url("../fonts/TTInterfaces/TTInterfaces-SemiBold.svg") format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'TTInterfaces';
  src: url("../fonts/TTInterfaces/TTInterfaces-Bold.eot");
  src: url("../fonts/TTInterfaces/TTInterfaces-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/TTInterfaces/TTInterfaces-Bold.woff") format('woff'), url("../fonts/TTInterfaces/TTInterfaces-Bold.ttf") format('truetype'), url("../fonts/TTInterfaces/TTInterfaces-Bold.svg") format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
* {
  box-sizing: border-box;
}
*:focus {
  outline: none !important;
}
canvas {
  display: block;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overscroll-behavior-y: none;
/*& {
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
    }*/
}
body {
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0;
  background-color: #fff;
  overflow: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -ms-overflow-style: none;
}
body.is-loading {
  overflow-y: scroll;
}
body.is-loading .wrapper {
  height: 100%;
  overflow: hidden;
}
body.is-overflow,
body.is-popup {
  overflow: hidden;
  position: relative;
}
body.is-fake-scroll::after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 8;
}
body[data-route="new-podcast"] .wrapper {
  height: auto;
  overflow: unset;
}
body[data-route="error"] {
  overflow-y: auto;
}
body[data-route="error"] .wrapper {
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  height: auto;
  overflow: unset;
}
a {
  color: #ff490c;
  text-decoration: none;
  transition: color 0.3s;
}
ul,
ol {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Neue Machina', Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 1em 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}
h1 {
  font-size: 72px;
}
h2 {
  font-size: 48px;
}
h3 {
  font-size: 32px;
  letter-spacing: -0.03em;
}
h4 {
  font-size: 28px;
}
h5 {
  font-size: 18px;
  line-height: 1.4;
}
h6 {
  font-size: 16px;
}
p {
  margin: 2em 0;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
input,
textarea {
  display: block;
  width: 100%;
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0;
  height: 47px;
  padding: 10px 0;
  color: #000;
  background-color: transparent;
  border: none;
  border-radius: 0 !important;
  border-bottom: 3px solid #000;
  transition: border-color 0.3s, color 0.3s;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #000;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #000;
  opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #000;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #000;
}
input[disabled] {
  color: #909090;
  border-bottom-color: #e9e9e9;
}
input[disabled]::-webkit-input-placeholder {
  color: #909090;
}
input[disabled]::-moz-placeholder {
  color: #909090;
  opacity: 1;
}
input[disabled]:-moz-placeholder {
  color: #909090;
  opacity: 1;
}
input[disabled]:-ms-input-placeholder {
  color: #909090;
}
label {
  display: inline-block;
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: #000;
  letter-spacing: 0;
}
button {
  font-family: 'Neue Machina', Arial, Helvetica, sans-serif;
}
img {
  max-width: 100%;
}
.scrollbar-track {
  cursor: pointer;
  z-index: 100 !important;
}
.scrollbar-track-y {
  width: 6px !important;
  background: none !important;
}
.scrollbar-thumb-y {
  width: 6px !important;
  border-radius: 0 !important;
  background-color: #ff490c !important;
}
.grecaptcha-badge {
  display: none;
}
@media only screen and (min-width: 1024px) {
  a:hover {
    color: #ff6d3d;
  }
  a:active {
    color: #f5470c;
  }
}
@media only screen and (max-width: 767px) {
  #awwwards {
    display: none;
  }
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }
  input,
  textarea {
    height: 33px;
    padding: 3px 0;
    border-bottom-width: 2px;
  }
}
@media only screen and (max-width: 374px) {
  label {
    font-size: 16px;
  }
  input,
  textarea {
    font-size: 16px;
  }
}
@import "vendors/tiny-slider.css";
@import "vendors/splitting.css";
/* Blocks */
.button {
  display: inline-block;
  position: relative;
  font-family: 'Neue Machina', Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
  padding: 44px 80px 49px;
  padding: 46px 80px;
  text-align: center;
  color: #fff;
  border: none;
  background-color: #ff490c;
  border-radius: 8px;
  letter-spacing: -0.02em;
  overflow: hidden;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.button .svg-icon {
  fill: currentColor;
}
.button[disabled] {
  color: #fff;
  background-color: #e9e9e9;
}
.button-secondary {
  background-color: transparent;
  color: #222;
  border: 3px solid #000;
  padding: 41px 77px 46px;
}
.button-border {
  vertical-align: top;
  height: 58px;
  line-height: 22px;
  background-color: transparent;
  color: #222;
  border: 3px solid #000;
  padding: 41px 77px 46px;
}
.button-dark {
  background-color: #222;
  color: #fff;
}
.button-text {
  font-size: 16px;
  line-height: 0.9;
  font-weight: 700;
  color: #ff490c;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.button-text[disabled] {
  color: #909090;
  background-color: transparent;
}
.button-circle {
  display: flex;
  width: 132px;
  height: 132px;
  border-radius: 50% !important;
  padding: 14px 20px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, transform 0.3s;
}
.button-light {
  background-color: #fff;
  color: #ff490c;
}
.button-light1 {
  background-color: #fff;
  color: #000;
  transition: opacity 0.3s;
}
.button-sm {
  font-size: 20px;
  padding: 17px 40px;
  border-radius: 8px;
}
.button-xs {
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 8px;
}
.button-xxs {
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #222;
  background-color: transparent;
  border: 1px solid currentColor;
  text-transform: uppercase;
  padding: 15px 24px;
  border-radius: 4px;
  letter-spacing: 0.04em;
}
.button-all {
  background-color: transparent;
  color: #222;
  border: 3px solid #000;
  border-radius: 12px;
  font-weight: 900;
  width: 100%;
  padding: 46px 80px;
}
.button-cookie {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
  padding: 10px 30px 9px;
  border-radius: 8px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .button:hover,
  .button:focus {
    color: #fff;
    background-color: #ff6d3d;
  }
  .button:active {
    color: #fff;
    background-color: #f5470c;
  }
  .button-border:hover,
  .button-all:hover,
  .button-xxs:hover,
  .button-border:focus,
  .button-all:focus,
  .button-xxs:focus {
    background: #ff490c;
    border-color: #ff490c;
    color: #fff;
  }
  .button-border:active,
  .button-all:active,
  .button-xxs:active {
    color: #fff;
    border-color: #f5470c;
    background-color: #f5470c;
  }
  .button-secondary:hover,
  .button-secondary:focus {
    background-color: #ff490c;
    border-color: #ff490c;
    color: #fff;
  }
  .button-secondary:active {
    color: #fff;
    background-color: #f5470c;
  }
  .button-text:hover,
  .button-text:focus {
    color: #ff6d3d;
    background-color: transparent;
  }
  .button-text:active {
    color: #f5470c;
    background-color: transparent;
  }
  .button-dark:hover,
  .button-dark:focus {
    background-color: rgba(34,34,34,0.7);
  }
  .button-dark:active {
    background-color: rgba(34,34,34,0.8);
  }
  .button-light:hover,
  .button-light:focus {
    background-color: #222;
    color: #fff;
  }
  .button-light:active {
    background-color: #222;
    color: #fff;
  }
  .button-light1:focus,
  .button-light1:active {
    background-color: #fff;
    color: #000;
  }
  .button-light1:hover {
    opacity: 0.8;
    background-color: #fff;
    color: #000;
  }
  .button-circle:hover,
  .button-circle:focus {
    background-color: #f13e02;
  }
}
@media only screen and (max-width: 767px) {
  .button {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
    padding: 36px 40px 33px;
    border-radius: 8px;
  }
  .button-secondary {
    font-size: 20px;
    border: 2px solid #000;
    padding: 18px 40px 20px;
  }
  .button-sm {
    font-size: 16px;
    line-height: 1.125;
    padding: 20px 48px;
    border-radius: 4px;
  }
  .button-xs {
    font-size: 12px;
    padding: 8px 15px;
  }
  .button-xxs {
    font-size: 12px;
    line-height: 1;
    padding: 15px 24px;
    border-radius: 4px;
  }
  .button-all {
    padding: 23px 42px 19px;
    border: 2px solid #000;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 900;
  }
  .button-cookie {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    padding: 14px 30px 13px;
    border-radius: 8px;
    width: 100%;
  }
}
.form {
  position: relative;
}
.form::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(255,255,255,0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
}
.form.is-loading::before {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.form__field {
  position: relative;
  margin-top: 46px;
}
.form__field:first-child {
  margin-top: 0;
}
.form__field--size {
  margin-top: 77px;
}
.form__field--budget {
  margin-top: 65px;
}
.form__field--agreement-news {
  margin-top: 52px;
}
.form__field--agreement-privacy {
  margin-top: 36px;
}
.form__field--controls {
  margin-top: 52px;
}
.form__field.is-error .form__input {
  border-bottom-color: #ff490c;
}
.form__field.is-error .form__label {
  color: #ff490c;
}
.form__field.is-filled .form__label--animated {
  transform: translateY(-100%);
}
.form__label {
  margin-bottom: 14px;
  transition: color 0.3s;
}
.form__label--animated {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(10px);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  z-index: 1;
  transition: transform 0.3s, color 0.3s;
}
.form__input {
  width: 100%;
  position: relative;
  z-index: 2;
  font-weight: 600;
}
.form__input:hover {
  border-bottom-color: #ff490c;
}
.form__input:focus {
  border-bottom-color: #ff490c;
}
.form__input:focus + .form__label--animated {
  transform: translateY(-100%);
}
.form__radio {
  display: flex;
  margin-left: -7px;
}
.form__radio .radio {
  width: calc(25% - 7px);
  flex-grow: 1;
  flex-shrink: 0;
  margin-left: 7px;
}
.form__button {
  width: 100%;
}
.form__message {
  display: block;
  position: absolute;
  top: 100%;
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
  color: #222;
  margin-top: 8px;
}
.form__message--checkbox {
  display: none;
}
.form--request .form__button {
  width: 100%;
  font-size: 28px;
  text-transform: uppercase;
  padding: 25px 80px;
}
.form--request .form__label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form--request .form-success {
  font-family: 'Neue Machina', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
}
.form--request .form-error {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.form--application .form__field--controls {
  margin-top: 76px;
}
.form--application .form-success {
  font-family: 'Neue Machina', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
}
.form--subscribe,
.form--article-subscribe,
.form--content-subscribe,
.form--subscribe-popup,
.form--podcast-popup {
  position: static;
}
.form--subscribe .form__field,
.form--article-subscribe .form__field,
.form--content-subscribe .form__field,
.form--subscribe-popup .form__field,
.form--podcast-popup .form__field {
  display: flex;
  border: 2px solid #000;
  border-radius: 4px;
  height: 64px;
  transition: border-color 0.3s;
}
.form--subscribe .form__field.is-error,
.form--article-subscribe .form__field.is-error,
.form--content-subscribe .form__field.is-error,
.form--subscribe-popup .form__field.is-error,
.form--podcast-popup .form__field.is-error {
  border-color: #ff490c;
}
.form--subscribe .form__field.is-error .form__input,
.form--article-subscribe .form__field.is-error .form__input,
.form--content-subscribe .form__field.is-error .form__input,
.form--subscribe-popup .form__field.is-error .form__input,
.form--podcast-popup .form__field.is-error .form__input {
  border-right-color: #ff490c;
  background-color: #ffe1d7;
  color: #ff490c;
}
.form--subscribe .form__field.is-error .form__input::-webkit-input-placeholder,
.form--article-subscribe .form__field.is-error .form__input::-webkit-input-placeholder,
.form--content-subscribe .form__field.is-error .form__input::-webkit-input-placeholder,
.form--subscribe-popup .form__field.is-error .form__input::-webkit-input-placeholder,
.form--podcast-popup .form__field.is-error .form__input::-webkit-input-placeholder {
  color: #ff490c;
}
.form--subscribe .form__field.is-error .form__input::-moz-placeholder,
.form--article-subscribe .form__field.is-error .form__input::-moz-placeholder,
.form--content-subscribe .form__field.is-error .form__input::-moz-placeholder,
.form--subscribe-popup .form__field.is-error .form__input::-moz-placeholder,
.form--podcast-popup .form__field.is-error .form__input::-moz-placeholder {
  color: #ff490c;
  opacity: 1;
}
.form--subscribe .form__field.is-error .form__input:-moz-placeholder,
.form--article-subscribe .form__field.is-error .form__input:-moz-placeholder,
.form--content-subscribe .form__field.is-error .form__input:-moz-placeholder,
.form--subscribe-popup .form__field.is-error .form__input:-moz-placeholder,
.form--podcast-popup .form__field.is-error .form__input:-moz-placeholder {
  color: #ff490c;
  opacity: 1;
}
.form--subscribe .form__field.is-error .form__input:-ms-input-placeholder,
.form--article-subscribe .form__field.is-error .form__input:-ms-input-placeholder,
.form--content-subscribe .form__field.is-error .form__input:-ms-input-placeholder,
.form--subscribe-popup .form__field.is-error .form__input:-ms-input-placeholder,
.form--podcast-popup .form__field.is-error .form__input:-ms-input-placeholder {
  color: #ff490c;
}
.form--subscribe .form__input,
.form--article-subscribe .form__input,
.form--content-subscribe .form__input,
.form--subscribe-popup .form__input,
.form--podcast-popup .form__input {
  flex-grow: 1;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.35;
  padding: 0 20px;
  height: 100%;
  border: none;
  border-right: 2px solid #000;
  min-width: 0;
  transition: border-color 0.3s, background-color 0.3s;
}
.form--subscribe .form__button,
.form--article-subscribe .form__button,
.form--content-subscribe .form__button,
.form--subscribe-popup .form__button,
.form--podcast-popup .form__button {
  flex-shrink: 0;
  width: auto;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  padding: 12px 28px;
  min-width: 170px;
  border-radius: 0 2px 2px 0;
}
.form--subscribe .form__message,
.form--article-subscribe .form__message,
.form--content-subscribe .form__message,
.form--subscribe-popup .form__message,
.form--podcast-popup .form__message {
  color: #ff490c;
}
.form--subscribe .form__message p,
.form--article-subscribe .form__message p,
.form--content-subscribe .form__message p,
.form--subscribe-popup .form__message p,
.form--podcast-popup .form__message p {
  margin: 0 !important;
}
.form--subscribe .form-success,
.form--article-subscribe .form-success,
.form--content-subscribe .form-success,
.form--subscribe-popup .form-success,
.form--podcast-popup .form-success {
  display: flex;
  font-size: 20px;
  line-height: 1.2;
  background-color: #fff;
  color: #000;
  z-index: 2;
}
.form--subscribe .form-success__main,
.form--article-subscribe .form-success__main,
.form--content-subscribe .form-success__main,
.form--subscribe-popup .form-success__main,
.form--podcast-popup .form-success__main {
  flex-grow: 1;
  padding-right: 40px;
}
.form--subscribe .form-success__title,
.form--article-subscribe .form-success__title,
.form--content-subscribe .form-success__title,
.form--subscribe-popup .form-success__title,
.form--podcast-popup .form-success__title {
  margin-bottom: 0.5em;
}
.form--subscribe .form-success__title span,
.form--article-subscribe .form-success__title span,
.form--content-subscribe .form-success__title span,
.form--subscribe-popup .form-success__title span,
.form--podcast-popup .form-success__title span {
  color: #ff490c;
}
.form--subscribe .form-success__image,
.form--article-subscribe .form-success__image,
.form--content-subscribe .form-success__image,
.form--subscribe-popup .form-success__image,
.form--podcast-popup .form-success__image {
  order: 1;
  flex-shrink: 0;
  width: 164px;
  margin-right: 40px;
  margin-left: 80px;
  margin-top: 35px;
}
.form--subscribe .form-success__image img,
.form--article-subscribe .form-success__image img,
.form--content-subscribe .form-success__image img,
.form--subscribe-popup .form-success__image img,
.form--podcast-popup .form-success__image img {
  transform: rotate(38deg);
}
.form--content-subscribe .form__field {
  height: 48px;
  border: none;
  border-right: 0;
}
.form--content-subscribe .form__field.is-error .form__input {
  border-color: #ff490c;
  background-color: #ffe1d7;
  color: #ff490c;
}
.form--content-subscribe .form__field.is-error .form__input::-webkit-input-placeholder {
  color: #ff490c;
}
.form--content-subscribe .form__field.is-error .form__input::-moz-placeholder {
  color: #ff490c;
  opacity: 1;
}
.form--content-subscribe .form__field.is-error .form__input:-moz-placeholder {
  color: #ff490c;
  opacity: 1;
}
.form--content-subscribe .form__field.is-error .form__input:-ms-input-placeholder {
  color: #ff490c;
}
.form--content-subscribe .form__input {
  font-size: 16px;
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 4px !important;
  margin-right: 10px;
}
.form--content-subscribe .form__button {
  font-size: 16px;
  border-radius: 4px;
  min-width: 157px;
}
.form--content-subscribe .form__message {
  margin-top: 6px;
}
.form--content-subscribe .form-success {
  display: flex;
  align-items: center;
  padding: 30px;
  background-color: #222;
  border-radius: 16px;
  color: #fff;
}
.form--content-subscribe .form-success__main {
  padding-right: 0;
  margin: 0 !important;
}
.form--subscribe-popup .form-success {
  display: block;
  padding-top: 48px;
}
.form--subscribe-popup .form-success__main {
  padding-right: 0;
}
.form--subscribe-popup .form-success__title {
  font-size: 40px;
  line-height: 1;
}
.form--subscribe-popup .form-success__image {
  position: absolute;
  width: 164px;
  top: 0;
  right: 0;
  margin-top: -20px;
  margin-right: -30px;
}
.form--subscribe-popup .form-success__image img {
  transform: rotate(38deg);
}
.form--subscribe-popup .form-success__button {
  display: block;
  height: 56px;
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  padding: 14px 20px;
  margin-top: 40px;
}
.form--article-subscribe .form__field {
  display: block;
  border: none;
  border-radius: 0;
  height: auto;
}
.form--article-subscribe .form__field.is-error .form__input {
  color: #000;
  border-color: #000;
  background-color: #fff;
}
.form--article-subscribe .form__field.is-error .form__input::-webkit-input-placeholder {
  color: #000;
}
.form--article-subscribe .form__field.is-error .form__input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form--article-subscribe .form__field.is-error .form__input:-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form--article-subscribe .form__field.is-error .form__input:-ms-input-placeholder {
  color: #000;
}
.form--article-subscribe .form__field.is-error .form__button {
  margin-top: 24px;
}
.form--article-subscribe .form__field.is-error .form__button span:first-child {
  display: none;
}
.form--article-subscribe .form__field.is-error .form__button span:last-child {
  display: block;
}
.form--article-subscribe .form__input {
  display: block;
  width: 100%;
  height: 48px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.35;
  padding: 0 16px;
  border: 2px solid #000;
  border-radius: 4px;
}
.form--article-subscribe .form__button {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 16px;
  line-height: 1.2;
  padding: 12px 28px;
  border-radius: 4px;
  margin-top: 16px;
  text-transform: uppercase;
}
.form--article-subscribe .form__button span:last-child {
  display: none;
}
.form--article-subscribe .form__message {
  font-size: 12px;
  top: 54px;
  margin: 0 0 8px;
}
.form--article-subscribe .form-success {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  width: 100%;
  bottom: 0;
  top: auto;
  min-height: 100%;
  font-size: 13px;
  line-height: 1.45;
}
.form--article-subscribe .form-success__main {
  padding-right: 0;
  flex-grow: 0;
}
.form--article-subscribe .form-success__title {
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.form--article-subscribe .form-success__image {
  width: 232px;
  margin: 0 auto;
}
.form--article-subscribe .form-success__image img {
  transform: none;
}
.form--header-subscribe {
  position: static;
}
.form--header-subscribe .form__field {
  display: block;
  border: none;
  border-radius: 0;
  height: auto;
}
.form--header-subscribe .form__field.is-error .form__input {
  color: #000;
  border-color: #000;
  background-color: #fff;
}
.form--header-subscribe .form__field.is-error .form__input::-webkit-input-placeholder {
  color: #000;
}
.form--header-subscribe .form__field.is-error .form__input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form--header-subscribe .form__field.is-error .form__input:-moz-placeholder {
  color: #000;
  opacity: 1;
}
.form--header-subscribe .form__field.is-error .form__input:-ms-input-placeholder {
  color: #000;
}
.form--header-subscribe .form__field.is-error .form__button span:first-child {
  display: none;
}
.form--header-subscribe .form__field.is-error .form__button span:last-child {
  display: block;
}
.form--header-subscribe .form__input {
  position: static;
  display: block;
  width: 100%;
  height: 56px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.35;
  padding: 0 16px;
  border: 2px solid #000;
  border-radius: 4px;
}
.form--header-subscribe .form__button {
  display: block;
  width: 100%;
  height: 56px;
  font-size: 16px;
  line-height: 1.2;
  padding: 12px 28px;
  border-radius: 4px;
  margin-top: 24px;
  text-transform: uppercase;
}
.form--header-subscribe .form__button span:last-child {
  display: none;
}
.form--header-subscribe .form__message {
  font-size: 12px;
  top: 62px;
  color: #ff490c;
  margin: 0;
}
.form--header-subscribe .form-success {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  width: 100%;
  bottom: 0;
  top: auto;
  min-height: 100%;
  font-size: 13px;
  line-height: 1.45;
  padding: 16px 16px 25px;
  z-index: 1;
  background-color: #fff;
  color: #000;
}
.form--header-subscribe .form-success__main {
  padding-right: 0;
  flex-grow: 0;
}
.form--header-subscribe .form-success__title {
  font-family: 'Neue Machina', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
}
.form--header-subscribe .form-success__title span {
  color: #ff490c;
}
.form--header-subscribe .form-success__image {
  width: 232px;
  margin: 0 auto;
}
.form--header-subscribe .form-success__image img {
  transform: none;
}
.form--header-subscribe .form-success__button {
  display: block;
  width: 100%;
  height: 56px;
  font-size: 16px;
  line-height: 1.2;
  padding: 17px 28px;
  border-radius: 4px;
  margin-top: 29px;
  text-transform: uppercase;
}
.form--blog-subscribe {
  position: static;
}
.form--blog-subscribe .form__field {
  display: flex;
}
.form--blog-subscribe .form__field.is-error .form__input::-webkit-input-placeholder {
  color: #ff490c;
}
.form--blog-subscribe .form__field.is-error .form__input::-moz-placeholder {
  color: #ff490c;
  opacity: 1;
}
.form--blog-subscribe .form__field.is-error .form__input:-moz-placeholder {
  color: #ff490c;
  opacity: 1;
}
.form--blog-subscribe .form__field.is-error .form__input:-ms-input-placeholder {
  color: #ff490c;
}
.form--blog-subscribe .form__input {
  flex-grow: 1;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 0 14px;
  border-bottom-width: 2px;
  height: 100%;
  min-width: 0;
  transition: border-color 0.3s, background-color 0.3s;
}
.form--blog-subscribe .form__button {
  flex-shrink: 0;
  width: auto;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 14px 28px;
  min-width: 120px;
  border-radius: 4px;
  margin-left: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.form--blog-subscribe .form__message {
  color: #ff490c;
  margin-top: 4px;
}
.form--blog-subscribe .form__message p {
  margin: 0 !important;
}
.form--blog-subscribe .form-success {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 35px 40px;
  line-height: 1.2;
  background-color: #fff;
  color: #000;
  z-index: 2;
}
.form--blog-subscribe .form-success__main {
  flex-grow: 1;
}
.form--blog-subscribe .form-success__title {
  text-align: center;
}
.form--blog-subscribe .form-success__title span {
  color: #ff490c;
}
.form--getreport .form__field,
.form--getreport-subscribe .form__field,
.form--getreport-footer .form__field {
  margin-top: 16px;
}
.form--getreport .form__field--controls,
.form--getreport-subscribe .form__field--controls,
.form--getreport-footer .form__field--controls {
  margin-top: 30px;
}
.form--getreport .form__field.is-error .form__input,
.form--getreport-subscribe .form__field.is-error .form__input,
.form--getreport-footer .form__field.is-error .form__input {
  border-color: #f00;
}
.form--getreport .form__label,
.form--getreport-subscribe .form__label,
.form--getreport-footer .form__label {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 8px;
}
.form--getreport .form__input,
.form--getreport-subscribe .form__input,
.form--getreport-footer .form__input {
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 8px;
  height: 58px;
  padding: 16px 20px;
}
.form--getreport .form__note,
.form--getreport-subscribe .form__note,
.form--getreport-footer .form__note {
  font-size: 14px;
  line-height: 1.4;
  color: #646464;
  margin-top: 8px;
}
.form--getreport .form__message,
.form--getreport-subscribe .form__message,
.form--getreport-footer .form__message {
  margin-top: 3px;
  right: 0;
}
.form--getreport.is-success .form__main,
.form--getreport-subscribe.is-success .form__main,
.form--getreport-footer.is-success .form__main {
  display: none;
}
.form--getreport .form-success,
.form--getreport-subscribe .form-success,
.form--getreport-footer .form-success {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background-color: #d3eee0;
  color: #0e9b4c;
  text-align: center;
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  padding: 60px;
}
.form--getreport .form-success h3,
.form--getreport-subscribe .form-success h3,
.form--getreport-footer .form-success h3 {
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 8px;
}
.form--getreport .form-success h3:only-child,
.form--getreport-subscribe .form-success h3:only-child,
.form--getreport-footer .form-success h3:only-child {
  margin-bottom: 0;
}
.form--getreport .form-success p,
.form--getreport-subscribe .form-success p,
.form--getreport-footer .form-success p {
  max-width: 256px;
  margin: 0 auto;
}
.form--getreport .form-success.is-active,
.form--getreport-subscribe .form-success.is-active,
.form--getreport-footer .form-success.is-active {
  position: static;
}
.form--getreport-footer {
  color: #fff;
  text-align: left;
}
.form--getreport-footer .form__label,
.form--getreport-footer .form__message {
  color: #fff;
}
.form--getreport-footer .form__button {
  text-align: center;
  position: relative;
  overflow: visible;
}
.form--getreport-footer .form__button::after {
  content: '';
  display: block;
  position: absolute;
  width: 84px;
  height: 52px;
  background: url("../images/getreport/footer-sticker.svg") 0 0 no-repeat;
  background-size: contain;
  left: 100%;
  bottom: 100%;
  transform: rotate(0deg);
  pointer-events: none;
  transition: transform 0.3s;
}
.form--getreport-footer .form__button:hover::after {
  transform: rotate(-15deg);
}
.form--podcast {
  padding-top: 18px;
}
.form--podcast .form__label--animated {
  transition: transform 0.3s, color 0.3s, font-size 0.3s;
}
.form--podcast .form__field--controls {
  margin-top: 36px;
}
.form--podcast .form__field.is-filled .form__label--animated {
  font-size: 15px;
  transform: translateY(-100%);
}
.form--podcast .form__input:focus + .form__label--animated {
  font-size: 15px;
  transform: translateY(-100%);
}
.form--podcast .form__button {
  width: 100%;
  font-size: 28px;
  text-transform: uppercase;
  padding: 25px 80px;
}
.form--podcast .form-success {
  font-family: 'Neue Machina', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}
.form--podcast .form-error {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.form--podcast-popup {
  position: relative;
}
.form--podcast-popup .form__field {
  height: 96px;
  border-radius: 14px;
}
.form--podcast-popup .form__button {
  width: 304px;
  font-size: 32px;
  border-radius: 0 12px 12px 0;
}
.form--podcast-popup .form__input {
  -webkit-appearance: none;
  font-size: 32px;
  border-radius: 14px 0 0 14px !important;
  padding: 0 42px;
}
.form-success {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 3;
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  color: #ff490c;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s;
}
.form-success span {
  color: #ff490c;
}
.form-success.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}
.form-error {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
  transition: visibility 0s 0.3s, opacity 0.3s;
  color: #ff490c;
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.2;
}
.form-error.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 2560px) {
  .form--podcast-popup .form__field {
    height: 72px;
    border-radius: 10px;
    border-width: 1px;
  }
  .form--podcast-popup .form__button {
    width: 228px;
    font-size: 24px;
    border-radius: 0 8px 8px 0;
  }
  .form--podcast-popup .form__input {
    font-size: 23px;
    border-radius: 8px 0 0 8px !important;
    padding: 0 32px;
  }
}
@media only screen and (max-width: 1440px) {
  .form--podcast-popup .form__field {
    height: 54px;
    border-radius: 8px;
  }
  .form--podcast-popup .form__button {
    width: 171px;
    font-size: 20px;
    border-radius: 0 6px 6px 0;
  }
  .form--podcast-popup .form__input {
    font-size: 20px;
    border-radius: 6px 0 0 6px !important;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .form--podcast-popup .form__field {
    height: 44px;
  }
  .form--podcast-popup .form__input {
    font-size: 16px;
  }
  .form--podcast-popup .form__button {
    font-size: 16px;
    padding: 12px 20px;
    width: auto;
  }
  .form--podcast-popup .form-success {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .form__field {
    margin-top: 55px;
  }
  .form__field:first-child {
    margin-top: 0;
  }
  .form__field--size {
    margin-top: 33px;
  }
  .form__field--budget {
    margin-top: 33px;
  }
  .form__field--controls {
    margin-top: 18px;
  }
  .form__label {
    margin-bottom: 18px;
  }
  .form__label--animated {
    padding-bottom: 3px;
    transform: translateY(0);
    margin: 0;
  }
  .form__radio {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
  }
  .form__radio .radio {
    width: calc(50% - 20px);
    flex-grow: 1;
    flex-shrink: 0;
    margin-left: 20px;
    margin-top: 20px;
  }
  .form__message {
    margin-top: 3px;
  }
  .form--subscribe .form__field,
  .form--subscribe-popup .form__field,
  .form--content-subscribe .form__field {
    display: block;
    border: none;
    border-radius: 0;
    height: auto;
  }
  .form--subscribe .form__field.is-error .form__input,
  .form--subscribe-popup .form__field.is-error .form__input,
  .form--content-subscribe .form__field.is-error .form__input {
    border-color: #f00;
  }
  .form--subscribe .form__input,
  .form--subscribe-popup .form__input,
  .form--content-subscribe .form__input {
    display: block;
    width: 100%;
    height: 56px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.35;
    padding: 0 16px;
    border: 2px solid #000;
    border-radius: 4px;
  }
  .form--subscribe .form__button,
  .form--subscribe-popup .form__button,
  .form--content-subscribe .form__button {
    display: block;
    width: 100%;
    height: 56px;
    font-size: 18px;
    line-height: 1.2;
    padding: 12px 28px;
    border-radius: 4px;
    margin-top: 24px;
  }
  .form--subscribe .form__message,
  .form--subscribe-popup .form__message,
  .form--content-subscribe .form__message {
    top: 60px;
    bottom: 100%;
    margin: 0 0 8px;
  }
  .form--subscribe .form-success,
  .form--subscribe-popup .form-success,
  .form--content-subscribe .form-success {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
  }
  .form--subscribe .form-success__main,
  .form--subscribe-popup .form-success__main,
  .form--content-subscribe .form-success__main {
    padding-right: 0;
  }
  .form--subscribe .form-success__title,
  .form--subscribe-popup .form-success__title,
  .form--content-subscribe .form-success__title {
    font-size: 30px;
  }
  .form--subscribe .form-success__image,
  .form--subscribe-popup .form-success__image,
  .form--content-subscribe .form-success__image {
    width: 232px;
    margin: 0 auto;
  }
  .form--subscribe .form-success__image img,
  .form--subscribe-popup .form-success__image img,
  .form--content-subscribe .form-success__image img {
    transform: none;
  }
  .form--content-subscribe .form__input {
    border-color: #fff;
  }
  .form--subscribe-popup .form-success {
    display: block;
    min-height: 100%;
    height: auto;
    width: auto;
    left: -16px;
    right: -16px;
    padding: 0 16px 20px;
  }
  .form--subscribe-popup .form-success__title {
    font-size: 30px;
  }
  .form--subscribe-popup .form-success__image {
    position: static;
    width: 232px;
    margin: -50px auto 0;
  }
  .form--subscribe-popup .form-success__image img {
    transform: none;
  }
  .form--subscribe-popup .form-success__button {
    margin-top: 20px;
    padding: 17px 20px;
  }
  .form--request .form__field {
    margin-top: 30px;
  }
  .form--application .form__field {
    margin-top: 48px;
  }
  .form--application .form__field--controls {
    margin-top: 48px;
  }
  .form--application .form__button {
    font-size: 30px;
  }
  .form--getreport-footer .form__button::after {
    display: none;
  }
  .form--blog-subscribe .form__field {
    display: block;
  }
  .form--blog-subscribe .form__input {
    flex-grow: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 0 19px;
  }
  .form--blog-subscribe .form__button {
    width: 100%;
    margin: 20px 0 0;
  }
  .form--blog-subscribe .form__message {
    top: 41px;
    margin-top: 2px;
  }
  .form--blog-subscribe .form-success {
    padding: 22px 0;
  }
  .form--podcast {
    padding-top: 22px;
  }
  .form--podcast .form__label {
    font-size: 18px;
  }
  .form--podcast .form__button {
    font-size: 28px;
    padding: 40px 40px;
  }
}
@media (max-width: 480px) {
  .form--request .form__label,
  .form--request .form__input {
    font-size: 16px;
  }
  .form--request .checkbox__label {
    font-size: 16px;
  }
}
@media only screen and (max-width: 374px) {
  .form__label--animated {
    transform: translateY(5px);
  }
}
body[data-route="new-podcast"] {
  overscroll-behavior: none;
  touch-action: none;
  background-color: #222;
}
.new-podcast {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  overflow: hidden;
  color: #fff;
  background-color: #222;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.new-podcast__snow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.new-podcast__main {
  flex-grow: 1;
  overflow: hidden;
}
.new-podcast__header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 98;
}
.new-podcast__footer {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 98;
}
.new-podcast__section {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.new-podcast__section--intro {
  z-index: 100;
  overflow: hidden;
}
.new-podcast__section--intro .new-podcast__content {
  max-width: 1017px;
}
.new-podcast__section--intro .new-podcast__text {
  padding: 0 40px;
  transition: opacity 0.3s;
}
.new-podcast__section--intro .new-podcast__scroll {
  transition: opacity 0.3s;
}
.new-podcast__section--intro .new-podcast-intro-scroll {
  transition: opacity 0.3s;
}
.new-podcast__section--start {
  z-index: 79;
  align-items: flex-start;
  justify-content: center;
}
.new-podcast__section--start .new-podcast__content {
  max-width: 1050px;
  text-align: left;
  margin: 0;
}
.new-podcast__section--play {
  z-index: 89;
  justify-content: flex-end;
}
.new-podcast__section--play .new-podcast__container {
  height: 100%;
}
.new-podcast__section--play .new-podcast__images--keyboard {
  transform: translate(-16%, -3%);
}
.new-podcast__section--play .new-podcast__content {
  max-width: 850px;
  position: relative;
  height: 100%;
}
.new-podcast__container {
  width: 100%;
  margin: 0 auto;
  padding: 0 100px;
}
.new-podcast__intro {
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
  padding: 0 0 50px;
  width: 100%;
}
.new-podcast-intro__scroll {
  position: absolute;
  bottom: 107px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 2200px) {
  .new-podcast-intro__scroll {
    bottom: 80px;
  }
}
@media screen and (max-width: 1800px) {
  .new-podcast-intro__scroll {
    bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .new-podcast-intro__scroll {
    bottom: 40px;
  }
}
.new-podcast__intro-container {
  position: relative;
  display: flex;
  flex-direction: column;
}
.new-podcast__intro-hint {
  margin: 0 auto 25px auto;
  display: flex;
  align-items: center;
}
.new-podcast__intro-hint__icon {
  margin-right: 12px;
  fill: currentColor;
}
.new-podcast__loading {
  z-index: 2;
  position: absolute;
  bottom: 16.5%;
  left: -32px;
  right: -32px;
  display: flex;
  align-items: center;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.new-podcast__start {
  width: 100%;
  padding: 110px 0;
}
.new-podcast__play {
  width: 100%;
  padding-bottom: 95px;
  height: 50%;
  transition: opacity 0.3s;
}
.new-podcast__play[data-state="-1"] {
  opacity: 0;
}
.new-podcast__play[data-state="-1"] .new-podcast__button--prev {
  opacity: 0;
}
.new-podcast__play[data-state="-2"] .new-podcast__item--end {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.new-podcast__play[data-state="-2"] .new-podcast-play__pagination-list {
  transform: translateX(-120%) !important;
}
.new-podcast__play[data-state="0"] .new-podcast__button--prev {
  opacity: 1;
  pointer-events: none;
  color: rgba(255,255,255,0.2);
}
.new-podcast__subtitle {
  max-width: 480px;
}
.new-podcast__subtitle img {
  width: 100%;
}
.new-podcast__title {
  margin: 64px 0 24px;
  font-size: 128px;
}
.new-podcast__description {
  padding-right: 110px;
  color: #ccc;
}
.new-podcast__content {
  margin: 0 auto;
  text-align: center;
}
.new-podcast__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  background-color: #fe490c;
  pointer-events: none;
  width: 100%;
  transform: translateY(0%);
  transition: background-color 0.3s;
}
.new-podcast__image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  min-height: 190px;
  width: 703px;
}
.new-podcast__image--hand {
  z-index: 1;
}
.new-podcast__image--finger {
  z-index: 4;
}
.new-podcast__icon {
  margin: 0 auto 52px;
  max-width: 1017px;
  width: 100%;
}
@media screen and (max-width: 2200px) {
  .new-podcast__icon {
    margin: 0 auto 40px;
    max-width: 763px;
  }
}
@media screen and (max-width: 1800px) {
  .new-podcast__icon {
    margin: 0 auto 30px;
    max-width: 572px;
  }
}
@media screen and (max-width: 767px) {
  .new-podcast__icon {
    max-width: 263px;
  }
}
.new-podcast__icon svg {
  fill: currentColor;
}
.new-podcast__scroll {
  margin-top: 131px;
}
.new-podcast__list {
  height: calc(100% - 95px);
  display: flex;
  align-items: center;
  position: relative;
}
.new-podcast__item {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  transform: translateY(-50%);
}
.new-podcast__item-email {
  margin-top: 27px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.new-podcast__item-email.is-error .new-podcast__item-email__error {
  opacity: 1;
}
.new-podcast__item-email.is-error .new-podcast__item-email__input {
  color: #fe490c;
}
.new-podcast__item-email.is-success .new-podcast__item-email__container {
  opacity: 0;
  pointer-events: none;
}
.new-podcast__item-email.is-success .new-podcast__item-email__success {
  opacity: 1;
}
.new-podcast__item-email__container {
  display: flex;
  max-width: 280px;
  width: 100%;
  transition: opacity 0.3s;
}
.new-podcast__item-email__container:hover .new-podcast__item-email__input {
  border-color: #ee3c00;
}
.new-podcast__item-email__container:hover .new-podcast__item-email__button {
  background-color: #ee3c00;
}
.new-podcast__item-email__input {
  border: 1px solid #fe490c;
  height: auto;
  padding: 12px 16px;
  flex: 1 1 auto;
  border-right: none;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 8px 0 0 8px !important;
  box-shadow: inset 0 0 0 0 #fe490c;
  transition: color 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.new-podcast__item-email__input::placeholder {
  color: rgba(255,255,255,0.5);
  transition: color 0.3s ease;
}
.new-podcast__item-email__input:focus {
  box-shadow: inset 0 0 0 1px #fe490c;
}
.new-podcast__item-email__input[disabled] {
  border-color: #4e4e4e !important;
  pointer-events: none;
}
.new-podcast__item-email__input[disabled] ~ .new-podcast__item-email__button {
  pointer-events: none;
  background-color: #4e4e4e;
}
.new-podcast__item-email__button {
  max-width: 108px;
  width: 100%;
  background-color: #fe490c;
  border: none;
  font-size: 12px;
  color: inherit;
  cursor: pointer;
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 0 8px 8px 0;
  transition: background-color 0.3s ease;
}
.new-podcast__item-email__error {
  margin-top: 14px;
  color: #fe490c;
  font-size: 12px;
  letter-spacing: -0.02em;
  position: absolute;
  top: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.new-podcast__item-email__success {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 500;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.new-podcast__item.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}
.new-podcast__item--soon,
.new-podcast__item--end {
  height: 410px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-podcast__item--soon .new-podcast-play,
.new-podcast__item--end .new-podcast-play {
  height: auto;
  width: 100%;
}
.new-podcast__item--soon .new-podcast-play__title {
  color: #ccc;
}
.new-podcast__button {
  -webkit-appearance: none;
  padding: 38px;
  width: 112px;
  height: 112px;
  border-radius: 12px;
  border: 1px solid currentColor;
  cursor: pointer;
  background-color: transparent;
  color: #fff;
  display: flex;
  position: absolute;
  top: 50%;
  margin-top: -102px;
  transition: background-color 0.3s, border-color 0.3s;
}
.new-podcast__button .svg-icon {
  fill: currentColor;
  margin: auto;
  width: 100%;
  height: 100%;
}
.new-podcast__button--prev {
  right: calc(100% + 106px);
}
@media only screen and (max-width: 450px) {
  .new-podcast__button--prev {
    left: 15% !important;
  }
}
.new-podcast__button--next {
  left: calc(100% + 106px);
}
.new-podcast__button--next.is-disabled {
  opacity: 1;
  pointer-events: none;
  color: rgba(255,255,255,0.2);
}
@media only screen and (max-width: 450px) {
  .new-podcast__button--next {
    right: 15% !important;
  }
}
.podcast-item-popup {
  padding: 30px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.9);
  display: flex;
  z-index: 99;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.podcast-item-popup.is-active {
  opacity: 1;
  pointer-events: all;
}
.podcast-item-popup.is-active .podcast-item-popup__wrapper {
  transform: scale(1);
}
.podcast-item-popup__wrapper {
  margin: auto;
  max-width: 868px;
  width: 100%;
  display: flex;
  flex-direction: column;
  transform: scale(0.9);
  transition: transform 0.3s ease;
}
.podcast-item-popup__container {
  position: relative;
  padding: 50px 54px;
  border-radius: 12px;
  background-color: #222;
}
.podcast-item-popup__container .new-podcast-play__title {
  margin: 15px 0 0 0;
}
.podcast-item-popup__close {
  position: absolute;
  top: 26px;
  right: 19px;
  color: inherit;
}
.podcast-item-popup__close >svg {
  display: block;
  fill: currentColor;
}
.podcast-item-popup__transcription {
  font-size: 19px;
  line-height: 165%;
  white-space: pre-wrap;
}
.new-podcast__loading-sparks {
  position: absolute;
  left: calc(50% - 20px);
  transform: translateX(-50%);
  opacity: 0;
}
@media screen and (max-width: 500px) {
  .new-podcast__loading-sparks {
    left: calc(50% - 15px);
  }
}
@media screen and (max-width: 400px) {
  .new-podcast__loading-sparks {
    left: calc(50% - 10px);
  }
}
.new-podcast__loader-left {
  left: 32px;
  justify-content: flex-end;
  transform: translateX(calc(var(--initialLoaderTranslateX) * -1));
}
@media screen and (max-width: 600px) {
  .new-podcast__loader-left {
    left: 30px;
  }
}
@media screen and (max-width: 481px) {
  .new-podcast__loader-left {
    left: 25px;
  }
}
@media screen and (max-width: 400px) {
  .new-podcast__loader-left {
    left: 21px;
  }
}
@media screen and (max-width: 350px) {
  .new-podcast__loader-left {
    left: 19px;
  }
}
.new-podcast__loader-left::before {
  content: "";
  position: relative;
  top: 20px;
  height: 6px;
  max-width: 5000px;
  flex: 1 0 auto;
  background-color: #fff;
}
.new-podcast__loader-right {
  right: 32px;
  justify-content: flex-start;
  transform: translateX(var(--initialLoaderTranslateX));
}
@media screen and (max-width: 600px) {
  .new-podcast__loader-right {
    right: 30px;
  }
}
@media screen and (max-width: 481px) {
  .new-podcast__loader-right {
    right: 25px;
  }
}
@media screen and (max-width: 400px) {
  .new-podcast__loader-right {
    right: 21px;
  }
}
@media screen and (max-width: 350px) {
  .new-podcast__loader-right {
    right: 19px;
  }
}
.new-podcast__loader-right::after {
  content: "";
  position: relative;
  top: 19px;
  height: 6px;
  max-width: 5000px;
  flex: 1 0 auto;
  background-color: #fff;
}
.new-podcast__loader-left,
.new-podcast__loader-right {
  flex-basis: 50%;
  position: relative;
  display: flex;
  transition: 0.15s transform ease;
}
.new-podcast__loader-left .svg-icon,
.new-podcast__loader-right .svg-icon {
  display: block;
  height: 44px;
}
@media screen and (max-width: 660px) {
  .new-podcast__loader-left .svg-icon,
  .new-podcast__loader-right .svg-icon {
    width: 100%;
    height: 100%;
  }
}
body.is-podcast-loading .new-podcast__section--intro .new-podcast__text,
body.is-podcast-loading .new-podcast__section--intro .new-podcast-intro__scroll {
  opacity: 0;
}
body.is-podcast-loading .new-podcast__section--intro .new-podcast__loading {
  opacity: 1;
}
body.is-podcast-loading .new-podcast__bg {
  background-color: #222;
}
body.is-podcast-loading .new-podcast__intro-hint {
  color: #444;
  animation: flicker 1.5s ease infinite;
}
body.is-podcast-loading .new-podcast__icon .svg-icon {
  fill: #222;
  stroke-width: 4px;
  stroke: #444;
  animation: flicker 1.5s ease infinite;
}
body.is-podcast-loaded .new-podcast__bg {
  background-color: #fe490c;
}
body.is-podcast-loaded .new-podcast__intro-hint {
  color: #fff;
  animation: flickerLoaded 1s ease 1;
}
body.is-podcast-loaded .new-podcast__loading-sparks {
  animation: loaderSparks 0.5s ease 0.2s 1 forwards;
}
body.is-podcast-loaded .new-podcast__loading-sparks .new-podcast__loading-spark:first-child {
  position: relative;
  animation: loadTopSpark 0.5s ease 0.2s 1 forwards;
}
body.is-podcast-loaded .new-podcast__loading-sparks .new-podcast__loading-spark:last-child {
  position: relative;
  transform: translateX(-10px);
  animation: loadBottomSpark 0.5s ease 0.2s 1 forwards;
}
body.is-podcast-loaded .new-podcast__content .new-podcast__icon .svg-icon {
  fill: #fff;
  stroke: rgba(0,0,0,0);
  animation: flickerLoaded 1s ease 1;
}
:root {
  --keyboardStartWidth: 1103px;
  --keyboardMiddleWidth: 938px;
  --keyboardEndWidth: 1618px;
  --keyboardSectionHeight: 100%;
  --initialLoaderTranslateX: 70%;
}
@media screen and (max-width: 1280px) {
  :root {
    --initialLoaderTranslateX: 50%;
  }
}
.new-podcast-keyboard {
  overflow: hidden;
  position: fixed;
  top: -10%;
  right: 0;
  bottom: 30%;
  left: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.new-podcast-keyboard__track {
  flex-shrink: 0;
  height: 100%;
  display: flex;
  align-items: center;
  transform: translate(50vw, 0%) rotate(7deg);
  transform-origin: center left;
}
.new-podcast-keyboard__track img,
.new-podcast-keyboard__track video {
  display: block;
}
.new-podcast-keyboard__start,
.new-podcast-keyboard__middle,
.new-podcast-keyboard__end {
  position: relative;
  flex-shrink: 0;
  height: 100%;
  display: flex;
}
.new-podcast-keyboard__end {
  display: flex;
  align-items: center;
  margin-left: -1px;
}
.new-podcast-keyboard__item {
  position: relative;
  overflow: hidden;
  margin-left: -1px;
}
.new-podcast-keyboard__bg {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.new-podcast-keyboard__picture {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: auto;
  height: 100%;
  z-index: 2;
  object-fit: contain;
  transform: translateX(-50%);
}
.new-podcast-header__wrap {
  padding: 80px 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.new-podcast-header__logo {
  display: block;
  width: 236px;
  height: 145px;
  margin-left: auto;
}
.new-podcast-header__logo svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.new-podcast-header__button {
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  display: none;
}
.new-podcast-footer__wrap {
  padding: 15px 0 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-podcast-footer__apps {
  display: flex;
  align-items: center;
}
.new-podcast-footer__socials {
  margin-right: 40px;
  display: flex;
}
.new-podcast-footer__social {
  color: inherit;
  display: block;
}
.new-podcast-footer__social > svg {
  display: block;
  fill: currentColor;
}
.new-podcast-footer__social + .new-podcast-footer__social {
  margin-left: 10px;
}
.new-podcast-footer__link {
  margin-right: 10px;
  position: relative;
}
.new-podcast-footer__link:last-child {
  margin-right: 0;
}
.new-podcast-footer__info {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.new-podcast-footer__button {
  color: #fff;
}
.new-podcast-footer__copy {
  margin-left: 40px;
  color: inherit;
  display: flex;
  align-items: center;
}
.new-podcast-footer__copy > svg {
  display: block;
  fill: currentColor;
  margin-left: 6px;
}
.new-podcast-footer--podcast-popup .new-podcast-button {
  background-color: #fff;
}
.new-podcast-scroll {
  display: inline-flex;
  align-items: center;
}
.new-podcast-scroll__icon {
  position: relative;
  width: 42px;
  height: 59px;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 106px;
  margin-right: 20px;
}
.new-podcast-scroll__icon span {
  position: absolute;
  top: 19px;
  left: 19px;
  display: block;
  width: 4px;
  height: 11px;
  border-radius: 106px;
  background-color: #fff;
  animation: scroll 1.5s ease infinite;
}
.new-podcast-button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 4px 16px 5px 8px;
  border-radius: 12px;
  border: 1px solid currentColor;
  background-color: transparent;
  color: currentColor;
  min-height: 72px;
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.02em;
  white-space: nowrap;
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.new-podcast-button--dots {
  vertical-align: top;
  padding: 18px 11px;
  position: relative;
  width: 72px;
  height: 72px;
}
.new-podcast-button--dots i {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: currentColor;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  transition: background-color 0.3s, margin 0.3s 0.3s, width 0.3s 0.3s, height 0.3s 0.3s, transform 0.3s;
}
.new-podcast-button--dots i:first-child {
  margin-left: -20px;
}
.new-podcast-button--dots i:last-child {
  margin-left: 12px;
}
.new-podcast-button--dots.is-active {
  border-color: #ff490c;
  background-color: #ff490c;
}
.new-podcast-button--dots.is-active i {
  margin-left: -10px;
  margin-top: -1px;
  width: 20px;
  height: 2px;
  opacity: 0;
  background-color: #fff !important;
  transition: background-color 0.3s, margin 0.3s, width 0.3s, height 0.3s, transform 0.3s 0.3s;
}
.new-podcast-button--dots.is-active i:first-child {
  opacity: 1;
  transform: rotate(45deg);
}
.new-podcast-button--dots.is-active i:last-child {
  opacity: 1;
  transform: rotate(-45deg);
}
.new-podcast-button--dots.is-active + .new-podcast-popup {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}
.new-podcast-button__icon {
  display: flex;
  width: 44px;
}
.new-podcast-button__icon .svg-icon {
  fill: currentColor;
  margin: auto;
  width: 100%;
  height: 100%;
}
.new-podcast-button__main {
  margin-left: 11px;
}
.new-podcast-button__name {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
.new-podcast-button--color {
  padding: 14px;
  color: #222;
  background-color: #fff;
}
.new-podcast-button--color .new-podcast-button__icon {
  height: 44px;
  width: 44px;
}
.new-podcast-button--icon {
  justify-content: center;
  width: 54px;
  padding: 7px;
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.new-podcast-button--icon .new-podcast-button__icon {
  height: 28px;
  width: 28px;
}
.new-podcast-button--black {
  color: #222;
  border: 1px solid #222;
}
.new-podcast-button--black i {
  background-color: #222;
}
.new-podcast-button--applePodcast,
.new-podcast-button--castbox,
.new-podcast-button--iHeartRadio,
.new-podcast-button--rss {
  position: relative;
}
.new-podcast-button--applePodcast::before,
.new-podcast-button--castbox::before,
.new-podcast-button--iHeartRadio::before,
.new-podcast-button--rss::before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  z-index: 1;
  opacity: 0;
  border-radius: 8px;
  transition: opacity 0.3s, border-color 0.3s;
}
.new-podcast-button--applePodcast .new-podcast-button__icon,
.new-podcast-button--castbox .new-podcast-button__icon,
.new-podcast-button--iHeartRadio .new-podcast-button__icon,
.new-podcast-button--rss .new-podcast-button__icon,
.new-podcast-button--applePodcast .new-podcast-button__main,
.new-podcast-button--castbox .new-podcast-button__main,
.new-podcast-button--iHeartRadio .new-podcast-button__main,
.new-podcast-button--rss .new-podcast-button__main {
  z-index: 2;
}
.new-podcast-button--applePodcast::before {
  background-image: linear-gradient(180deg, #f452ff 0%, #832bc1 100%);
}
.new-podcast-button--castbox::before {
  background-image: linear-gradient(135deg, #ff9e57 10.52%, #ff5321 89.48%);
}
.new-podcast-button--iHeartRadio::before {
  background-image: linear-gradient(90deg, #c90025 0%, #aa001f 100%);
}
.new-podcast-button--rss::before {
  background-image: linear-gradient(180deg, #fa9c39 0%, #e26c2d 100%);
}
.new-podcast-button--googlePodcast .new-podcast-button__icon,
.new-podcast-button--stitcher .new-podcast-button__icon,
.new-podcast-button--playerFM .new-podcast-button__icon {
  z-index: 2;
  position: relative;
}
.new-podcast-button--googlePodcast .new-podcast-button__icon::before,
.new-podcast-button--stitcher .new-podcast-button__icon::before,
.new-podcast-button--playerFM .new-podcast-button__icon::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s;
}
.new-podcast-button--googlePodcast .new-podcast-button__icon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 13.0662V14.9337Z' fill='white'/%3E%3Cpath d='M2 13.0662V14.9337' stroke='%230066D9' stroke-width='2.8613' stroke-linecap='round'/%3E%3Cpath d='M26.0012 13.0662V14.9337Z' fill='white'/%3E%3Cpath d='M26.0012 13.0662V14.9337' stroke='%234285F4' stroke-width='2.8613' stroke-linecap='round'/%3E%3Cpath d='M8 7.46143V13.57ZM8 18.6673V20.5348Z' fill='white'/%3E%3Cpath d='M8 7.46143V13.57M8 18.6673V20.5348' stroke='%23EA4335' stroke-width='2.8613' stroke-linecap='round'/%3E%3Cpath d='M20 14.4263V20.5348ZM20 7.46143V9.32896Z' fill='white'/%3E%3Cpath d='M20 14.4263V20.5348M20 7.46143V9.32896' stroke='%2334A853' stroke-width='2.8613' stroke-linecap='round'/%3E%3Cpath d='M14 9.02014V18.9805ZM14 2V3.86753ZM14 24.1325V26Z' fill='white'/%3E%3Cpath d='M14 9.02014V18.9805M14 2V3.86753M14 24.1325V26' stroke='%23FAB908' stroke-width='2.8613' stroke-linecap='round'/%3E%3C/svg%3E");
}
.new-podcast-button--stitcher .new-podcast-button__icon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.3101H4.9V19.2001H0V10.3101Z' fill='%233291C6'/%3E%3Cpath d='M23.1001 9.81982H28.0001V18.0098H23.1001V9.81982Z' fill='%23C5361E'/%3E%3Cpath d='M17.3601 8H22.2601V18.64H17.3601V8Z' fill='%23ED8B01'/%3E%3Cpath d='M11.6201 9.54004H16.5201V19.76H11.6201V9.54004Z' fill='%23FBC700'/%3E%3Cpath d='M5.80957 8.69995H10.7096V18.57H5.80957V8.69995Z' fill='%23621E69'/%3E%3C/svg%3E");
}
.new-podcast-button--playerFM .new-podcast-button__icon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.972 0C13.8346 0.004375 13.7025 0.009625 13.566 0.014C13.188 0.035875 12.6674 0.086625 12.2491 0.140875C8.41225 0.665 5.1345 2.5935 2.92513 5.46438C2.37825 6.1705 1.904 6.92737 1.498 7.7245C1.43062 7.86538 1.3615 8.00187 1.29762 8.14363C1.19262 8.37725 1.0885 8.60913 0.993125 8.84625C0.86975 9.15162 0.7595 9.45612 0.65975 9.76675L0.606375 9.93563C0.20475 11.2481 0.004375 12.6105 0 13.9816V14.0271C0.014 21.7481 6.27987 28 14 28C21.1864 28 27.202 22.5584 27.9274 15.4131L27.9309 15.386C27.9764 14.9301 28 14.4734 28 14.0236V13.9641C27.9956 12.3007 27.6894 10.6461 27.1014 9.08775C27.0559 8.96525 27.006 8.84188 26.9552 8.72375C26.8739 8.52338 26.7873 8.32738 26.6919 8.13138C24.9603 4.45288 21.679 1.61 17.7144 0.539C16.8254 0.2975 15.4035 0.083125 14.4279 0.0245C14.2958 0.014875 14.1645 0.006125 14.0263 0.000875L13.972 0ZM16.6793 3.35912C16.8752 3.3635 17.1211 3.42825 17.4676 3.5455C19.5458 4.256 21.8698 6.06112 23.1315 7.93888C24.0065 9.24175 24.6899 10.7677 24.6899 11.4205C24.6899 11.8396 24.2839 12.2185 23.8464 12.2185C23.4369 12.2185 23.0169 11.858 22.9084 11.4205C22.7579 10.8106 21.938 9.261 21.336 8.46737C20.2694 7.0595 18.62 5.82837 16.9969 5.22638C15.8585 4.7985 15.5619 4.298 16.0904 3.66887C16.268 3.4545 16.4272 3.35825 16.6784 3.35825L16.6793 3.35912ZM12.1441 4.9945C12.4495 4.9945 12.7225 5.05837 12.964 5.18612C14.4909 5.9605 14.4095 8.18125 12.8179 8.79113C10.8544 9.53925 9.86475 10.3311 9.2225 11.6357C7.8785 14.3649 8.97663 17.5866 11.697 18.8904C13.6981 19.8485 15.9766 19.516 17.5674 18.0477C18.2919 17.3731 18.6882 16.7948 19.0435 15.8559C19.5449 14.5434 20.1145 14.0508 21.1356 14.0508C22.4385 14.0508 23.3371 15.1532 23.072 16.4159C22.5295 18.9 20.4426 21.3972 17.913 22.5689C16.5191 23.212 15.7535 23.3748 13.9895 23.3748C12.2579 23.3748 11.5054 23.2199 10.1614 22.6091C6.4925 20.9501 4.242 16.9767 4.70575 13.034C5.14763 9.38787 7.65362 6.33062 11.1361 5.17737C11.5045 5.054 11.8422 4.98925 12.1432 4.9945H12.1441ZM16.1866 6.111C16.4421 6.11538 16.7703 6.23438 17.2533 6.4715C19.2229 7.406 20.8486 9.128 21.7236 11.179C22.0518 11.963 21.8881 12.4731 21.2503 12.6735C20.7576 12.8196 20.4304 12.5554 20.0051 11.6664C19.208 9.9855 18.0775 8.82175 16.4876 8.0395C15.5627 7.59237 15.4481 7.48738 15.3571 7.04988C15.316 6.818 15.3571 6.685 15.5715 6.43038C15.7535 6.216 15.9311 6.10575 16.1866 6.111ZM15.722 8.96437C15.9906 8.96437 16.3004 9.08687 16.7011 9.352C17.822 10.0861 19.0846 11.6664 19.0846 12.327C19.0846 12.6639 18.7618 13.0935 18.4336 13.1749C17.9961 13.2895 17.6811 13.0699 17.2218 12.3498C16.7248 11.5841 16.1411 11.0057 15.5391 10.7004C15.0203 10.4309 14.8698 10.2314 14.8698 9.80175C14.8514 9.56462 14.9608 9.33713 15.1524 9.20063C15.3073 9.05013 15.5129 8.96875 15.7229 8.9635L15.722 8.96437Z' fill='%23BD1C24'/%3E%3C/svg%3E");
}
.new-podcast-button--overcast,
.new-podcast-button--castro {
  position: relative;
}
.new-podcast-button--overcast::before,
.new-podcast-button--castro::before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  z-index: 1;
  opacity: 0;
  border-radius: 8px;
  transition: opacity 0.3s, border-color 0.3s;
}
.new-podcast-button--overcast .new-podcast-button__main,
.new-podcast-button--castro .new-podcast-button__main {
  z-index: 2;
}
.new-podcast-button--overcast .new-podcast-button__icon,
.new-podcast-button--castro .new-podcast-button__icon {
  z-index: 2;
  position: relative;
}
.new-podcast-button--overcast .new-podcast-button__icon::before,
.new-podcast-button--castro .new-podcast-button__icon::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s;
}
.new-podcast-button--overcast::before {
  background-image: linear-gradient(180deg, #ff9a20 0%, #ff7724 100%);
}
.new-podcast-button--overcast .new-podcast-button__icon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28Z' fill='white'/%3E%3Cpath d='M14 28C11.231 28 8.5243 27.1789 6.22201 25.6405C3.91973 24.1022 2.12532 21.9157 1.06569 19.3575C0.00606594 16.7994 -0.27118 13.9845 0.269012 11.2687C0.809204 8.55299 2.14257 6.05844 4.1005 4.1005C6.05844 2.14257 8.55299 0.809204 11.2687 0.269012C13.9845 -0.27118 16.7994 0.00606594 19.3575 1.06569C21.9157 2.12532 24.1022 3.91973 25.6405 6.22201C27.1789 8.5243 28 11.231 28 14C28.0044 15.8397 27.6454 17.6623 26.9434 19.3628C26.2414 21.0634 25.2103 22.6085 23.9094 23.9094C22.6085 25.2103 21.0634 26.2414 19.3628 26.9434C17.6623 27.6454 15.8397 28.0044 14 28V28ZM14 22.4589L15.05 21.4082L14 17.3836L12.95 21.4082L14 22.4589ZM12.6589 22.4L12.1336 24.3835L13.3582 23.1582L12.6589 22.4ZM15.341 22.4L14.641 23.1L15.8664 24.3253L15.341 22.4ZM16.3336 26.0164L14 23.6835L11.6664 26.0164C12.437 26.1549 13.2172 26.233 14 26.25C14.7842 26.2619 15.5672 26.1835 16.3336 26.0164V26.0164ZM14 1.75C11.1064 1.74795 8.30566 2.77119 6.09489 4.6381C3.88412 6.50501 2.40631 9.09484 1.92377 11.9479C1.44122 14.801 1.98514 17.7327 3.459 20.2228C4.93285 22.7129 7.2413 24.6003 9.97462 25.55L12.6 15.8089C12.3062 15.5953 12.068 15.3141 11.9055 14.9892C11.7431 14.6642 11.661 14.305 11.6664 13.9418C11.6663 13.544 11.7679 13.1527 11.9616 12.8053C12.1552 12.4578 12.4345 12.1655 12.7728 11.9564C13.1112 11.7472 13.4974 11.6279 13.8948 11.61C14.2922 11.5921 14.6876 11.676 15.0434 11.8539C15.3992 12.0318 15.7037 12.2977 15.9278 12.6263C16.152 12.955 16.2884 13.3355 16.3241 13.7317C16.3599 14.1278 16.2937 14.5266 16.132 14.89C15.9702 15.2535 15.7182 15.5695 15.4 15.8082L18.0253 25.55C20.7587 24.6003 23.0671 22.7129 24.541 20.2228C26.0148 17.7327 26.5587 14.801 26.0762 11.9479C25.5936 9.09484 24.1158 6.50501 21.9051 4.6381C19.6943 2.77119 16.8936 1.74795 14 1.75V1.75Z' fill='%23434D56'/%3E%3Cpath d='M21.9921 20.0664C21.8484 20.2459 21.6417 20.3639 21.4141 20.3964C21.1865 20.429 20.955 20.3737 20.7667 20.2418C20.6738 20.1805 20.5948 20.1004 20.5349 20.0065C20.475 19.9127 20.4355 19.8073 20.419 19.6972C20.4026 19.5871 20.4095 19.4747 20.4393 19.3675C20.4691 19.2602 20.5212 19.1604 20.5921 19.0746C21.618 17.5811 22.1672 15.8116 22.1672 13.9997C22.1672 12.1877 21.618 10.4183 20.5921 8.92467C20.5213 8.83888 20.4693 8.73916 20.4396 8.63197C20.4098 8.52479 20.403 8.41254 20.4194 8.30253C20.4359 8.19252 20.4753 8.08721 20.5352 7.99343C20.595 7.89966 20.6739 7.81953 20.7667 7.75825C20.955 7.62633 21.1865 7.57104 21.4141 7.60361C21.6417 7.63618 21.8484 7.75418 21.9921 7.93362C23.2446 9.70858 23.9169 11.8277 23.9169 14C23.9169 16.1724 23.2446 18.2915 21.9921 20.0664V20.0664ZM17.7332 17.7918C17.5726 17.6017 17.4895 17.358 17.5004 17.1094C17.5114 16.8608 17.6155 16.6254 17.7921 16.45C18.3623 15.7614 18.672 14.8941 18.6668 14C18.656 13.1088 18.3482 12.2466 17.7921 11.55C17.6279 11.3682 17.5322 11.1349 17.5215 10.8901C17.5107 10.6454 17.5856 10.4045 17.7332 10.209C17.8042 10.1163 17.8946 10.0402 17.998 9.98595C18.1015 9.93175 18.2155 9.90076 18.3322 9.89515C18.4488 9.88954 18.5653 9.90944 18.6735 9.95346C18.7817 9.99748 18.8789 10.0646 18.9585 10.15C19.8981 11.2124 20.4168 12.5818 20.4168 14C20.4168 15.4183 19.8981 16.7876 18.9585 17.85C18.8755 17.929 18.7773 17.9904 18.6699 18.0304C18.5625 18.0703 18.4481 18.0881 18.3336 18.0826C18.2191 18.0771 18.107 18.0484 18.0039 17.9983C17.9008 17.9482 17.809 17.8777 17.7339 17.7911L17.7332 17.7918ZM10.2668 17.7918C10.1917 17.8784 10.0998 17.9488 9.99668 17.9989C9.89357 18.0489 9.78138 18.0775 9.66691 18.083C9.55243 18.0884 9.43803 18.0706 9.33064 18.0305C9.22326 17.9905 9.12511 17.9291 9.04213 17.85C8.10255 16.7876 7.58391 15.4183 7.58391 14C7.58391 12.5818 8.10255 11.2124 9.04213 10.15C9.12159 10.0645 9.21879 9.99728 9.32692 9.95319C9.43505 9.9091 9.55151 9.88916 9.66815 9.89478C9.7848 9.90039 9.8988 9.93142 10.0022 9.98569C10.1056 10.04 10.1959 10.1162 10.2668 10.209C10.4272 10.399 10.5103 10.6424 10.4995 10.8909C10.4887 11.1393 10.3849 11.3746 10.2086 11.55C9.65249 12.2466 9.3447 13.1088 9.33392 14C9.3287 14.8941 9.63834 15.7614 10.2086 16.45C10.3856 16.625 10.49 16.8603 10.501 17.109C10.5119 17.3577 10.4285 17.6013 10.2675 17.7911L10.2668 17.7918ZM7.23393 20.2418C7.04562 20.3737 6.81416 20.429 6.58656 20.3964C6.35897 20.3639 6.15231 20.2459 6.00856 20.0664C4.75611 18.2915 4.08374 16.1724 4.08374 14C4.08374 11.8277 4.75611 9.70858 6.00856 7.93362C6.15231 7.75418 6.35897 7.63618 6.58656 7.60361C6.81416 7.57104 7.04562 7.62633 7.23393 7.75825C7.32688 7.81953 7.40588 7.89969 7.46579 7.99353C7.5257 8.08736 7.56517 8.19276 7.58165 8.30286C7.59812 8.41297 7.59122 8.52531 7.5614 8.63257C7.53158 8.73983 7.4795 8.83961 7.40856 8.9254C6.38267 10.419 5.83352 12.1884 5.83352 14.0004C5.83352 15.8124 6.38267 17.5818 7.40856 19.0754C7.53814 19.2539 7.59245 19.4762 7.55979 19.6943C7.52713 19.9125 7.41011 20.1091 7.23393 20.2418V20.2418Z' fill='%23FF9A20'/%3E%3C/svg%3E");
}
.new-podcast-button--castro::before {
  background-image: linear-gradient(180deg, #00ccbf 0%, #00b265 100%);
}
.new-podcast-button--castro .new-podcast-button__icon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_970_10571)'%3E%3Cpath d='M14 0C16.7689 0 19.4757 0.821085 21.778 2.35942C24.0803 3.89776 25.8747 6.08427 26.9343 8.64243C27.9939 11.2006 28.2712 14.0155 27.731 16.7313C27.1908 19.447 25.8574 21.9416 23.8995 23.8995C21.9416 25.8574 19.447 27.1908 16.7313 27.731C14.0155 28.2712 11.2006 27.9939 8.64243 26.9343C6.08427 25.8747 3.89776 24.0803 2.35942 21.778C0.821085 19.4757 0 16.7689 0 14C0 10.287 1.475 6.72601 4.1005 4.1005C6.72601 1.475 10.287 0 14 0Z' fill='%23313131'/%3E%3Cpath d='M19.8253 21.984L17.4778 18.7285C18.4889 17.9896 19.2402 16.9498 19.6241 15.7578C20.008 14.5658 20.0049 13.2829 19.6151 12.0929C19.2253 10.9028 18.4688 9.86667 17.4541 9.13284C16.4394 8.39901 15.2184 8.00515 13.9661 8.00769C12.7139 8.01023 11.4945 8.40903 10.4828 9.14697C9.47106 9.88491 8.71882 10.9241 8.33384 12.1157C7.94887 13.3074 7.9509 14.5903 8.33966 15.7807C8.72842 16.9711 9.48395 18.0079 10.498 18.7426L8.14934 22.0006C6.44562 20.7696 5.17557 19.0306 4.52141 17.033C3.86724 15.0355 3.86257 12.882 4.50807 10.8817C5.15356 8.88131 6.41605 7.13679 8.11442 5.89837C9.81279 4.65996 11.8598 3.99129 13.9617 3.98829C16.0636 3.98529 18.1125 4.64812 19.8144 5.88169C21.5163 7.11525 22.7838 8.85616 23.435 10.8547C24.0862 12.8532 24.0876 15.0066 23.4392 17.006C22.7907 19.0054 21.5256 20.7481 19.8254 21.984H19.8253ZM13.9979 11.5363C14.4712 11.5363 14.934 11.6767 15.3275 11.9397C15.7211 12.2027 16.0278 12.5765 16.209 13.0138C16.3901 13.4511 16.4375 13.9323 16.3451 14.3966C16.2528 14.8608 16.0248 15.2873 15.6901 15.622C15.3554 15.9567 14.929 16.1846 14.4647 16.277C14.0004 16.3693 13.5192 16.3219 13.0819 16.1408C12.6446 15.9596 12.2708 15.6529 12.0078 15.2593C11.7448 14.8657 11.6045 14.403 11.6045 13.9296C11.6045 13.6153 11.6664 13.3041 11.7867 13.0137C11.9069 12.7233 12.0832 12.4595 12.3055 12.2373C12.5277 12.015 12.7916 11.8387 13.082 11.7185C13.3723 11.5982 13.6836 11.5363 13.9979 11.5363Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_970_10571'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.new-podcast-play {
  display: flex;
  flex-direction: column;
}
.new-podcast-play__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.new-podcast-play__circle {
  display: none;
}
.new-podcast-play__play {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.new-podcast-play__play.is-play .new-podcast-play__button-play .svg-icon:nth-of-type(1) {
  opacity: 0;
}
.new-podcast-play__play.is-play .new-podcast-play__button-play .svg-icon:nth-of-type(2) {
  opacity: 1;
}
.new-podcast-play__play.is-play .new-podcast-play__label-main {
  max-width: 44px;
  opacity: 0;
}
.new-podcast-play__play.is-play .new-podcast-play__label-timer {
  opacity: 1;
}
.new-podcast-play__listen {
  display: inline-flex;
  align-items: center;
}
.new-podcast-play__line {
  height: 58px;
  width: 1px;
  background-color: #909090;
  margin: 0 37px;
}
.new-podcast-play__label {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
  position: relative;
  text-align: left;
}
.new-podcast-play__label-main {
  transition: opacity 0.3s, max-width 0.3s;
  max-width: 210px;
}
.new-podcast-play__label-title,
.new-podcast-play__label-transcription {
  white-space: nowrap;
}
.new-podcast-play__label-transcription {
  margin-top: 2px;
  color: #909090;
  letter-spacing: -0.02em;
  font-size: 0.8em;
}
.new-podcast-play__label-transcription > span {
  text-decoration: underline;
  cursor: pointer;
}
.new-podcast-play__label-timer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.new-podcast-play__button-play {
  background-color: #fe490c;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  outline: none;
  border: none;
  padding: 20px 14px 20px 22px;
  position: relative;
  margin-right: 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.new-podcast-play__button-play .svg-icon {
  fill: currentColor;
  transition: opacity 0.3s;
  margin: auto;
  width: 40px;
  height: 36px;
}
.new-podcast-play__button-play .svg-icon:nth-of-type(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.new-podcast-play__buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-left: 21px;
  position: relative;
}
.new-podcast-play__button {
  margin-left: 16px;
}
.new-podcast-play__button:first-child {
  margin-left: 0;
}
.new-podcast-play__subtitle {
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 18px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.new-podcast-play__subtitle--soon span:first-child {
  color: #fe490c;
}
.new-podcast-play__subtitle-dots {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 18px;
}
.new-podcast-play__date {
  font-family: 'Neue Machina', Arial, Helvetica, sans-serif;
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
}
.new-podcast-play__title {
  font-size: 56px;
  line-height: 1.2;
  margin: 26px 0 25px;
  transition: color 0.3s;
}
.new-podcast-play__text {
  color: #ccc;
  font-size: 24px;
  padding: 0 40px;
}
.new-podcast-play__pagination {
  font-size: 20px;
  letter-spacing: 0.04em;
  margin: 0 auto;
  width: 100px;
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.new-podcast-play__pagination::before,
.new-podcast-play__pagination::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 25px;
}
.new-podcast-play__pagination::before {
  left: 0;
  background-image: linear-gradient(90deg, #222 0%, rgba(34,34,34,0) 134.38%);
}
.new-podcast-play__pagination::after {
  right: 0;
  background-image: linear-gradient(270deg, #222 0%, rgba(34,34,34,0) 134.38%);
}
.new-podcast-play__pagination-list {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  transition: transform 0.3s;
  margin-left: 14px;
}
.new-podcast-play__pagination-item {
  width: 50px;
  text-align: center;
}
.new-podcast-popup {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 16px;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0s 0.3s, opacity 0.3s;
  z-index: 10;
}
.new-podcast-popup::before {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background-color: #fff;
  bottom: 0;
  right: 22px;
  transform: translate(50%, 30%) rotate(45deg);
}
.new-podcast-popup__wrap {
  background-color: #fff;
  border-radius: 12px;
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 8px;
}
.new-podcast-popup--about::before {
  background-color: #222;
}
.new-podcast-popup--about .new-podcast-popup__wrap {
  background-color: #222;
}
.new-podcast-popup--about .new-podcast-button {
  color: #222;
}
.podcast-transcription {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  visibility: hidden;
  justify-content: center;
  padding: 30px 0 30px 0;
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 1023px) {
  .podcast-transcription {
    padding: 0;
  }
}
.podcast-transcription__container {
  max-width: 600px;
  padding: 50px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  max-height: calc(100vh - 60px);
}
@media only screen and (max-width: 1023px) {
  .podcast-transcription__container {
    padding: 60px 30px 0;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }
}
.podcast-transcription__text {
  overflow-x: hidden;
  overflow-y: auto;
}
.podcast-transcription__close {
  top: 26px !important;
  right: 26px !important;
  left: unset !important;
  width: 26px !important;
  height: 26px !important;
}
.podcast-transcription__close:before,
.podcast-transcription__close:after {
  top: 12px !important;
  left: -3px !important;
  width: 34px !important;
  height: 2px !important;
}
.podcast-transcription__subhead {
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #222;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin: 0 0 23px 0;
}
@media only screen and (max-width: 1023px) {
  .podcast-transcription__subhead {
    font-size: 12px;
  }
}
.podcast-transcription__subhead span {
  display: block;
  width: 4px;
  height: 4px;
  background: #222;
  border-radius: 50%;
  margin: 0 10px;
}
.podcast-transcription__title {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #222;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 1023px) {
  .podcast-transcription__title {
    font-size: 24px;
  }
}
.podcast-transcription__text {
  font-family: 'TTInterfaces', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #222;
  margin: 0 0 20px 0;
  max-height: 600px;
  overflow-y: auto;
/* Chrome, Edge, and Safari */
}
@media only screen and (max-width: 1023px) {
  .podcast-transcription__text {
    font-size: 16px;
    max-height: calc(100vh - 180px);
  }
}
.podcast-transcription__text::-webkit-scrollbar {
  width: 4px;
  min-height: 100px;
}
.podcast-transcription__text::-webkit-scrollbar-track {
  background: #fff;
}
.podcast-transcription__text::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 2560px) {
  .new-podcast {
    font-size: 24px;
  }
  .new-podcast__section--intro .new-podcast__content {
    max-width: 763px;
  }
  .new-podcast__section--start .new-podcast__content {
    max-width: 766px;
  }
  .new-podcast__section--play .new-podcast__content {
    max-width: 640px;
  }
  .new-podcast__container {
    padding: 0 80px;
  }
  .new-podcast__subtitle {
    max-width: 360px;
  }
  .new-podcast__title {
    font-size: 96px;
    margin: 48px 0 20px;
  }
  .new-podcast__description {
    padding-right: 85px;
  }
  .new-podcast__scroll {
    margin-top: 96px;
  }
  .new-podcast__image {
    width: 530px;
  }
  .new-podcast__play {
    padding-bottom: 76px;
  }
  .new-podcast__list {
    height: calc(100% - 76px);
  }
  .new-podcast__item--end {
    height: 308px;
  }
  .new-podcast__button {
    padding: 28px;
    width: 84px;
    height: 84px;
    border-radius: 10px;
    margin-top: -80px;
  }
  .new-podcast__button--prev {
    right: calc(100% + 80px);
  }
  .new-podcast__button--next {
    left: calc(100% + 80px);
  }
  .new-podcast-header__wrap {
    padding: 60px 0 0;
  }
  .new-podcast-header__logo {
    width: 177px;
    height: 109px;
  }
  .new-podcast-footer__wrap {
    padding: 15px 0 60px;
  }
  .new-podcast-footer__info {
    font-size: 18px;
    line-height: 22px;
  }
  .new-podcast-button {
    font-size: 10px;
    min-height: 54px;
    border-radius: 10px;
  }
  .new-podcast-button--dots {
    width: 54px;
    height: 54px;
  }
  .new-podcast-button--dots i {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    margin-top: -3px;
    margin-left: -3px;
  }
  .new-podcast-button--dots i:first-child {
    margin-left: -15px;
  }
  .new-podcast-button--dots i:last-child {
    margin-left: 9px;
  }
  .new-podcast-button--dots.is-active i:first-child {
    margin-left: -10px;
  }
  .new-podcast-button--dots.is-active i:last-child {
    margin-left: -10px;
  }
  .new-podcast-button--color {
    padding: 9px;
  }
  .new-podcast-button__main {
    margin-left: 8px;
  }
  .new-podcast-button__icon {
    width: 34px;
  }
  .new-podcast-button__name {
    font-size: 18px;
    line-height: 22px;
  }
  .new-podcast-button--color .new-podcast-button__icon {
    height: 34px;
    width: 34px;
  }
  .new-podcast-scroll__icon {
    width: 31px;
    height: 45px;
    border-radius: 80px;
    margin-right: 16px;
  }
  .new-podcast-scroll__icon span {
    top: 13px;
    left: 14px;
    width: 3px;
    height: 8px;
    border-radius: 80px;
  }
  .new-podcast-play__subtitle {
    font-size: 14px;
  }
  .new-podcast-play__subtitle-dots {
    width: 4px;
    height: 4px;
    margin: 0 13px;
  }
  .new-podcast-play__title {
    font-size: 42px;
    margin: 20px 0 18px;
  }
  .new-podcast-play__text {
    font-size: 20px;
  }
  .new-podcast-play__button {
    margin-left: 12px;
    bottom: 40%;
  }
  .new-podcast-play__controls {
    margin-top: 24px;
  }
  .new-podcast-play__line {
    height: 44px;
    margin: 0 27px;
  }
  .new-podcast-play__label {
    font-size: 20px;
  }
  .new-podcast-play__buttons {
    margin-left: 16px;
  }
  .new-podcast-play__button-play {
    width: 54px;
    height: 54px;
    margin-right: 16px;
    padding: 13px 10px 13px 16px;
  }
  .new-podcast-play__button-play .svg-icon {
    width: 21px;
    height: 24px;
  }
  .new-podcast-play__pagination {
    font-size: 16px;
  }
  .new-podcast-play__pagination::before,
  .new-podcast-play__pagination::after {
    width: 20px;
  }
  .new-podcast-play__pagination-list {
    margin-left: 31px;
  }
  .new-podcast-play__pagination-item {
    width: 40px;
  }
}
@media only screen and (max-width: 1440px) {
  .new-podcast {
    font-size: 18px;
  }
  .new-podcast__section .new-podcast__content {
    max-width: 572px;
  }
  .new-podcast__section--start .new-podcast__content {
    max-width: 575px;
  }
  .new-podcast__section--play .new-podcast__content {
    max-width: 520px;
  }
  .new-podcast__container {
    padding: 0 60px;
  }
  .new-podcast__subtitle {
    max-width: 270px;
  }
  .new-podcast__title {
    font-size: 72px;
    margin: 36px 0 14px;
  }
  .new-podcast__description {
    padding-right: 64px;
  }
  .new-podcast__scroll {
    margin-top: 74px;
  }
  .new-podcast__image {
    width: 396px;
  }
  .new-podcast__play {
    padding-bottom: 50px;
  }
  .new-podcast__list {
    height: calc(100% - 50px);
  }
  .new-podcast__item--end {
    height: 234px;
  }
  .new-podcast__button {
    padding: 22px;
    width: 64px;
    height: 64px;
    border-radius: 8px;
    margin-top: -57px;
  }
  .new-podcast__button--prev {
    right: calc(100% + 60px);
  }
  .new-podcast__button--next {
    left: calc(100% + 60px);
  }
  .new-podcast-header__wrap {
    padding: 40px 0 0;
  }
  .new-podcast-header__logo {
    width: 133px;
    height: 82px;
  }
  .new-podcast-footer__wrap {
    padding: 15px 0 40px;
  }
  .new-podcast-footer__info {
    font-size: 14px;
    line-height: 18px;
  }
  .new-podcast-button {
    min-height: 44px;
    border-radius: 8px;
  }
  .new-podcast-button--dots {
    width: 44px;
    height: 44px;
  }
  .new-podcast-button--dots i {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    margin-top: -2px;
    margin-left: -2px;
  }
  .new-podcast-button--dots i:first-child {
    margin-left: -10px;
  }
  .new-podcast-button--dots i:last-child {
    margin-left: 6px;
  }
  .new-podcast-button__main {
    margin-left: 6px;
  }
  .new-podcast-button__icon {
    width: 24px;
  }
  .new-podcast-button__name {
    font-size: 14px;
    line-height: 18px;
  }
  .new-podcast-button--icon {
    width: 44px;
  }
  .new-podcast-button--color .new-podcast-button__icon {
    height: 24px;
    width: 24px;
  }
  .new-podcast-scroll__icon {
    width: 24px;
    height: 34px;
    border-radius: 60px;
    margin-right: 12px;
    box-shadow: 0 0 0 1.5px #fff;
  }
  .new-podcast-scroll__icon span {
    top: 10px;
    left: 11px;
    width: 2px;
    height: 6px;
    border-radius: 60px;
  }
  .new-podcast-keyboard {
    bottom: 15%;
  }
  .new-podcast-play__button {
    margin-left: 8px;
  }
  .new-podcast-play__pagination {
    font-size: 12px;
    width: 88px;
  }
  .new-podcast-play__pagination-list {
    margin-left: 27px;
  }
  .new-podcast-play__pagination-item {
    width: 36px;
  }
  .new-podcast-play__subtitle {
    font-size: 14px;
  }
  .new-podcast-play__subtitle-dots {
    margin: 0 10px;
  }
  .new-podcast-play__title {
    font-size: 31px;
    margin: 15px 0 14px;
  }
  .new-podcast-play__title br {
    display: none;
  }
  .new-podcast-play__text {
    font-size: 16px;
    padding: 0;
  }
  .new-podcast-play__controls {
    margin-top: 20px;
  }
  .new-podcast-play__line {
    height: 34px;
    margin: 0 20px;
  }
  .new-podcast-play__label {
    font-size: 16px;
  }
  .new-podcast-play__buttons {
    margin-left: 12px;
  }
  .new-podcast-play__button-play {
    width: 44px;
    height: 44px;
    margin-right: 12px;
    padding: 13px 12px 13px 14px;
  }
  .new-podcast-play__button-play .svg-icon {
    width: 16px;
    height: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .new-podcast__button:hover {
    background-color: #fe490c;
    border-color: #fe490c;
  }
  .new-podcast-button:hover {
    border-color: #fe490c;
  }
  .new-podcast-button:hover i {
    background-color: #fe490c;
  }
  .new-podcast-button--spotify:hover {
    color: #222;
    background-color: #1ed760;
    border-color: #1ed760;
  }
  .new-podcast-button--applePodcast:hover,
  .new-podcast-button--castbox:hover,
  .new-podcast-button--iHeartRadio:hover,
  .new-podcast-button--rss:hover {
    color: #fff;
    border-color: transparent;
  }
  .new-podcast-button--applePodcast:hover::before,
  .new-podcast-button--castbox:hover::before,
  .new-podcast-button--iHeartRadio:hover::before,
  .new-podcast-button--rss:hover::before {
    opacity: 1;
  }
  .new-podcast-button--googlePodcast:hover,
  .new-podcast-button--playerFM:hover {
    background-color: #fff;
    border-color: #fe490c;
    color: transparent;
  }
  .new-podcast-button--googlePodcast:hover .new-podcast-button__icon::before,
  .new-podcast-button--playerFM:hover .new-podcast-button__icon::before {
    opacity: 1;
  }
  .new-podcast-button--overcast:hover,
  .new-podcast-button--castro:hover {
    color: transparent;
    border-color: transparent;
  }
  .new-podcast-button--overcast:hover::before,
  .new-podcast-button--castro:hover::before {
    opacity: 1;
  }
  .new-podcast-button--overcast:hover .new-podcast-button__icon::before,
  .new-podcast-button--castro:hover .new-podcast-button__icon::before {
    opacity: 1;
  }
  .new-podcast-button--podcastAddict:hover {
    color: #fff;
    background-color: #ff7e00;
    border-color: #ff7e00;
  }
  .new-podcast-button--pocketCasts:hover {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
  }
  .new-podcast-button--stitcher:hover {
    background-color: #000;
    border-color: #000;
    color: transparent;
  }
  .new-podcast-button--stitcher:hover .new-podcast-button__icon::before {
    opacity: 1;
  }
  .new-podcast-button--podbean:hover {
    color: #fff;
    background-color: #8dc742;
    border-color: #8dc742;
  }
  .new-podcast-button--podcastRepublic:hover {
    color: #fff;
    background-color: #5c85dd;
    border-color: #5c85dd;
  }
  .new-podcast-button--radioPublic:hover {
    color: #fff;
    background-color: #cf2327;
    border-color: #cf2327;
  }
  .new-podcast-popup--about .new-podcast-button--googlePodcast:hover,
  .new-podcast-popup--about .new-podcast-button--playerFM:hover {
    border-color: transparent;
  }
  .new-podcast-play__button-play:hover {
    background-color: #ee3c00;
  }
  .podcast-popup__close:hover::before,
  .podcast-popup__close:hover::after {
    background-color: #ff490c;
  }
}
@media only screen and (max-width: 1023px) {
  .new-podcast {
    font-size: 14px;
  }
  .new-podcast__section--start .new-podcast__content {
    max-width: 335px;
  }
  .new-podcast__container {
    padding: 0 40px;
  }
  .new-podcast__title {
    font-size: 42px;
    margin: 36px 0 14px;
  }
  .new-podcast__description {
    padding-right: 0;
  }
  .new-podcast-header__logo {
    width: 81px;
    height: 50px;
  }
  .new-podcast-header__button {
    display: block;
  }
  .new-podcast-footer__link {
    margin-right: 6px;
  }
  .new-podcast-footer__copy {
    margin-left: 0;
    font-size: 12px;
    line-height: 15px;
  }
  .new-podcast-footer__button--about {
    display: none;
  }
  .new-podcast-footer .new-podcast-button {
    min-height: 36px;
  }
  .new-podcast-footer .new-podcast-button--dots {
    width: 36px;
    height: 36px;
    padding: 15px 7px;
  }
  .new-podcast-button {
    font-size: 8px;
  }
  .new-podcast-button__icon {
    width: 22px;
  }
  .new-podcast-button__name {
    font-size: 12px;
    line-height: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .new-podcast__section--intro .new-podcast__text {
    padding: 0;
  }
  .new-podcast__section--start {
    justify-content: flex-end;
  }
  .new-podcast__section--start .new-podcast__content {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .new-podcast__section--start .new-podcast__scroll {
    display: none;
  }
  .new-podcast__section--play .new-podcast__content {
    max-width: 100%;
  }
  .new-podcast__container {
    padding: 0 20px;
  }
  .new-podcast__start {
    padding-bottom: 130px;
  }
  .new-podcast__play {
    height: 350px;
    padding-bottom: 110px;
  }
  .new-podcast__play[data-state="-2"] .new-podcast-play__pagination {
    display: block;
    margin-top: -50px;
  }
  .new-podcast__title {
    margin: 24px 0 12px 0;
  }
  .new-podcast__subtitle {
    max-width: 200px;
    margin: 0 auto;
  }
  .new-podcast__description {
    padding-right: 0;
  }
  .new-podcast__button {
    padding: 14px 13px;
    border: none;
    width: 44px;
    height: 44px;
    top: auto;
    bottom: 20px;
    z-index: 6;
  }
  .new-podcast__button--prev {
    left: 25%;
    right: auto;
  }
  .new-podcast__button--next {
    right: 25%;
    left: auto;
  }
  .new-podcast__image {
    width: 240px;
  }
  .new-podcast__list {
    z-index: 3;
    height: 100%;
  }
  .new-podcast__item {
    top: 0;
    bottom: 0;
    transform: none;
  }
  .new-podcast__item--soon {
    height: auto;
    padding-bottom: 40px;
  }
  .new-podcast__item--end {
    height: auto;
    padding-bottom: 0px;
  }
  .new-podcast__item-email {
    margin-bottom: 35px;
  }
  .new-podcast__item-email__error {
    margin-top: 4px;
  }
  .new-podcast-header__wrap {
    padding-top: 20px;
  }
  .new-podcast-header__logo {
    width: 81px;
    height: 50px;
  }
  .new-podcast-footer__wrap {
    flex-direction: column;
    padding: 20px 0;
  }
  .new-podcast-footer__info {
    margin-top: 16px;
  }
  .new-podcast-play {
    height: 225px;
  }
  .new-podcast-play__subtitle {
    font-size: 12px;
  }
  .new-podcast-play__title {
    font-size: 24px;
    margin: 12px 0 14px;
  }
  .new-podcast-play__date {
    font-size: 16px;
  }
  .new-podcast-play__text {
    font-size: 14px;
    padding: 0;
    max-width: 420px;
    margin: 0 auto;
  }
  .new-podcast-play__pagination {
    pointer-events: none;
    position: relative;
    top: 0;
    margin-top: -50px;
  }
  .new-podcast-play__pagination-list {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s ease, opacity 0.3s ease, transform 0.3s;
  }
  .new-podcast-play__pagination-list.is-active {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s;
  }
  .new-podcast-play__line {
    display: none;
  }
  .new-podcast-play__listen {
    display: none;
  }
  .new-podcast-play__play {
    flex-direction: column;
    position: relative;
  }
  .new-podcast-play__play.is-play .new-podcast-play__circle {
    display: block;
  }
  .new-podcast-play__circle {
    width: 64px;
    height: 64px;
    position: absolute;
    top: -10px;
  }
  .new-podcast-play__circle-bg {
    fill: none;
    stroke: #4e4e4e;
    stroke-width: 2px;
  }
  .new-podcast-play__circle-val {
    fill: none;
    stroke: #fe490c;
    stroke-width: 2px;
    transform: rotate(-90deg);
    transform-origin: center;
    stroke-linecap: round;
    stroke-dasharray: 0, 98;
  }
  .new-podcast-play__label {
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 5px;
  }
  .new-podcast-play__label > div:first-child {
    display: none;
  }
  .new-podcast-play__label > div:last-child {
    left: 50%;
    transform: translateX(-50%);
  }
  .new-podcast-play__controls {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -42px;
  }
  .new-podcast-play__button-play {
    margin: 0 20px;
  }
  .new-podcast-keyboard {
    top: -15%;
    bottom: 30%;
  }
}
.podcast-popup {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #222;
  z-index: 110;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0s 0.3s, opacity 0.3s;
}
.podcast-popup.is-open {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
  pointer-events: auto;
}
.podcast-popup__close {
  position: absolute;
  top: 0;
  left: 60px;
  width: 42px;
  height: 42px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.podcast-popup__close::before,
.podcast-popup__close::after {
  position: absolute;
  top: 18px;
  left: 0;
  width: 42px;
  height: 4px;
  background-color: #222;
  content: '';
  transition: background-color 0.3s ease;
}
.podcast-popup__close::before {
  transform: rotate(45deg);
}
.podcast-popup__close::after {
  transform: rotate(-45deg);
}
.podcast-popup__wrap {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  padding-top: 80px;
}
.podcast-popup__container {
  width: 100%;
  height: 100%;
  padding: 0 100px;
}
.podcast-popup__header {
  position: relative;
}
.podcast-popup__main {
  flex-grow: 1;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
}
.podcast-popup__footer {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 119;
}
.podcast-popup__content {
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 500;
  padding: 0px 100px 167px;
  max-width: 1050px;
  display: flex;
  flex-flow: column nowrap;
}
.podcast-popup__content p {
  margin: 1em 0;
}
.podcast-popup__content p:first-child {
  margin-top: 0;
}
.podcast-popup__content p:last-child {
  margin-bottom: 0;
}
.podcast-popup__side {
  position: relative;
  flex-grow: 1;
}
.podcast-popup__image {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.podcast-popup__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.podcast-popup__title {
  font-size: 128px;
  margin: 0 0 36px;
}
.podcast-popup__text {
  font-size: 32px;
}
.podcast-popup__form {
  margin: auto 0 80px;
  position: relative;
}
.podcast-popup__form-text {
  font-size: 32px;
  margin-bottom: 42px;
  margin-top: 20px;
}
@media only screen and (max-width: 1920px) {
  .podcast-popup__wrap {
    padding-top: 60px;
  }
  .podcast-popup__container {
    padding: 0 80px;
  }
  .podcast-popup__title {
    font-size: 96px;
    margin: 0 0 27px;
  }
  .podcast-popup__text {
    font-size: 24px;
  }
  .podcast-popup__content {
    max-width: 800px;
    padding: 0 80px 129px;
  }
  .podcast-popup__form-text {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .podcast-popup__title {
    font-size: 60px;
  }
  .podcast-popup__text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1440px) {
  .podcast-popup__wrap {
    padding-top: 40px;
  }
  .podcast-popup__container {
    padding: 0 60px;
  }
  .podcast-popup__title {
    font-size: 72px;
    margin: 0 0 20px;
  }
  .podcast-popup__text {
    font-size: 18px;
  }
  .podcast-popup__content {
    width: 40%;
    max-width: 600px;
    padding: 0 20px 100px 60px;
  }
  .podcast-popup__form {
    margin: auto 0 52px;
  }
  .podcast-popup__form-text {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .podcast-popup__close {
    left: 40px;
  }
  .podcast-popup__container {
    padding: 0 40px;
  }
  .podcast-popup__content {
    padding: 40px 20px 100px 40px;
  }
  .podcast-popup__title {
    font-size: 42px;
    line-height: 0.9;
    margin: 0 0 12px;
  }
  .podcast-popup__text {
    font-size: 14px;
  }
  .podcast-popup__form {
    margin: 60px 0 0;
  }
  .podcast-popup__form-text {
    font-size: 14px;
    margin-bottom: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .podcast-popup__close {
    left: 20px;
    width: 32px;
    height: 32px;
  }
  .podcast-popup__close::before,
  .podcast-popup__close::after {
    width: 31px;
    height: 3px;
    top: 14px;
  }
  .podcast-popup__wrap {
    padding-top: 20px;
  }
  .podcast-popup__container {
    padding: 0 20px;
  }
  .podcast-popup__main {
    flex-flow: column nowrap;
  }
  .podcast-popup__content {
    width: 100%;
    max-width: 100%;
    align-self: flex-start;
    padding: 40px 20px 0 20px;
  }
  .podcast-popup__side {
    width: 100%;
    flex-grow: 1;
    position: relative;
  }
  .podcast-popup__title {
    margin: 0 0 12px;
  }
  .podcast-popup__image img {
    height: 100%;
    width: auto;
    max-width: 100%;
    transform: translate(20px, 30px);
  }
}
@media only screen and (max-width: 375px) {
  .podcast-popup__content {
    padding-top: 20px;
  }
  .podcast-popup__title {
    font-size: 36px;
  }
  .podcast-popup__text {
    font-size: 14px;
  }
  .podcast-popup__form {
    margin-top: 20px;
  }
}
.rotate-in-2-tl-ccw {
  display: inline-block;
  -webkit-animation: rotate-in-2-tl-ccw 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-2-tl-ccw 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.swing {
  display: inline-block;
  -webkit-animation: swing 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: swing 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.slideup {
  display: inline-block;
  -webkit-animation: slideup 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slideup 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.fade-out-bottom {
  -webkit-animation: fade-out-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fade-out-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-moz-keyframes flickerLoaded {
  from {
    opacity: 0.1;
  }
  20% {
    opacity: 0.4;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes flickerLoaded {
  from {
    opacity: 0.1;
  }
  20% {
    opacity: 0.4;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes flickerLoaded {
  from {
    opacity: 0.1;
  }
  20% {
    opacity: 0.4;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@keyframes flickerLoaded {
  from {
    opacity: 0.1;
  }
  20% {
    opacity: 0.4;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes loaderSparks {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes loaderSparks {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes loaderSparks {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes loaderSparks {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes loadTopSpark {
  from {
    bottom: 10px;
  }
  to {
    bottom: 30px;
  }
}
@-webkit-keyframes loadTopSpark {
  from {
    bottom: 10px;
  }
  to {
    bottom: 30px;
  }
}
@-o-keyframes loadTopSpark {
  from {
    bottom: 10px;
  }
  to {
    bottom: 30px;
  }
}
@keyframes loadTopSpark {
  from {
    bottom: 10px;
  }
  to {
    bottom: 30px;
  }
}
@-moz-keyframes loadBottomSpark {
  from {
    top: 15px;
  }
  to {
    top: 40px;
  }
}
@-webkit-keyframes loadBottomSpark {
  from {
    top: 15px;
  }
  to {
    top: 40px;
  }
}
@-o-keyframes loadBottomSpark {
  from {
    top: 15px;
  }
  to {
    top: 40px;
  }
}
@keyframes loadBottomSpark {
  from {
    top: 15px;
  }
  to {
    top: 40px;
  }
}
@-moz-keyframes flicker {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes flicker {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes flicker {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes flicker {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-o-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-moz-keyframes rotate-in-2-tl-ccw {
  0% {
    transform: translate(0px, 10px) rotate(5deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(0) rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes rotate-in-2-tl-ccw {
  0% {
    transform: translate(0px, 10px) rotate(5deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(0) rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-o-keyframes rotate-in-2-tl-ccw {
  0% {
    transform: translate(0px, 10px) rotate(5deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(0) rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes rotate-in-2-tl-ccw {
  0% {
    transform: translate(0px, 10px) rotate(5deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(0) rotate(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-moz-keyframes swing {
  0% {
    transform: translate(20px, 0px) skew(-10deg, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate(0) skew(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes swing {
  0% {
    transform: translate(20px, 0px) skew(-10deg, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate(0) skew(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-o-keyframes swing {
  0% {
    transform: translate(20px, 0px) skew(-10deg, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate(0) skew(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes swing {
  0% {
    transform: translate(20px, 0px) skew(-10deg, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate(0) skew(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-moz-keyframes slideup {
  0% {
    transform: translate(0px, 20px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes slideup {
  0% {
    transform: translate(0px, 20px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-o-keyframes slideup {
  0% {
    transform: translate(0px, 20px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes slideup {
  0% {
    transform: translate(0px, 20px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-moz-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@-o-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@-moz-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
  }
}
@-o-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
  }
}
.error__header-logo {
  padding: 43px 0 37px;
  width: 193px;
  line-height: 0;
  margin: 0 auto;
}
.error__header-logo a {
  display: block;
}
.error__main {
  padding-bottom: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.error__main-image #bush {
  animation: fly 5s linear infinite forwards;
}
.error__main-image #dot {
  animation: blink 2s steps(2, start) infinite;
}
.error__main-image #z1 {
  animation: blink 3s steps(2, start) infinite reverse;
}
.error__main-image #z2 {
  animation: blink 3s steps(3, start) infinite reverse;
}
.error__main-image #z3 {
  animation: blink 3s steps(4, start) infinite reverse;
}
.error__main-image #z4 {
  animation: blink 3s steps(5, start) infinite reverse;
}
.error__main-image svg {
  width: 100%;
  height: auto;
}
.error__title {
  margin-top: 60px;
  text-align: center;
  max-width: 800px;
}
.error__title h2 {
  margin-bottom: 24px;
}
.error__text {
  max-width: 450px;
  text-align: center;
}
.error__text p {
  font-size: 20px;
  line-height: 1.2;
  margin: 24px 0;
}
.error__text p:first-of-type {
  margin-top: 0;
}
.error__text p:last-of-type {
  margin-bottom: 0;
}
.error__text--coming-soon {
  max-width: 800px;
}
.error__controls {
  margin-top: 40px;
}
.error__social {
  margin-top: 50px;
}
.error__menu {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 -15px;
  position: relative;
  font-family: 'Neue Machina', Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
.error__menu::after {
  content: '';
  display: block;
  position: absolute;
  background: url("../images/arrow.svg") 0 0 no-repeat;
  width: 176px;
  height: 106px;
  top: 0;
  left: 100%;
}
.error__item {
  padding: 0 15px;
  position: relative;
}
.error__item a {
  display: block;
}
.error-item__svg {
  position: absolute;
  top: -10px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.error-item__svg--0 {
  left: -10px;
}
.error-item__svg-path {
  stroke-dasharray: 270;
  stroke-dashoffset: 270;
  transition: stroke-dashoffset 0.5s linear;
}
@media only screen and (min-width: 1024px) {
  .error__item a:hover .error-item__svg .error-item__svg-path {
    stroke-dashoffset: 0;
  }
}
@media only screen and (max-width: 767px) {
  .error__header-logo {
    padding: 16px 0;
  }
  .error__main {
    padding-bottom: 30px;
  }
  .error__main-image {
    margin-top: 40px;
  }
  .error__item {
    margin: 14px 0;
  }
  .error__text p {
    font-size: 16px;
    margin: 20px 0;
  }
  .error__controls {
    width: 100%;
  }
  .error__button {
    width: 100%;
  }
  .error__menu {
    flex-direction: column;
    align-items: center;
    font-size: 18px;
  }
  .error__menu::after {
    display: none;
  }
  .error__social {
    margin-top: 36px;
  }
  .error-item__svg--1 {
    left: 3px;
  }
  .error-item__svg--2 {
    left: -4px;
  }
  .error-item__svg-path {
    stroke-dasharray: 0;
  }
}
@-moz-keyframes fly {
  0%, 100% {
    transform: skew(0deg, 0deg) scaleX(1);
    transform-origin: 10% 100%;
  }
  33% {
    transform: skew(-4deg, 0deg) scaleX(1.02);
    transform-origin: 10% 75%;
  }
  66% {
    transform: skew(4deg, 0deg) scaleX(1.08);
    transform-origin: 10% 75%;
  }
}
@-webkit-keyframes fly {
  0%, 100% {
    transform: skew(0deg, 0deg) scaleX(1);
    transform-origin: 10% 100%;
  }
  33% {
    transform: skew(-4deg, 0deg) scaleX(1.02);
    transform-origin: 10% 75%;
  }
  66% {
    transform: skew(4deg, 0deg) scaleX(1.08);
    transform-origin: 10% 75%;
  }
}
@-o-keyframes fly {
  0%, 100% {
    transform: skew(0deg, 0deg) scaleX(1);
    transform-origin: 10% 100%;
  }
  33% {
    transform: skew(-4deg, 0deg) scaleX(1.02);
    transform-origin: 10% 75%;
  }
  66% {
    transform: skew(4deg, 0deg) scaleX(1.08);
    transform-origin: 10% 75%;
  }
}
@keyframes fly {
  0%, 100% {
    transform: skew(0deg, 0deg) scaleX(1);
    transform-origin: 10% 100%;
  }
  33% {
    transform: skew(-4deg, 0deg) scaleX(1.02);
    transform-origin: 10% 75%;
  }
  66% {
    transform: skew(4deg, 0deg) scaleX(1.08);
    transform-origin: 10% 75%;
  }
}
@-moz-keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}
@-o-keyframes blink {
  to {
    visibility: hidden;
  }
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
.cookie {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s ease, opacity 0.3s ease;
/*
		#dot0 {
			animation: blink1 2s steps(2, start) infinite;
		}

		#dot1 {
			animation: blink1 2s steps(3, start) infinite;
		}

		#dot2 {
			animation: blink1 2s steps(4, start) infinite;
		}*/
}
.cookie.is-open {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.cookie__wrap {
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 810px;
  padding: 7px 10px 9px 16px;
  border: 2px solid #ff490c;
  border-radius: 8px;
  background-color: #fff;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cookie__icon {
  margin-right: 20px;
}
.cookie__icon .svg-icon {
  display: block;
}
.cookie__text {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.cookie__text a {
  text-decoration: underline;
}
.cookie__button {
  margin-left: 30px;
  text-transform: uppercase;
  font-size: 0;
}
body[data-route="new-podcast"] .cookie__wrap {
  width: 587px;
  right: 46px;
  left: auto;
  bottom: 46px;
  border: none;
}
@media only screen and (max-width: 1440px) {
  body[data-route="new-podcast"] .cookie__wrap {
    width: 459px;
    right: 30px;
    bottom: 30px;
    padding-left: 12px;
  }
  body[data-route="new-podcast"] .cookie__icon {
    margin-right: 10px;
    margin-top: 3px;
  }
  body[data-route="new-podcast"] .cookie__text {
    font-size: 15px;
  }
  body[data-route="new-podcast"] .cookie__button {
    margin-left: 15px;
  }
  body[data-route="new-podcast"] .cookie .button-cookie {
    padding: 10px 16px 9px;
  }
}
@media only screen and (max-width: 767px) {
  .cookie__wrap {
    flex-direction: column;
    width: calc(100% - 40px);
    bottom: 8px;
    padding: 22px 19px;
    text-align: center;
    margin: 0 20px;
  }
  .cookie__icon {
    margin-bottom: 14px;
    margin-right: 0;
  }
  .cookie__icon .svg-icon {
    width: 34px;
    height: 34px;
  }
  .cookie__text {
    font-size: 16px;
  }
  .cookie__button {
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
    max-width: 280px;
  }
  body[data-route="new-podcast"] .cookie__wrap {
    right: 0;
    left: 0;
    width: auto;
  }
}