mirror of
https://github.com/godotengine/godot-website.git
synced 2026-01-01 13:48:49 +03:00
1 line
34 KiB
Plaintext
1 line
34 KiB
Plaintext
{"version":3,"sourceRoot":"","sources":["../../_sass/_footer.scss","main.scss"],"names":[],"mappings":"CACA,qBACE,aACA,cACA,gBACA,eACA,gBACA,oCANF,qBAOI,gBACA,eAEF,yBAVF,qBAWI,cAEF,8BACE,iBACA,cACA,yBAHF,8BAII,kBAGJ,wBACE,YACA,cACA,6BACA,oCAJF,wBAKI,8BAEF,yBAPF,wBAQI,oBAGL,uBACC,cACA,8BACA,8BACE,+BACA,6BACE,wBACA,wCAEF,2BACE,qBAGJ,wBACE,eACA,mBACA,WACA,oCAJF,wBAKI,eAEF,yBAPF,wBAQI,gBAGJ,wBACE,qBACA,UACA,SACA,mBACA,2BACE,kBACA,eAEF,0BACE,qBAGJ,8BACE,aACA,sCACA,yBAHF,8BAII,2BAGJ,0CACE,aACA,mBACA,8BACA,yBAJF,0CAKI,0BACA,mBAEF,4CACE,SACA,gBACA,yBAHF,4CAII,eAGJ,kDACE,iBACA,yBAFF,kDAGI,gBACA,mBAEF,sDACE,eACA,gBACA,+BACA,UACA,WACA,oCANF,sDAOI,WAEF,4DACE,uBACA,UAGJ,oDACE,qBACA,iBACA,qBACA,WCjHR,MACE,wBAEA,4CACA,mDAEA,sBACA,2BACA,8BACA,iCACA,oCACA,yCAEA,sBACA,kCACA,8BACA,+BAEA,oCACA,8BACA,+BACA,kCACA,iCACA,wBAEA,gCACA,uCAEA,iCACA,iDACA,uCACA,kDACA,yCAEA,4BAEA,0CACA,6CACA,4BACA,mCACA,8CACA,iCACA,6BACA,mCACA,wCACA,mCACA,kCAEA,wCAEA,iCACA,sCACA,2BAEA,8CACA,uCACA,+CACA,2DACA,0CACA,yDAEA,iCACA,8BAEA,6CACA,8CACA,iDAEA,0CAEA,oCACA,yBAEA,kDACA,sBAEA,2IACA,+CAGA,6BAGF,oBACE,aAGF,mCACE,MACE,4CACA,mDAEA,sBACA,0CACA,2CACA,oDACA,sDACA,2DAEA,sBACA,kCACA,8BACA,+BAEA,yBACA,8BACA,+BACA,kCACA,iCACA,wBAEA,gCACA,uCAEA,iCACA,iDACA,4CACA,iDACA,0BAEA,4BAEA,0CACA,6CACA,4BACA,mCACA,iCACA,iCACA,6BACA,mCACA,wCACA,mCACA,kCAEA,iCACA,sCACA,0CAEA,8CACA,uCACA,2CACA,2DACA,0CACA,4DAEA,iCACA,8BAEA,6CACA,8CACA,2CAEA,gDAEA,oCACA,yBAEA,+CACA,iCAIF,UACE,aAGF,oBACE,gBAIF,SACE,YAKF,aACE,oBAGF,iBACE,qBAKJ,WACC,yBACA,yBACC,oBACD,kBACA,kBACA,yJAGD,WACC,yBACA,yBACC,oBACA,kBACD,kBACA,2IASD,WACE,oBACA,gDACA,mBACA,kBAEF,2DACE,oBACA,kBACA,mBACA,YAEA,qBACA,wBACA,UACA,kBACA,kBAIA,oBACA,oBAGA,gBAIA,iBAMA,mCACA,kCAMF,qCAEA,QAEE,0CACD,2BAGC,kBAGF,KACE,uCACA,eAEA,mCACA,6BAEA,WACA,YACA,gBACA,kBAGF,OACE,aACA,wBACA,0BACA,kDAEA,sBAGF,uCAKE,wBAGF,mDAGE,0BAGF,sDAGE,yBAGF,0CAQE,sCACA,gBACA,mCACA,eAGF,GACE,eAGF,GACE,eAGF,GACE,eAGF,GACE,eAGF,GACE,YACA,4CAGF,KACE,kBAGF,aACE,gBACA,mBAGF,OACE,gBAGF,WACE,aACA,iBACA,YACA,iBAGF,gBACE,WACA,sBACA,eACA,gBACA,YACA,iBACA,mBAGF,mBACE,gBAGF,mBACE,gBAGF,mBACE,gBACA,mBAGF,MACE,aAGF,mBACE,mBAEF,4BACE,8BAEF,aACE,sBAEF,UACE,mBAGF,eACE,OAGF,MACE,aACA,4DACA,cAEF,QACE,WACA,gBACA,eACA,gBAGF,cACE,aAEF,YACE,iBAEF,aACE,kBAGF,GACE,kBAGF,MACE,mBAGF,YACE,cACA,uBAEA,YAGF,mCAEE,cACA,qBACA,gDACA,oBACA,iBACA,kBACA,gBACA,kBACA,qBACA,8BAGF,qBACE,YACA,iBAGF,qBACE,gDACA,WAGF,+BACE,gDAGF,gEAEE,oBACA,qBAIF,qBACE,sBAGF,yBACE,WACE,kBACA,mBAGF,YACE,cACA,wBACA,mBAIJ,QACE,iBACA,oBAGF,SACE,kBACA,gBACA,oBACA,kBAEF,gBACE,kBACA,MACA,OACA,QACA,SACA,SACA,WACA,YACA,sBAGF,SACE,SACA,YACA,WAGF,QAGE,kCACA,gBAEF,YACE,iBAEF,aACE,kBAEF,gBACE,mBAGF,QACE,YAEF,aACE,YAGF,MACE,8CACA,gCACA,mBAEF,2BAGE,sCACA,WAEF,yBACE,gBAEF,wBACE,mBAEF,QACE,WACA,qBAGF,MACE,mCACA,6BAEF,oCAIE,mCAGF,KACE,gDACA,8BACA,eACA,4BACA,qBACA,qBACA,iBACA,0CACA,sCAEF,WACE,8BAGF,cACE,gBACA,+BACA,wBACA,2BAEF,oBACE,mCAEF,6BACE,0BAEF,+BACE,uCACA,kCACA,0BAGF,kBACE,aACA,iBACA,sBACA,YACA,kBACA,0CAEF,kCACE,wBACA,qBACA,4BACA,YAEF,iCACE,sCACA,sCACA,qBACA,4BACA,eACA,0EAEA,kBACA,SAGF,UACE,eACA,cAEF,YACE,eACA,iBACA,cAGF,QACE,qBACA,qBAGF,KACE,qBACA,8CACA,qBACA,8BACA,sBACA,sCACA,eACA,sBACA,aACA,WAGF,YACE,mBACA,UAGF,MACE,8CACA,6BACA,gCACA,sBAEF,YACE,0DAGF,OACE,cACA,qBAGF,cACE,0CAGF,MACE,aACA,qBACA,yBAEF,QACE,4BACA,qBACA,kBAGF,QACE,cACA,mBAEF,2BACE,sCACA,oCAEF,cACE,mCACA,8BAGF,KACE,aACA,mBACA,UAGF,WACE,aACA,cACA,wBACA,qBACA,8BACA,6BACA,uBACA,qBAEF,8BACE,QACA,SAEF,gBACE,aACA,cACA,yBACA,8BAGF,KACE,sBAGF,IACE,sBACA,qBACA,8CACA,YACA,kBACA,gBACA,gBACA,gBAGF,SACE,iBACA,kBAGF,kBACE,kBAGF,WACE,sBAGF,oBACE,YAGF,YACE,aACA,YACA,mBACA,gCACA,mBACA,gBACA,cACA,kBACE,YACA,mBACA,cACA,eACA,YACA,gDACA,0CACA,6BAEF,+BACE,oCAEF,4BACE,eACA,YACA,WACA,UACA,SACA,gDACA,sCACA,gBACA,gCACE,WACA,oBAKN,0BACE,wBACE,iBAEF,kCACE,mBAGJ,0BACE,KACE,WAGF,WACE,WACA,kBACA,oBAGJ,0BACE,gBACE,aAGF,iBACE,YAIJ,0BAEE,QACE,YACA,UACA,gBACA,gBAEF,WACE,kBAEF,YACE,8BAIJ,yBACE,qCAEE,WAGF,WACE,WACA,cACA,sBACA,0BAEF,mBACE,iBACA,kBAEF,gCACE,YAGF,QACE,0BAGF,mBACE,0BAGF,QACE,WAGF,GACE,kBAGF,iBACE,sBAEF,wBACE,sBAEF,YACE,YAGF,cACE,aAGF,MACE,cACA,uBACA,qBACA,wBAIJ,yBACC,SACC,0BACA,SACA,eAIF,yBACE,oBACE,YAIJ,oBACE,wCACA,kBACA,cAGF,oCACE,yCAEF,wCACE,eAGF,uBACE,aAGF,gBACE,6CACA,0CACA,iBACA,gBACA,WACA,mBAGF,mBACE,aACA,mDAGF,mBACE,yBAGF,sCAEE,oDACA,yBAGF,sEAEE,gBAGF,oBACE,gBACA,UAGF,6BACE,aAGF,sBACE,gBAGF,6CAEE,eACA,gBAGF,SACE,qBAGF,YACE,oBAIF,aACE,mCACA,kBACA,mBACA,gBACA,UAGF,+BACE,WACA,YACA,kBACA,WACA,2BACA,4BACA,6BACA,sBACA,0CACA,sBAGF,mBACE,kBACA,UACA,cAGF,sBACE,eACA,6CACA,mBACA,WAGF,qBACE,eACA,gBACA,mBACA,6CACA,WAGF,yBACE,mBACE,kBACA,cAEF,sBACE,eAEF,qBACE,kBACA,eAIJ,sBACE,kBACA,iBACA,cACA,yBAGF,yBACE,sBACE,0BAIJ,sBACE,kBACA,YACA,WACA,6CACA,kBACA,iBACA,WAGF,wBACE,qBACA,WAIF,qBACE,YACA,aACA,sBACA,SAGF,yBACE,aACA,+BAGF,yBACE,yBACE,iCAIJ,yBACE,kCACE,aAEF,4BACE,gBAIJ,+BACE,6BACA,eACA,WACA,aACA,kBAEF,+BACE,6BACA,eACA,YAEF,qDACE,yCACA,UAEF,4DACE,cACA,cACA,oDACA,gBACA,gBAEF,wBACE,eACA,mBAEF,gCACE,kBACA,kBACA,2BACA,sBACA,8CACA,mDAEF,2BACE,aACA,mBACA,kBACA,kBAEF,mCACE,mBACA,kBACA,SACA,SACA,WACA,YACA,yBAEF,gCACE,eACA,kCAIF,cACE,WACA,yBAGF,uBACE,qDACD,8FAGD,yCACE,yCACD,kFAED,wCACC,2EAGD,0BACE,cAGF,mCACC,uBACC,8FAGD,yCACC,kFAED,wCACC,4EAIF,gCACE,WACA,gBAEF,kCACE,cAGF,uBACE,aACA,0BACA,SAGF,yBACE,uBACE,qCAGF,gCACE,qCAGF,4BACE,qCAGF,8BACE,sCAIJ,cACE,WACA,aACA,mBACA,aACA,kBACA,sBACA,sBAGF,kBACE,eACA,wBACA,WACA,iBACA,cAGF,YACE,WAGF,cACE,gBAGF,UACE,gBAGF,YACE,gBAGF,aACE,gBACA,gBAGF,eACE,eACA,WACA,qBACA,cACA,uCAGF,eACE,kBACA,mBACA,aACA,cACA,qBACA,kBACA,sBACA,kBAGF,qBACE,+CAGF,iBACE,WACA,sCACA,WACA,YACA,cAGF,SACC,cAGD,aACC,kBAGD,WACE,cACA,gDACD","sourcesContent":["/* Footer */\nfooter.footer-global {\n padding: 15px;\n color: #898989;\n font-weight: 400;\n font-size: 17px;\n background: rgb(17, 17, 17);\n @media (prefers-color-scheme: light) {\n background: #fff;\n color: #2c2c2c;\n }\n @media (max-width: 768px) {\n padding: 23px;\n }\n .wrapper {\n max-width: 1210px;\n margin: 0 auto;\n @media (min-width: 768px) {\n margin: 60px auto;\n }\n }\n hr {\n border: none;\n margin: 50px 0;\n border-top: 1px solid #2c2c2c;\n @media (prefers-color-scheme: light) {\n border-top: 1px solid #e7e7e7;\n }\n @media (max-width: 768px) {\n margin: 30px 0 50px;\n }\n }\n\ta {\n\t\tcolor: inherit;\n\t\ttext-decoration-color: #898989;\n\t\ttext-decoration-thickness: 1px;\n transition: all 0.2s ease-in-out;\n &:hover {\n color: var(--link-color);\n text-decoration-color: var(--link-color);\n }\n img {\n display: inline-block;\n }\n\t}\n h2 {\n font-size: 25px;\n margin-bottom: 14px;\n color: white;\n @media (prefers-color-scheme: light) {\n color: #2c2c2c;\n }\n @media (max-width: 768px) {\n font-size: 20px;\n }\n }\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n margin-bottom: 30px;\n li {\n margin-bottom: 5px;\n font-size: 16px;\n }\n a {\n text-decoration: none;\n }\n }\n .columns {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n }\n .credits-and-socials {\n display: grid;\n align-items: center;\n grid-template-columns: 1fr 1fr;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n text-align: center;\n }\n p {\n margin: 0;\n max-width: 500px;\n @media (max-width: 768px) {\n margin: 0 auto;\n }\n }\n .social {\n text-align: right;\n @media (max-width: 768px) {\n margin-top: 30px;\n text-align: center;\n }\n svg {\n max-width: 32px;\n max-height: 32px;\n transition: all 0.2s ease-in-out;\n fill: white;\n opacity: 0.5;\n @media (prefers-color-scheme: light) {\n fill: #000;\n }\n &:hover {\n fill: var(--link-color);\n opacity: 1;\n }\n }\n a {\n text-decoration: none;\n margin-right: 9px;\n display: inline-block;\n width: 32px;\n }\n }\n }\n}\n","@use \"footer\";\n\n:root {\n color-scheme: light dark;\n\n --transparent-cover: rgba(51, 63, 103, 0.4);\n --transparent-cover-darker: rgba(51, 63, 103, 0.9);\n\n --base-color: #eff1f5;\n --base-color-text: #4a5365;\n --base-color-text-hl: #454b59;\n --base-color-text-title: #546b99;\n --base-color-text-subtitle: #778ab3;\n --base-color-text-subtitle-date: #9aacd2;\n\n --dark-color: #333f67;\n --dark-color-text: lightsteelblue;\n --dark-color-text-hl: #d4e3f6;\n --dark-color-text-title: white;\n\n --primary-color: hsl(206, 58%, 52%);\n --primary-color-text: #d4edff;\n --primary-color-text-hl: white;\n --primary-color-text-title: white;\n --primary-color-subdued: #1f3c5e;\n --accent-color: #f57389;\n\n --secondary-color-text: #546b99;\n --post-recent-highlight-color: #ea580c;\n\n --link-color: hsl(206, 58%, 50%);\n --link-underline-color: hsla(206, 58%, 50%, 0.3);\n --navbar-link-color: var(--dark-color);\n --navbar-link-current-color: var(--primary-color);\n --tab-active-color: var(--primary-color);\n\n --big-button-color: #478cbf;\n\n --base-shadow: 0 0 4px rgba(0, 0, 0, 0.2);\n --more-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n --background-color: #d5daea;\n --navbar-background-color: #ffffff;\n --head-background-color: var(--primary-color);\n --card-background-color: #ffffff;\n --card-footer-color: #eeeeee;\n --button-background-color: #ffffff;\n --button-card-background-color: #d7dee6;\n --pagination-active-color: #284786;\n --placeholder-text-color: #7a87a2;\n\n --hero-text-background-color: #1a1a1a7a;\n\n --code-background-color: #dcdfe2;\n --codeblock-background-color: #282b2e;\n --codeblock-color: #e0e2e4;\n\n --download-hero-color: hsla(0, 0%, 100%, 0.9);\n --download-main-details-color: #f1f1f1;\n --download-table-color: rgba(22, 22, 22, 0.08);\n --platform-note-background-color: rgba(212, 237, 255, 0.9);\n --platform-code-background-color: #e5ebf1;\n --download-mono-background-color: rgba(43, 58, 76, 0.82);\n\n --feature-heading-color: #2d76ad;\n --feature-note-color: #e53e3e;\n\n --teams-odd-color: rgba(160, 160, 160, 0.15);\n --teams-even-color: rgba(160, 160, 160, 0.05);\n --teams-subteams-color: rgba(255, 255, 255, 0.4);\n\n --table-divider-color: rgba(0, 0, 0, 0.1);\n\n --warning-background-color: #ffedcc;\n --warning-color: #404040;\n\n --info-background-color: rgba(212, 237, 255, 0.9);\n --info-color: #404040;\n\n --default-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n --header-font-family: \"Montserrat\", sans-serif;\n\n // Buttons\n --button-border-radius: 12px;\n}\n\n.nav-logo.dark-logo {\n display: none;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --transparent-cover: rgba(51, 63, 103, 0.4);\n --transparent-cover-darker: rgba(51, 63, 103, 0.9);\n\n --base-color: #25282b;\n --base-color-text: hsla(0, 0%, 100%, 0.9);\n --base-color-text-hl: hsla(0, 0%, 100%, 1);\n --base-color-text-title: hsla(200, 00%, 100%, 0.85);\n --base-color-text-subtitle: hsla(200, 00%, 100%, 0.7);\n --base-color-text-subtitle-date: hsla(200, 00%, 100%, 0.5);\n\n --dark-color: #263256;\n --dark-color-text: lightsteelblue;\n --dark-color-text-hl: #d4e3f6;\n --dark-color-text-title: white;\n\n --primary-color: #4d9fdc;\n --primary-color-text: #d4edff;\n --primary-color-text-hl: white;\n --primary-color-text-title: white;\n --primary-color-subdued: #1f3c5e;\n --accent-color: #5b5491;\n\n --secondary-color-text: #a6a6a6;\n --post-recent-highlight-color: #fb923c;\n\n --link-color: hsl(200, 60%, 70%);\n --link-underline-color: hsla(200, 60%, 70%, 0.3);\n --navbar-link-color: hsla(0, 0%, 100%, 0.9);\n --navbar-link-current-color: hsl(200, 100%, 80%);\n --tab-active-color: white;\n\n --big-button-color: #478cbf;\n\n --base-shadow: 0 0 4px rgba(0, 0, 0, 0.4);\n --more-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);\n --background-color: #202326;\n --navbar-background-color: #333639;\n --head-background-color: #232f57;\n --card-background-color: #333639;\n --card-footer-color: #505356;\n --button-background-color: #333639;\n --button-card-background-color: #55595e;\n --pagination-active-color: #4080ff;\n --placeholder-text-color: #a6a6a6;\n\n --code-background-color: #333639;\n --codeblock-background-color: #333639;\n --codeblock-color: hsla(0, 0%, 100%, 0.9);\n\n --download-hero-color: hsla(0, 0%, 100%, 0.9);\n --download-main-details-color: #f1f1f1;\n --download-table-color: rgba(0, 0, 0, 0.2);\n --platform-note-background-color: rgba(150, 150, 150, 0.9);\n --platform-code-background-color: #282b2e;\n --download-mono-background-color: rgba(132, 151, 174, 0.68);\n\n --feature-heading-color: #57b3f8;\n --feature-note-color: #ef6767;\n\n --teams-odd-color: rgba(120, 120, 120, 0.15);\n --teams-even-color: rgba(120, 120, 120, 0.05);\n --teams-subteams-color: rgba(0, 0, 0, 0.2);\n\n --table-divider-color: rgba(255, 255, 255, 0.1);\n\n --warning-background-color: #444033;\n --warning-color: #ffeeaf;\n\n --info-background-color: rgba(47, 54, 58, 0.9);\n --info-color: rgb(162, 216, 255);\n }\n\n /* Use logo with white text for dark navbar. */\n .nav-logo {\n display: none;\n }\n\n .nav-logo.dark-logo {\n display: initial;\n }\n\n /* Fade Patreon widget a little to be less distracting. */\n .patreon {\n opacity: 0.85;\n }\n\n\n\n .dark-invert {\n filter: invert(100%);\n }\n\n .dark-desaturate {\n filter: saturate(0%);\n }\n}\n\n/* Montserrat */\n@font-face {\n\tfont-family: \"Montserrat\";\n\tfont-optical-sizing: auto;\n font-weight: 100 900;\n\tfont-style: italic;\n\tfont-display: swap;\n\tsrc: url(\"../fonts/Montserrat-Italic-VariableFont_wght.woff2\") format(\"woff2\"), url(\"../fonts/Montserrat-Italic-VariableFont_wght.ttf\") format(\"truetype\");\n}\n\n@font-face {\n\tfont-family: \"Montserrat\";\n\tfont-optical-sizing: auto;\n font-weight: 100 900;\n font-style: normal;\n\tfont-display: swap;\n\tsrc: url(\"../fonts/Montserrat-VariableFont_wght.woff2\") format(\"woff2\"), url(\"../fonts/Montserrat-VariableFont_wght.ttf\") format(\"truetype\");\n}\n\n/*\n Godot icon.\n Font made on https://fontello.com/, using\n `/assets/press/icon_monochrome_light.svg` linted on\n https://jakearchibald.github.io/svgomg/\n*/\n@font-face {\n font-family: 'godot';\n src: url(\"../fonts/godot.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n[class^=\"godot-icon-\"]:before, [class*=\" godot-icon-\"]:before {\n font-family: \"godot\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n text-align: center;\n /* opacity: .8; */\n\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n\n /* Animation center compensation - margins should be symmetric */\n /* remove if not needed */\n margin-left: .2em;\n\n /* you can be more comfortable with increased icons size */\n /* font-size: 120%; */\n\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n /* Uncomment for 3D effect */\n /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */\n}\n\n.godot-icon-godot:before { content: '\\e003'; } /* '' */\n\n*:focus {\n /* More visible outline for better keyboard navigation. */\n outline: 0.125rem solid hsl(220, 100%, 62.5%);\n\toutline-color: currentcolor;\n /* Make the outline always appear above other elements. */\n /* Otherwise, one of its sides can be hidden by tabs in the Download and More layouts. */\n position: relative;\n}\n\nbody {\n font-family: var(--default-font-family);\n font-size: 18px;\n\n background-color: var(--base-color);\n color: var(--base-color-text);\n\n margin: 0px;\n width: 100vw;\n max-width: 100vw;\n overflow-x: hidden;\n}\n\nbody a {\n outline: none;\n color: var(--link-color);\n text-decoration: underline;\n text-decoration-color: var(--link-underline-color);\n /* Prevent color transitions from being too fast (for epilepsy). */\n transition: 0.1s filter;\n}\n\nbody a,\n.btn.flat,\n.search-bar-btn:hover {\n /* Use `filter` on all states to prevent the clickable area from changing */\n /* when an image is hovered (see GH-369). */\n filter: brightness(100%);\n}\n\nbody a:hover,\n.btn.flat:hover,\n.search-bar-btn:hover {\n filter: brightness(117.5%);\n}\n\nbody a:active,\n.btn.flat:active,\n.search-bar-btn:active {\n filter: brightness(82.5%);\n}\n\nh1,\nh2,\nh3,\nh4,\n#nav a,\n.btn,\na.btn,\n.title-font {\n font-family: var(--header-font-family);\n font-weight: 800;\n color: var(--base-color-text-title);\n margin-top: 0px;\n}\n\nh1 {\n font-size: 42px;\n}\n\nh2 {\n font-size: 36px;\n}\n\nh3 {\n font-size: 28px;\n}\n\nh4 {\n font-size: 22px;\n}\n\nhr {\n border: none;\n border-top: 2px solid var(--base-color-text);\n}\n\nmain {\n position: relative;\n}\n\n.intro-title {\n margin-top: 48px;\n margin-bottom: 48px;\n}\n\n.title {\n margin-top: 48px;\n}\n\n.container {\n width: 1200px;\n max-width: 1200px;\n margin: auto;\n overflow: visible;\n}\n\n.container-text {\n width: 100%;\n box-sizing: border-box;\n padding: 0 24px;\n max-width: 800px;\n margin: auto;\n overflow: visible;\n margin-bottom: 60px;\n}\n\n.container-text h2 {\n margin-top: 80px;\n}\n\n.container-text h3 {\n margin-top: 60px;\n}\n\n.container-text h4 {\n margin-top: 40px;\n margin-bottom: 20px;\n}\n\n.flex {\n display: flex;\n}\n\n.flex.align-center {\n align-items: center;\n}\n.flex.justify-space-between {\n justify-content: space-between;\n}\n.flex.column {\n flex-direction: column;\n}\n.flex.row {\n flex-direction: row;\n}\n\n.flex.eqsize > * {\n flex: 1;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n grid-gap: 16px;\n}\n.grid > * {\n width: 100%;\n min-width: unset;\n margin-right: 0;\n margin-bottom: 0;\n}\n\n.base-padding {\n padding: 16px;\n}\n.unpad-left {\n padding-left: 0px;\n}\n.unpad-right {\n padding-right: 0px;\n}\n\nul {\n padding-left: 2rem;\n}\n\nul li {\n margin-bottom: 16px;\n}\n\n.pagination {\n margin: 2rem 0;\n justify-content: center;\n /* Remove spacing between list items when `display` is `block`. */\n font-size: 0;\n}\n\n.pagination a,\n.pagination-disabled {\n color: inherit;\n display: inline-block;\n background-color: var(--button-background-color);\n padding: 0.7rem 0.7rem;\n min-width: 1.4rem;\n font-size: initial;\n font-weight: 600;\n text-align: center;\n text-decoration: none;\n box-shadow: var(--base-shadow);\n}\n\n.pagination-disabled {\n opacity: 50%;\n user-select: none;\n}\n\n.pagination a.active {\n background-color: var(--pagination-active-color);\n color: white;\n}\n\n.pagination a:not(:last-child) {\n border-right: 1px solid var(--card-footer-color);\n}\n\n.pagination a.pagination-previous,\n.pagination a.pagination-next {\n padding-left: 1.2rem;\n padding-right: 1.2rem;\n}\n\n/* Make blog article images readable on a dark background. */\narticle .content img {\n background-color: white;\n}\n\n@media (max-width: 900px) {\n blockquote {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n }\n\n .pagination {\n display: block;\n justify-content: initial;\n text-align: center;\n }\n}\n\n.padded {\n padding-top: 64px;\n padding-bottom: 64px;\n}\n\n.youtube {\n position: relative;\n overflow: hidden;\n border-radius: 0.5rem;\n aspect-ratio: 16 / 9;\n}\n.youtube iframe {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 0;\n width: 100%;\n height: 100%;\n background-color: black;\n}\n\nsvg.icon {\n fill: red;\n height: 42px;\n width: 42px;\n}\n\np,\nul,\nol {\n text-rendering: optimizeLegibility;\n line-height: 1.5;\n}\n.text-right {\n text-align: right;\n}\n.text-center {\n text-align: center;\n}\n.text-justified {\n text-align: justify;\n}\n\np.small {\n width: 500px;\n}\n.auto-margin {\n margin: auto;\n}\n\n.head {\n background-color: var(--head-background-color);\n color: var(--primary-color-text);\n margin-bottom: 32px;\n}\n.head h1,\n.head h2,\n.head h3 {\n color: var(--primary-color-text-title);\n margin: 0px;\n}\n.head .main > :first-child {\n margin-top: 32px;\n}\n.head .main > :last-child {\n margin-bottom: 32px;\n}\n.head a {\n color: white;\n text-decoration: none;\n}\n\n.dark {\n background-color: var(--dark-color);\n color: var(--dark-color-text);\n}\n.dark h1,\n.dark h2,\n.dark h3,\n.dark h4 {\n color: var(--dark-color-text-title);\n}\n\n.btn {\n background-color: var(--button-background-color);\n box-shadow: var(--base-shadow);\n font-size: 18px;\n padding: 16px 32px 16px 32px;\n display: inline-block;\n text-decoration: none;\n font-weight: bold;\n border-radius: var(--button-border-radius);\n transition: box-shadow 0.1s ease-in-out;\n}\n.btn:hover {\n box-shadow: var(--more-shadow);\n}\n\n.btn.btn-flat {\n box-shadow: none;\n background-color: transparent;\n color: var(--link-color);\n margin: 16px 32px 16px 32px;\n}\n.btn.btn-flat:hover {\n background-color: hsla(0, 0%, 50%, 0.1);\n}\n.btn.btn-flat.btn-flat-white {\n color: hsla(0, 0%, 100%, 0.95);\n}\n.btn.btn-flat.btn-flat-frosted {\n background-color: rgba(111, 111, 111, 0.27);\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px);\n}\n\n.btn.btn-download {\n display: flex;\n flex-wrap: nowrap;\n background-color: white;\n padding: 0px;\n text-align: center;\n border-radius: var(--button-border-radius);\n}\n.btn.btn-download > .download-title {\n color: var(--dark-color);\n display: inline-block;\n padding: 16px 32px 16px 32px;\n flex-grow: 1;\n}\n.btn.btn-download > .download-hint {\n background-color: var(--primary-color);\n color: var(--primary-color-text-title);\n display: inline-block;\n padding: 16px 16px 16px 16px;\n min-width: 48px;\n border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;\n // Cover the white border radius from the button below\n position: relative;\n left: 3px;\n}\n\n.date-big {\n font-size: 64px;\n color: #b6bfd1;\n}\n.date-small {\n font-size: 14px;\n font-weight: bold;\n color: #8f9db9;\n}\n\n.tags > a {\n border-radius: 1000px;\n display: inline-block;\n}\n\n.tag {\n display: inline-block;\n background-color: var(--card-background-color);\n border-radius: 1000px;\n box-shadow: var(--base-shadow);\n filter: saturate(0.35);\n font-family: var(--header-font-family);\n font-size: 16px;\n padding: 0.25rem 0.75rem;\n margin: 0.1rem;\n opacity: 0.8;\n}\n\n.tag.active {\n filter: saturate(1);\n opacity: 1;\n}\n\n.card {\n background-color: var(--card-background-color);\n color: var(--base-color-text);\n border: 1px solid rgba(0, 0, 0, 0.2);\n box-sizing: border-box;\n}\n.card:hover {\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.1);\n}\n\na.card {\n display: block;\n text-decoration: none;\n}\n\n.card .footer {\n background-color: var(--card-footer-color);\n}\n\n.tabs {\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n}\n.tabs > * {\n padding: 16px 24px 16px 24px;\n text-decoration: none;\n text-align: center;\n}\n\n.tabs a {\n color: inherit;\n white-space: nowrap;\n}\n.tabs a:not(.active):hover {\n color: var(--primary-color-text-title);\n background-color: hsla(0, 0%, 100%, 0.1);\n}\n.tabs .active {\n background-color: var(--base-color);\n color: var(--tab-active-color);\n}\n\n.tab {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.snap-tabs {\n display: flex;\n flex: 0 0 auto;\n justify-content: initial;\n overflow: auto hidden;\n overscroll-behavior-x: contain;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n scrollbar-width: none;\n}\n.snap-tabs::-webkit-scrollbar {\n width: 0;\n height: 0;\n}\n.snap-tabs > .tab {\n display: flex;\n flex: 0 0 auto;\n scroll-snap-align: center;\n overscroll-behavior-y: contain;\n}\n\ncode {\n font-family: monospace;\n}\n\npre {\n font-family: monospace;\n white-space: pre-wrap;\n background-color: var(--code-background-color);\n padding: 8px;\n border-radius: 2px;\n overflow-y: auto;\n font-size: 0.9rem;\n line-height: 1.5;\n}\n\npre > code {\n padding-left: 0px;\n padding-right: 0px;\n}\n\n.no-margin-bottom {\n margin-bottom: 0px;\n}\n\n.no-margin {\n margin: 0px !important;\n}\n\n#foundation_graphic {\n width: 400px;\n}\n\n.search-bar {\n display: flex;\n height: 40px;\n margin-bottom: 2rem;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 18px;\n overflow: hidden;\n min-width: 65%;\n input {\n flex-grow: 1;\n padding: 0.5rem 1rem;\n line-height: 2;\n font-size: 18px;\n border: none;\n border-right: 1px solid var(--transparent-cover);\n background-color: var(--card-footer-color);\n color: var(--base-color-text);\n }\n input::placeholder {\n color: var(--placeholder-text-color);\n }\n .search-bar-btn {\n cursor: pointer;\n border: none;\n width: 3rem;\n padding: 0;\n margin: 0;\n background-color: var(--pagination-active-color);\n color: var(--primary-color-text-title);\n border-radius: 0;\n img {\n margin: 8px;\n filter: invert(100%);\n }\n }\n}\n\n@media (min-width: 1400px) {\n .container > :first-child {\n padding-left: 0px;\n }\n .container > :last-child:not(a.btn) {\n padding-right: 0px;\n }\n}\n@media (max-width: 1250px) {\n body {\n width: auto;\n }\n\n .container {\n width: auto;\n padding-left: 16px;\n padding-right: 16px;\n }\n}\n@media (max-width: 1200px) {\n .hide-on-mobile {\n display: none;\n }\n\n article .content {\n width: 100%;\n }\n}\n\n@media (max-width: 1020px) {\n\n #social {\n margin: auto;\n width: 30%;\n min-width: 250px;\n margin-top: 32px;\n }\n #social h4 {\n text-align: center;\n }\n #social > div {\n justify-content: space-around;\n }\n}\n\n@media (max-width: 900px) {\n a.patreonLink,\n a.patreonLink > .patreon {\n width: 100%;\n }\n\n .container {\n width: auto;\n overflow: auto;\n flex-direction: column;\n padding: 0px 16px 0px 16px;\n }\n .container.sm-full {\n padding-left: 0px;\n padding-right: 0px;\n }\n .container.sm-full:not(.padded) {\n padding: 0px;\n }\n\n .padded {\n padding: 32px 8px 32px 8px;\n }\n\n .container .padded {\n padding: 32px 0px 32px 0px;\n }\n\n p.small {\n width: auto;\n }\n\n ul {\n padding-left: 1rem;\n }\n\n .flex.responsive {\n flex-direction: column;\n }\n .flex.eqsize.responsive {\n flex-direction: column;\n }\n .main-image {\n height: 30vh;\n }\n\n .full-graphic {\n display: none;\n }\n\n .tabs {\n overflow: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n justify-content: normal;\n }\n}\n\n@media (max-width: 720px) {\n\t#sitemap {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 12px;\n\t\tmargin-left: 0;\n\t}\n}\n\n@media (max-width: 500px) {\n #foundation_graphic {\n width: 100%;\n }\n}\n\n.teams-team-section {\n background-color: var(--teams-odd-color);\n padding: 20px 16px;\n margin: 40px 0;\n}\n\n.teams-team-section:nth-of-type(2n) {\n background-color: var(--teams-even-color);\n}\n.teams-team-section + .teams-team-section {\n margin-top: 8px;\n}\n\n.teams-team-section > h4 {\n margin-top: 0;\n}\n\n.teams-subteams {\n background-color: var(--teams-subteams-color);\n border-left: 6px solid var(--accent-color);\n padding: 4px 10px;\n margin-top: 30px;\n width: 100%;\n table-layout: fixed;\n}\n\n.teams-subteams th {\n padding: 16px;\n border-right: 1px dashed var(--table-divider-color);\n}\n\n.teams-subteams td {\n padding: 16px 0 16px 12px;\n}\n\n.teams-subteams th,\n.teams-subteams td {\n border-bottom: 1px dashed var(--table-divider-color);\n border-collapse: collapse;\n}\n\n.teams-subteams tr:last-of-type td,\n.teams-subteams tr:last-of-type th {\n border-bottom: 0;\n}\n\n.teams-subteam-name {\n text-align: left;\n width: 25%;\n}\n\n.teams-subteam-leader:before {\n content: \"⭐ \";\n}\n\n.teams-subteam-leader {\n font-weight: 700;\n}\n\n.teams-subteam-leader,\n.teams-subteam-members {\n font-size: 16px;\n line-height: 1.6;\n}\n\n.rounded {\n border-radius: 0.25rem; /* 4px */\n}\n\n.rounded-lg {\n border-radius: 0.5rem; /* 8px */\n}\n\n/* Home Page */\nsection.hero {\n background-color: var(--dark-color);\n position: relative;\n margin-bottom: -5px;\n overflow: hidden;\n z-index: 1;\n}\n\nsection.hero .background-image {\n width: 100%;\n height: 100%;\n position: absolute;\n opacity: 0.6;\n background-position: center;\n background-repeat: no-repeat;\n background-blend-mode: darken;\n background-size: cover;\n background-color: var(--transparent-cover);\n will-change: transform;\n}\n\nsection.hero .copy {\n position: relative;\n z-index: 1;\n margin-left: 0;\n}\n\nsection.hero .copy h1 {\n font-size: 60px;\n text-shadow: 0 0 28px #00000080;\n margin-bottom: 20px;\n color: white;\n}\n\nsection.hero .copy p {\n font-size: 20px;\n line-height: 1.5;\n margin-bottom: 20px;\n text-shadow: 0 0 28px #00000080;\n color: white;\n}\n\n@media (max-width: 900px) {\n section.hero .copy {\n text-align: center;\n margin: 0 auto;\n }\n section.hero .copy h1 {\n font-size: 40px;\n }\n section.hero .copy p {\n text-align: center;\n margin: 0 auto;\n }\n}\n\nsection.hero .wrapper {\n position: relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 180px 20px 100px;\n}\n\n@media (max-width: 650px) {\n section.hero .wrapper {\n padding: 150px 10px 120px;\n }\n}\n\nsection.hero .credits {\n position: absolute;\n bottom: 14px;\n right: 30px;\n background: var(--hero-text-background-color);\n border-radius: 8px;\n padding: 2px 10px;\n opacity: 0.6;\n}\n\nsection.hero .credits a {\n text-decoration: none;\n color: white;\n}\n\n/* Article card (as seen on the news or home page) */\narticle.article-card {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\narticle.article-card.row {\n display: grid;\n grid-template-columns: 80px 1fr;\n}\n\n@media (min-width: 768px) {\n article.article-card.row {\n grid-template-columns: 160px 1fr;\n }\n}\n\n@media (max-width: 768px) {\n article.article-card.row .excerpt {\n display: none;\n }\n article.article-card.row h3 {\n font-size: 19px;\n }\n}\n\narticle.article-card p.excerpt {\n color: var(--base-color-text);\n font-size: 16px;\n opacity: 0.8;\n margin-top: 0;\n margin-bottom: 6px;\n}\narticle.article-card span.date {\n color: var(--base-color-text);\n font-size: 15px;\n opacity: 0.65;\n}\narticle.article-card span.date.post-recent-highlight {\n color: var(--post-recent-highlight-color);\n opacity: 1.0;\n}\narticle.article-card span.date.post-recent-highlight::after {\n font-size: 80%;\n content: \"NEW\";\n border: 1px solid var(--post-recent-highlight-color);\n padding: 2px 3px;\n margin-left: 8px;\n}\narticle.article-card h3 {\n font-size: 22px;\n margin-bottom: 10px;\n}\narticle.article-card .thumbnail {\n aspect-ratio: 16 / 9;\n border-radius: 7px;\n background-position: center;\n background-size: cover;\n background-color: var(--card-background-color);\n box-shadow: 0 5px 10px -3px #00000078;\n}\narticle.article-card .info {\n display: flex;\n margin-bottom: 15px;\n position: relative;\n padding-left: 32px;\n}\narticle.article-card .info .avatar {\n border-radius: 100%;\n position: absolute;\n top: -3px;\n left: 0px;\n width: 25px;\n height: 25px;\n background: transparent;\n}\narticle.article-card .info span {\n font-size: 14px;\n color: var(--secondary-color-text);\n}\n\n/* Article tables */\narticle table {\n width: 100%;\n border-collapse: collapse;\n}\n\narticle table thead tr {\n background-color: var(--button-card-background-color);\n\tbackground-color: color-mix(in hsl longer hue, var(--button-card-background-color), white 20%);\n}\n\narticle table tbody tr:nth-of-type(even) {\n background-color: var(--background-color);\n\tbackground-color: color-mix(in hsl longer hue, var(--background-color), white 20%);\n}\narticle table tbody tr:nth-of-type(odd) {\n\tbackground-color: color-mix(in hsl longer hue, var(--base-color), black 1%);\n}\n\narticle table tbody tr td {\n padding: 0.25em;\n}\n\n@media (prefers-color-scheme: dark) {\n\tarticle table thead tr {\n\t\tbackground-color: color-mix(in hsl longer hue, var(--button-card-background-color), black 20%);\n\t}\n\n\tarticle table tbody tr:nth-of-type(even) {\n\t\tbackground-color: color-mix(in hsl longer hue, var(--background-color), black 20%);\n\t}\n\tarticle table tbody tr:nth-of-type(odd) {\n\t\tbackground-color: color-mix(in hsl longer hue, var(--base-color), white 1%);\n\t}\n}\n\nfigure.article-cover figcaption {\n opacity: 0.8;\n line-height: 1.5\n}\nfigure.article-cover figcaption a {\n color: inherit;\n}\n\nsection.sponsors .grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n}\n\n@media (min-width: 768px) {\n section.sponsors .grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n section.sponsors .grid.platinum {\n grid-template-columns: repeat(3, 1fr);\n }\n\n section.sponsors .grid.gold {\n grid-template-columns: repeat(4, 1fr);\n }\n\n section.sponsors .grid.silver {\n grid-template-columns: repeat(5, 1fr);\n }\n}\n\n.sponsor-card {\n width: 100%;\n display: grid;\n align-items: center;\n padding: 17px;\n border-radius: 7px;\n box-sizing: border-box;\n background-color: white;\n}\n\n.sponsor-card img {\n max-width: 100%;\n mix-blend-mode: multiply;\n width: auto;\n max-height: 100px;\n margin: 0 auto;\n}\n\n.patron img {\n width: 100%;\n}\n\n.platinum img {\n max-height: 80px;\n}\n\n.gold img {\n max-height: 60px;\n}\n\n.silver img {\n max-height: 40px;\n}\n\n.sponsors h3 {\n margin-top: 50px;\n font-weight: 400;\n}\n\n.sponsors h3 a {\n font-size: 15px;\n opacity: 0.5;\n text-decoration: none;\n color: inherit;\n font-family: var(--default-font-family);\n}\n\n.sponsor-empty {\n border: 3px dashed;\n border-radius: 10px;\n padding: 17px;\n color: inherit;\n text-decoration: none;\n line-height: 1.4em;\n box-sizing: border-box;\n text-align: center;\n}\n\n.sponsor-empty:hover {\n background-color: #8484841c;\n}\n\n.article-body hr {\n height: 1px;\n background: var(--table-divider-color);\n width: 100%;\n border: none;\n margin: 35px 0;\n}\n\n.small > p {\n\tfont-size: 80%;\n}\n\n.text-center {\n\ttext-align: center;\n}\n\n.footnotes {\n font-size: 80%;\n border-top: 1px solid var(--table-divider-color);\n\tmargin-top: 4rem;\n}\n"],"file":"main.css"} |