:root { --pico-border-radius: 2rem; } h1 { margin: 0 0 1em 0; text-align: center; --pico-color: var(--pico-primary); } button, a[role=button] { --pico-font-weight: 700; } h1 { --pico-typography-spacing-vertical: 0.5rem; font-weight: normal; font-size: 2em; } h2 { --pico-color: var(--pico-primary); font-weight: normal; margin: 1em 0; font-size: 1.8em; } h3, h4, h5, h6 { margin: 1em 0 ; } @media (min-width: 768px) and (max-width: 1023px) { /* INFO - CH - 2025-06-11 - Set .grid to 2 column on md */ .grid { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) and (max-width: 1279px) { /* INFO - CH - 2025-06-11 - Set .grid to 2 column on lg */ .grid { grid-template-columns: 1fr 1fr; } } html[data-theme="dark"] header img.main-logo { content: url("/static/assets/img/tracim-logo-darkmode.7a80bef2e255.webp"); } html[data-theme="light"] header img.main-logo { content: url("/static/assets/img/tracim-logo.b7e48b63aaa4.webp"); } .sticky-header { position: sticky; top: 0; z-index: 100; } .header-root-container { padding: 0; margin-bottom: 1rem; background-color: var(--pico-dropdown-border-color); border-bottom: 2px solid var(--pico-range-border-color); } .footer-root-container { background-color: var(--pico-dropdown-border-color); padding: 2em 0 1em 0; border-top: 2px solid var(--pico-range-border-color); } .green { color: var(--pico-primary); } li { list-style-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyZjdkMzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUtY2hlY2stYmlnLWljb24gbHVjaWRlLWNpcmNsZS1jaGVjay1iaWciPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPg=='); } .raw-li li { list-style-image: none; } nav li a[role=button] { margin-top: 0; /* see https://github.com/picocss/pico/issues/496 */ } .pricing-card { display: flex; flex-direction: column; padding: 0 1em 1em 1em; border-radius: 0.5em; background-color: var(--pico-muted-border-color); } .pricing-card h3 { text-align: center; margin-bottom: 0.5em; } .pricing-card p.subtitle { color: var(--pico-primary); font-weight: 400; text-align: center; margin-bottom: 0; text-transform: uppercase; /*font-size: 0.8em;*/ } .pricing-card hr { border-top:8px solid var(--pico-primary); border-radius: 4px; width: 33%; margin-left: auto; margin-right: auto; } .pricing-card__content { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .pricing-card div.shortdesc { text-align: center; font-style: italic; margin: 1em auto 0 auto; } div.subtitle { margin-top: 1em; font-size: 1.6em; text-align: center; } @media (min-width: 1024px) { /* Same rules as PicoCSS grid except - the breakpoint - items are vertically aligned */ .grid-large { grid-template-columns: repeat(auto-fit,minmax(0%,1fr)); grid-column-gap: var(--pico-grid-column-gap); grid-row-gap: var(--pico-grid-row-gap); display: grid; align-items: center; } } mark { margin: 0 -0.4em; padding: 0.1em 0.4em; border-radius: 0.8em 0.3em; background: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; } html[data-theme="dark"] mark { background-image: linear-gradient( to right, rgba(80, 70, 10, 0.1), rgba(80, 70, 10, 0.7) 4%, rgba(80, 70, 10, 0.3) ); } html[data-theme="light"] mark { background-image: linear-gradient( to right, rgba(255, 225, 0, 0.1), rgba(255, 225, 0, 0.7) 4%, rgba(255, 225, 0, 0.3) ); } div.section { padding-top: 2.5em; padding-bottom: 2.5em; } section { margin-bottom: 0 ; } .HomepageFeatureTopicBlock__wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .HomepageFeatureTopicBlock { display: flex; flex-direction: column; justify-content: space-between; flex: 1 0 0; width: 0; } .HomepageFeatureTopicBlock__title { display: flex; align-items: center; text-align: center; margin-top: 0; height: 3.5em; } .InternalLinkButtonBar { display: flex; flex-direction: row; flex-wrap: wrap; gap: 25px; align-items: stretch; margin-bottom: 1rem; } .InternalLinkButtonBar__item { display: flex !important; /* INFO - CH - 2025-06-11 - Overrides picocss display inline-block from role="button" */ align-items: center; width: 210px; }