@charset "UTF-8";
@font-face {
  font-style: normal;
  font-weight: 500;
  font-family: "WorkSans";
  font-display: swap;
  src: url("../fonts/WorkSansMedium.woff2") format("woff2"), url("../fonts/WorkSansMedium.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 400;
  font-family: "WorkSans";
  font-display: swap;
  src: url("../fonts/WorkSansRegular.woff2") format("woff2"), url("../fonts/WorkSansRegular.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 600;
  font-family: "WorkSans";
  font-display: swap;
  src: url("../fonts/WorkSansSemiBold.woff2") format("woff2"), url("../fonts/WorkSansSemiBold.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 500;
  font-family: "Inter";
  font-display: swap;
  src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 600;
  font-family: "Inter";
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 400;
  font-family: "icomoon";
  font-display: swap;
  src: url("../fonts/icomoon.woff2") format("woff2"), url("../fonts/icomoon.woff") format("woff");
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right3:before {
  content: "\e900";
}

.icon-arrow-bottom:before {
  content: "\e901";
}

.icon-angle:before {
  content: "\e902";
}

.icon-arrow-up:before {
  content: "\e903";
}

.icon-globe:before {
  content: "\e904";
}

.icon-arrow-right2:before {
  content: "\e905";
}

.icon-arrow-right:before {
  content: "\e906";
}

/* stylelint-disable */
/* ---------- example ---------- */
/*
.selector {
  // только в промежутке tablet..desktop
  @include media-between(tablet, desktop) { ... }

  // ровно «только tablet» (1024..1239)
  @include media-only(tablet) { ... }

  // ≥ 1440
  @include for-desktop { ... }

  // ≤ 767
  @include small-tablet { ... }
}
*/
/* ---------- helpers ---------- */
/* Min-width */
/* Max-width */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox {
  position: relative;
}
.custom-checkbox.error span {
  color: red !important;
}
.custom-checkbox.error span:before {
  border-color: red;
}
.custom-checkbox .wpcf7-not-valid-tip {
  display: none;
}
.custom-checkbox input {
  position: absolute;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  inset: 0;
}
.custom-checkbox .wpcf7-list-item-label {
  margin: 0 !important;
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: inline-flex;
  gap: 0.8rem;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  color: var(--cl-b);
  font-family: var(--font-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: -0.08rem;
  transition: all 0.3s;
  position: relative;
}
.custom-checkbox .wpcf7-list-item-label::before {
  margin-top: 0.1rem;
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.3rem;
  border: 0.1rem solid var(--cl-b);
}
.custom-checkbox .wpcf7-list-item-label::after {
  content: "";
  border-radius: 100%;
  width: 0.8rem;
  height: 0.8rem;
  background: var(--cl-b);
  top: 0.85rem;
  left: 0.35rem;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.custom-checkbox input:checked + span::after {
  opacity: 1;
  visibility: visible;
}

.wpcf7-list-item {
  margin: 0;
}

:root {
  --header-height: 95px;
  --body-bg: #FFF;
  --rem-func: Max(62.5%, 0.52084vw);
  --body-font-size: 1.6rem;
  --content-width: 135.2rem;
  --container-offset: clamp(16px, 1.4793vw, 2rem);
  --container-width-mode: calc((var(--content-width) / 2) + (var(--container-offset) * 2));
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --default-gap: 4rem;
  --default-padding: clamp(50px, 7.3964vw, 10rem);
  --scrollbar-thumb: #AAD45B;
  --scrollbar-thumb-hover: #8caf4b;
  --scrollbar-track: tranparent;
  --scrollbar-track-hover: tranparent;
  --overlay-bg: rgba(0, 0, 0, 0.5);
  --select-inner-bg: #404040;
  --select-inner-border: #FDFDFD;
  --select-focus-border: #FDFDFD;
  --font-family: "WorkSans", sans-serif;
  --second-family: "Inter", sans-serif;
  --cl-a: #ffffff;
  --cl-b: #212324;
  --cl-c: #C4DE67;
  --cl-d: #F1F1EC;
  --cl-e: #455054;
  --cl-f: #212631;
  --cl-g: #292929;
  --cl-h: #36393A;
  --cl-j: #3A3A3C;
  --cl-k: #6E7578;
  --cl-l: #404040;
  --cl-m: #242424;
  --cl-n: #4b4b4b;
  --cl-o: #747474;
  --cl-p: #1b1b20;
  --cl-q: #4F4F4F;
  --cl-r: #9D9D9D;
  --cl-s: #555;
  --cl-t: #000000;
  --cl-u: #323738;
  --cl-v: #565c5e;
  --cl-w: #36393a;
  --cl-x: #0A0A0A;
  --bg-a: #ffffff;
  --bg-b: #212324;
  --bg-c: #C4DE67;
  --bg-d: #F1F1EC;
  --bg-e: #455054;
  --bg-f: #212631;
  --bg-g: #36393A;
  --bg-h: #b9e136;
  --bg-i: #c7e468;
  --bg-j: #CDEA6F;
  --bg-k: #1d1d1d;
  --bg-l: #343c3f;
  --bg-m: #515151;
  --bg-n: #f1f1ec;
  --bg-o: #e0e0e0;
  --bg-p: #EFEFEF;
  --bg-q: #f8f7f2;
  --bg-r: #c4de67;
  --bg-s: #cdea6f;
  --br-a: #DBDBD0;
  --br-b: #ADC454;
  --br-c: #d9d9d9;
  --br-d: #d1d4df;
  --gr-a: linear-gradient(90deg, #ADC454 -6.1%, #C9DE71 30.11%, #D4EA7B 55.81%, #C9DE71 78%, #ADC454 115.38%);
  --gr-b: linear-gradient(0deg, #c6c4c1 0%, #f1f1ec 61.19%, #f1f1ec 100%);
  --gr-c: linear-gradient(90deg, #ADC454 -28.63%, #C9DE71 15.23%, #DCED96 48.34%, #DCED96 49.28%, #E0F0A0 67.59%, #C9DE71 99.07%, #ADC454 153.31%);
  --gr-d: linear-gradient(180deg, #C4DE67 0%, rgba(196, 222, 103, 0.20) 100%);
  --gr-e: linear-gradient(180deg, rgba(173, 196, 84, 0.20) 0%, rgba(173, 196, 84, 0.02) 100%);
  --gr-f: linear-gradient(90deg, #ADC454 0%, #C9DE71 21.04%, #CDE17A 49.23%, #C9DE71 83.15%, #ADC454 102.42%);
  --loader: var(--bg-g);
}

html {
  font-size: var(--rem-func);
}
html * {
  box-sizing: border-box !important;
}

.wp-editor {
  --cl-a: #0c0909;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.wp-editor .h1, .wp-editor .h2, .wp-editor .h3, .wp-editor .h4, .wp-editor .h5, .wp-editor .h6, .wp-editor h1, .wp-editor h2, .wp-editor h3, .wp-editor h4, .wp-editor h5, .wp-editor h6 {
  margin: 0;
}
.wp-editor a {
  --cl-a: #faf8f8;
}
.wp-editor p {
  margin: 0;
}
.wp-editor hr {
  display: flex;
  height: 1px;
  width: 100%;
}

.logo {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}
.logo span {
  color: var(--cl-a);
  font-family: var(--second-family);
  font-size: clamp(12px, 0.7955vw, 1.4rem);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: clamp(0.024rem, 0.0159vw, 0.028rem);
}
.logo i {
  width: clamp(87px, 8.4659vw, 14.9rem);
  height: clamp(41px, 4.0341vw, 7.1rem);
}
.logo img,
.logo svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
}

.arrow-down {
  color: #717171;
}
.arrow-down::after {
  content: "\e901";
  font-size: 1rem;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  text-decoration: initial !important;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.3s;
}

h1,
.h1 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(44px, 4.7337vw, 6.4rem);
  line-height: 116%;
  letter-spacing: -0.08em;
  color: var(--cl-b);
}

h2,
.h2 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(40px, 3.8462vw, 5.2rem);
  line-height: 112%;
  letter-spacing: -0.08em;
  color: var(--cl-b);
}

h3,
.h3 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(24px, 2.9586vw, 4rem);
  line-height: 110%;
  letter-spacing: -0.06em;
  color: var(--cl-b);
}

h4,
.h4 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(32px, 2.6627vw, 3.6rem);
  line-height: 111%;
  letter-spacing: -0.06em;
  color: var(--cl-b);
}

h5,
.h5 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(24px, 2.3669vw, 3.2rem);
  line-height: 131%;
  letter-spacing: -0.02em;
  color: var(--cl-b);
}

h6,
.h6 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: clamp(24px, 2.071vw, 2.8rem);
  line-height: 114%;
  letter-spacing: -0.05em;
  color: var(--cl-b);
}

.text-24 {
  color: var(--cl-b);
  font-family: var(--font-family);
  font-size: clamp(20px, 1.7751vw, 2.4rem);
  font-style: normal;
  font-weight: 400;
  line-height: clamp(24px, 2.3669vw, 3.2rem);
  letter-spacing: -0.1rem;
}

.text-20 {
  color: var(--cl-b);
  font-family: var(--font-family);
  font-size: clamp(16px, 1.3314vw, 2rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.8px;
}

.text-18 {
  color: var(--cl-b);
  font-family: var(--font-family);
  font-size: clamp(16px, 1.3314vw, 1.8rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: -0.15rem;
}

.text-16 {
  color: var(--cl-b);
  font-family: var(--font-family);
  font-size: clamp(15px, 1.1834vw, 1.6rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.08rem;
}

.text-15 {
  color: var(--cl-b);
  font-family: var(--font-family);
  font-size: clamp(14px, 1.1095vw, 1.5rem);
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.06rem;
}

.text-14 {
  color: var(--cl-b);
  font-family: var(--font-family);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.056rem;
}

.accent-value {
  color: var(--cl-c);
  font-family: var(--font-family);
  font-size: clamp(65px, 7.9882vw, 10.8rem);
  font-style: normal;
  font-weight: 600;
  display: inline;
  line-height: clamp(65px, 8.284vw, 11.2rem);
  letter-spacing: clamp(-4.8px, -0.4793vw, -0.648rem);
}
.accent-value .line {
  display: inline-flex !important;
}
.accent-value .line small {
  line-height: 100%;
}
.accent-value small {
  font-style: normal;
  font-size: clamp(25px, 5.3254vw, 7.2rem);
  line-height: 0.5;
  letter-spacing: clamp(-2.4px, -0.3195vw, -0.432rem);
}

.editor {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  position: relative;
}
.editor p:has(iframe) {
  height: 100%;
}
.editor iframe {
  height: 100%;
  border-radius: 2.4rem;
  aspect-ratio: 1/1;
  max-width: 100%;
  width: 100%;
  min-height: 50rem;
}
.editor > *[style*="text-align: center;"] {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.editor > *[style*="text-align: left;"] {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
}
.editor > *[style*="text-align: right;"] {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.editor ul:not([class]) {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.editor ul:not([class]) li {
  position: relative;
  padding-left: 2rem;
  color: var(--cl-t);
  font-family: var(--font-family);
  font-size: clamp(18px, 1.4793vw, 2rem);
  font-style: normal;
  font-weight: 400;
  line-height: clamp(22px, 1.7751vw, 2.4rem);
  letter-spacing: -0.1rem;
}
.editor ul:not([class]) li:before {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  pointer-events: none;
  left: 0.5rem;
  top: 0.95rem;
  background: var(--cl-t);
}
.editor-number-list {
  display: flex;
  flex-direction: column;
}
.editor-number-list li {
  padding: clamp(28px, 2.9586vw, 4rem) 0;
  border-top: solid 0.1rem rgba(0, 0, 0, 0.1);
  display: flex;
  gap: clamp(32px, 7.0266vw, 9.5rem);
  align-items: center;
}
.editor-number-list li::before {
  content: attr(data-count);
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  color: var(--cl-r);
  font-family: var(--font-family);
  font-size: clamp(14px, 1.1834vw, 1.6rem);
  font-style: normal;
  font-weight: 400;
  line-height: clamp(20px, 1.7751vw, 2.4rem);
  letter-spacing: clamp(-0.28px, -0.0237vw, -0.032rem);
}
.editor-number-list li:last-of-type {
  border-bottom: solid 0.1rem rgba(0, 0, 0, 0.1);
}
.editor-number-list li .editor {
  gap: 1.2rem;
}
.editor-number-list li h6,
.editor-number-list li .h6 {
  font-weight: 500;
  font-size: clamp(20px, 2.071vw, 2.8rem);
}
.editors {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-gap: clamp(3rem, 5.859375vw, 9.5rem);
}
.editors__coll:only-of-type {
  grid-column: 1/-1;
}
.editor .row {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.editor .row[data-btn-count="2"] .main-button--transparent {
  height: 6.8rem;
}
.editor .row .line {
  flex-wrap: wrap;
  gap: 1.6rem clamp(0.8rem, 1.5625vw, 1.6rem);
}
.editor .row .line:has(.main-button:only-child) {
  display: initial;
}
.editor blockquote {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  padding-left: 2rem;
  border-left: solid 0.1rem var(--cl-c);
}
.editor blockquote p:not([class]) {
  color: var(--cl-u);
  font-size: clamp(16px, 1.3314vw, 1.8rem);
  font-weight: 500;
  line-height: clamp(24px, 1.9231vw, 2.6rem);
  letter-spacing: -0.36px;
}
.editor table:not([class]) {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--bg-d);
  border-collapse: initial !important;
}
.editor table:not([class]) tr:first-child {
  overflow: hidden;
  width: 100%;
}
.editor table:not([class]) tr:first-child td {
  color: var(--cl-m);
  background: var(--bg-l);
}
.editor table:not([class]) tr:first-child td:first-of-type {
  border-radius: 2.4rem 0 0 0;
}
.editor table:not([class]) tr:first-child td:last-of-type {
  border-radius: 0 2.4rem 0 0;
}
.editor table:not([class]) tr td {
  border-bottom: solid 0.1rem var(--bg-d);
}
.editor table:not([class]) tr:last-child td {
  border: none !important;
}
.editor table:not([class]) td {
  padding: 1.6rem 0;
  color: var(--cl-j);
  font-family: var(--font-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

html {
  box-sizing: border-box;
  width: 100%;
  max-width: 100dvw;
  font-size: var(--rem-func);
  font-family: var(--second-family);
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

body {
  font-size: var(--body-font-size);
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  width: 100%;
  margin: 0;
  will-change: font-size;
  color: var(--cl-b);
  background-color: var(--body-bg);
  -webkit-text-size-adjust: 100%;
}
body.admin-bar .header {
  top: 32px;
}
body.fixed-body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

main {
  min-width: 0 !important;
  padding-top: var(--header-height);
}
main.no-padding {
  padding: 0;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  display: inline-flex;
  margin: 0;
  font-style: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

button {
  display: inline-flex;
  margin: 0;
  padding: 0;
  line-height: initial;
  color: inherit;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
button,
p {
  margin: 0;
  padding: 0;
}

p {
  font-family: var(--font-family);
  font-size: 1.6rem;
  color: var(--cl-j);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.08rem;
}

img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

picture {
  display: inline-flex;
}

label {
  display: inline-flex;
}

input {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
}
input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}

textarea {
  border: none;
  outline: none;
  resize: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

.container {
  position: relative;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-offset);
}
.container--mode {
  max-width: var(--container-width-mode);
}

.dis-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  overscroll-behavior: none !important;
  scroll-behavior: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 2px solid rgba(17, 116, 166, 0.5);
  -webkit-text-fill-color: #1d1d1d;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 174, 255, 0) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0) 100%);
}

[data-content] {
  z-index: 20;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s;
}

[data-tab-content] {
  display: none;
}
[data-tab-content].active {
  display: block;
}

*::-webkit-scrollbar {
  width: 8px;
  cursor: pointer;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
*::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
}
*::-webkit-scrollbar-button {
  display: none;
  background-color: transparent;
  box-shadow: none;
}

.sprite {
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-count-items="3"] [data-count="1"] {
  grid-column: 1/-1;
}

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 59;
  display: flex;
  overflow-y: auto;
  padding: 20px 0;
  height: 100%;
  min-height: 100dvh;
  max-height: 100dvh;
  background: rgba(28, 27, 31, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s 0.5s, visibility 0.5s 0.5s, z-index 0.5s 0.7s;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transform-origin: bottom;
  pointer-events: none;
  backdrop-filter: blur(3px);
}
.overlay::-webkit-scrollbar {
  display: none;
}
.overlay.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s, visibility 0.2s;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  pointer-events: initial;
  z-index: 10;
}
.overlay.active-mode {
  opacity: 1;
  visibility: visible;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  pointer-events: initial;
  transition: opacity 0.2s, visibility 0.2s, z-index 0.2s;
  z-index: 61;
}
@media (min-width: 1024px){
  .line {
    overflow: hidden;
    padding-right: 0.3rem;
  }
  .editor-number-list {
    width: clamp(500px, 49.1124vw, 66.4rem);
  }
}
@media (max-width: 1023.98px){
  .editor-number-list {
    width: 100%;
  }
}
@media (max-width: 767.98px){
  .accent-value small {
    font-size: 40px;
    line-height: 80px;
  }
  .accent-value {
    font-size: 80px;
    line-height: 80px;
  }
  *::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 575.98px){
  h1,
  .h1 {
    letter-spacing: -3.52px;
    line-height: 109%;
  }
  h2,
  .h2 {
    line-height: 110%;
    letter-spacing: -2.4px;
  }
  h3,
  .h3 {
    line-height: 133.333%;
    letter-spacing: -1.44px;
  }
  h4,
  .h4 {
    letter-spacing: -1.92px;
  }
  h5,
  .h5 {
    line-height: 116.667%;
    letter-spacing: -0.48px;
  }
  h6,
  .h6 {
    line-height: 116.667%;
    letter-spacing: -1px;
  }
  .text-24 {
    font-weight: 500;
  }
  .text-20 {
    letter-spacing: -0.64px;
  }
  .text-18 {
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.8px;
  }
  .text-16 {
    line-height: 20px;
    letter-spacing: -0.6px;
  }
  .text-15 {
    letter-spacing: -0.56px;
  }
  .editor .row:has(.main-button:only-child) {
    width: 100%;
  }
  .editor .row .main-button {
    flex-grow: 1;
  }
  .editor .row .line .main-button {
    flex-grow: 1;
  }
  .editor blockquote p:not([class]) {
    letter-spacing: -0.32px;
  }
  .overlay {
    padding: 10px 0 !important;
  }
}
/*# sourceMappingURL=critical.css.map */