:root { --ON: initial; --OFF: ; --theme-light: var(--ON); --theme-dark: var(--OFF); --theme-dark2: var(--OFF); --white: #fff; --black: #1A1A1A; --black-1: #2E2E2E; --yellow: #E6B800; --gray: #E8E8E8; --orange: #F8720A; --hover-orange: #F7CA57; --green: #026E51; --green-2: #00C267; --red: #C50205; --positive:#DFFAED; --negative:#FFD8D9; --opacity-30: rgba(255, 255, 255, 30%); --opacity-20: rgba(30, 30, 30, 20%); --black-bg: #161414; --black-bg2: #252525; --beige: #F5F5DC; --yellow-light: #ffcc3c; --green-light: #90DFA4; --green-hover: #11B865; --dark-green: #005E31; --green-black: #2CAF4D; --green-black2: #40EA6B; --green-pale: #CFE9DC; --red-light: #FF0000; --black-black: #0D0D0D; --beige: #EDE0C3; --light-beige: #F9F7F3; --hover: #2FB28F; --light-red: #FFD8D9; --light-green: #DFFAED; --opacity-10: rgba(26, 26, 26, 0.10); --green-black: #2CAF4D; --accent: var(--theme-light, var(--yellow)) var(--theme-dark, var(--green)); --accent-light: var(--theme-light, var(--yellow-19)) var(--theme-dark, var(--green-30)); --body-bg: var(--theme-light, var(--gray)) var(--theme-dark, var(--black-1)); --body-color: var(--theme-light, var(--black)) var(--theme-dark, var(--white)); --shadow: 0px 4px 4px 0px rgba(33, 33, 33, 15%), 0px 0px 4px 0px rgba(33, 33, 33, 15%); --space-big: 48px; --space: 40px; --space-small: 24px; } @media (min-width: 1200px) { :root { --container-padding: 20px; } } @media (min-width: 740px) and (max-width: 1199.98px) { :root { --container-padding: 40px; } } @media (max-width: 739.98px) { :root { --container-padding: 15px; } } html:has(#theme_light:checked) { --theme-light: var(--ON); --theme-dark: var(--OFF); --theme-dark2: var(--OFF); } html:has(#theme_dark:checked) { --theme-light: var(--OFF); --theme-dark: var(--ON); --theme-dark2: var(--OFF); } html:has(#theme_dark2:checked) { --theme-light: var(--OFF); --theme-dark: var(--OFF); --theme-dark2: var(--ON); } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-thumb { background: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: var(--theme-light, var(--hover-orange)) var(--theme-dark, var(--hover-orange)); } ::selection { color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); background-color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } :-moz-focusring { outline: none; } :focus-visible { outline: none; } html { overflow-x: hidden; } *, *::before, *::after { box-sizing: border-box; } p, h1, h2, h3, h4, h5, h6 { margin: 0; } a { color: inherit; text-decoration: none; transition: all 250ms ease-in-out; } button { padding: 0; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: none; } button:not(:disabled) { cursor: pointer; } :disabled, [disabled], .disabled { pointer-events: none; cursor: default; } button, [type=button], [type=reset], [type=submit] { appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input, textarea { width: 100%; margin: 0; font: inherit; color: inherit; border: none; } input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:focus-visible { background-color: transparent !important; transition: background-color 5000000s ease-in-out 0s, color 5000000s ease-in-out 0s !important; } input::-webkit-contacts-auto-fill-button { position: absolute !important; display: none !important; pointer-events: none !important; visibility: hidden !important; } ul, ol { padding: 0; margin: 0; list-style: none; } img, svg, video, iframe { display: block; max-width: 100%; user-select: none; } img { height: auto; } .container { width: min(100%, 1300px); padding-inline: var(--container-padding); margin-inline: auto; } :has(+ .footer) { margin-bottom: var(--space-big); } .footer { margin-top: auto; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: 1.3; font-weight: 600; } h2, .h2 { position: relative; padding-left: 50px; } h2::before, .h2::before { width: 36px; height: 36px; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23026E51' fill-opacity='0.09'/%3E%3Cpath d='M13.1963 10.8518C13.1963 10.8518 11.3855 11.5645 10.9603 11.8571C10.4423 12.2142 9.81245 12.6688 9.47863 13.2765C9.15898 13.8572 9.03144 14.3013 9.00782 15.0455C8.9842 15.7897 9.81875 21.9698 9.81875 21.9698C9.81875 21.9698 14.3411 26.0299 15.0544 26.3375C15.7677 26.6451 16.8195 27.0217 18.0824 26.9992C19.3452 26.9767 20.175 26.6061 20.6584 26.387C21.1403 26.168 26.8625 18.0958 26.9097 17.4386C26.9569 16.7814 27.0026 15.5286 26.9743 14.999C26.9443 14.4558 26.8278 14.0222 26.5286 13.4746C26.2295 12.9269 25.7382 12.3928 25.4406 12.1512C25.1414 11.9111 21.3859 10.3042 20.249 10.0611C16.9644 9.36344 13.1963 10.8518 13.1963 10.8518Z' fill='%23CECECE'/%3E%3Cpath d='M10.4172 12.7347C10.4393 13.4684 11.0597 13.8075 12.3241 14.4196C13.5885 15.0318 16.8039 16.8278 18.136 16.8713C19.4681 16.9148 24.4062 14.055 25.1195 13.6154C25.8249 13.1803 25.943 12.4856 25.2801 12.0115C24.3605 11.3558 20.2492 9.53881 19.3768 9.23273C18.9312 9.07668 17.7959 8.83362 16.8952 9.16671C16.1835 9.42928 11.669 11.4203 11.2329 11.6829C10.7967 11.9455 10.4062 12.3251 10.4172 12.7347Z' fill='%23EAEAEA'/%3E%3Cpath d='M13.3932 11.2373C13.1129 10.9357 11.1399 11.9199 11.1399 12.7587C11.1399 13.5719 12.9302 14.6072 13.379 14.2231C13.7018 13.947 12.5586 13.0858 12.7082 12.5876C12.8562 12.0895 13.6325 11.4923 13.3932 11.2373Z' fill='white'/%3E%3Cpath d='M15.3457 15.5827C15.0355 16.0103 17.018 16.93 18.2273 16.93C19.3657 16.93 21.2254 15.8708 20.986 15.5632C20.5987 15.065 19.6586 15.5332 18.1958 15.5632C17.3896 15.5797 15.6685 15.1371 15.3457 15.5827Z' fill='white'/%3E%3Cpath d='M22.5371 14.2256C22.9245 14.4672 25.1336 13.4004 25.1777 12.7613C25.2218 12.1221 23.8047 11.3539 23.4016 11.6239C22.9985 11.894 23.5212 12.0936 23.3874 12.5617C23.2535 13.0298 22.0726 13.9361 22.5371 14.2256Z' fill='white'/%3E%3Cpath d='M9.00637 15.1332C8.98276 15.9089 9.03157 20.6442 9.04259 21.2863C9.05361 21.9945 9.23627 22.7822 9.7307 23.1858C10.2251 23.5894 14.2294 26.0096 15.1301 26.3802C16.3914 26.8993 17.618 26.3292 17.7062 25.0358C17.7943 23.741 17.7408 19.7904 17.7408 19.2533C17.7408 18.7161 17.4574 17.9239 16.8401 17.5203C16.2229 17.1167 11.3415 14.449 10.8408 14.1744C10.1354 13.7888 9.04259 13.9734 9.00637 15.1332Z' fill='%23DFDFDF'/%3E%3Cpath d='M19.1154 17.5712C18.5863 17.9703 18.3737 18.5465 18.3737 19.1677C18.3737 19.7888 18.3391 24.5811 18.3564 25.0688C18.3737 25.5564 19.0981 26.8512 20.2271 26.5316C21.3939 26.2016 22.874 25.2038 23.9321 24.5976C24.9903 23.993 25.8154 23.4798 26.1839 23.1917C26.6562 22.8241 26.9759 21.9344 26.9932 21.1782C27.0105 20.4385 26.9885 15.8083 26.9743 15.4452C26.9397 14.5929 26.5775 13.8892 25.6075 14.0903C24.6376 14.2913 19.8743 16.9996 19.1154 17.5712Z' fill='%23B8B8B8'/%3E%3Cpath d='M18.1091 14.2493C19.3101 14.2493 20.2837 13.5823 20.2837 12.7594C20.2837 11.9366 19.3101 11.2695 18.1091 11.2695C16.9082 11.2695 15.9346 11.9366 15.9346 12.7594C15.9346 13.5823 16.9082 14.2493 18.1091 14.2493Z' fill='%23FE4E27'/%3E%3Cpath d='M12.1571 16.7032C12.4405 17.4564 12.3555 18.2366 11.7492 18.4437C11.143 18.6507 10.4171 18.1361 10.1384 17.3994C9.85338 16.6462 9.92424 15.8645 10.5462 15.6589C11.1556 15.4594 11.8736 15.95 12.1571 16.7032Z' fill='%232F2F2F'/%3E%3Cpath d='M16.1456 23.3129C16.4826 24.045 16.4637 24.9123 15.8748 25.1584C15.2859 25.4044 14.4876 24.8928 14.1553 24.1756C13.8168 23.4434 13.8672 22.6407 14.4561 22.3946C15.0466 22.1485 15.8087 22.5807 16.1456 23.3129Z' fill='%232F2F2F'/%3E%3Cpath d='M24.0409 18.4155C24.5558 18.6946 25.3841 18.348 25.8108 17.6368C26.2375 16.9241 26.1651 16.1214 25.6517 15.8408C25.1368 15.5617 24.3228 15.9068 23.896 16.6195C23.4693 17.3307 23.526 18.1364 24.0409 18.4155Z' fill='%232F2F2F'/%3E%3Cpath d='M22.0064 21.6769C22.5292 21.968 23.3795 21.6214 23.8235 20.8967C24.2676 20.1735 24.2046 19.3498 23.6818 19.0587C23.1591 18.7677 22.2914 19.0902 21.8474 19.8134C21.4033 20.5396 21.4852 21.3859 22.0064 21.6769Z' fill='%232F2F2F'/%3E%3Cpath d='M19.9862 25.0104C20.4917 25.3045 21.3309 24.9804 21.7797 24.2812C22.2285 23.582 22.1812 22.7763 21.6758 22.4822C21.1703 22.1881 20.3877 22.3952 19.8713 23.1739C19.4115 23.8656 19.4807 24.7163 19.9862 25.0104Z' fill='%232F2F2F'/%3E%3C/svg%3E"); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } h1, .h1 { font-weight: 900; } @media (min-width: 1200px) { h1, .h1 { font-size: 44px; } } @media (min-width: 740px) and (max-width: 1199.98px) { h1, .h1 { font-size: 34px; } } @media (max-width: 739.98px) { h1, .h1 { font-size: 26px; } } h2, .h2 { align-items: center; } h2:not(:first-of-type), .h2:not(:first-of-type) { margin-top: var(--space-big); } @media (min-width: 1200px) { h2, .h2 { max-width: 834px; margin-inline: auto; } } h2:not(:last-of-type), .h2:not(:last-of-type) { margin-bottom: var(--space-small); } h2 svg, h2 img, .h2 svg, .h2 img { width: 26px; height: 26px; } @media (max-width: 1199.98px) { h2 svg, h2 img, .h2 svg, .h2 img { width: 22px; height: 22px; } } .author h2, .author .h2 { padding: 0; background: none; border-radius: 0; color: var(--theme-light, var(--black)) var(--theme-dark, var(--white)); margin-inline: unset; } @media (min-width: 1200px) { h2, .h2 { font-size: 34px; } } @media (min-width: 740px) and (max-width: 1199.98px) { h2, .h2 { font-size: 26px; } } @media (max-width: 739.98px) { h2, .h2 { font-size: 24px; } } @media (min-width: 1200px) { h3, .h3 { font-size: 26px; } } @media (min-width: 740px) and (max-width: 1199.98px) { h3, .h3 { font-size: 22px; } } @media (max-width: 739.98px) { h3, .h3 { font-size: 18px; } } @media (min-width: 1200px) { h4, .h4 { font-size: 20px; } } @media (min-width: 740px) and (max-width: 1199.98px) { h4, .h4 { font-size: 16px; } } @media (max-width: 739.98px) { h4, .h4 { font-size: 16px; } } @media (min-width: 1200px) { h5, .h5 { font-size: 16px; } } @media (min-width: 740px) and (max-width: 1199.98px) { h5, .h5 { font-size: 14px; } } @media (max-width: 739.98px) { h5, .h5 { font-size: 14px; } } @media (min-width: 740px) { h6, .h6 { font-size: 18px; } } @media (max-width: 739.98px) { h6, .h6 { font-size: 16px; } } small, .small { font-size: 14px; } @media (max-width: 739.98px) { small, .small { font-size: 12px; } } .intro { background-color: var(--theme-light, var(--dark-green)) var(--theme-dark, var(--black-bg)); position: relative; } .intro_bg { opacity: 0.03; } .intro h2, .intro .h1 { text-align: center; color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); background: none; justify-content: center; } .intro.news { padding-block: calc(var(--space-big) * 2); } .intro.news .h1 { padding: 0; } @media (max-width: 1199.98px) { .intro.news { padding-block: calc(var(--space-big) * 1.3); } } .wrapper { margin-block: calc(var(--space-big) * 2); } @media (max-width: 1199.98px) { .wrapper { margin-block: calc(var(--space-big) * 1.4); } } @media (min-width: 1200px) { .wrapper:has(.aside) { display: grid; grid-template-columns: 402px 1fr; column-gap: 52px; } } @media (min-width: 1280px) { .wrapper:has(.aside) main.main { width: calc(100% + 2 * var(--container-padding)); padding-inline: var(--container-padding); margin-inline: calc(-1 * var(--container-padding)); overflow: hidden; } } .wrapper main.main > .intro { margin-inline: -100%; margin-block-start: calc(var(--space-big) * -2); padding-block-start: calc(var(--space-big) * 2); margin-block-end: calc(var(--space-big) * -2); padding-block-end: calc(var(--space-big) * 2); } .wrapper main.main > .intro p, .wrapper main.main > .intro h1, .wrapper main.main > .intro h2, .wrapper main.main > .intro h3, .wrapper main.main > .intro h4, .wrapper main.main > .intro h5, .wrapper main.main > .intro h6 { color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); } @media (max-width: 1199.98px) { .wrapper main.main > .intro { margin-inline: calc(var(--container-padding) * -1); padding-block-start: calc(var(--space-big) * 1.4); margin-block-start: calc(var(--space-big) * -1.4); padding-block-end: calc(var(--space-big) * 1.4); margin-block-end: calc(var(--space-big) * -1.4); } } @media (min-width: 740px) and (max-width: 1199.98px) { .aside { margin-block: var(--space-big); } } @media (max-width: 739.98px) { .aside { position: fixed; bottom: 0; left: 0; right: 0; z-index: 8; width: 100%; } .aside:has(.toc_toggle.active) { z-index: 12; } } .main ul:not([class]), .main ol:not([class]) { display: grid; row-gap: 16px; padding-inline-start: 1.1em; margin-inline-start: 0.25em; } @media (min-width: 1200px) { .main ul:not([class]), .main ol:not([class]) { row-gap: 20px; } } @media (min-width: 740px) { .main ul:not([class]), .main ol:not([class]) { row-gap: 16px; } } @media (max-width: 739.98px) { .main ul:not([class]), .main ol:not([class]) { row-gap: 10px; } } .main a:not([class]) { color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } .main a:not([class]):hover, .main a:not([class]):focus-visible { text-decoration: underline; } .main p:not([class], :first-child), .main ul:not([class], :first-child), .main ol:not([class], :first-child) { margin-top: 0.75em; } .main p:not([class], :last-child), .main ul:not([class], :last-child), .main ol:not([class], :last-child) { margin-bottom: 0.75em; } .main > div:not([class^=spacer], :first-child) { margin-top: var(--space-small); } .main > div:not([class^=spacer], :last-child) { margin-bottom: var(--space-small); } .main [class^=spacer] + *, .main :not([class]):first-child, .main .content-pic:first-child { margin-top: 0 !important; } .main :has(+ [class^=spacer]), .main :not([class]):last-child, .main .content-pic:last-child { margin-bottom: 0 !important; } .main > ul:not([class]), .main > ol:not([class]), .main .accent > ul:not([class]), .main .accent > ol:not([class]) { display: grid; padding: 0; margin: 0; } .main > ul:not([class]) li, .main > ol:not([class]) li, .main .accent > ul:not([class]) li, .main .accent > ol:not([class]) li { --marker-size: 20px; position: relative; align-content: center; min-height: var(--marker-size); padding-inline-start: calc(var(--marker-size) + 14px); } .main > ul:not([class]) li::before, .main > ol:not([class]) li::before, .main .accent > ul:not([class]) li::before, .main .accent > ol:not([class]) li::before { position: absolute; inset-inline-start: 0; top: 0; display: grid; place-content: center; width: var(--marker-size); height: var(--marker-size); line-height: 1; font-size: 14px; color: var(--green); border-radius: 50%; border: 1px solid var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } @media (max-width: 1199.98px) { .main > ul:not([class]) li, .main > ol:not([class]) li, .main .accent > ul:not([class]) li, .main .accent > ol:not([class]) li { --marker-size: 18px; padding-inline-start: calc(var(--marker-size) + 10px); } .main > ul:not([class]) li::before, .main > ol:not([class]) li::before, .main .accent > ul:not([class]) li::before, .main .accent > ol:not([class]) li::before { font-size: 12px; } } @media (max-width: 739.98px) { .main > ul:not([class]) li, .main > ol:not([class]) li, .main .accent > ul:not([class]) li, .main .accent > ol:not([class]) li { --marker-size: 14px; } .main > ul:not([class]) li::before, .main > ol:not([class]) li::before, .main .accent > ul:not([class]) li::before, .main .accent > ol:not([class]) li::before { font-size: 8px; } } .main > ul:not([class]) li, .main .accent > ul:not([class]) li { padding-inline-start: 34px; } @media (max-width: 1199.98px) { .main > ul:not([class]) li, .main .accent > ul:not([class]) li { padding-inline-start: 27px; } } @media (max-width: 739.98px) { .main > ul:not([class]) li, .main .accent > ul:not([class]) li { padding-inline-start: 22px; } } .main > ul:not([class]) li::before, .main .accent > ul:not([class]) li::before { top: 5px; content: ""; background: var(--theme-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.2881 3.74008C10.4207 3.58097 10.3992 3.34451 10.2401 3.21193C10.081 3.07934 9.84451 3.10084 9.71193 3.25994L7.01659 6.49435C6.47517 7.14405 6.0943 7.59968 5.76395 7.89799C5.44131 8.18934 5.21864 8.28194 5.00001 8.28194C4.78138 8.28194 4.55871 8.18934 4.23607 7.89799C3.90572 7.59968 3.52485 7.14405 2.98343 6.49434L2.28809 5.65994C2.15551 5.50084 1.91904 5.47934 1.75994 5.61193C1.60084 5.74451 1.57934 5.98097 1.71193 6.14008L2.42656 6.99764C2.9442 7.61882 3.35874 8.11629 3.73342 8.45462C4.12045 8.80411 4.51608 9.03194 5.00001 9.03194C5.48394 9.03194 5.87957 8.80411 6.2666 8.45462C6.64128 8.11629 7.05582 7.61883 7.57344 6.99766L10.2881 3.74008Z' fill='%23026E51'/%3E%3C/svg%3E")) var(--theme-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.2881 3.74008C10.4207 3.58097 10.3992 3.34451 10.2401 3.21193C10.081 3.07934 9.84451 3.10084 9.71193 3.25994L7.01659 6.49435C6.47517 7.14405 6.0943 7.59968 5.76395 7.89799C5.44131 8.18934 5.21864 8.28194 5.00001 8.28194C4.78138 8.28194 4.55871 8.18934 4.23607 7.89799C3.90572 7.59968 3.52485 7.14405 2.98343 6.49434L2.28809 5.65994C2.15551 5.50084 1.91904 5.47934 1.75994 5.61193C1.60084 5.74451 1.57934 5.98097 1.71193 6.14008L2.42656 6.99764C2.9442 7.61882 3.35874 8.11629 3.73342 8.45462C4.12045 8.80411 4.51608 9.03194 5.00001 9.03194C5.48394 9.03194 5.87957 8.80411 6.2666 8.45462C6.64128 8.11629 7.05582 7.61883 7.57344 6.99766L10.2881 3.74008Z' fill='%23026E51'/%3E%3C/svg%3E")) no-repeat center/contain; } @media (max-width: 1199.98px) { .main > ul:not([class]) li::before, .main .accent > ul:not([class]) li::before { top: 3px; } } @media (max-width: 739.98px) { .main > ul:not([class]) li::before, .main .accent > ul:not([class]) li::before { top: 0; } } .main > ol:not([class]), .main .accent > ol:not([class]) { counter-reset: list; } .main > ol:not([class]) li, .main .accent > ol:not([class]) li { counter-increment: list; } @media (max-width: 1199.98px) { .main > ol:not([class]) li, .main .accent > ol:not([class]) li { padding-inline-start: 27px; } } @media (max-width: 739.98px) { .main > ol:not([class]) li, .main .accent > ol:not([class]) li { padding-inline-start: 22px; } } .main > ol:not([class]) li::before, .main .accent > ol:not([class]) li::before { top: 3px; content: counter(list); } .content-spaced p:not([class], :first-child), .content-spaced ul:not([class], :first-child), .content-spaced ol:not([class], :first-child) { margin-top: 0.75em; } .content-spaced p:not([class], :last-child), .content-spaced ul:not([class], :last-child), .content-spaced ol:not([class], :last-child) { margin-bottom: 0.75em; } .spacer { height: var(--space); } .spacer-big { height: var(--space-big); } .spacer-small { height: var(--space-small); } .content-btn { margin-inline: auto; font-size: 16px; font-weight: 600; } @media (min-width: 740px) { .content-btn { width: fit-content; } } @media (max-width: 739.98px) { .content-btn { width: min(100%, 420px); font-size: 12px; } } .content-pic { margin-inline: auto; border-radius: 20px; } .content-bg { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; user-select: none; object-fit: cover; } .content-bg + * { margin-top: 0 !important; } :has(> .content-bg) { position: relative; overflow: hidden; isolation: isolate; } [data-scrollable] { overflow-x: auto; -webkit-overflow-scrolling: touch; } [data-scrollable]::-webkit-scrollbar { height: 6px; } [data-scrollable]::-webkit-scrollbar-track { background: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); border-radius: 6px; } [data-scrollable]::-webkit-scrollbar-thumb { background: var(--theme-light, var(--black)) var(--theme-dark, var(--hover-orange)); border-radius: 6px; } [data-scrollable]::-webkit-scrollbar-thumb:hover { opacity: 0.8; } @-moz-document url-prefix() { [data-scrollable] { scrollbar-width: thin; scrollbar-color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--green)) var(--light); } } .has-scroll { padding-bottom: 16px; cursor: grab; user-select: none; scroll-behavior: smooth; } .has-scroll > * { scroll-snap-align: start; flex: 0 0 auto; } .has-scroll:active { cursor: grabbing; } .has-scroll ::selection { background-color: transparent; } .swiper { width: 100%; } .swiper-btn-next { transform: rotate(180deg); } .swiper-pagination-lock { display: none; } [class*=swiper-btn] { width: 38px; height: 38px; border-radius: 3px; background: var(--theme-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 16.59L11.41 12L16 7.41L14.58 6L8.58 12L14.58 18L16 16.59Z' fill='%23026E51'/%3E%3C/svg%3E")) var(--theme-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 16.59L11.41 12L16 7.41L14.58 6L8.58 12L14.58 18L16 16.59Z' fill='%23026E51'/%3E%3C/svg%3E")) center/24px no-repeat; transition: opacity 150ms ease-in-out; border: 1px solid var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } [class*=swiper-btn]:hover, [class*=swiper-btn]:focus-visible { background: var(--theme-light, var(--green-hover)) var(--theme-dark, var(--green-hover)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 16.59L11.41 12L16 7.41L14.58 6L8.58 12L14.58 18L16 16.59Z' fill='%23fff'/%3E%3C/svg%3E") center/24px no-repeat; } @media (max-width: 739.98px) { [class*=swiper-btn] { width: 28px; height: 28px; } } #overlay { position: fixed; inset: 0; z-index: 11; visibility: hidden; background-color: #000; opacity: 0; transition: all 250ms ease-in-out; transform: translateZ(0); } #overlay.show { visibility: visible; opacity: 0.6; } .accent { border-radius: 5px; background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); } @media (min-width: 1200px) { .accent { padding: 26px 18px; } } @media (min-width: 740px) and (max-width: 1199.98px) { .accent { padding: 20px; } } @media (max-width: 739.98px) { .accent { padding: 10px; } } [data-accordion-content] { overflow: hidden; transition: max-height 250ms ease-in-out; } [data-accordion-content].show { max-height: var(--max-height, 100%); } [data-accordion-content]:not(.show) { max-height: 0; } @keyframes shake { 0% { transform: translate(0, 0); } 1.78571% { transform: translate(5px, 0) rotate(5deg) scale(1.1); } 3.57143% { transform: translate(0, 0); } 5.35714% { transform: translate(5px, 0) rotate(-5deg); } 7.14286% { transform: translate(0, 0); } 8.92857% { transform: translate(5px, 0) rotate(5deg) scale(1.1); } 10.71429% { transform: translate(0, 0); } 100% { transform: translate(0, 0); } } button svg { pointer-events: none; } .app_links_container { margin: 20px auto; } .app_links_container .btn { background: var(--theme-light, var(--black)) var(--theme-dark, var(--green-black2)); color: var(--white); border: none; border-radius: 3px; } .app_links_container .btn svg path { fill: var(--white); } .menu a { display: block; transition: all 150ms ease-in-out; font-weight: 400; } .menu a:hover, .menu a:focus-visible { color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } .menu a[href="#"] { pointer-events: none; } .menu .current-menu-item > a { color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } .menu-toggle { width: 24px; height: 24px; background-color: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M9.96 4.48 6.7 7.74a1 1 0 0 1-1.4 0L2.04 4.48'/%3E%3C/svg%3E") center/12px 12px no-repeat; transition: transform 150ms ease-in-out; } .menu-toggle.active { transform: scaleY(-1); } .menu--footer { display: flex; } @media (min-width: 1200px) { .menu--footer { gap: 136px; align-items: flex-start; } } @media (min-width: 740px) and (max-width: 1199.98px) { .menu--footer { justify-self: center; gap: 80px; } } @media (max-width: 739.98px) { .menu--footer { flex-direction: column; gap: 20px; text-align: center; } } @media (min-width: 740px) { .menu--footer a { width: fit-content; } } .menu--footer a:hover, .menu--footer a:focus-visible { color: var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } .menu--footer > li { display: grid; flex-grow: 1; row-gap: 16px; } @media (max-width: 739.98px) { .menu--footer > li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); gap: 0; padding-bottom: 18px; } } .menu--footer .menu-item-has-children > a { font-size: 16px; font-weight: 500; line-height: normal; } .menu--footer .sub-menu { display: grid; row-gap: 12px; align-content: start; } .menu--footer .sub-menu a { display: block; font-size: 14px; font-weight: 400; color: var(--white); } .menu--footer .sub-menu a:hover, .menu--footer .sub-menu a:focus-visible { color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } @media (max-width: 739.98px) { .menu--footer .sub-menu a { font-size: 12px; } } @media (max-width: 1199.98px) { .menu-item-has-children .sub-menu { display: none; margin: 0; } .menu-item-has-children .sub-menu.active { display: block; } .menu-item-has-children .sub-menu li:not(:last-child) { margin-bottom: 24px; } .menu-item-has-children .sub-menu li a { display: block; font-size: 16px; font-weight: 400; } .menu-item-has-children > a { position: relative; padding-right: 30px !important; } .menu-item-has-children > a::after { content: ""; position: absolute; right: 0; top: 50%; width: 24px; height: 24px; background-color: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M9.96 4.48 6.7 7.74a1 1 0 0 1-1.4 0L2.04 4.48'/%3E%3C/svg%3E") center/12px 12px no-repeat; transform: translateY(-50%); transition: transform 0.2s ease; } .menu-item-has-children:has(.show) > a::after { transform: translateY(-50%) rotate(180deg); } } @media (max-width: 1199.98px) { .menu-toggle { display: none; } } .author .breadcrumbs { position: unset; } @media (min-width: 740px) and (max-width: 1199.98px) { .author .breadcrumbs { padding-block: 24px; } } @media (max-width: 739.98px) { .author .breadcrumbs { padding-block: 24px; } } .author .breadcrumbs .breadcrumbs_item { color: var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-20)); } .author .breadcrumbs .breadcrumbs_item:last-child { color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } .author .breadcrumbs .breadcrumbs_item::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0 4.5H10V3.5H0V4.5Z' fill='rgb(30,30,30)' fill-opacity='0.2'/%3E%3C/svg%3E"); } .breadcrumbs { width: 100%; } @media (min-width: 740px) { .breadcrumbs { grid-column: span 2; align-self: start; } } @media (min-width: 1200px) { .breadcrumbs { padding-block: 0 20px; padding-inline: 0px; } } @media (min-width: 740px) and (max-width: 1199.98px) { .breadcrumbs { padding-block: 16px; padding-inline: 0px; top: var(--space-small); } } @media (max-width: 739.98px) { .breadcrumbs { padding-block: 8px; padding-inline: 0px; top: var(--space-small); } } .breadcrumbs_list { display: flex; align-items: center; gap: 12px; } .breadcrumbs_item { display: flex; align-items: center; color: var(--opacity-30); } .breadcrumbs_item:not(:last-child)::after { content: ""; margin-inline-start: 12px; width: 11px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM0 4.5H10V3.5H0V4.5Z' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E"); color: var(--opacity-30); } [dir=rtl] .breadcrumbs_item:not(:last-child)::after { transform: rotate(180deg); } .breadcrumbs_item:last-child { color: var(--yellow); } .breadcrumbs_link { color: inherit; transition: opacity 0.3s; } .breadcrumbs_link:hover { opacity: 0.7; } @media (min-width: 1200px) { .aside { position: relative; } } .toc { --padding-inline: 32px; } @media (min-width: 740px) { .toc { border-radius: 3px; } } @media (min-width: 1200px) { .toc { position: relative; } .aside > .toc:only-child { position: sticky; top: 2px; } .toc [data-accordion-content].show { max-height: min(var(--max-height), 100vh - 106px - 120px - 48px - 8px); animation: enableScroll 0s ease 0.25s forwards; background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black-black)); } .toc [data-accordion-content].show::-webkit-scrollbar { width: 5px; height: 5px; } .toc [data-accordion-content].show::-webkit-scrollbar-thumb { background: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); border-radius: 10px; } .toc [data-accordion-content].show::-webkit-scrollbar-thumb:hover { background: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } } .toc_wrapper { background-color: var(--theme-light, var(--black)) var(--theme-dark, var(--black)); } @media (min-width: 1200px) { .toc_wrapper { position: relative; } } .toc-img { display: none; } @media (min-width: 1200px) { .toc-img { display: flex; position: sticky; top: var(--space-small); align-self: flex-start; align-items: flex-end; justify-content: center; margin-top: 30px; min-height: 460px; width: 100%; } .toc-img img { display: block; width: 100%; } .toc-img .btn { width: 100%; } .toc-img .promo-content { width: fit-content; align-items: center; z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; padding: 32px; display: flex; flex-direction: column; gap: 16px; color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); } .toc-img .promo-content_text { color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); } } @media (max-width: 739.98px) { .toc { color: var(--theme-light, var(--black)) var(--theme-dark, var(--black)); background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--yellow)); border-radius: 16px 16px 0 0; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.15); } .toc [data-accordion-content].show { max-height: min(var(--max-height), 90vh - 120px) !important; max-height: calc(50dvh - 120px) !important; animation: enableScroll 0s ease 0.25s forwards; background-color: var(--theme-light, var(--black)) var(--theme-dark, var(--black)); } } .toc_toggle { column-gap: 14px; display: flex; width: 100%; padding: 35px var(--padding-inline) 25px; transition: all 250ms ease-in-out; color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); position: relative; background-color: var(--theme-light, var(--green)) var(--theme-dark, var(--green-black)); border-radius: 12px 12px 0px 0px; } @media (min-width: 1200px) { .toc_toggle { align-items: center; } } @media (max-width: 1199.98px) { .toc_toggle { padding: 22px var(--padding-inline); } .toc_toggle::after { position: absolute; top: 30%; right: 28px; width: 24px; height: 24px; content: ""; background-color: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M9.96 4.48 6.7 7.74a1 1 0 0 1-1.4 0L2.04 4.48'/%3E%3C/svg%3E") center/16px 16px no-repeat; } } @media (max-width: 739.98px) { .toc_toggle { border-top: 2px solid rgba(255, 255, 255, 0.3); padding: 12px; text-align: center; } .toc_toggle::after { width: 14px; height: 14px; top: 32%; right: 14px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M9.96 4.48 6.7 7.74a1 1 0 0 1-1.4 0L2.04 4.48'/%3E%3C/svg%3E"); } } .toc_toggle.active::after { transform: scaleY(-1); } .toc_list { position: relative; display: grid; row-gap: 12px; padding: 25px var(--padding-inline); color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); } @media (max-width: 1199.98px) { .toc_list { overflow-y: auto; row-gap: 24px; padding: 20px var(--padding-inline); background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); color: var(--theme-light, var(--black)) var(--theme-dark, var(--white));; } } .toc_list::before { position: absolute; inset-inline-start: var(--padding-inline); top: 0; left: 0; right: 0; width: 100%; height: 2px; content: ""; background-color: var(--theme-light, var(--opacity-30)) var(--theme-dark, var(--opacity-30)); } @media (max-width: 739.98px) { .toc_list::before { scrollbar-width: thin; scrollbar-color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--white)) var(--theme-light, var(--yellow)) var(--theme-dark, var(--white)); } .toc_list::before::-webkit-scrollbar-thumb { background: var(--theme-light, var(--light-green)) var(--theme-dark, var(--white)); } } .toc_list .toclink { position: relative; grid-auto-flow: column; column-gap: 10px; align-items: center; justify-content: start; transition: all 0.3s ease-in-out; color: var(--theme-light, var(--black)) var(--theme-dark, var(--white)); } .toc_list .toclink svg, .toc_list .toclink img { transition: transform 0.3s ease-in-out; width: 18px; height: 18px; } .toc_list .toclink.active { color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); flex-direction: row-reverse; } @media (min-width: 740px) { .toc_list .toclink:hover, .toc_list .toclink:focus-visible { color: var(--yellow); } } @media (max-width: 739.98px) { .body:has(.toc_toggle.active) { overflow: hidden; } .body:has(.toc_toggle.active) #overlay { visibility: visible; opacity: 0.6; } } @keyframes enableScroll { to { overflow-y: auto; } } .facts { display: grid; padding-top: 48px; padding: 48px 63px; grid-template-columns: repeat(3, 1fr); } @media (min-width: 740px) { .facts { align-content: start; } } @media (min-width: 1200px) { .facts { --pic-size: 58px; gap: 90px; } } @media (max-width: 1199.98px) { .facts { --media-size: 60px; --pic-size: 36px; gap: 44px; padding: 28px 0; } } @media (max-width: 739.98px) { .facts { gap: 20px; padding-bottom: 0; } } .facts_item { display: flex; gap: 16px; align-items: center; justify-items: center; padding: var(--padding-block) var(--padding-inline); border: 1px dashed var(--theme-light, var(--beige)) var(--theme-dark, var(--beige)); border-radius: 6px; box-shadow: var(--shadow); color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); } @media (min-width: 1200px) { .facts_item { --padding-block: 22px; --padding-inline: 36px; } } @media (max-width: 1199.98px) { .facts_item { flex-direction: column; --padding-block: 12px; --padding-inline: 15px; text-align: center; justify-content: center; } } @media (max-width: 739.98px) { .facts_item { --padding-block: 4px; --padding-inline: 10px; gap: 8px; } .facts_item span.h4 { font-size: 12px; } } .facts_pic { width: var(--pic-size); height: var(--pic-size); object-fit: contain; } .games { position: relative; } @media (min-width: 1200px) { .games { column-gap: 18px; } } @media (max-width: 1199.98px) { .games { gap: 34px 18px; margin-bottom: 56px; } } .games_bg { position: absolute; width: 100%; height: 100%; z-index: -1; opacity: var(--theme-light, 1) var(--theme-dark, 0.4); } .games_inner { display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; padding-bottom: 96px; padding-top: 24px; } .games .container { padding-top: 92px; } .games_title { color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); text-align: center; } .games_item { position: relative; display: flex; flex-basis: calc((100% - var(--column-gap) * (var(--columns) - 1)) / var(--columns)); flex-direction: column; column-gap: var(--column-gap); align-items: center; overflow: hidden; text-align: center; background: var(--black); border-radius: 3px; padding-bottom: 20px; } @media (min-width: 740px) { .games_item { --column-gap: 40px; row-gap: 8px; } } @media (min-width: 1200px) { .games_item { --columns: 6; min-width: 195px; } } @media (min-width: 740px) and (max-width: 1199.98px) { .games_item { --columns: 4; } } @media (max-width: 739.98px) { .games_item { --columns: 2; --column-gap: 20px; row-gap: 10px; padding-bottom: 10px; } } .games_item .btn { position: relative; min-width: 156px; } .games_item .btn::before { transition: all 0.3s ease-in-out; position: absolute; content: ""; right: 24%; top: 52%; transform: translateY(-50%); width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 2.25C0.585786 2.25 0.25 2.58579 0.25 3C0.25 3.41421 0.585786 3.75 1 3.75L1 2.25ZM9 3.75C9.41421 3.75 9.75 3.41421 9.75 3C9.75 2.58579 9.41421 2.25 9 2.25V3.75ZM7.46597 0.412317C7.1414 0.154968 6.66966 0.209461 6.41232 0.53403C6.15497 0.858598 6.20946 1.33034 6.53403 1.58768L7.46597 0.412317ZM7.88148 1.69892L7.41551 2.28661L7.88148 1.69892ZM7.88148 4.30108L8.34746 4.88876L7.88148 4.30108ZM6.53403 4.41232C6.20946 4.66966 6.15497 5.1414 6.41232 5.46597C6.66966 5.79054 7.1414 5.84503 7.46597 5.58768L6.53403 4.41232ZM8.99006 2.87467L9.73071 2.75666V2.75666L8.99006 2.87467ZM8.99006 3.12533L9.73071 3.24334V3.24334L8.99006 3.12533ZM1 3.75L9 3.75V2.25L1 2.25L1 3.75ZM6.53403 1.58768L7.41551 2.28661L8.34745 1.11124L7.46597 0.412317L6.53403 1.58768ZM7.41551 3.71339L6.53403 4.41232L7.46597 5.58768L8.34746 4.88876L7.41551 3.71339ZM7.41551 2.28661C7.78135 2.57668 8.00458 2.75514 8.14978 2.89978C8.29163 3.04109 8.25954 3.05633 8.2494 2.99267L9.73071 2.75666C9.66645 2.35333 9.43156 2.05939 9.20839 1.83708C8.98858 1.61812 8.68458 1.37855 8.34745 1.11124L7.41551 2.28661ZM8.34746 4.88876C8.68458 4.62145 8.98858 4.38188 9.20839 4.16292C9.43156 3.94061 9.66645 3.64667 9.73071 3.24334L8.2494 3.00733C8.25954 2.94367 8.29163 2.95891 8.14978 3.10021C8.00458 3.24486 7.78135 3.42332 7.41551 3.71339L8.34746 4.88876ZM8.2494 2.99267C8.2502 2.99772 8.2502 3.00228 8.2494 3.00733L9.73071 3.24334C9.75643 3.08194 9.75643 2.91806 9.73071 2.75666L8.2494 2.99267Z' fill='%232E2E2E'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .games_pic { width: 100%; height: 100%; } .games_title { padding-top: 4px; } .games_underline { display: block; padding: 7px 0 9px; width: 100%; background-color: var(--theme-light, var(--red)) var(--theme-dark, var(--red)); display: flex; align-items: center; justify-content: center; } .picinfo { display: grid; flex-direction: column; gap: 20px 40px; } @media (min-width: 740px) { .picinfo { grid-auto-flow: column; } } .picinfo--row { display: flex; } @media (min-width: 740px) { .picinfo--row .picinfo_content { display: flex; flex-direction: row; } } .picinfo_content { gap: 35px; align-items: center; overflow: hidden; } @media (max-width: 1199.98px) { .picinfo_content { gap: 20px; } } .picinfo h2 { overflow: hidden; } .picinfo img { max-width: min(25vw, 300px); margin-bottom: 20px; border-radius: 12px; } .picinfo img + * { margin-top: 0!important; } @media (min-width: 740px) { .picinfo--start img { order: -1; margin-inline-end: 20px; float: inline-start; } } @media (min-width: 740px) { .picinfo--end img { order: 2; margin-inline-start: 20px; float: inline-end; } } @media (max-width: 739.98px) { .picinfo img { justify-self: center; order: 2; width: min(420px, 100%); max-width: 100%; float: unset!important; margin-inline: auto!important; } } [data-scrollable]:has(.table) { filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1)); transform: translateZ(0); } .tableWrap { width: fit-content; min-width: 100%; overflow: hidden; border-radius: 3px; } .table { width: fit-content; min-width: 100%; overflow: hidden; border-spacing: 0; border-collapse: collapse; } .table--center { text-align: center; } .table--center img, .table--center svg { margin-inline: auto; } .table th, .table td { height: 50px; padding: 5px 10px; vertical-align: middle; } .table th { font-size: 14px; font-weight: 400; line-height: 1.3; color: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); text-align: inherit; background-color: var(--theme-light, var(--black-1)) var(--theme-dark, var(--beige)); } .table td:has(.btn) { padding-inline: 5px; } .table .btn { min-width: 90px; } .table:not(:has(.btn)) th:not(:last-child) { border-inline-end: 1px solid var(--opacity-30); } .table:not(:has(.btn)) tbody { border: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); border-top: none; } .table:not(:has(.btn)) tbody tr { background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black-1)); } .table:not(:has(.btn)) tbody tr:nth-of-type(even) { background-color: var(--theme-light, var(--gray)) var(--theme-dark, var(--black)); } .table:not(:has(.btn)) tbody td { border-bottom: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .table:not(:has(.btn)) tbody td:not(:last-child) { border-inline-end: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .table:has(img) td, .table:has(img) th { text-align: center; } .table:has(img) td img, .table:has(img) th img { margin: 0 auto; } .table:has(.btn) th:not(:last-child) { border-inline-end: 1px solid var(--opacity-30); } .table:has(.btn) tbody { border: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .table:has(.btn) tbody tr { background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black-1)); } .table:has(.btn) tbody tr:nth-of-type(even) { background-color: var(--theme-light, var(--gray)) var(--theme-dark, var(--black)); } .table:has(.btn) tbody td { border-bottom: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .table:has(.btn) tbody td:not(:last-child) { border-inline-end: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .table:not(:has(.btn)):not(:has(thead)) tbody { border: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); border-radius: 3px; overflow: hidden; border-top: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .table:not(:has(.btn)):not(:has(thead)) tbody tr { background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black-1)); } .table:not(:has(.btn)):not(:has(thead)) tbody tr:nth-of-type(even) { background-color: var(--theme-light, var(--gray)) var(--theme-dark, var(--black)); } .table:not(:has(.btn)):not(:has(thead)) tbody tr:last-child { border-radius: 0 0 3px 3px; } .table:not(:has(.btn)):not(:has(thead)) tbody tr:first-child { border-radius: 3px 3px 0 0; } .table:not(:has(.btn)):not(:has(thead)) tbody td { border-bottom: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .table:not(:has(.btn)):not(:has(thead)) tbody td:not(:last-child) { border-inline-end: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); } @media (min-width: 1200px) { .features { gap: 40px; } } @media (max-width: 1199.98px) { .features { gap: 20px; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 739.98px) { .features { gap: 16px; grid-template-columns: repeat(1, 1fr); } } .features_block { display: grid; align-content: start; } .features_block .h4 { color: var(--text_color); display: flex; align-items: center; gap: 0px; } .features_block .h4 .pros_title { background: var(--green); color: var(--white); padding: 8px 15px; border-radius: 50px; } .features_block .h4 .cons_title { background: var(--red); color: var(--white); padding: 8px 15px; border-radius: 50px; } @media (min-width: 1200px) { .features_block { row-gap: 12px; } } @media (max-width: 1199.98px) { .features_block { row-gap: 10px; } } .features_block:first-child { --color: var(--positive); --text_color: var(--theme-light, var(--green)) var(--theme-dark, var(--green-black1)); --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Crect y='4' width='10' height='2' fill='%232CAF4D'/%3E%3Crect x='4' y='10' width='10' height='2' transform='rotate(-90 4 10)' fill='%232CAF4D'/%3E%3C/svg%3E"); } .features_block:last-child { --color: var(--negative); --text_color: var(--red); --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2' viewBox='0 0 10 2' fill='none'%3E%3Crect width='10' height='2' fill='%23C50205'/%3E%3C/svg%3E"); } .features_list { display: grid; row-gap: 6px; align-content: start; } .features_item { display: grid; grid-auto-flow: column; column-gap: 10px; align-items: start; justify-content: start; background-color: var(--color); padding: 14px 18px; font-size: 14px; border-radius: 3px; color: var(--black); } @media (max-width: 1199.98px) { .features_item { padding: 12px 18px; font-size: 12px; } } .features_item::before { width: 10px; height: 10px; content: ""; background: var(--icon) center/contain no-repeat; position: relative; top: 6px; display: none; } .features_item span { align-self: center; } .tabs { display: grid; border-radius: 20px; } .tabs_nav { row-gap: 10px; gap: 2px; grid-template-columns: repeat(auto-fit, minmax(100px, 100px)); background: var(--body-bg); display: grid; } @media (max-width: 1199.98px) { .tabs_nav { gap: 6px; } } @media (max-width: 739.98px) { .tabs_nav { grid-template-columns: repeat(auto-fit, minmax(60px, 60px)); } } @media (max-width: 359.98px) { .tabs_nav { grid-template-columns: repeat(auto-fit, minmax(55px, 55px)); } } .tabs_nav_item:has(.active)::after { background-color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } .tabs_btn { display: grid; place-items: center; width: 100%; padding: 6px 18px; border-top-left-radius: 4px; border-top-right-radius: 4px; line-height: 1; opacity: var(--theme-light, 0.34) var(--theme-dark, 0.21); transition: all 150ms ease-in-out; padding: 10px 5px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .tabs_btn span { background-color: var(--theme-light, var(--body-bg)) var(--theme-dark, var(--body-bg)); color: var(--theme-light, var(--black)) var(--theme-dark, var(--white)); padding: 8px 12px; border-radius: 20px; display: inline-block; width: 80%; margin: 0px auto; } .tabs_btn:hover { opacity: 1; } .tabs_btn.active { opacity: 1; background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black-black)); } .tabs_btn.active span { background-color: var(--theme-light, var(--green-black)) var(--theme-dark, var(--green-black)); color: var(--white); } @media (max-width: 1199.98px) { .tabs_btn { line-height: 1.1; } } @media (max-width: 739.98px) { .tabs_btn { padding: 10px 10px; font-size: 12px; } } .tabs_container { border-radius: 20px; border-top-left-radius: 0px; background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black-black)); } .tabs_content { padding: 36px 40px 40px 30px; } .tabs_content:not(.active) { display: none; } @media (max-width: 1199.98px) { .tabs_content { padding: 32px 30px; } } @media (max-width: 739.98px) { .tabs_content { padding: 20px 18px; } } .howto { display: grid; row-gap: 10px; } .howto.grid { grid-template-columns: repeat(2, 1fr); gap: 19px 14px; grid-auto-rows: auto; width: 100%; max-width: 100%; } @media (max-width: 119.98px) { .howto.grid { gap: 8px; } } @media (max-width: 739.98px) { .howto.grid { grid-template-columns: 1fr; } } .howto.grid .howto_item { padding: 30px; grid-template-areas: "steps pic" "title pic" "descr descr"; grid-template-columns: 142px 1fr; grid-template-rows: 26px auto 1fr; gap: 20px; align-items: start; width: 100%; max-width: 100%; } @media (max-width: 739.98px) { .howto.grid .howto_item { grid-template-areas: "steps pic" "title pic" "descr descr"; padding: 20px; grid-template-columns: 30% 1fr; gap: 12px; } } .howto.grid .howto_media { width: 142px; height: 112px; } @media (max-width: 1199.98px) { .howto.grid .howto_media { width: 102px; height: 82px; } } @media (max-width: 739.98px) { .howto.grid .howto_media { width: 95%; height: 88px; } } .howto_steps { border-radius: 15px; background-color: var(--theme-light, var(--green)) var(--theme-dark, var(--green)); display: flex; align-items: center; justify-content: center; width: fit-content; color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); padding: 2px 10px; } .howto_button .btn--yellow { width: fit-content; display: flex; align-items: center; gap: 6px; min-width: unset; min-height: unset; font-size: 14px; padding: 12px 28px; background: var(--green); color: var(--white); border-radius: 20px; } .howto_item { display: grid; grid-template-areas: "title" "descr"; row-gap: 10px; padding-block: 20px; border-top: 1px solid var(--theme-light, var(--green)) var(--theme-dark, var(--green)); border-radius: 12px; background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); } @media (min-width: 1200px) { .howto_item { column-gap: 32px; row-gap: 12px; padding-inline: 32px; } } @media (min-width: 740px) and (max-width: 1199.98px) { .howto_item { column-gap: 24px; row-gap: 10px; padding-inline: 44px; align-items: center; } } @media (max-width: 739.98px) { .howto_item { padding-inline: 10px; } } @media (min-width: 740px) { .howto_item:has(.howto_media) { grid-template-areas: "pic title" "pic descr" "pic button"; align-items: center; } } @media (max-width: 739.98px) { .howto_item:has(.howto_media) { grid-template: "pic title" "descr descr" "button button"/78px 1fr; gap: 18px; align-items: center; justify-items: start; } } .howto_media { display: grid; grid-area: pic; place-content: center; width: 174px; height: 174px; overflow: hidden; } @media (max-width: 739.98px) { .howto_media { width: 78px; height: 78px; } } .howto_media.small { width: 62px; height: 62px; } .howto_pic { width: 100%; height: 100%; object-fit: cover; max-width: 100%; display: block; } .howto_title { grid-area: title; } .howto_descr { grid-area: descr; } .howto.cards { grid-template-columns: repeat(2, 1fr); gap: 19px 14px; grid-auto-rows: auto; width: 100%; max-width: 100%; } @media (max-width: 119.98px) { .howto.cards { gap: 8px; } } @media (max-width: 739.98px) { .howto.cards { grid-template-columns: 1fr; } } .howto.cards .howto_item { border: 1px solid var(--green); } .howto.cards .howto_title { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .howto.cards .howto_pic { max-width: 50px; max-height: 50px; } .bonuses { display: grid; } @media (min-width: 740px) { .bonuses { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1200px) { .bonuses { gap: 20px; } } @media (min-width: 740px) and (max-width: 1199.98px) { .bonuses { gap: 20px; } } @media (max-width: 739.98px) { .bonuses { row-gap: 10px; } } .bonuses_item { display: grid; grid-template-rows: auto 1fr; overflow: hidden; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); } .bonuses_content { display: flex; flex-direction: column; row-gap: 5px; padding-top: 20px; border-top: 0; padding-inline: 20px; } @media (min-width: 740px) { .bonuses_content { padding-bottom: 20px; } } @media (max-width: 1199.98px) { .bonuses_content { padding-inline: 10px; } } @media (max-width: 739.98px) { .bonuses_content { padding-bottom: 10px; padding-inline: 10px; } } @media (min-width: 740px) { .bonuses_content :has(+ .btn) { margin-bottom: 15px; } } @media (max-width: 739.98px) { .bonuses_content :has(+ .btn) { margin-bottom: 5px; } } .bonuses_content .btn { margin-top: auto; background: var(--green); color: var(--white); } @media (max-width: 739.98px) { .bonuses_content .btn { --_min-height: 40px; } } .bonuses_pic { width: 100%; height: 240px; object-fit: cover; } .promocode { position: relative; display: grid; grid-template-columns: 1fr 0.45fr; overflow: hidden; isolation: isolate; gap: 88px; color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); } .promocode_bg_desk { display: block; position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } [dir=rtl] .promocode_bg_desk { transform: scaleX(-1); } @media (max-width: 739.98px) { .promocode_bg_desk { display: none; } } .promocode_bg_mob { display: none; } @media (max-width: 739.98px) { .promocode_bg_mob { display: block; position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } } [dir=rtl] .promocode { background: none; } [dir=rtl] .promocode::before { content: ""; position: absolute; inset: 0; transform: scaleX(-1); z-index: -1; } @media (min-width: 740px) { .promocode { row-gap: 30px; padding-block: 43px; } } @media (min-width: 1200px) { .promocode { padding-inline: 30px; } } @media (max-width: 1199.98px) { .promocode { padding-inline: 12px; grid-template-columns: 1fr 0.6fr; } } @media (max-width: 739.98px) { .promocode { row-gap: 120px; padding-block: 24px; grid-template-columns: 1fr; } [dir=rtl] .promocode { background: none; } } @media (max-width: 739.98px) { .promocode_descr.bold { font-size: 10px; font-weight: 700; } } .promocode__left { display: flex; flex-direction: column; gap: 18px; } @media (max-width: 1199.98px) { .promocode__left { font-size: 12px; } } @media (max-width: 739.98px) { .promocode__left { gap: 12px; } } .promocode__left .btn { max-width: fit-content; font-weight: 400; gap: 6px; } .promocode_title { display: flex; align-items: center; gap: 12px; } @media (max-width: 739.98px) { .promocode_title { gap: 8px; } .promocode_title svg { width: 18px; height: 18px; } } .promocode_field { display: flex; flex-direction: column; gap: 12px; justify-content: center; } @media (max-width: 1199.98px) { .promocode_field { align-items: center; } } .promocode_field .btn--underline { min-width: unset; } @media (max-width: 1199.98px) { .promocode_field .btn--underline:after { bottom: 4px; } } .promocode_text { display: grid; grid-auto-flow: column; column-gap: 10px; align-items: center; justify-content: center; padding: 13px 15px; line-height: 1.2; font-size: 20px; font-weight: 700; color: var(--white); border: dashed 1px var(--white); border-radius: 6px; transition: all 0.15s ease-in-out; } .promocode_text:hover, .promocode_text:focus-visible { color: var(--yellow); } @media (max-width: 1199.98px) { .promocode_text { font-size: 16px; font-weight: 500; width: fit-content; padding: 16px 50px; } } .promocode_text[disabled] { color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); border: 1px solid var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } .single_promocode .promocode__left { color: var(--theme-light, var(--black)) var(--theme-dark, var(--white));; } .promocode.single_promocode { padding: 0px; gap: 20px; } .promocode.single_promocode .promocode_field { width: 256px; height: 205px;  background: url("/wp-content/uploads/2025/06/promocodefields.svg") display: flex; padding: 0px; margin: 0px; flex-direction: row; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; } .promocode.single_promocode .promocode_field .promocode_field_title { margin-top: 10px; } .promocode.single_promocode .promocode_field .main_field { border-top: 1px dashed var(--yellow); border-bottom: 1px dashed var(--yellow); display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 88%; } .promocode.single_promocode .promocode_field .main_field .promocode_text { border: none; padding: 0; } .promocode.single_promocode .promocode_field .main_field .hero_coupon_btn::after, .promocode.single_promocode .promocode_field .main_field .hero_coupon_btn::before { display: none; } .appScreens { position: relative; display: grid; align-items: center; grid-template-columns: auto 1fr auto; } @media (min-width: 1200px) { .appScreens { column-gap: 20px; } } @media (max-width: 1199.98px) { .appScreens { gap: 15px; } .appScreens .swiper-button-lock { display: block; } } @media (max-width: 739.98px) { .appScreens { width: 100%; padding-inline: 0; gap: 0; } } @media (min-width: 1200px) { .appScreens_inner { column-gap: 20px; width: calc(100% + 40px); padding-inline: 20px; margin-inline: -20px; mask: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent); } } .appScreens_list { display: grid; grid-auto-flow: column; justify-items: center; height: auto; } @media (max-width: 739.98px) { .appScreens_list { display: flex; } } .appScreens_item { display: grid; place-content: center; aspect-ratio: 228/350; overflow: hidden; border-radius: 3px; } @media (max-width: 739.98px) { .appScreens_item { width: 100%; } } .appScreens_item::before { position: absolute; inset: 0; z-index: -1; content: ""; } .appScreens_pic { width: 100%; height: 100%; object-fit: cover; display: block; } .appScreens_btn.swiper-button-disabled { opacity: 0.7; } .appScreens .swiper-pagination { bottom: -40px; top: unset; left: unset; right: unset; } .appScreens .swiper-pagination-bullet { background-color: var(--theme-light, rgba(30, 30, 30, 0.4)) var(--theme-dark, rgba(255, 255, 255, 0.3019607843)); } .appScreens .swiper-pagination-bullet-active { background-color: var(--theme-light, var(--green)) var(--theme-dark, var(--green-black1)); width: 18px; border-radius: 460px; } .appScreens_scrollbar { height: 6px; margin-top: var(--space-small); background-color: var(--light); border-radius: 10px; display: none; } .appScreens_scrollbar .swiper-scrollbar-drag { background-color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--green)); border-radius: inherit; } .faq { display: grid; row-gap: 20px; } @media (min-width: 1200px) { .faq { max-width: 834px; margin-inline: auto; } } @media (min-width: 1200px) { .faq { --padding-inline: 20px; --padding-block: 14px; } } @media (max-width: 1199.98px) { .faq { --padding-inline: 20px; --padding-block: 13px; row-gap: 12px; } } @media (max-width: 739.98px) { .faq { --padding-inline: 14px; --padding-block: 16px; } } .faq_item { position: relative; border-bottom: solid 1px rgba(26, 26, 26, 0.10); } .faq_item:has(.show) { border-color: var(--theme-light, var(--green)) var(--theme-dark, var(--green-black2)); } .faq_item::before { content: ""; position: absolute; inset: 0; background-color: var(--yellow); height: 100%; width: 3px; left: 0; top: 0; border-radius: 3px; display: none; } .faq_title { display: grid; grid-auto-flow: column; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 400; width: 95%; padding: var(--padding-block) var(--padding-inline); text-align: start; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer; } .faq_title::after { width: var(--icon-size); height: var(--icon-size); content: ""; background-image: var(--theme-light, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6995 1.10051C11.6995 0.658677 11.3413 0.300505 10.8995 0.300505L3.6995 0.300505C3.25767 0.300505 2.8995 0.658677 2.89949 1.10051C2.8995 1.54233 3.25767 1.90051 3.69949 1.90051L10.0995 1.90051L10.0995 8.30051C10.0995 8.74233 10.4577 9.1005 10.8995 9.10051C11.3413 9.1005 11.6995 8.74233 11.6995 8.3005L11.6995 1.10051ZM1.56569 11.5657L11.4652 1.66619L10.3338 0.53482L0.434315 10.4343L1.56569 11.5657Z' fill='currentColor'/%3E%3C/svg%3E")) var(--theme-dark, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6995 1.10051C11.6995 0.658677 11.3413 0.300505 10.8995 0.300505L3.6995 0.300505C3.25767 0.300505 2.8995 0.658677 2.89949 1.10051C2.8995 1.54233 3.25767 1.90051 3.69949 1.90051L10.0995 1.90051L10.0995 8.30051C10.0995 8.74233 10.4577 9.1005 10.8995 9.10051C11.3413 9.1005 11.6995 8.74233 11.6995 8.3005L11.6995 1.10051ZM1.56569 11.5657L11.4652 1.66619L10.3338 0.53482L0.434315 10.4343L1.56569 11.5657Z' fill='currentColor'/%3E%3C/svg%3E")); background-repeat: no-repeat; background-position: center; background-size: cover; background-size: var(--arrow-size); transition: transform 0.25s ease-in-out; } @media (min-width: 740px) { .faq_title::after { --icon-size: 12px; --arrow-size: 12px; } } @media (max-width: 739.98px) { .faq_title::after { --icon-size: 28px; --arrow-size: 16px; } } @media (max-width: 739.98px) { .faq_title { font-size: 12px; font-weight: 400; } } .faq_title.active { font-weight: 600; color: var(--theme-light, var(--green)) var(--theme-dark, var(--green-black2)); } .faq_title.active::after { transform: scaleY(-1); } .faq .show .faq_text { position: relative; } .faq .show .faq_text:before { content: ""; position: absolute; inset: 0; background-color: var(--yellow); height: 1px; width: calc(100% - 34px); left: 17px; top: 0px; display: none; } .faq_text { position: relative; padding: var(--padding-block) var(--padding-inline); } .latest-news .h1 { color: var(--white); } .latest-news_list { margin-top: 24px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; } @media (max-width: 1199.98px) { .latest-news_list { grid-template-columns: repeat(3, 1fr); gap: 29px; margin-top: 18px; } } @media (max-width: 739.98px) { .latest-news_list { grid-template-columns: repeat(2, 1fr); gap: 24px 18px; margin-top: 22px; } } .latest-news_item--content { display: flex; flex-direction: column; color: var(--white); gap: 6px; } .latest-news_item--content--img { margin-bottom: 8px; height: 215px; object-fit: cover; } @media (max-width: 1199.98px) { .latest-news_item--content--text { font-size: 12px; } } .latest-news_item .light { min-width: unset; min-height: unset; } .latest-news_item .light:after { bottom: -4px; } .latest-news_item.coming-soon { position: relative; } .latest-news_item.coming-soon:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(1, 96, 50, 0.73); content: ""; } .latest-news_item.coming-soon .latest-news_item--content--img { margin-bottom: 0; height: 292px; } .latest-news_item.coming-soon .latest-news_item--content--title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; } @media (max-width: 1199.98px) { .latest-news_item.coming-soon { display: none; } } .form { display: grid; gap: 20px; } @media (min-width: 740px) { .form > :not(.form_group--half) { grid-column: span 2; } } .form_group { display: grid; row-gap: 8px; } .form_label:has(+ [required])::after { content: "*"; color: var(--red); } .form_hint { font-size: 12px; } .form_input { padding: 16px 24px; font-size: 14px; line-height: 1.5; color: inherit; background: var(--theme-light, var(--white)) var(--theme-dark, var(--black-1)); border-radius: 6px; transition: all 250ms ease-in-out; border: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .form_input::placeholder { color: var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .form_input:user-invalid { border-color: var(--negative); } .form_textarea { min-height: 112px; resize: none; } .form_btns { display: grid; gap: 14px 24px; margin-top: 10px; } @media (min-width: 640px) { .form_btns { grid-template-columns: repeat(2, 1fr); } } .comments { display: grid; row-gap: var(--space-big); } .comments_wrapper { margin-bottom: 0; } .comments_title { margin-bottom: 24px; text-align: center; } .comments_rate { display: grid; grid-auto-flow: column; column-gap: 10px; align-items: center; justify-content: center; } .comments_rate_list { display: grid; grid-auto-flow: column; column-gap: 5px; justify-content: center; } .comments_rate_list:hover .comments_rate_item { color: var(--hover-orange); } .comments_rate_item { color: var(--orange); cursor: pointer; transition: color 150ms ease-in-out; } .comments_rate_item:hover ~ .comments_rate_item, .comments_rate_item:focus-visible ~ .comments_rate_item, .comments_rate_item:has(:checked) ~ .comments_rate_item { color: var(--gray-light); } .comments_rate_item input { display: none; } @media (max-width: 739.98px) { .comments_btn { width: fit-content; } } .comments_list { display: grid; row-gap: 20px; } .comments_list[data-accordion-content] { max-height: unset; } .comments_list_title { text-align: center; } .comments_inner { position: relative; } .comments_content { width: min(100%, 780px); margin-inline: auto; } @media (min-width: 740px) { .comments_content { padding-block: 92px; } } @media (min-width: 1200px) { .comments_content { padding-inline: 0; } } @media (min-width: 740px) and (max-width: 1199.98px) { .comments_content { padding-inline: 24px; } } @media (max-width: 739.98px) { .comments_content { padding-block: 52px; padding-inline: 15px; } } .comments_item { display: grid; border-radius: 3px; background: var(--theme-light, var(--white)) var(--theme-dark, var(--black-bg)); } @media (min-width: 740px) { .comments_item { row-gap: 24px; } } @media (min-width: 1200px) { .comments_item { padding: 20px; } } @media (min-width: 740px) and (max-width: 1199.98px) { .comments_item { padding: 20px; } } @media (max-width: 739.98px) { .comments_item { row-gap: 10px; padding: 10px; } } .comments_date { display: flex; gap: 10px; } .comments_top { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; justify-content: space-between; } .comments_heading { display: grid; grid-auto-flow: column; column-gap: 20px; align-content: center; } .comments_avatar { grid-row: span 2; width: 44px; height: 44px; object-fit: cover; background: var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.16 10.87h-.33a4.44 4.44 0 1 1 .33 0Zm-5 3.69c-2.42 1.62-2.42 4.26 0 5.87 2.75 1.84 7.26 1.84 10.01 0 2.42-1.62 2.42-4.26 0-5.87-2.74-1.83-7.25-1.83-10.01 0Z'/%3E%3C/svg%3E") center/24px no-repeat; border-radius: 50%; } .comments_rating { position: relative; width: 100px; height: 16px; margin-inline: -5px; } .comments_rating::before, .comments_rating::after { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; content: ""; } .comments_rating::before { background-color: var(--gray-light); mask: url("../../img/rating.svg"); } .comments_rating::after { background-color: var(--yellow); mask: url("/wp-content/themes//img/rating.svg"), linear-gradient(to right, transparent calc(100% * var(--rating) / 5), #fff calc(100% * var(--rating) / 5), #fff 100%); mask-composite: subtract; } .toTopBtn { position: fixed; right: var(--container-padding); z-index: 4; display: grid; place-items: center; width: var(--size); height: var(--size); color: var(--theme-light, var(--black)) var(--theme-dark, var(--black)); visibility: hidden; background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); border-radius: 50%; opacity: 0; transition: all 250ms ease-in-out; outline: 1px solid var(--theme-light, var(--orange)) var(--theme-dark, var(--orange)); } .toTopBtn:hover, .toTopBtn:focus-visible { transform: scale(1.1); } .toTopBtn.show { visibility: visible; opacity: 1; } @media (min-width: 740px) { .toTopBtn { --size: 47px; --icon-size: 22px; bottom: var(--container-padding); } } @media (max-width: 739.98px) { .toTopBtn { --size: 44px; --icon-size: 24px; bottom: calc(var(--container-padding) + 54px); } } .toTopBtn_icon { width: var(--icon-size); height: var(--icon-size); } .footer { color: var(--white); background-color: var(--theme-light, var(--black)) var(--theme-dark, var(--black)); } @media (min-width: 1200px) { .footer { padding-block-start: 110px; padding-block-end: 48px; } } @media (max-width: 1199.98px) { .footer { padding-block: 46px 20px; } } .footer_inner { display: grid; } .footer_top { display: grid; align-items: start; padding-bottom: 32px; border-bottom: 1px solid var(--theme-light, var(--opacity-30)) var(--theme-dark, var(--opacity-30)); } @media (min-width: 1200px) { .footer_top { grid-template-columns: 200px auto 225px; align-content: start; gap: 140px; } } @media (min-width: 740px) and (max-width: 1199.98px) { .footer_top { display: grid; grid-template-columns: 3fr 2fr; gap: 42px 122px; margin-bottom: 48px; } .footer_top .footer_info { grid-column: 1/-1; grid-row: 1; } .footer_top .menu--footer { grid-column: 1/2; grid-row: 2; } .footer_top .footer_top--contacts { grid-column: 2/-1; grid-row: 2; } } @media (max-width: 739.98px) { .footer_top { row-gap: 24px; margin-bottom: 12px; } } .footer_top--contacts { display: flex; flex-direction: column; gap: 12px; } .footer_top--contacts a { font-size: 14px; color: rgba(255, 255, 255, 0.3019607843); } .footer_top--contacts a:hover, .footer_top--contacts a:focus-visible { color: var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } @media (max-width: 739.98px) { .footer_top--contacts a { font-size: 12px; } } .footer_top--contacts p { font-size: 16px; font-weight: 500; } @media (max-width: 739.98px) { .footer_top--contacts { border-bottom: 1px solid rgba(255, 255, 255, 0.3); gap: 0; } } .footer_info { display: grid; row-gap: 28px; align-content: start; } @media (max-width: 1199.98px) { .footer_info { justify-items: flex-start; margin-inline: auto; text-align: start; } } @media (max-width: 739.98px) { .footer_logo { max-width: 152px; } } .footer_socials { display: flex; flex-wrap: wrap; gap: 10px; place-items: center start; margin-top: 10px; } .footer_socials a { display: grid; place-items: center; padding: 2px; margin: -2px; color: var(--white); } .footer_socials a:hover, .footer_socials a:focus-visible { color: var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } .footer_badges { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 32px; padding-bottom: 32px; border-bottom: 1px solid var(--theme-light, var(--opacity-30)) var(--theme-dark, var(--opacity-30)); } @media (min-width: 740px) { .footer_badges { gap: 40px; } } @media (max-width: 739.98px) { .footer_badges { gap: 24px; } } .footer_copy { font-size: 14px; text-align: center; color: var(--white); padding-top: 32px; } @media (max-width: 739.98px) { .footer_copy { font-size: 12px; } } @media (max-width: 739.98px) { .footer .menu--footer > .menu-item-has-children > a { position: relative; padding: 15px 0 0; margin: 0; cursor: pointer; text-align: start; width: 100%; transition: color 0.3s ease; font-size: 14px; } .footer .menu--footer > .menu-item-has-children > a:hover, .footer .menu--footer > .menu-item-has-children > a:focus-visible { color: var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } .footer .menu--footer > .menu-item-has-children .sub-menu { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; display: grid; grid-template-columns: 1fr; text-align: start; gap: 10px 40px; } .footer .menu--footer > .menu-item-has-children .sub-menu.show { margin-top: 18px; } .footer .menu--footer > .menu-item-has-children .sub-menu li { margin-bottom: unset; } .footer .menu--footer > .menu-item-has-children .sub-menu a { font-size: 12px; color: var(--white); } .footer .menu--footer > .menu-item-has-children .sub-menu a:hover, .footer .menu--footer > .menu-item-has-children .sub-menu a:focus-visible { color: var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } } @media (max-width: 739.98px) { .footer_top--contacts > p { position: relative; padding: 15px 0 0; margin: 0; cursor: pointer; text-align: start; width: 100%; transition: color 0.3s ease; font-size: 14px; padding-bottom: 18px; } .footer_top--contacts > p:hover, .footer_top--contacts > p:focus-visible { color: var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } .footer_top--contacts > p::after { content: ""; position: absolute; right: 8px; top: 47%; width: 8px; height: 8px; border-right: 2px solid var(--white); border-bottom: 2px solid var(--white); transform: translateY(-70%); transition: transform 0.3s ease; } .footer_top--contacts > p.active::after { transform: translateY(-30%) rotate(-135deg); } .footer_top--contacts.show > a, .footer_top--contacts.show > .footer_socials { display: flex; opacity: 1; margin-bottom: 12px; } .footer_top--contacts.show > .footer_socials { margin-bottom: 18px; } .footer_top--contacts > a, .footer_top--contacts > .footer_socials { display: none; opacity: 0; transition: opacity 0.3s ease, margin 0.3s ease; } } .footer_contacts_list { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; } .footer_contacts_link { color: var(--white); } .footer_contacts_link:hover, .footer_contacts_link:focus-visible { color: var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } .footer_contacts_item { display: flex; gap: 6px; align-items: center; } .themeToggle { position: fixed; top: 75%; right: 5px; z-index: 10000; display: flex; flex-direction: column; align-items: center; width: 40px; height: 80px; overflow: hidden; font-weight: 500; color: var(--body-color); background-color: var(--body-bg); isolation: isolate; border: solid 1px var(--body-color); border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); transform: translateY(-50%); } .themeToggle::before { position: absolute; z-index: -1; width: 100%; height: 50%; content: ""; background-color: var(--accent); transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); transform: var(--theme-light, translateY(0%)) var(--theme-dark, translateY(100%)); } .themeToggle_label { display: grid; place-content: center; width: 100%; height: 50%; font-size: 12px; font-weight: 600; line-height: 1; text-align: center; user-select: none; transition: all 150ms ease-in-out; } .themeToggle_label:not(:has(:checked)) { cursor: pointer; } .themeToggle_label:not(:has(:checked)):hover, .themeToggle_label:not(:has(:checked)):focus-visible { transform: scale(1.1); } .themeToggle_label input { display: none; } body:has(.themeToggle:hover) * { transition: none !important; } @media (min-width: 740px) { body.author .container .author { grid-template-areas: "avatar heading" "avatar descr"; } } body.author .container .author_avatar { --size: 124px; } @media (max-width: 1199.98px) { body.author .container .author_avatar { --size: 76px; } } @media (max-width: 739.98px) { body.author .container .author_avatar { --size: 52px; } } @media (max-width: 1199.98px) { body.author .container .author-articles_more { font-size: 16px; } } @media (max-width: 739.98px) { body.author .container .author-articles_more { font-size: 12px; width: fit-content; } } .container .author { display: grid; grid-template-columns: auto 1fr; justify-content: start; background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); border-radius: 3px; filter: var(--theme-light, none) var(--theme-dark, drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25))); color: var(--theme-light, var(--black)) var(--theme-dark, var(--white)); } @media (min-width: 740px) { .container .author { grid-template-areas: "avatar heading" "avatar descr"; gap: 20px 28px; align-items: start; } } @media (min-width: 1200px) { .container .author { padding: 20px; } } @media (min-width: 740px) and (max-width: 1199.98px) { .container .author { padding: 20px; } } @media (max-width: 739.98px) { .container .author { grid-template-areas: "avatar heading" "descr descr"; gap: 16px; align-items: center; padding: 16px 14px; } } .container .author_avatar { grid-area: avatar; width: var(--size); height: var(--size); object-fit: cover; border-radius: 50%; } @media (min-width: 1200px) { .container .author_avatar { --size: 120px; } } @media (max-width: 1199.98px) { .container .author_avatar { --size: 88px; } } .container .author_heading { display: flex; grid-area: heading; gap: 13px 20px; } @media (min-width: 740px) { .container .author_heading { flex-wrap: wrap; justify-content: start; flex-direction: column; } } @media (max-width: 739.98px) { .container .author_heading { flex-direction: column; align-items: flex-start; } } .container .author_social { display: grid; grid-auto-flow: column; column-gap: 17px; align-items: center; justify-content: start; } .container .author_social_link { padding: 4px; margin: -4px; } .container .author_social_link:hover, .container .author_social_link:focus-visible { color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } @media (max-width: 739.98px) { .container .author_social_link svg { width: 20px; height: 20px; } } .container .author_descr { grid-area: descr; display: flex; } .contacts { display: grid; } .contacts .accent { color: var(--theme-light, var(--black)) var(--theme-dark, var(--white)); } @media (min-width: 1200px) { .contacts { grid-template-columns: 1fr 1fr; column-gap: 41px; align-content: start; } } @media (min-width: 740px) and (max-width: 1199.98px) { .contacts { row-gap: 24px; } } @media (max-width: 739.98px) { .contacts { row-gap: 32px; } } .contacts_content h2 { margin-bottom: 14px; } .contacts_form { padding-block: 36px; background: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); color: var(--theme-light, var(--black)) var(--theme-dark, var(--white)); border-radius: 3px; border: 1px solid var(--theme-light, var(--hover-orange)) var(--theme-dark, var(--hover-orange)); gap: 12px; } @media (min-width: 1200px) { .contacts_form { padding-inline: 41px; } } @media (max-width: 1199.98px) { .contacts_form { padding-inline: 57px; } } @media (max-width: 739.98px) { .contacts_form { padding-inline: 14px; } } .contacts_form_title { display: block; text-align: center; margin-bottom: 8px; } .contacts_form input, .contacts_form textarea { background-color: var(--theme-light, var(--gray)) var(--theme-dark, var(--black-1)); border: none; border-radius: 3px; padding: 12px 16px; } .contacts_form input::placeholder, .contacts_form textarea::placeholder { color: var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .contacts_form .form_check { display: flex; gap: 6px; font-size: 14px; } .contacts_form .form_check input { width: 18px; height: 18px; border-radius: 3px; } @media (max-width: 1199.98px) { .contacts_form .form_check { font-size: 12px; } } @media (max-width: 739.98px) { .contacts_form .form_check { font-size: 10px; } } .contacts_form .form_btns { display: flex; width: fit-content; justify-content: center; margin-inline: auto; } .contacts_form .form_btns button { width: fit-content; margin-inline: auto; } @media (max-width: 739.98px) { .contacts_form .form_btns { flex-wrap: wrap; } } @media (max-width: 739.98px) { .contacts_form .form_btns .btn { min-width: unset; } } .contacts_list { overflow: hidden; } @media (max-width: 739.98px) { .contacts_list .contacts-wrapper { overflow-x: scroll; } } .contacts_label { margin-bottom: 20px; } .contacts-wrapper { border-radius: 3px; border: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); padding-bottom: 0; margin-top: 10px; } .contacts_item { display: grid; gap: 10px 14px; padding: 10px 32px; line-height: 1.6; font-size: 14px; background-color: var(--theme-light, var(--gray)) var(--theme-dark, var(--black-1)); grid-auto-flow: column; align-items: center; justify-content: space-between; } .contacts_item:not(:last-child) { border-bottom: 1px solid var(--theme-light, var(--opacity-20)) var(--theme-dark, var(--opacity-30)); } .contacts_item:nth-of-type(even) { background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); } @media (max-width: 739.98px) { .contacts_item { min-width: 455px; } } .contacts_item a:not([class]) { text-decoration: none; color: inherit; } @media (min-width: 740px) { .contacts_item a:not([class]) { color: inherit; } .contacts_item a:not([class]):hover, .contacts_item a:not([class]):focus-visible { color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); } } .numlist { counter-reset: numlist; border-radius: 10px; } @media (max-width: 739.98px) { .numlist { padding: 4px; } } .numlist_item { position: relative; display: grid; row-gap: 6px; align-items: center; padding-inline-start: 46px; counter-increment: numlist; } @media (max-width: 1199.98px) { .numlist_item { padding-inline-start: 27px; } } @media (max-width: 739.98px) { .numlist_item { padding-inline-start: 22px; row-gap: 8px; } } .numlist_item:not(:last-child) { min-height: 48px; padding-bottom: 22px; } @media (max-width: 1199.98px) { .numlist_item:not(:last-child) { padding-bottom: 16px; } } .numlist_item .numlist_content { padding: 10px; border-radius: 4px; background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black-black)); color: var(--theme-light, var(--black)) var(--theme-dark, var(--white)); } .numlist_item::after { position: absolute; inset-inline-start: 0; top: 0; left: 1px; right: 1px; display: grid; place-items: center; width: 31px; height: 31px; font-weight: 600; line-height: 1; border-radius: 4px; color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); content: counter(numlist); background-color: var(--theme-light, var(--green)) var(--theme-dark, var(--green)); font-size: 16px; } @media (max-width: 1199.98px) { .numlist_item::after { top: 2px; width: 18px; height: 18px; font-size: 10px; } } @media (max-width: 739.98px) { .numlist_item::after { width: 14px; height: 14px; font-size: 8px; } } .numlist_item:last-child { min-height: 34px; } .numlist_item:last-child::before { display: none; } .numlist_title { font-weight: 500; line-height: 1.3; } @media (max-width: 739.98px) { .numlist_title { font-size: 14px; } } .numlist p { margin-block: 0 !important; } .author-history { display: flex; flex-direction: column; gap: 44px; padding-block-start: 32px; } @media (max-width: 1199.98px) { .author-history { gap: 20px; } } .author-history_item { display: flex; gap: 27px; } @media (max-width: 739.98px) { .author-history_item { flex-direction: column; gap: 12px; } } .author-history_date { font-size: 16px; font-weight: 500; color: var(--theme-light, var(--white)) var(--theme-dark, var(--white)); padding: 12px 16px; background-color: var(--theme-light, var(--yellow)) var(--theme-dark, var(--yellow)); border-radius: 5px; display: flex; flex-shrink: 0; height: fit-content; width: fit-content; } @media (max-width: 1199.98px) { .author-history_date { font-size: 14px; padding: 8px 10px; } } @media (max-width: 739.98px) { .author-history_date { font-size: 12px; } } h2.h2.author-title { margin-block-end: 24px; text-align: start; } .author-articles_more { user-select: none; } .author-articles_list { margin-block-start: 24px; margin-block-end: 48px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .author-articles_list[data-accordion-content]:not(.show) { max-height: 360px; } @media (max-width: 1199.98px) { .author-articles_list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 29px; margin-top: 18px; } .author-articles_list[data-accordion-content]:not(.show) { max-height: 270px; } } @media (max-width: 739.98px) { .author-articles_list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; margin-top: 22px; } } .author-articles .article-card { max-width: 297px; width: 100%; } @media (max-width: 1199.98px) { .author-articles .article-card { max-width: unset; width: unset; } } .author-articles .article-card_title { margin-block-start: 12px; margin-block-end: 8px; display: block; } .author-articles .article-card_preview { border-radius: 5px; height: 181px; object-fit: cover; width: 100%; } .author-articles .article-card_descr { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .author-articles .article-card_link { margin: unset; color: var(--theme-light, var(--dark-green)) var(--theme-dark, var(--dark-green)); min-width: unset; } .author-articles .article-card_link::after { background: var(--theme-light, var(--dark-green)) var(--theme-dark, var(--dark-green)); } .author-articles .article-card_link:hover { color: var(--theme-light, var(--green-hover)) var(--theme-dark, var(--green-hover)); } .author-articles .article-card_link:hover::after { background: var(--theme-light, var(--green-hover)) var(--theme-dark, var(--green-hover)); } .page404 { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; margin-top: var(--space-big); } .page404_content { display: flex; flex-direction: column; gap: 12px; } .lang { position: relative; z-index: 2; } .lang_code { margin-right: 8px; } .lang_btn { display: flex; align-items: center; gap: 8px; color: var(--theme-light, var(--white)) var(--theme-dark, var(--blue-600)); transition: all 250ms ease-in-out; } .lang_btn--main { width: auto; height: 40px; } .lang_btn--main .lang_arrow { margin-left: 4px; transition: transform 0.2s ease; } .lang_btn--main.active .lang_arrow { transform: rotate(180deg); color: var(--yellow); } .lang_btn--sub { width: 100%; padding: 12px; color: var(--black); border: none; } .lang_btn--sub:hover { background: var(--yellow); } .lang_btn img { width: 32px; height: 32px; object-fit: cover; border-radius: 50%; overflow: hidden; } .lang_list { position: absolute; top: calc(100% + 20px); right: 0; width: 100%; min-width: 220px; padding: 0; visibility: hidden; background-color: var(--white); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05), 0 2px 6px 0 rgba(0, 0, 0, 0.08); opacity: 0; transition: all 150ms ease-in-out; } @media (max-width: 739.98px) { .lang_list { left: 0; } } .lang_list.show { visibility: visible; opacity: 1; } .lang_list li { border-bottom: 1px solid var(--gray-light); } .lang_list li:last-child { border-bottom: none; } .lang_item { display: grid; grid-auto-flow: column; column-gap: 10px; align-items: center; justify-content: start; width: max-content; padding: 2px 4px; font-size: 12px; font-weight: 600; color: var(--white); border-radius: 4px; } .lang_item:hover, .lang_item:focus-visible { color: var(--black); background-color: var(--white); } .providers_wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; } @media (max-width: 739.98px) { .providers_wrapper { grid-template-columns: repeat(2, 1fr); } } .providers a.providers_item { transition: outline 0.3s ease; } .providers a.providers_item:hover { outline: 1px solid var(--yellow); } .providers_item { width: 100%; height: 100%; padding: 20px 35px; background-color: var(--theme-light, var(--white)) var(--theme-dark, var(--black)); border-radius: 3px; display: flex; } @media (max-width: 1199.98px) { .providers_item { padding: 16px 35px; } } .providers_item img { max-height: 60px; width: 100%; object-fit: contain; } @media (max-width: 1199.98px) { .providers_item img { max-height: 40px; } } @media (max-width: 739.98px) { .providers_item img { max-height: 45px; } } .providers_item.hidden { display: none; } .providers .show-more-btn { margin: 0 auto; margin-top: 12px; min-width: unset; }  html { overflow-x: hidden; } html[dir="rtl"] h2::before, html[dir="rtl"] .h2::before { left: auto; right: 0px; } html[dir="rtl"] h2, html[dir="rtl"] .h2 { padding-left: 0px; padding-right: 50px; } .toc-img .btn { border-radius: 3px; background: var(--yellow); color: var(--white); border-color: var(--yellow); } .toc-img .btn:hover { border-color: var(--yellow); box-shadow: 3px 3px 4px 0px rgba(30, 30, 30, 0.22); background: var(--hover); } .howto_button .btn--yellow:hover { color: var(--_color-hover); background-color: var(--_bg-color-hover); border-color: var(--_border-color-hover); } .bonuses_pic { height: auto; object-fit: cover; } .single_promocode ul:not([class]), .single_promocode ol:not([class]), .picinfo_content ul:not([class]), .picinfo_content ol:not([class]) { display: grid; padding: 0; margin: 0; } .single_promocode ul:not([class]) li, .single_promocode ol:not([class]) li, .picinfo_content ul:not([class]) li, .picinfo_content ol:not([class]) li { --marker-size: 20px; position: relative; align-content: center; min-height: var(--marker-size); padding-inline-start: calc(var(--marker-size) + 14px); } .single_promocode ul:not([class]) li::before, .picinfo_content ul:not([class]) li::before { position: absolute; inset-inline-start: 0; top: 0; display: grid; place-content: center; width: var(--marker-size); height: var(--marker-size); line-height: 1; font-size: 14px; color: var(--green); border-radius: 50%; border: 1px solid var(--theme-light, var(--green)) var(--theme-dark, var(--green)); top: 5px; content: ""; background: var(--theme-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.2881 3.74008C10.4207 3.58097 10.3992 3.34451 10.2401 3.21193C10.081 3.07934 9.84451 3.10084 9.71193 3.25994L7.01659 6.49435C6.47517 7.14405 6.0943 7.59968 5.76395 7.89799C5.44131 8.18934 5.21864 8.28194 5.00001 8.28194C4.78138 8.28194 4.55871 8.18934 4.23607 7.89799C3.90572 7.59968 3.52485 7.14405 2.98343 6.49434L2.28809 5.65994C2.15551 5.50084 1.91904 5.47934 1.75994 5.61193C1.60084 5.74451 1.57934 5.98097 1.71193 6.14008L2.42656 6.99764C2.9442 7.61882 3.35874 8.11629 3.73342 8.45462C4.12045 8.80411 4.51608 9.03194 5.00001 9.03194C5.48394 9.03194 5.87957 8.80411 6.2666 8.45462C6.64128 8.11629 7.05582 7.61883 7.57344 6.99766L10.2881 3.74008Z' fill='%23026E51'/%3E%3C/svg%3E")) var(--theme-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.2881 3.74008C10.4207 3.58097 10.3992 3.34451 10.2401 3.21193C10.081 3.07934 9.84451 3.10084 9.71193 3.25994L7.01659 6.49435C6.47517 7.14405 6.0943 7.59968 5.76395 7.89799C5.44131 8.18934 5.21864 8.28194 5.00001 8.28194C4.78138 8.28194 4.55871 8.18934 4.23607 7.89799C3.90572 7.59968 3.52485 7.14405 2.98343 6.49434L2.28809 5.65994C2.15551 5.50084 1.91904 5.47934 1.75994 5.61193C1.60084 5.74451 1.57934 5.98097 1.71193 6.14008L2.42656 6.99764C2.9442 7.61882 3.35874 8.11629 3.73342 8.45462C4.12045 8.80411 4.51608 9.03194 5.00001 9.03194C5.48394 9.03194 5.87957 8.80411 6.2666 8.45462C6.64128 8.11629 7.05582 7.61883 7.57344 6.99766L10.2881 3.74008Z' fill='%23026E51'/%3E%3C/svg%3E")) no-repeat center/contain; } .single_promocode ol:not([class]), .picinfo_content ol:not([class]) { counter-reset: list; } .single_promocode ol:not([class]) li, .picinfo_content ol:not([class]) li { counter-increment: list; padding-inline-start: 34px; } .single_promocode ol:not([class]) li::before, .picinfo_content ol:not([class]) li::before { content: counter(list); position: absolute; top: 3px; inset-inline-start: 0; display: grid; place-content: center; width: var(--marker-size); height: var(--marker-size); line-height: 1; font-size: 14px; color: var(--green); border-radius: 50%; border: 1px solid var(--theme-light, var(--green)) var(--theme-dark, var(--green)); } @media (max-width: 1199.98px) { .single_promocode ul:not([class]) li, .single_promocode ol:not([class]) li, .picinfo_content ul:not([class]) li, .picinfo_content ol:not([class]) li { --marker-size: 18px; padding-inline-start: 27px; } .single_promocode ul:not([class]) li::before, .single_promocode ol:not([class]) li::before, .picinfo_content ul:not([class]) li::before, .picinfo_content ol:not([class]) li::before { font-size: 12px; top: 3px; } } @media (max-width: 739.98px) { .single_promocode ul:not([class]) li, .single_promocode ol:not([class]) li, .picinfo_content ul:not([class]) li, .picinfo_content ol:not([class]) li { --marker-size: 14px; padding-inline-start: 22px; } .single_promocode ul:not([class]) li::before, .single_promocode ol:not([class]) li::before, .picinfo_content ul:not([class]) li::before, .picinfo_content ol:not([class]) li::before { font-size: 8px; top: 0; } } .btn.comments_btn:not([disabled], .disabled) { border: 1px solid var(--theme-light, var(--green)) var(--theme-dark, var(--green)); background: var(--green-2); color: var(--white); border-radius: 3px; } .btn.comments_btn:not([disabled], .disabled):hover { background: var(--green-hover); } @media screen and (min-width: 1200px) { .footer_top { grid-template-columns: 350px auto 225px; } } .contacts_form .form_btns .btn-primary { background: var(--green); color: var(--white); } .contacts_form .form_btns .btn-primary:hover { background: var(--green-hover); } .contacts_form .form_btns .btn--dark { background: var(--green-2); color: var(--white); } .contacts_form .form_btns .btn--dark:hover { background: var(--hover); border-color: var(--hover); } .breadcrumbs .breadcrumbs_item:last-child { color: var(--green-2); } .howto.cards.three_in_row { grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 600px) { .howto.cards.three_in_row { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 1100px) { .hero_coupon_btn { position: absolute; bottom: 12px; } } @media (min-width: 740px) { .howto_item:has(.howto_media) { grid-template-areas: "pic title" "pic descr" "pic button"; align-items: center; justify-content: flex-start; } } @media screen and (max-width: 600px) { .promocode.single_promocode .promocode_field { margin-left: auto; margin-right: auto; } }