/* ==================================================================== */ /* == БАЗА : НАЧАЛО — reset, шрифт, контейнер, помощни класове == */ /* ==================================================================== */ /* ===== ШРИФТ : НАЧАЛО ===== */ @font-face { font-family: 'Advent Pro'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/resources/fonts/advent-pro-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Advent Pro'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/resources/fonts/advent-pro-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Advent Pro'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/resources/fonts/advent-pro-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Advent Pro'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/resources/fonts/advent-pro-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* ===== ШРИФТ : КРАЙ ===== */ /* ===== СГЛАЖДАВАНЕ НА ТЕКСТА : НАЧАЛО ===== Windows-Chrome рисува текста със subpixel (LCD) сглаждане — по ръба на всяка буква сяда червено-циан ресни. Върху черен фон с тънък светъл шрифт това се вижда, а макетът е с обикновено сиво сглаждане. Композиран слой изключва LCD-сглаждането в Blink и буквите стават сиви като в макета. */ main, .site-footer { will-change: transform; } /* ===== СГЛАЖДАВАНЕ НА ТЕКСТА : КРАЙ ===== */ /* ===== RESET : НАЧАЛО ===== */ *, *::before, *::after { box-sizing: border-box; } html { overflow-x: clip; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { margin: 0; overflow-x: clip; background: var(--bg); color: var(--ink); font-family: var(--font); font-size: var(--fs-body); font-weight: 300; line-height: var(--lh-body); -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, p, figure, blockquote, ul, ol, dl, dd { margin: 0; } ul, ol { padding: 0; list-style: none; } img { max-width: 100%; border: 0; } a { color: inherit; text-decoration: none; } button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; } :focus-visible { outline: 2px solid var(--accent-teal); outline-offset: 3px; } /* ===== RESET : КРАЙ ===== */ /* ===== КОНТЕЙНЕР : НАЧАЛО ===== */ .container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); } /* ===== КОНТЕЙНЕР : КРАЙ ===== */ /* ===== ПОМОЩНИ КЛАСОВЕ : НАЧАЛО ===== */ .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } /* ===== ПОМОЩНИ КЛАСОВЕ : КРАЙ ===== */ /* ===== ДВИЖЕНИЕ ПРИ СКРОЛ : НАЧАЛО ===== */ /* JS задава само reveal-ready/in. Посоката е CSS custom property на конкретния компонент, затова layout-ът не се преизчислява и входът остава interruptible. */ .reveal-ready [data-reveal] { transition: opacity .4s var(--ease-enter), transform .4s var(--ease-enter); transition-delay: var(--reveal-delay, 0ms); } .reveal-ready [data-reveal]:not(.in) { opacity: 0; transform: var(--reveal-transform, translate3d(0, 24px, 0)); } .reveal-ready [data-reveal].in { opacity: 1; transform: none; } /* След входа hover/focus feedback-ът трябва да реагира веднага, без остатъка от stagger delay-а. Класът се поставя на opacity transitionend. */ .reveal-ready [data-reveal].reveal-complete { transition-delay: 0ms; } /* ===== ДВИЖЕНИЕ ПРИ СКРОЛ : КРАЙ ===== */ /* ===== ТЕКСТОВО СЪДЪРЖАНИЕ ОТ РЕДАКТОРА (П51) : НАЧАЛО ===== Начална страница няма `.rte` блок. Стиловете стоят тук, защото HTML-ът, който клиентът въвежда през админа, идва без нашите класове — вътрешните страници го ползват веднага, без да се пише отново. */ .rte > * + * { margin-top: 1em; } .rte h2 { font-size: var(--fs-h2); font-weight: 400; line-height: var(--lh-h2); } .rte h3 { font-size: var(--fs-row-title); font-weight: 400; } .rte p { line-height: var(--lh-body); } .rte ul, .rte ol { padding-left: 1.5em; list-style: revert; } .rte li + li { margin-top: .35em; } .rte a { color: var(--accent); text-decoration: underline; } .rte blockquote { border-left: 3px solid var(--accent); padding-left: 1em; } .rte img { max-width: 100%; height: auto; display: block; border-radius: var(--r-sm); } .rte table { width: 100%; border-collapse: collapse; } .rte th, .rte td { border: 1px solid var(--line); padding: .5em .75em; text-align: left; } .rte .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } .rte a, .rte code { overflow-wrap: anywhere; } /* ===== ТЕКСТОВО СЪДЪРЖАНИЕ ОТ РЕДАКТОРА : КРАЙ ===== */ /* ===== БЕЗ ДВИЖЕНИЕ : НАЧАЛО ===== */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } *, *::before, *::after { animation-duration: .001s !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .001s !important; transition-delay: 0s !important; } [data-reveal] { opacity: 1 !important; transform: none !important; filter: none !important; } } /* ===== БЕЗ ДВИЖЕНИЕ : КРАЙ ===== */ /* == БАЗА : КРАЙ == */ /* ==================================================================== */ .termsfeed-com---palette-dark.termsfeed-com---nb { background-color: #2F0D7A !important; color: #fff !important; } .termsfeed-com---palette-dark .cc-nb-text { color: #fff !important; } .termsfeed-com---palette-dark .cc-nb-title { color: #fff !important; } .termsfeed-com---palette-dark .cc-nb-okagree { color: #fff !important; background-color: #0FA0FE !important; } .termsfeed-com---palette-dark .cc-nb-reject { color: #fff !important; background-color: #1E74ED !important; }