@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/InterVariable.woff2') format('woff2-variations'), url('/fonts/InterVariable.woff2') format('woff2'); } :root { --primary-blue: #60A5FA; --color-red-500: #EF4444; --color-white: #ffffff; --color-primary-leaf: #d97706; --color-secondary-brown: #92400e; --color-main-beige: #FFF4E3; --color-indigo-500: #6366f1; --color-indigo-100: #eef2ff; --color-indigo-200: #e0e7ff; --color-indigo-600: #4f46e5; --color-indigo-700: #4338ca; --color-gray-700: #374151; --color-gray-800: #1f2937; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5db; --color-green-600: #059669; --shadow-weak-dark: rgba(0, 0, 0, 0.1); --shadow-strong-dark: rgba(0, 0, 0, 0.3); } :root:root { filter: none !important; -webkit-filter: none !important; } main { min-height: calc(100vh - 450px); } html.light:root body { font-family: 'Inter', sans-serif; background-color: var(--color-main-beige) !important; color: var(--color-gray-800) !important; } html.light:root #quiz-container { background-color: var(--color-white) !important; box-shadow: 0 25px 50px -12px var(--shadow-strong-dark) !important; } html.light:root .prototype-text { border-color: var(--color-secondary-brown) !important; } html.light:root .bg-indigo-500 { background-color: var(--color-white) !important; color: var(--color-gray-800) !important; border-color: var(--color-indigo-500) !important; } html.light:root page-header { color: var(--color-secondary-brown) !important; margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; font-size: 2.0rem; text-align: center; } #header-placeholder { position: sticky; top: var(--header-top, 0); z-index: 10; } .topBanner { position: sticky; top: 0; z-index: 20; } .grid-option-button, .coming-soon-container a { z-index: 1; } html.light:root section-header { color: var(--color-secondary-brown) !important; margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; font-size: 1.3rem; display: block; } html.light:root #quiz-title { color: var(--color-indigo-600) !important; } html.light:root #copy-message { color: #4ade80 !important; } html.light:root #question-text { color: var(--color-indigo-600) !important; } html.light:root #progress-text { color: var(--color-indigo-600) !important; } html.light:root header { background-color: var(--color-white) !important; text-align: center; margin-bottom: 0 !important; } html.light:root #header a { color: var(--color-secondary-brown) !important; } html.light:root #header a:hover { color: var(--color-primary-leaf) !important; } html.light:root #header p { color: var(--color-secondary-brown) !important; } header page-header { margin-bottom: 0.2em; } html.light:root #mobileMenu { background-color: var(--color-white) !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } html.light:root #mobileMenu a { color: var(--color-secondary-brown) !important; } html.light:root #mobileMenu a:hover { color: var(--color-primary-leaf) !important; background-color: var(--transparent) !important; } html.light:root .menu-icon-color { background-color: var(--color-secondary-brown) !important; } html.light:root .menu-text-color { color: var(--color-secondary-brown) !important; } html.light:root .data-table-container { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 1000px; margin: 0 auto; border-collapse: collapse; background-color: #ffffff !important; border-radius: 8px; } html.light:root .data-table-container th, html.light:root .data-table-container td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #e0e0e0 !important; font-size: 14px; } html.light:root .data-table-container th { background-color: var(--main-beige); color: var(--secondary-brown); font-weight: 800; text-align: left; padding: 12px 16px; border-bottom: 2px solid var(--primary-leaf); border-right: 1px solid var(--border-light); text-transform: uppercase; } @media (max-width: 480px) { .data-table-container::after { content: "↔ Scroll to view more"; display: block; font-size: 0.8rem; color: var(--text-light); text-align: center; margin-top: 5px; } } html.light:root .data-table-container td { padding: 12px 16px; border-bottom: 1px solid var(--border-light); border-right: 1px solid var(--border-light); color: var(--color-gray-dark); vertical-align: top; } .data-table-container tbody tr:last-child td { border-bottom: none; } .data-table-container td:first-child { font-weight: 600; } .personal-data-status { text-align: center; font-weight: bold; } .button-group { margin-top: 0.5rem; margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; margin-top: 10px; margin-bottom: 20px; } html.light:root .button { display: inline-block; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-align: center; text-decoration: none; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 4px 8px var(--shadow-light) !important; min-width: 200px; max-width: 100%; border: 2px solid var(--color-secondary-brown) !important; background-color: var(--color-main-beige) !important; color: var(--color-secondary-brown) !important; } html.light:root .button:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important; background-color: var(--color-main-beige) !important; color: var(--color-primary-leaf) !important; } .button:active { transform: translateY(0); } .button-group { display: flex; flex-direction: column; gap: 1em; align-items: center; } @media (min-width: 600px) { .button-group { flex-direction: row; justify-content: center; } } @media (max-width: 576px) { .button-group { flex-direction: column; } } html.light:root .checkmark-icon { color: var(--color-secondary-brown) !important; margin-right: 0.8em; } html.light:root #options-container .correct, html.light:root #options-container .correct:hover, html.light:root #options-container .correct.selected, html.light:root #options-container .correct.selected:hover { background-color: #10B981 !important; color: var(--color-white) !important; border: 2px solid #059669 !important; background-image: none !important; } html.light:root #options-container .incorrect, html.light:root #options-container .incorrect:hover, html.light:root #options-container .incorrect.selected, html.light:root #options-container .incorrect.selected:hover { background-color: var(--color-red-500) !important; color: var(--color-white) !important; border: 2px solid #DC2626 !important; background-image: none !important; } html.light:root #options-container button { background-color: var(--color-indigo-100) !important; color: var(--color-gray-800) !important; border-color: #c7d2fe !important; } button { cursor: pointer; } html.light:root #options-container button:hover { background-color: var(--color-indigo-200) !important; } html.light:root #autoNextToggle { background-color: var(--color-indigo-100) !important; color: var(--color-indigo-600) !important; border-color: var(--color-indigo-200) !important; } html.light:root #autoNextToggle.auto-enabled { background-color: var(--color-indigo-600) !important; color: var(--color-white) !important; border-color: var(--color-indigo-200) !important; } html.light:root #next-button, html.light:root #stop-quiz-button, html.light:root #result-area button:not(#share-button), html.light:root .grid-option-button { background-color: var(--color-indigo-600) !important; color: var(--color-white) !important; } html.light:root #next-button:hover, html.light:root #stop-quiz-button:hover, html.light:root #result-area button:not(#share-button):hover, html.light:root .grid-option-button:hover { background-color: var(--color-indigo-700) !important; } html.light:root #share-button { background-color: var(--color-gray-700) !important; color: var(--color-white) !important; } html.light:root #share-button:hover { background-color: var(--color-gray-800) !important; } html.light:root #result-area h2 { color: #4f46e5 !important; } html.light:root #result-area p.text-xl, html.light:root #result-area p.text-lg, html.light:root #result-area p.text-sm { color: var(--color-gray-700) !important; } html.light:root #copy-message { color: var(--color-green-600) !important; } html.light:root .series-card { background-color: var(--color-white) !important; border-top-color: var(--color-primary-leaf) !important; } html.light:root .series-card h3 { color: var(--color-secondary-brown) !important; border-bottom-color: var(--color-gray-200) !important; } html.light:root .series-card p { color: var(--color-gray-800) !important; } html.light:root .series-card .text-primary-leaf { color: var(--color-primary-leaf) !important; } html.light:root .series-card .text-stone-700 { color: var(--color-gray-700) !important; } html.light:root .series-card a:hover .group-hover\:text-secondary-brown { color: var(--color-secondary-brown) !important; } html.light:root .unpublished-blog-link { pointer-events: none; cursor: default; opacity: 0.6; } html.light:root .unpublished-blog-link .text-primary-leaf { color: var(--color-gray-700) !important; } html.light:root .unpublished-blog-link .text-stone-700, html.light:root .unpublished-blog-link:hover .group-hover\:text-secondary-brown { color: var(--color-gray-700) !important; } html.light:root .unpublished-blog-link div.py-2.px-3:hover { background-color: transparent !important; } html.light:root footer { background-color: var(--color-secondary-brown) !important; color: var(--color-main-beige) !important; } html.light:root footer a { color: var(--color-main-beige) !important; } html.light:root #header button, html.light:root #header svg { color: var(--color-secondary-brown) !important; } html.light:root #header svg { stroke: var(--color-secondary-brown) !important; fill: var(--color-secondary-brown) !important; } html.light:root #header button:hover, html.light:root #header svg:hover { color: var(--color-secondary-brown) !important; } html.light:root #header svg:hover { stroke: var(--color-primary-leaf) !important; fill: var(--color-secondary-brown) !important; } html.light:root #theme-toggle { background-color: var(--color-gray-200) !important; color: var(--color-gray-800) !important; } html.light:root #theme-toggle:hover { background-color: var(--color-gray-300) !important; } html.light:root main { color: var(--color-secondary-brown) !important; } html.light:root .mb-8.p-4 { background-color: var(--color-white) !important; border-color: var(--color-gray-200) !important; box-shadow: 0 4px 8px var(--shadow-weak-dark) !important; color: var(--color-secondary-brown) !important; } html.light:root .mb-8.p-4 header { background-color: transparent !important; margin-bottom: 0 !important; box-shadow: none !important; padding: 0 !important; } html.light:root .mb-8.p-4 page-header { color: var(--color-secondary-brown) !important; } html.light:root .mb-8.p-4 p { color: var(--color-secondary-brown) !important; } html.light:root .mb-8.p-4 a { color: var(--color-secondary-brown) !important; } html.light:root .mb-8.p-4 a:hover { color: var(--color-primary-leaf) !important; } html.light:root .milestone-alert { background-color: #d1fae5 !important; color: #065f46 !important; border-color: var(--color-green-600) !important; } html.light:root .topBanner { background-color: var(--color-secondary-brown) !important; color: var(--color-main-beige) !important; } #topBanner { min-height: 40px; height: auto; overflow: hidden; } #topBanner a.topBanner, #topBanner a { color: #ffffff !important; text-decoration: underline; } #topBanner a:hover { text-decoration: none; color: #ffffff !important; } #topBanner #closeBanner { color: #ffffff !important; } #header-wrapper { position: sticky; z-index: 10; top: 0; transition: top 0.2s ease-in-out; } .search-submit-button { padding: 0.75rem 1rem; border-radius: 0.5rem; font-weight: 700; transition: background-color 0.2s ease-in-out; border: none; cursor: pointer; text-transform: capitalize; } .search-submit-button { background-color: var(--color-secondary-brown); color: var(--color-white); } .search-submit-button:hover { background-color: var(--color-primary-leaf); } .search-submit-button:focus { outline: none; box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-leaf); } html.light:root .search-result-card { background-color: var(--color-white) !important; box-shadow: 0 20px 25px -5px var(--shadow-weak-dark), 0 8px 10px -6px var(--shadow-weak-dark) !important; border-top-color: var(--color-secondary-brown) !important; } html.light:root .search-result-card:hover { box-shadow: 0 25px 50px -12px var(--shadow-weak-dark) !important; } html.light:root .search-result-card h3 { color: var(--color-primary-leaf) !important; } html.light:root .search-result-card h4 { color: var(--color-secondary-brown) !important; } html.light:root .search-result-card h4:hover { color: var(--color-primary-leaf) !important; } html.light:root .search-result-card p { color: var(--text-stone-600) !important; } html.light:root .search-result-card a { color: var(--text-primary-leaf) !important; } html.light:root .result-summary-text { margin-bottom: 1rem; color: var(--color-secondary-brown); } #searchForm { display: flex; align-items: center; gap: 0.5rem; width: 100%; } #seriesSearch { flex-grow: 1; padding: 0.75rem; font-size: 1.125rem; border: 2px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-white); color: var(--color-gray-800); min-height: 2.75rem; box-sizing: border-box; } .search-submit-button { padding: 0.75rem 1rem; height: auto; font-weight: 700; transition: background-color 0.2s ease-in-out; border: none; cursor: pointer; box-sizing: border-box; } html.light:root #seriesSearch { background-color: var(--color-white) !important; color: var(--color-gray-800) !important; border-color: var(--color-gray-300) !important; } html.light:root #seriesSearch:focus { border-color: var(--color-primary-leaf) !important; } @media (max-width: 767px) { #searchForm { flex-direction: column; gap: 0; } #seriesSearch { width: 100%; flex-grow: 0; margin-bottom: 0.5rem; } .search-submit-button { width: 100%; } #searchFormContainer { max-width: 100%; margin-left: auto; margin-right: auto; } } html.light:root a { color: var(--primary-leaf) !important; text-decoration: none; font-weight: bold; } html.light:root .footer-policies a { color: var(--text-stone-600) !important; text-decoration: underline; } .live-container { border: none; background-color: transparent !important; padding: 1.5rem; margin-top: 2rem; font-size: 1.5rem; } .live-container-about { border: none; background-color: transparent !important; padding: 1.5rem; margin-top: 2rem; font-size: 1.0rem; } .live-container a[href^="mailto:"] { overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; display: inline-block; max-width: 100%; } .coming-soon-container { border-width: 4px; border-style: solid; border-radius: 1rem; background-color: transparent !important; padding: 1.5rem; margin-top: 2rem; font-size: 1.5rem; } html.light:root .coming-soon-container { border-color: var(--color-secondary-brown) !important; } #options-container .correct span, #options-container .incorrect span { font-weight: 800; margin-right: 8px; font-size: 1.00rem; } .quiz-actions-container { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 350px; margin: 0 auto; } .quiz-btn { width: 100%; padding: 10px 20px; font-weight: 700; border-radius: 8px; display: flex; justify-content: center; align-items: center; text-align: center; } @media (min-width: 480px) { .quiz-actions-container { flex-direction: row; max-width: 400px; } .quiz-btn { flex: 1; } } #menuOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 5; display: none; } .overflow-hidden { overflow: hidden !important; } #question-text { font-family: 'Inter', ui-sans-serif, system-ui; min-height: 40px; margin-bottom: 1rem; } .katex { font-family: 'Inter', sans-serif !important; font-weight: 400; } .katex .italic { font-family: 'Inter', sans-serif !important; font-style: normal !important; } #question-text .katex-display, #question-text .katex { white-space: normal !important; } #question-text .katex-html { display: block !important; line-height: 1.5; } #question-text .katex-html > .base { display: inline !important; white-space: normal !important; } #question-text .mord, #question-text .mbin, #question-text .mrel, #question-text .mopen, #question-text .mclose, #question-text .mpunct { display: inline-block !important; white-space: nowrap !important; vertical-align: baseline !important; } #question-text .mbin, #question-text .mrel { margin-left: 0.222em !important; margin-right: 0.222em !important; } #options-container button .math-btn-text * { white-space: nowrap !important; letter-spacing: normal !important; margin: 0 !important; padding: 0 !important; } #options-container button { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; } .feedback-icon { margin-left: 12px; font-weight: 800; flex-shrink: 0; } html.dark:root { --primary-blue: #60a5fa; --primary-blue-dark: #3b82f6; --secondary-grey: #4b5563; --secondary-grey-dark: #6b7280; --text-dark: #f3f4f6; --text-light: #d1d5db; --background-light: #1f2937; --background-white: #374151; --shadow-light: rgba(255, 255, 255, 0.1); --shadow-medium: rgba(255, 255, 255, 0.2); } html.dark:root { color-scheme: dark !important; filter: none !important; -webkit-filter: none !important; } html.dark:root body { background-color: var(--background-light) !important; color: var(--text-light) !important; } html.dark:root #quiz-container { background-color: var(--background-white) !important; box-shadow: 0 25px 50px -12px var(--shadow-light) !important; } html.dark:root .bg-indigo-500 { background-color: var(--background-white) !important; color: var(--text-dark) !important; border-color: var(--primary-blue-dark) !important; } html.dark:root header { background-color: var(--background-light) !important; text-align: center; margin-bottom: 0 !important; } html.dark:root header a.text-3xl { color: var(--text-dark) !important; } html.dark:root #header a:hover { color: var(--primary-blue) !important; } html.dark:root header p.text-sm { color: var(--text-light) !important; }To keep things simple and secure, html.dark:root header nav a { color: var(--text-light) !important; } html.dark:root header nav a:hover { color: var(--primary-blue) !important; } html.dark:root #next-button, html.dark:root #stop-quiz-button, html.dark:root #result-area button:not(#share-button), html.dark:root .grid-option-button { background-color: var(--primary-blue-dark) !important; color: var(--color-white) !important; } html.dark:root #next-button:hover, html.dark:root #stop-quiz-button:hover, html.dark:root #result-area button:not(#share-button):hover, html.dark:root .grid-option-button:hover { background-color: var(--primary-blue) !important; } html.dark:root #options-container button { background-color: var(--background-light) !important; color: var(--text-dark) !important; border-color: var(--secondary-grey) !important; } html.dark:root #options-container button:hover { background-color: var(--secondary-grey) !important; color: var(--text-dark) !important; } html.dark:root #share-button { background-color: var(--primary-blue-dark) !important; color: var(--color-white) !important; } html.dark:root #share-button:hover { background-color: var(--primary-blue) !important; } html.dark:root #autoNextToggle { background-color: var(--background-light) !important; color: var(--text-dark) !important; border-color: var(--secondary-grey) !important; } html.dark:root #autoNextToggle.auto-enabled { background-color: var(--primary-blue-dark) !important; color: var(--text-dark) !important; border-color: var(--primary-blue) !important; } html.dark:root #quiz-title { color: var(--text-dark) !important; } html.dark:root #result-area p.text-xl, html.dark:root #result-area p.text-lg { color: var(--text-light) !important; } html.dark:root #result-area h2 { color: var(--text-dark) !important; } html.dark:root #copy-message { color: #4ade80 !important; } html.dark:root #question-text { color: var(--text-dark) !important; } html.dark:root #progress-text { color: var(--primary-blue) !important; } html.dark:root #quiz-container span, html.dark:root #quiz-container h1, html.dark:root #quiz-container h2, html.dark:root #quiz-container h3 { color: var(--text-dark) !important; } html.dark:root #options-container .correct, html.dark:root #options-container .correct:hover, html.dark:root #options-container .correct.selected, html.dark:root #options-container .correct.selected:hover { background-color: #10B981 !important; color: var(--color-white) !important; border: 2px solid #059669 !important; } html.dark:root #options-container .incorrect, html.dark:root #options-container .incorrect:hover, html.dark:root #options-container .incorrect.selected, html.dark:root #options-container .incorrect.selected:hover { background-color: var(--color-red-500) !important; color: var(--color-white) !important; border: 2px solid #DC2626 !important; } html.dark:root .checkmark-icon { color: #f59e0b; } html.dark:root footer { background-color: var(--background-light) !important; color: var(--text-light) !important; } html.dark:root footer a { color: var(--primary-blue) !important; } html.dark:root #mobileMenu { background-color: var(--secondary-grey) !important; box-shadow: 0 4px 6px var(--shadow-medium); } html.dark:root #mobileMenu a { color: var(--text-dark) !important; } html.dark:root #mobileMenu a:hover { color: var(--primary-blue) !important; background-color: var(--transparent) !important; } html.dark:root .menu-icon-color { background-color: var(--primary-blue) !important; } html.dark:root .menu-text-color { color: var(--primary-blue) !important; } html.dark:root #header button, html.dark:root #header svg { color: var(--text-dark) !important; } html.dark:root #header svg { stroke: var(--text-dark) !important; fill: var(--text-dark) !important; } html.dark:root #header button:hover, html.dark:root #header svg:hover { color: var(--text-dark) !important; } html.dark:root #header svg:hover { stroke: var(--primary-blue) !important; fill: var(--text-dark) !important; } html.dark:root #theme-toggle { background-color: var(--background-white) !important; color: var(--color-gray-200) !important; } html.dark:root #theme-toggle:hover { background-color: var(--primary-blue) !important; } html.dark:root .topBanner { background-color: var(--secondary-grey-dark) !important; color: var(--text-dark) !important; } html.dark:root .menu-icon-color { background-color: var(--primary-blue); } html.dark:root .menu-text-color { color: var(--primary-blue); } html.dark:root .mb-8.p-4 { background-color: var(--background-light) !important; border-color: var(--background-white) !important; } html.dark:root #seriesSearch { background-color: var(--background-light) !important; color: var(--text-dark) !important; border-bottom-color: var(--primary-blue-dark) !important; } html.dark:root #seriesSearch::placeholder { color: var(--text-dark); opacity: 1; } html.dark:root .series-card { background-color: var(--secondary-grey) !important; border-top-color: var(--primary-blue-dark) !important; } html.dark:root .series-card h3, .series-card p { color: var(--text-dark) !important; } html.dark:root .series-card h3 { border-bottom-color: var(--secondary-grey-dark) !important; } html.dark:root .series-card .text-primary-leaf { color: var(--primary-blue) !important; } html.dark:root .series-card .text-stone-700 { color: var(--text-light) !important; } html.dark:root .series-card a:hover .group-hover\:text-secondary-brown { color: var(--primary-blue) !important; } html.dark:root .unpublished-blog-link { pointer-events: none; cursor: default; opacity: 0.7; } html.dark:root .unpublished-blog-link .text-primary-leaf { color: var(--secondary-grey-dark) !important; } html.dark:root .unpublished-blog-link .text-stone-700, html.dark:root .unpublished-blog-link:hover .group-hover\:text-secondary-brown { color: var(--secondary-grey-dark) !important; } html.dark:root .unpublished-blog-link div.py-2.px-3:hover { background-color: transparent !important; } html.dark:root main { color: var(--text-light) !important; } html.dark:root .mb-8.p-4 header { background-color: transparent !important; margin-bottom: 0 !important; box-shadow: none !important; padding: 0 !important; } html.dark:root .mb-8.p-4 { background-color: var(--background-white) !important; border-color: var(--secondary-grey) !important; box-shadow: 0 4px 8px var(--shadow-light) !important; color: var(--text-dark) !important; } html.dark:root .mb-8.p-4 p { color: var(--text-dark) !important; } html.dark:root .mb-8.p-4 page-header { color: var(--text-dark) !important; } html.dark:root .mb-8.p-4 a { color: var(--primary-blue) !important; } html.dark:root .mb-8.p-4 a:hover { color: var(--primary-blue-dark) !important; } html.dark:root .button { display: inline-block; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-align: center; text-decoration: none; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 4px 8px var(--shadow-light) !important; min-width: 200px; max-width: 100%; border: 2px solid var(--primary-blue) !important; color: var(--primary-blue) !important; } html.dark:root .button:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important; color: var(--primary-blue-dark) !important; } html.dark:root .button:hover { background-color: var(--background-light) !important; } html.dark:root page-header { color: var(--text-light) !important; margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; font-size: 2.0rem; text-align: center; } html.dark:root section-header { color: var(--text-light) !important; margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; font-size: 1.3rem; display: block; } html.dark:root .checkmark-icon { color: var(--text-dark); margin-right: 0.8em; } html.dark:root .milestone-alert { background-color: #1a4f3d !important; color: #4ade80 !important; border-color: #4ade80 !important; } html.dark:root .search-submit-button { background-color: var(--primary-blue-dark); color: var(--color-white); } html.dark:root .search-submit-button:hover { background-color: var(--primary-blue); } html.dark:root .search-submit-button:focus { box-shadow: 0 0 0 2px var(--color-gray-800), 0 0 0 4px var(--color-primary-leaf); } html.dark:root .search-result-card { background-color: var(--secondary-grey) !important; box-shadow: 0 20px 25px -5px var(--shadow-medium), 0 8px 10px -6px var(--shadow-medium) !important; border-top-color: var(--primary-blue-dark) !important; } html.dark:root .search-result-card:hover { box-shadow: 0 25px 50px -12px var(--shadow-medium) !important; } html.dark:root .search-result-card h3 { color: var(--primary-blue) !important; } html.dark:root .search-result-card h4 { color: var(--text-dark) !important; } html.dark:root .search-result-card h4:hover { color: var(--primary-blue) !important; } html.dark:root .search-result-card p { color: var(--text-light) !important; } html.dark:root .search-result-card a { color: var(--primary-blue) !important; } html.dark:root .search-submit-button { background-color: var(--primary-blue-dark); color: var(--color-white); } html.dark:root .search-submit-button:hover { background-color: var(--primary-blue); } html.dark:root .search-submit-button:focus { box-shadow: 0 0 0 2px var(--color-gray-800), 0 0 0 4px var(--color-primary-leaf); } html.dark:root .result-summary-text { margin-bottom: 1rem; color: var(--text-light); } html.dark:root #seriesSearch { background-color: var(--color-white) !important; color: var(--color-gray-800) !important; } html.dark:root #searchFormContainer { background-color: var(--color-gray-800); border-color: var(--color-gray-700); } html.dark:root #seriesSearch { background-color: var(--color-gray-800) !important; color: var(--color-white) !important; border-color: var(--color-gray-700) !important; } html.dark:root #seriesSearch::placeholder { color: var(--color-gray-300); } html.dark:root #seriesSearch:focus { border-color: var(--color-primary-blue) !important; } html.dark:root .last-updated-badge { background-color: var(--background-white) !important; color: var(--text-dark) !important; border: 1px solid var(--secondary-grey) !important; box-shadow: 0 1px 2px var(--shadow-light); } html.dark:root .last-updated-dot { color: #4ade80 !important; } html.dark:root a { color: var(--primary-blue) !important; text-decoration: none; font-weight: bold; } html.dark:root .footer-policies a { color: var(--text-light) !important; text-decoration: underline; } html.dark:root .coming-soon-container { border-color: var(--text-light) !important; } html.dark:root .data-table-container { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 1000px; margin: 0 auto; border-collapse: collapse; background-color: transparent !important; border-radius: 8px; } html.dark:root .data-table-container th, html.dark:root .data-table-container td { padding: 12px 15px; text-align: left; color: var(--text-dark) !important; border-bottom: 1px solid var(--secondary-grey) !important; border-right: none !important; border-left: none !important; font-size: 14px; vertical-align: top; } html.dark:root .data-table-container th { font-weight: 800; text-transform: uppercase; background-color: transparent; } html.dark:root .data-table-container tr:last-child td { border-bottom: none !important; } @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-green-600: oklch(62.7% 0.194 149.214); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-200: oklch(87% 0.065 274.039); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-indigo-700: oklch(45.7% 0.24 277.023); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-stone-200: oklch(92.3% 0.003 48.717); --color-stone-400: oklch(70.9% 0.01 56.259); --color-stone-500: oklch(55.3% 0.013 58.071); --color-stone-700: oklch(37.4% 0.01 67.558); --color-stone-800: oklch(26.8% 0.007 34.298); --color-white: #fff; --spacing: 0.25rem; --container-lg: 32rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .visible { visibility: visible; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .top-0 { top: calc(var(--spacing) * 0); } .top-10 { top: calc(var(--spacing) * 10); } .top-24 { top: calc(var(--spacing) * 24); } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .col-span-full { grid-column: 1 / -1; } .mx-auto { margin-inline: auto; } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline-flex { display: inline-flex; } .h-2 { height: calc(var(--spacing) * 2); } .h-4 { height: calc(var(--spacing) * 4); } .h-8 { height: calc(var(--spacing) * 8); } .min-h-screen { min-height: 100vh; } .w-2 { width: calc(var(--spacing) * 2); } .w-4 { width: calc(var(--spacing) * 4); } .w-8 { width: calc(var(--spacing) * 8); } .w-full { width: 100%; } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .cursor-not-allowed { cursor: not-allowed; } .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .items-center { align-items: center; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-6 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } } .rounded { border-radius: 0.25rem; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-r-4 { border-right-style: var(--tw-border-style); border-right-width: 4px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-amber-100 { border-color: var(--color-amber-100); } .border-gray-300 { border-color: var(--color-gray-300); } .border-indigo-200 { border-color: var(--color-indigo-200); } .border-indigo-700 { border-color: var(--color-indigo-700); } .border-stone-200 { border-color: var(--color-stone-200); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-500 { background-color: var(--color-indigo-500); } .bg-white { background-color: var(--color-white); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-10 { padding-block: calc(var(--spacing) * 10); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .text-center { text-align: center; } .text-left { text-align: left; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-amber-50 { color: var(--color-amber-50); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-indigo-600 { color: var(--color-indigo-600); } .text-red-600 { color: var(--color-red-600); } .text-stone-400 { color: var(--color-stone-400); } .text-stone-500 { color: var(--color-stone-500); } .text-stone-700 { color: var(--color-stone-700); } .text-stone-800 { color: var(--color-stone-800); } .text-white { color: var(--color-white); } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .opacity-0 { opacity: 0%; } .opacity-50 { opacity: 50%; } .opacity-70 { opacity: 70%; } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .hover\:bg-indigo-200 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-200); } } } .hover\:no-underline { &:hover { @media (hover: hover) { text-decoration-line: none; } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-xl { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:p-8 { @media (width >= 40rem) { padding: calc(var(--spacing) * 8); } } .sm\:p-10 { @media (width >= 40rem) { padding: calc(var(--spacing) * 10); } } .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } } .sm\:py-16 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 16); } } .sm\:text-4xl { @media (width >= 40rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .sm\:text-5xl { @media (width >= 40rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:p-10 { @media (width >= 48rem) { padding: calc(var(--spacing) * 10); } } .md\:text-base { @media (width >= 48rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:w-1\/4 { @media (width >= 64rem) { width: calc(1/4 * 100%); } } .lg\:w-3\/4 { @media (width >= 64rem) { width: calc(3/4 * 100%); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .lg\:text-5xl { @media (width >= 64rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .dark\:border-gray-700 { @media (prefers-color-scheme: dark) { border-color: var(--color-gray-700); } } .dark\:bg-gray-800 { @media (prefers-color-scheme: dark) { background-color: var(--color-gray-800); } } .dark\:text-gray-400 { @media (prefers-color-scheme: dark) { color: var(--color-gray-400); } } } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-duration: initial; } } }