@keyframes heart { 0%, 40%, 80%, to { transform: scale(1); } 20%, 60% { transform: scale(1.15); } } .md-typeset .twitter { color: #00acee; } .md-typeset .mastodon { color: #897ff8; } .md-typeset .mdx-video { width: auto; } .md-typeset .mdx-video__inner { height: 0; padding-bottom: 56.138%; position: relative; width: 100%; } .md-typeset .mdx-video iframe { border: none; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .md-typeset .mdx-heart { animation: heart 1s infinite; } .md-typeset .mdx-insiders { color: #e91e63; } .md-typeset .mdx-badge { font-size: 0.85em; } .md-typeset .mdx-badge--right { float: right; margin-left: 0.35em; } [dir="ltr"] .md-typeset .mdx-badge__icon { border-top-left-radius: 0.1rem; } [dir="rtl"] .md-typeset .mdx-badge__icon { border-top-right-radius: 0.1rem; } [dir="ltr"] .md-typeset .mdx-badge__icon { border-bottom-left-radius: 0.1rem; } [dir="rtl"] .md-typeset .mdx-badge__icon { border-bottom-right-radius: 0.1rem; } .md-typeset .mdx-badge__icon { padding: 0.2rem; } .md-typeset .mdx-badge__icon:last-child { border-radius: 0.1rem; } [dir="ltr"] .md-typeset .mdx-badge__text { border-top-right-radius: 0.1rem; } [dir="rtl"] .md-typeset .mdx-badge__text { border-top-left-radius: 0.1rem; } [dir="ltr"] .md-typeset .mdx-badge__text { border-bottom-right-radius: 0.1rem; } [dir="rtl"] .md-typeset .mdx-badge__text { border-bottom-left-radius: 0.1rem; } .md-typeset .mdx-badge__text { padding: 0.2rem 0.3rem; } .md-typeset .mdx-switch button { cursor: pointer; transition: opacity 0.25s; } .md-typeset .mdx-switch button:focus, .md-typeset .mdx-switch button:hover { opacity: 0.75; } .md-typeset .mdx-switch button > code { background-color: var(--md-primary-fg-color); color: var(--md-primary-bg-color); display: block; } .md-typeset .mdx-columns ol, .md-typeset .mdx-columns ul { -moz-columns: 2; column-count: 2; } @media screen and (max-width: 29.984375em) { .md-typeset .mdx-columns ol, .md-typeset .mdx-columns ul { -moz-columns: initial; columns: initial; } } .md-typeset .mdx-columns li { -moz-column-break-inside: avoid; break-inside: avoid; } .md-typeset .mdx-flags { margin: 2em auto; } .md-typeset .mdx-flags ol { list-style: none; } .md-typeset .mdx-flags ol li { margin-bottom: 1em; } .md-typeset .mdx-flags__item { display: flex; gap: 0.6rem; } .md-typeset .mdx-flags__content { display: flex; flex: 1; flex-direction: column; } .md-typeset .mdx-flags__content span { align-items: baseline; display: inline-flex; justify-content: space-between; } .md-typeset .mdx-flags__content > span:nth-child(2) { font-size: 80%; } .md-typeset .mdx-flags__content code { float: right; } .md-typeset .mdx-social { height: min(27rem, 80vw); position: relative; } .md-typeset .mdx-social:hover .mdx-social__image { background-color: #e4e4e40d; } .md-typeset .mdx-social__layer { margin-top: 4rem; position: absolute; transform-style: preserve-3d; transition: 0.25s cubic-bezier(0.7, 0, 0.3, 1); } .md-typeset .mdx-social__layer:hover .mdx-social__label { opacity: 1; } .md-typeset .mdx-social__layer:hover .mdx-social__image { background-color: #7f7f7ffc; } .md-typeset .mdx-social__layer:hover ~ .mdx-social__layer { opacity: 0; } .md-typeset .mdx-social__image { box-shadow: -0.25rem 0.25rem 0.5rem #0000000d; transform: rotate(-40deg) skew(15deg, 15deg) scale(0.7); transition: all 0.25s; } .md-typeset .mdx-social__image img { display: block; } .md-typeset .mdx-social__label { background-color: var(--md-default-fg-color--light); color: var(--md-default-bg-color); display: block; opacity: 0; padding: 0.2rem 0.4rem; position: absolute; transition: all 0.25s; } .md-typeset .mdx-social:hover .mdx-social__layer:nth-child(6) { transform: translateY(-30px); } .md-typeset .mdx-social:hover .mdx-social__layer:nth-child(5) { transform: translateY(-20px); } .md-typeset .mdx-social:hover .mdx-social__layer:nth-child(4) { transform: translateY(-10px); } .md-typeset .mdx-social:hover .mdx-social__layer:nth-child(3) { transform: translateY(0); } .md-typeset .mdx-social:hover .mdx-social__layer:nth-child(2) { transform: translateY(10px); } .md-typeset .mdx-social:hover .mdx-social__layer:first-child { transform: translateY(20px); } .md-typeset .mdx-social:hover .mdx-social__layer:nth-child(0) { transform: translateY(30px); } .md-banner { color: var(--md-footer-fg-color--lighter); } .md-banner strong { white-space: nowrap; } .md-banner a, .md-banner strong { color: var(--md-footer-fg-color); } .md-banner a:focus, .md-banner a:hover { color: currentcolor; } .md-banner a:focus .twemoji, .md-banner a:hover .twemoji { background-color: var(--md-footer-fg-color); box-shadow: none; } .md-banner .twemoji { border-radius: 100%; box-shadow: inset 0 0 0 0.05rem currentcolor; display: inline-block; height: 1.2rem; padding: 0.25rem; transition: all 0.25s; vertical-align: bottom; width: 1.2rem; } .md-banner .twemoji svg { display: block; max-height: none; } .mdx-container { background: url("data:image/svg+xml;utf8,") no-repeat bottom, linear-gradient( to bottom, var(--md-primary-fg-color), #a63fd9 99%, var(--md-default-bg-color) 99% ); padding-top: 1rem; } [data-md-color-scheme="slate"] .mdx-container { background: url("data:image/svg+xml;utf8,") no-repeat bottom, linear-gradient( to bottom, var(--md-primary-fg-color), #363949 99%, var(--md-default-bg-color) 99% ); } .mdx-hero { color: var(--md-primary-bg-color); margin: 0 0.8rem; } .mdx-hero h1 { color: currentcolor; font-weight: 700; margin-bottom: 1rem; } @media screen and (max-width: 29.984375em) { .mdx-hero h1 { font-size: 1.4rem; } } .mdx-hero__content { padding-bottom: 6rem; } @media screen and (min-width: 60em) { .mdx-hero { align-items: stretch; display: flex; } .mdx-hero__content { margin-top: 3.5rem; max-width: 19rem; padding-bottom: 14vw; } .mdx-hero__image { order: 1; transform: translateX(4rem); width: 38rem; } } @media screen and (min-width: 76.25em) { .mdx-hero__image { transform: translateX(8rem); } } .mdx-hero .md-button { color: var(--md-primary-bg-color); margin-right: 0.5rem; margin-top: 0.5rem; } .mdx-hero .md-button:focus, .mdx-hero .md-button:hover { background-color: var(--md-accent-fg-color); border-color: var(--md-accent-fg-color); color: var(--md-accent-bg-color); } .mdx-hero .md-button--primary { background-color: var(--md-primary-bg-color); border-color: var(--md-primary-bg-color); color: #894da8; } .md-typeset .mdx-iconsearch { background-color: var(--md-default-bg-color); border-radius: 0.1rem; box-shadow: var(--md-shadow-z1); position: relative; transition: box-shadow 125ms; } .md-typeset .mdx-iconsearch:focus-within, .md-typeset .mdx-iconsearch:hover { box-shadow: var(--md-shadow-z2); } .md-typeset .mdx-iconsearch .md-input { background: var(--md-default-bg-color); box-shadow: none; } [data-md-color-scheme="slate"] .md-typeset .mdx-iconsearch .md-input { background: var(--md-code-bg-color); } .md-typeset .mdx-iconsearch-result { -webkit-backface-visibility: hidden; backface-visibility: hidden; max-height: 50vh; overflow-y: auto; scrollbar-color: var(--md-default-fg-color--lighter) #0000; scrollbar-width: thin; touch-action: pan-y; } .md-tooltip .md-typeset .mdx-iconsearch-result { max-height: 10.25rem; } .md-typeset .mdx-iconsearch-result::-webkit-scrollbar { height: 0.2rem; width: 0.2rem; } .md-typeset .mdx-iconsearch-result::-webkit-scrollbar-thumb { background-color: var(--md-default-fg-color--lighter); } .md-typeset .mdx-iconsearch-result::-webkit-scrollbar-thumb:hover { background-color: var(--md-accent-fg-color); } .md-typeset .mdx-iconsearch-result__meta { color: var(--md-default-fg-color--lighter); font-size: 0.64rem; position: absolute; right: 0.6rem; top: 0.4rem; } [dir="ltr"] .md-typeset .mdx-iconsearch-result__list { margin-left: 0; } [dir="rtl"] .md-typeset .mdx-iconsearch-result__list { margin-right: 0; } .md-typeset .mdx-iconsearch-result__list { list-style: none; margin: 0; padding: 0; } [dir="ltr"] .md-typeset .mdx-iconsearch-result__item { margin-left: 0; } [dir="rtl"] .md-typeset .mdx-iconsearch-result__item { margin-right: 0; } .md-typeset .mdx-iconsearch-result__item { border-bottom: 0.05rem solid var(--md-default-fg-color--lightest); margin: 0; padding: 0.2rem 0.6rem; } .md-typeset .mdx-iconsearch-result__item:last-child { border-bottom: none; } .md-typeset .mdx-iconsearch-result__item > * { margin-right: 0.6rem; } .md-typeset .mdx-iconsearch-result__item img { height: 0.9rem; width: 0.9rem; } [data-md-color-scheme="slate"] .md-typeset .mdx-iconsearch-result__item img[src*="squidfunk"] { filter: invert(1); } .md-typeset .mdx-premium p { margin: 2em 0; text-align: center; } .md-typeset .mdx-premium img { height: 3.25rem; } .md-typeset .mdx-premium p:last-child { display: flex; flex-wrap: wrap; justify-content: center; } .md-typeset .mdx-premium p:last-child > a { display: block; flex-shrink: 0; } .md-typeset .mdx-sponsorship__list { margin: 2em 0; } .md-typeset .mdx-sponsorship__list:after { clear: both; content: ""; display: block; } [dir="ltr"] .md-typeset .mdx-sponsorship__item { float: left; } [dir="rtl"] .md-typeset .mdx-sponsorship__item { float: right; } .md-typeset .mdx-sponsorship__item { border-radius: 100%; display: block; height: 1.6rem; margin: 0.2rem; overflow: hidden; transform: scale(1); transition: color 125ms, transform 125ms; width: 1.6rem; } .md-typeset .mdx-sponsorship__item:focus, .md-typeset .mdx-sponsorship__item:hover { transform: scale(1.1); } .md-typeset .mdx-sponsorship__item:focus img, .md-typeset .mdx-sponsorship__item:hover img { filter: grayscale(0); } .md-typeset .mdx-sponsorship__item--private { background: var(--md-default-fg-color--lightest); color: var(--md-default-fg-color--lighter); font-size: 0.6rem; font-weight: 700; line-height: 1.6rem; text-align: center; } .md-typeset .mdx-sponsorship__item img { display: block; filter: grayscale(100%) opacity(75%); height: auto; transition: filter 125ms; width: 100%; } .md-typeset .mdx-sponsorship-button { font-weight: 400; } .md-typeset .mdx-sponsorship-count, .md-typeset .mdx-sponsorship-total { font-weight: 700; }