@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-cyrillic.woff2) format('woff2');font-display:swap;unicode-range:U+0400-052F,U+2116}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-latin.woff2) format('woff2');font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}.demo-note{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem clamp(1.25rem,4vw,5rem);font:700 .68rem/1.4 Manrope,Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;background:#d6e5a1;color:#172419}.demo-note a{text-decoration:underline;text-underline-offset:.25em;white-space:nowrap}@media(max-width:600px){.demo-note{font-size:.6rem}.demo-note span{max-width:15rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}