CSS File

1:root{--sans: system-ui, sans-serif;--titl: system-ui, sans-serif;--mono: ui-monospace, monospace;--thin: 300;--norm: 400;--semi: 500;--bold: 600;--content-min: 360px;--content-max: 1280px;--content: 94%;--margin: 3%;--scrollbar-width: 4px;--down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4IDBsLTYtNmEuNS41IDAgMCAxIDAtLjcwOHoiLz4KPC9zdmc+Cg==);--hh: 56px;--mw: 300px;--bg: #fff;--text: #123;--menu-bg: #806020;--menu-text: #fff;--backdrop: #80602080;--thumb: #80602080}

2@media(prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth}

3}

4::-webkit-input-placeholder{font-weight:var(--thin);opacity:.67}

5::-moz-placeholder{font-weight:var(--thin);opacity:.67}

6:-ms-input-placeholder{font-weight:var(--thin);opacity:.67}

7::-ms-input-placeholder{font-weight:var(--thin);opacity:.67}

8::placeholder{font-weight:var(--thin);opacity:.67}

9.line-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--ln, 4);height:calc(var(--ln, 4)*1lh)}

10.content{width:var(--content);margin-right:auto;margin-left:auto}

11.content.bg{background-color:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667);box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667);border-radius:4px}

12.content.bg2{background-color:color-mix(in srgb, var(--menu-bg) 90%, transparent);-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667);box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}

13.content.bg3{background-color:var(--menu-bg);-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667);box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}

14.content::after{content:"";display:block;clear:both}

15.content.full-width{width:100%}

16.content.full-height{height:100%}

17.content.break-full{width:100%;max-width:unset}

18@media screen and (min-width: 992px){.content.break-full{width:var(--content);max-width:var(--content-max)}

19}

20.content.mobile-full{width:100%}

21@media screen and (min-width: 768px){.content.mobile-full{width:var(--content)}

22}

23.content.tablet-full{width:100%}

24@media screen and (min-width: 992px){.content.tablet-full{width:var(--content)}

25}

26.content.limited{max-width:var(--content-max)}

27.content.relative{position:relative}

28.content.pd{width:calc(var(--content) - 4.2em);padding-inline:2.1em;padding-block:.33em}

29.content.pd.bg{background-color:var(--bg);-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667);box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}

30.content.pd.bg2{background-color:var(--menu-bg);-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667);box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}

31.content.pd.bg3{background-color:#004872;-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667);box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}

32.content.pd.br{border-radius:.25em}

33.content.pd.__xs{display:none}

34@media screen and (min-width: 576px){.content.pd.__xs{display:revert}

35}

36*{scrollbar-color:rgba(140,140,140,.75) rgba(225,225,225,.75);scrollbar-width:thin}

37@supports not (scrollbar-width: thin){* ::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}

38* ::-webkit-scrollbar-track{background-color:rgba(225,225,225,.75)}

39* ::-webkit-scrollbar-thumb{background-color:rgba(140,140,140,.5)}

40* ::-webkit-scrollbar-thumb:hover{background-color:rgba(140,140,140,.75)}

...