.editor {
margin: 0 auto 80px;
max-width: 890px;
padding: 40px 20px;
font-size: 16px;
font-weight: 500;
line-height: 150%;
letter-spacing: 0.03em;
}
.editor.no-margin-bottom {
margin-bottom: 0;
padding-bottom: 0;
}
.editor p {
color: var(--Black-70);
}
.editor p+p {
margin-top: 24px;
}
.editor hr {
margin: 40px 0;
border: 0;
height: 1px;
background: var(--Grey, #DAE1E7);
}
.editor h2 {
margin-bottom: 24px;
font-size: 32px;
font-weight: 500;
line-height: 110%;
}
.editor h3 {
margin: 24px 0;
font-size: 24px;
font-weight: 600;
line-height: 120%;
}
.editor h4 {
margin: 56px 0;
font-size: 20px;
font-weight: 500;
line-height: 140%;
}
.editor ul {
color: var(--Black-70);
padding-left: 25px;
}
.editor ul li {
list-style: disc;
margin-top: 24px;
}
.editor ul li::marker {
color: var(--Purple, #714EFF);
}
.editor ol {
margin: 40px 0;
counter-reset: li;
}
.editor ol li strong {
font-size: 20px;
font-weight: 500;
line-height: 140%;
margin-bottom: 12px;
display: inline-block;
}
.editor ol li+li {
margin-top: 32px;
}
.editor ol li:not(:has(strong)) {
padding-left: 32px;
position: relative;
}
.editor ol li:not(:has(strong))::before {
content: counter(li) ". ";
counter-increment: li;
position: absolute;
left: 10px;
color: var(--Purple, #714EFF);
}
.editor a {
color: var(--Green);
transition: .4s;
}
.editor a:hover {
color: var(--Black);
}
.editor img {
max-width: 100%;
margin: 56px 0;
border-radius: 24px;
display: block;
}
.editor .dots {
color: var(--Black-70);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px;
margin-top: 40px;
}
.editor blockquote {
position: relative;
border-radius: 16px;
background: var(--green-10);
padding: 24px 24px 24px 88px;
margin: 56px 0;
font-size: 20px;
font-weight: 500;
line-height: 140%;
}
.editor blockquote::before {
content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIj4KICA8cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHJ4PSIxMCIgZmlsbD0iIzE0Qjc4MCIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KICA8cGF0aCBkPSJNMTIuMDU1OSAyN1YyNC4yOTkzSDEzLjc2NTRDMTUuMTM5NyAyNC4yOTkzIDE1LjgyNjggMjMuNjczNyAxNS44MjY4IDIyLjQyMjVWMjAuOTU3N0gxNS4wNzI2QzEzLjg5OTQgMjAuOTU3NyAxMi45Mjc0IDIwLjYzNzMgMTIuMTU2NCAxOS45OTY1QzExLjM4NTUgMTkuMzU1NiAxMSAxOC41NDY5IDExIDE3LjU3MDRDMTEgMTYuNTAyMyAxMS4zODU1IDE1LjY0NzkgMTIuMTU2NCAxNS4wMDdDMTIuOTI3NCAxNC4zMzU3IDEzLjg5OTQgMTQgMTUuMDcyNiAxNEMxNi4yNDU4IDE0IDE3LjIwMTEgMTQuMzUwOSAxNy45Mzg1IDE1LjA1MjhDMTguNzA5NSAxNS43MjQyIDE5LjA5NSAxNi42MDkyIDE5LjA5NSAxNy43MDc3VjIyLjQ2ODNDMTkuMDk1IDI1LjQ4OTQgMTcuNDM1OCAyNyAxNC4xMTczIDI3SDEyLjA1NTlaTTIxLjk2MDkgMjdWMjQuMjk5M0gyMy42NzA0QzI1LjA0NDcgMjQuMjk5MyAyNS43MzE4IDIzLjY3MzcgMjUuNzMxOCAyMi40MjI1VjIwLjk1NzdIMjQuOTc3N0MyMy44MDQ1IDIwLjk1NzcgMjIuODMyNCAyMC42MzczIDIyLjA2MTUgMTkuOTk2NUMyMS4yOTA1IDE5LjM1NTYgMjAuOTA1IDE4LjU0NjkgMjAuOTA1IDE3LjU3MDRDMjAuOTA1IDE2LjUwMjMgMjEuMjkwNSAxNS42NDc5IDIyLjA2MTUgMTUuMDA3QzIyLjgzMjQgMTQuMzM1NyAyMy44MDQ1IDE0IDI0Ljk3NzcgMTRDMjYuMTUwOCAxNCAyNy4xMDYxIDE0LjM1MDkgMjcuODQzNiAxNS4wNTI4QzI4LjYxNDUgMTUuNzI0MiAyOSAxNi42MDkyIDI5IDE3LjcwNzdWMjIuNDY4M0MyOSAyNS40ODk0IDI3LjM0MDggMjcgMjQuMDIyMyAyN0gyMS45NjA5WiIgZmlsbD0iIzBFMEYxMSIvPgo8L3N2Zz4=);
position: absolute;
top: 24px;
left: 24px;
}
@media screen and (max-width:1024px) {
.editor {
padding: 20px 20px 40px;
font-size: 14px;
font-weight: 500;
line-height: 140%;
letter-spacing: normal;
}
.editor p+p {
margin-top: 16px;
}
.editor h2 {
margin-bottom: 16px;
font-size: 24px;
font-weight: 500;
line-height: 130%;
}
.editor h3 {
margin-top: 16px;
font-size: 18px;
font-weight: 500;
line-height: 120%;
}
.editor h4 {
margin: 40px 0;
font-size: 16px;
}
.editor ul {
padding-left: 20px;
}
.editor ul li {
margin-top: 16px;
}
.editor ol {
margin: 32px 0;
}
.editor ol li strong {
font-size: 16px;
}
.editor ol li+li {
margin-top: 24px;
}
.editor img {
margin: 40px 0;
border-radius: 16px;
}
.editor blockquote {
padding: 72px 20px 20px 20px;
margin: 40px 0;
font-size: 16px;
}
.editor blockquote::before {
content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KICA8cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI4IiBmaWxsPSIjMTRCNzgwIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgogIDxwYXRoIGQ9Ik05LjY0NTQ3IDIxLjYwMDJWMTkuNDM5NkgxMS4wMTMxQzEyLjExMjUgMTkuNDM5NiAxMi42NjIyIDE4LjkzOTIgMTIuNjYyMiAxNy45MzgyVjE2Ljc2NjRIMTIuMDU4OUMxMS4xMjAzIDE2Ljc2NjQgMTAuMzQyNyAxNi41MTAxIDkuNzI1OTIgMTUuOTk3NEM5LjEwOTE2IDE1LjQ4NDcgOC44MDA3OCAxNC44Mzc4IDguODAwNzggMTQuMDU2NUM4LjgwMDc4IDEzLjIwMjEgOS4xMDkxNiAxMi41MTg1IDkuNzI1OTIgMTIuMDA1OEMxMC4zNDI3IDExLjQ2ODcgMTEuMTIwMyAxMS4yMDAyIDEyLjA1ODkgMTEuMjAwMkMxMi45OTc0IDExLjIwMDIgMTMuNzYxNyAxMS40ODA5IDE0LjM1MTYgMTIuMDQyNEMxNC45Njg0IDEyLjU3OTUgMTUuMjc2OCAxMy4yODc1IDE1LjI3NjggMTQuMTY2NFYxNy45NzQ4QzE1LjI3NjggMjAuMzkxNyAxMy45NDk0IDIxLjYwMDIgMTEuMjk0NiAyMS42MDAySDkuNjQ1NDdaTTE3LjU2OTUgMjEuNjAwMlYxOS40Mzk2SDE4LjkzNzFDMjAuMDM2NSAxOS40Mzk2IDIwLjU4NjMgMTguOTM5MiAyMC41ODYzIDE3LjkzODJWMTYuNzY2NEgxOS45ODI5QzE5LjA0NDQgMTYuNzY2NCAxOC4yNjY3IDE2LjUxMDEgMTcuNjQ5OSAxNS45OTc0QzE3LjAzMzIgMTUuNDg0NyAxNi43MjQ4IDE0LjgzNzggMTYuNzI0OCAxNC4wNTY1QzE2LjcyNDggMTMuMjAyMSAxNy4wMzMyIDEyLjUxODUgMTcuNjQ5OSAxMi4wMDU4QzE4LjI2NjcgMTEuNDY4NyAxOS4wNDQ0IDExLjIwMDIgMTkuOTgyOSAxMS4yMDAyQzIwLjkyMTUgMTEuMjAwMiAyMS42ODU3IDExLjQ4MDkgMjIuMjc1NiAxMi4wNDI0QzIyLjg5MjQgMTIuNTc5NSAyMy4yMDA4IDEzLjI4NzUgMjMuMjAwOCAxNC4xNjY0VjE3Ljk3NDhDMjMuMjAwOCAyMC4zOTE3IDIxLjg3MzQgMjEuNjAwMiAxOS4yMTg3IDIxLjYwMDJIMTcuNTY5NVoiIGZpbGw9IiMwRTBGMTEiLz4KPC9zdmc+);
top: 20px;
left: 20px;
}
}