...
...
2. We need to avoid the anchor link wrapping onto a new line by itself like this because it looks
broken:
Some heading text
⛓
3. To achieve this we add an area of padding to the end of the heading and move the link over this
padding using negative margin:
padding-inline-end creates space at the end of the line
↓
Some heading text[ ]⛓
margin-inline-start then pulls the anchor link into that space
↓
Some heading text[ ⛓ ]
This ensures that when the anchor link wraps, the final word in the heading will wrap with it.
*/
@layer starlight.content {
/* ======================================================
WRAPPER
====================================================== */
.sl-markdown-content .sl-heading-wrapper {
/* The size of the SVG icon. */
--sl-anchor-icon-size: 0.8275em;
/* The horizontal space between the SVG icon and the end of the heading text. */
--sl-anchor-icon-gap: 0.25em;
/* The end of line space required to accommodate the anchor link. */
--sl-anchor-icon-space: calc(var(--sl-anchor-icon-size) + var(--sl-anchor-icon-gap));
line-height: var(--sl-line-height-headings);
}
/* We need to apply the same rule we use for heading spacing to the parent wrapper. */
.sl-markdown-content
:not(h1, h2, h3, h4, h5, h6, .sl-heading-wrapper)
+ :is(.sl-heading-wrapper) {
margin-top: 1.5em;
}
/* These font sizes are set in `markdown.css` for heading elements, but we need them one level higher on the wrapper. */
.sl-markdown-content .sl-heading-wrapper.level-h1 {
font-size: var(--sl-text-h1);
}
.sl-markdown-content .sl-heading-wrapper.level-h2 {
font-size: var(--sl-text-h2);
}
.sl-markdown-content .sl-heading-wrapper.level-h3 {
font-size: var(--sl-text-h3);
}
.sl-markdown-content .sl-heading-wrapper.level-h4 {
font-size: var(--sl-text-h4);
}
.sl-markdown-content .sl-heading-wrapper.level-h5 {
font-size: var(--sl-text-h5);
}
.sl-markdown-content .sl-heading-wrapper.level-h6 {
font-size: var(--sl-text-h6);
}
/* ======================================================
HEADING
====================================================== */
.sl-markdown-content .sl-heading-wrapper > :first-child {
display: inline;
/* Apply end-of-line padding to the heading element. */
padding-inline-end: var(--sl-anchor-icon-space);
}
/* ======================================================
LINK
====================================================== */
.sl-markdown-content .sl-anchor-link {
position: relative;
/* Move the anchor link over the heading element’s end-of-line padding. */
margin-inline-start: calc(-1 * var(--sl-anchor-icon-size));
/* Prevent double or triple clicks from potentially selecting the anchor link a11y text. */
-webkit-user-select: none;
user-select: none;
/* Prevent double clicks on the last word (or single word) of a heading to include an extra new
line in Chrome and Safari. */
display: inline-flex;
}
/* Increase clickable area for anchor links with a pseudo element that doesn’t impact layout. */
.sl-markdown-content .sl-anchor-link::after {
content: '';
position: absolute;
/* While most icon spacing is done with `em` to be relative to the heading font-size, increasing
the touch area is most important for smaller headings like h5/h6, so we use absolute units,
which have a diminishing impact at larger font-sizes. */
inset: -0.25rem -0.5rem;
}
/* Size and position the SVG icon inside the link. */
.sl-markdown-content .sl-anchor-icon > svg {
display: inline;
width: var(--sl-anchor-icon-size);
/* Center the link icon SVG vertically in the line. */
vertical-align: top;
transform: translateY(
calc((var(--sl-line-height-headings) * 1em - var(--sl-anchor-icon-size)) / 2)
);
}
/* On devices with hover capability, hide the anchor link icons and show only show them when focused
or when the heading is hovered. */
@media (hover: hover) {
.sl-markdown-content .sl-anchor-link {
opacity: 0;
}
.sl-markdown-content .sl-anchor-link:focus,
.sl-markdown-content .sl-heading-wrapper:hover .sl-anchor-link {
opacity: 1;
}
}
}
@layer starlight.core {
.sl-banner:where(.astro-y5d7njgm) {
--__sl-banner-text: var(--sl-color-banner-text, var(--sl-color-text-invert));
padding: var(--sl-nav-pad-y) var(--sl-nav-pad-x);
background-color: var(--sl-color-banner-bg, var(--sl-color-bg-accent));
color: var(--__sl-banner-text);
line-height: var(--sl-line-height-headings);
text-align: center;
text-wrap: balance;
box-shadow: var(--sl-shadow-sm);
}
.sl-banner:where(.astro-y5d7njgm) a {
color: var(--__sl-banner-text);
}
}
@layer starlight.components {
svg:where(.astro-n5k4ipy7) {
color: var(--sl-icon-color);
font-size: var(--sl-icon-size, 1em);
width: 1em;
height: 1em;
}
}
@layer starlight.core {
p:where(.astro-3rf4otau) {
border: 1px solid var(--sl-color-orange);
padding: .75em 1em;
background-color: var(--sl-color-orange-low);
color: var(--sl-color-orange-high);
width: max-content;
max-width: 100%;
align-items: center;
gap: .75em;
font-size: var(--sl-text-body-sm);
line-height: var(--sl-line-height-headings);
text-align: start;
}
}
@layer starlight.core {
a:where(.astro-xk5gmzsg) {
gap: .5rem;
align-items: center;
text-decoration: none;
color: var(--sl-color-gray-3);
}
a:where(.astro-xk5gmzsg):hover {
color: var(--sl-color-white);
}
}
.pagination-links:where(.astro-5ppi55v4) {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
}
a:where(.astro-5ppi55v4) {
color: inherit;
text-decoration: inherit;
border-radius: var(--radius);
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s;
font-weight: 500;
padding: 1rem;
white-space: nowrap;
gap: .75rem;
justify-content: center;
align-items: center;
display: inline-flex;
min-width: 160px;
border: 1px solid var(--border) !important;
}
a:where(.astro-5ppi55v4):hover {
color: var(--accent-foreground);
background-color: var(--card);
}
.pagination-content:where(.astro-5ppi55v4) {
display: flex;
flex-direction: column;
gap: .25rem;
align-items: flex-start;
padding: 0 1rem;
}
.pagination-direction:where(.astro-5ppi55v4) {
font-size: .875rem;
line-height: 1rem;
color: var(--muted-foreground);
font-weight: 400;
}
.pagination-label:where(.astro-5ppi55v4) {
font-size: 1rem;
line-height: 1.25rem;
color: var(--accent-foreground);
font-weight: 500;
}
.next:where(.astro-5ppi55v4) .pagination-content:where(.astro-5ppi55v4) {
align-items: flex-end;
}
a:where(.astro-5ppi55v4) > svg:where(.astro-5ppi55v4) {
flex-shrink: 0;
width: 1rem;
height: 1rem;
pointer-events: none;
display: block;
vertical-align: middle;
}
.next:where(.astro-5ppi55v4) {
margin-left: auto;
}
@layer starlight.core {
footer:where(.astro-xhxjzfa7) {
flex-direction: column;
gap: 1.5rem;
}
.meta:where(.astro-xhxjzfa7) {
gap: .75rem 3rem;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 3rem;
font-size: var(--sl-text-sm);
color: var(--sl-color-gray-3);
}
.meta:where(.astro-xhxjzfa7) > p:only-child {
margin-inline-start: auto;
}
.kudos:where(.astro-xhxjzfa7) {
align-items: center;
gap: .5em;
margin: 1.5rem auto;
font-size: var(--sl-text-xs);
text-decoration: none;
color: var(--sl-color-gray-3);
}
.kudos:where(.astro-xhxjzfa7):hover {
color: var(--sl-color-white);
}
}
@layer starlight.components {
.kudos:where(.astro-xhxjzfa7) svg {
color: var(--sl-color-orange);
}
}
.padding-negative:where(.astro-naaxl4am) {
margin-bottom: -3vh;
}
.pagefind-ui__result.svelte-j9e30.svelte-j9e30 {
list-style-type: none;
display: flex;
align-items: flex-start;
gap: min(calc(40px * var(--pagefind-ui-scale)), 3%);
padding: calc(30px * var(--pagefind-ui-scale)) 0 calc(40px * var(--pagefind-ui-scale));
border-top: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
}
.pagefind-ui__result.svelte-j9e30.svelte-j9e30:last-of-type {
border-bottom: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
}
.pagefind-ui__result-thumb.svelte-j9e30.svelte-j9e30 {
width: min(30%, calc((30% - (100px * var(--pagefind-ui-scale))) * 100000));
max-width: calc(120px * var(--pagefind-ui-scale));
margin-top: calc(10px * var(--pagefind-ui-scale));
aspect-ratio: var(--pagefind-ui-image-box-ratio);
position: relative;
}
.pagefind-ui__result-image.svelte-j9e30.svelte-j9e30 {
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 0;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
border-radius: var(--pagefind-ui-image-border-radius);
}
.pagefind-ui__result-inner.svelte-j9e30.svelte-j9e30 {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: calc(10px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-title.svelte-j9e30.svelte-j9e30 {
display: inline-block;
font-weight: 700;
font-size: calc(21px * var(--pagefind-ui-scale));
margin-top: 0;
margin-bottom: 0;
}
.pagefind-ui__result-title.svelte-j9e30 .pagefind-ui__result-link.svelte-j9e30 {
color: var(--pagefind-ui-text);
text-decoration: none;
}
.pagefind-ui__result-title.svelte-j9e30 .pagefind-ui__result-link.svelte-j9e30:hover {
text-decoration: underline;
}
.pagefind-ui__result-excerpt.svelte-j9e30.svelte-j9e30 {
display: inline-block;
font-weight: 400;
font-size: calc(16px * var(--pagefind-ui-scale));
margin-top: calc(4px * var(--pagefind-ui-scale));
margin-bottom: 0;
min-width: calc(250px * var(--pagefind-ui-scale));
}
.pagefind-ui__loading.svelte-j9e30.svelte-j9e30 {
color: var(--pagefind-ui-text);
background-color: var(--pagefind-ui-text);
border-radius: var(--pagefind-ui-border-radius);
opacity: 0.1;
pointer-events: none;
}
.pagefind-ui__result-tags.svelte-j9e30.svelte-j9e30 {
list-style-type: none;
padding: 0;
display: flex;
gap: calc(20px * var(--pagefind-ui-scale));
flex-wrap: wrap;
margin-top: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-tag.svelte-j9e30.svelte-j9e30 {
padding: calc(4px * var(--pagefind-ui-scale)) calc(8px * var(--pagefind-ui-scale));
font-size: calc(14px * var(--pagefind-ui-scale));
border-radius: var(--pagefind-ui-border-radius);
background-color: var(--pagefind-ui-tag);
}
.pagefind-ui__result.svelte-4xnkmf.svelte-4xnkmf {
list-style-type: none;
display: flex;
align-items: flex-start;
gap: min(calc(40px * var(--pagefind-ui-scale)), 3%);
padding: calc(30px * var(--pagefind-ui-scale)) 0 calc(40px * var(--pagefind-ui-scale));
border-top: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
}
.pagefind-ui__result.svelte-4xnkmf.svelte-4xnkmf:last-of-type {
border-bottom: solid var(--pagefind-ui-border-width) var(--pagefind-ui-border);
}
.pagefind-ui__result-nested.svelte-4xnkmf.svelte-4xnkmf {
display: flex;
flex-direction: column;
padding-left: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-nested.svelte-4xnkmf.svelte-4xnkmf:first-of-type {
padding-top: calc(10px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-nested.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf {
font-size: 0.9em;
position: relative;
}
.pagefind-ui__result-nested.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf::before {
content: "\2937 ";
position: absolute;
top: 0;
right: calc(100% + 0.1em);
}
.pagefind-ui__result-thumb.svelte-4xnkmf.svelte-4xnkmf {
width: min(30%, calc((30% - (100px * var(--pagefind-ui-scale))) * 100000));
max-width: calc(120px * var(--pagefind-ui-scale));
margin-top: calc(10px * var(--pagefind-ui-scale));
aspect-ratio: var(--pagefind-ui-image-box-ratio);
position: relative;
}
.pagefind-ui__result-image.svelte-4xnkmf.svelte-4xnkmf {
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 0;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
border-radius: var(--pagefind-ui-image-border-radius);
}
.pagefind-ui__result-inner.svelte-4xnkmf.svelte-4xnkmf {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: calc(10px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-title.svelte-4xnkmf.svelte-4xnkmf {
display: inline-block;
font-weight: 700;
font-size: calc(21px * var(--pagefind-ui-scale));
margin-top: 0;
margin-bottom: 0;
}
.pagefind-ui__result-title.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf {
color: var(--pagefind-ui-text);
text-decoration: none;
}
.pagefind-ui__result-title.svelte-4xnkmf .pagefind-ui__result-link.svelte-4xnkmf:hover {
text-decoration: underline;
}
.pagefind-ui__result-excerpt.svelte-4xnkmf.svelte-4xnkmf {
display: inline-block;
font-weight: 400;
font-size: calc(16px * var(--pagefind-ui-scale));
margin-top: calc(4px * var(--pagefind-ui-scale));
margin-bottom: 0;
min-width: calc(250px * var(--pagefind-ui-scale));
}
.pagefind-ui__loading.svelte-4xnkmf.svelte-4xnkmf {
color: var(--pagefind-ui-text);
background-color: var(--pagefind-ui-text);
border-radius: var(--pagefind-ui-border-radius);
opacity: 0.1;
pointer-events: none;
}
.pagefind-ui__result-tags.svelte-4xnkmf.svelte-4xnkmf {
list-style-type: none;
padding: 0;
display: flex;
gap: calc(20px * var(--pagefind-ui-scale));
flex-wrap: wrap;
margin-top: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__result-tag.svelte-4xnkmf.svelte-4xnkmf {
padding: calc(4px * var(--pagefind-ui-scale)) calc(8px * var(--pagefind-ui-scale));
font-size: calc(14px * var(--pagefind-ui-scale));
border-radius: var(--pagefind-ui-border-radius);
background-color: var(--pagefind-ui-tag);
}
legend.svelte-1v2r7ls.svelte-1v2r7ls {
position: absolute;
clip: rect(0 0 0 0);
}
.pagefind-ui__filter-panel.svelte-1v2r7ls.svelte-1v2r7ls {
min-width: min(calc(260px * var(--pagefind-ui-scale)), 100%);
flex: 1;
display: flex;
flex-direction: column;
margin-top: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__filter-group.svelte-1v2r7ls.svelte-1v2r7ls {
border: 0;
padding: 0;
}
.pagefind-ui__filter-block.svelte-1v2r7ls.svelte-1v2r7ls {
padding: 0;
display: block;
border-bottom: solid calc(2px * var(--pagefind-ui-scale)) var(--pagefind-ui-border);
padding: calc(20px * var(--pagefind-ui-scale)) 0;
}
.pagefind-ui__filter-name.svelte-1v2r7ls.svelte-1v2r7ls {
font-size: calc(16px * var(--pagefind-ui-scale));
position: relative;
display: flex;
align-items: center;
list-style: none;
font-weight: 700;
cursor: pointer;
height: calc(24px * var(--pagefind-ui-scale));
}
.pagefind-ui__filter-name.svelte-1v2r7ls.svelte-1v2r7ls::-webkit-details-marker {
display: none;
}
.pagefind-ui__filter-name.svelte-1v2r7ls.svelte-1v2r7ls::after {
position: absolute;
content: "";
right: calc(6px * var(--pagefind-ui-scale));
top: 50%;
width: calc(8px * var(--pagefind-ui-scale));
height: calc(8px * var(--pagefind-ui-scale));
border: solid calc(2px * var(--pagefind-ui-scale)) currentColor;
border-right: 0;
border-top: 0;
transform: translateY(-70%) rotateZ(-45deg);
}
.pagefind-ui__filter-block[open].svelte-1v2r7ls .pagefind-ui__filter-name.svelte-1v2r7ls::after {
transform: translateY(-70%) rotateZ(-225deg);
}
.pagefind-ui__filter-group.svelte-1v2r7ls.svelte-1v2r7ls {
display: flex;
flex-direction: column;
gap: calc(20px * var(--pagefind-ui-scale));
padding-top: calc(30px * var(--pagefind-ui-scale));
}
.pagefind-ui__filter-value.svelte-1v2r7ls.svelte-1v2r7ls {
position: relative;
display: flex;
align-items: center;
gap: calc(8px * var(--pagefind-ui-scale));
}
.pagefind-ui__filter-value.svelte-1v2r7ls.svelte-1v2r7ls::before {
position: absolute;
content: "";
top: 50%;
left: calc(8px * var(--pagefind-ui-scale));
width: 0px;
height: 0px;
border: solid 1px #fff;
opacity: 0;
transform: translate(calc(4.5px * var(--pagefind-ui-scale) * -1), calc(0.8px * var(--pagefind-ui-scale))) skewX(-5deg) rotateZ(-45deg);
transform-origin: top left;
border-top: 0;
border-right: 0;
pointer-events: none;
}
.pagefind-ui__filter-value.pagefind-ui__filter-value--checked.svelte-1v2r7ls.svelte-1v2r7ls::before {
opacity: 1;
width: calc(9px * var(--pagefind-ui-scale));
height: calc(4px * var(--pagefind-ui-scale));
transition: width 0.1s ease-out 0.1s, height 0.1s ease-in;
}
.pagefind-ui__filter-checkbox.svelte-1v2r7ls.svelte-1v2r7ls {
margin: 0;
width: calc(16px * var(--pagefind-ui-scale));
height: calc(16px * var(--pagefind-ui-scale));
border: solid 1px var(--pagefind-ui-border);
appearance: none;
-webkit-appearance: none;
border-radius: calc(var(--pagefind-ui-border-radius) / 2);
background-color: var(--pagefind-ui-background);
cursor: pointer;
}
.pagefind-ui__filter-checkbox.svelte-1v2r7ls.svelte-1v2r7ls:checked {
background-color: var(--pagefind-ui-primary);
border: solid 1px var(--pagefind-ui-primary);
}
.pagefind-ui__filter-label.svelte-1v2r7ls.svelte-1v2r7ls {
cursor: pointer;
font-size: calc(16px * var(--pagefind-ui-scale));
font-weight: 400;
}
.pagefind-ui--reset *:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) {
all: unset;
display: revert;
outline: revert;
}
.pagefind-ui--reset *,
.pagefind-ui--reset *::before,
.pagefind-ui--reset *::after {
box-sizing: border-box;
}
.pagefind-ui--reset a,
.pagefind-ui--reset button {
cursor: revert;
}
.pagefind-ui--reset ol,
.pagefind-ui--reset ul,
.pagefind-ui--reset menu {
list-style: none;
}
.pagefind-ui--reset img {
max-width: 100%;
}
.pagefind-ui--reset table {
border-collapse: collapse;
}
.pagefind-ui--reset input,
.pagefind-ui--reset textarea {
-webkit-user-select: auto;
}
.pagefind-ui--reset textarea {
white-space: revert;
}
.pagefind-ui--reset meter {
-webkit-appearance: revert;
appearance: revert;
}
.pagefind-ui--reset ::placeholder {
color: unset;
}
.pagefind-ui--reset :where([hidden]) {
display: none;
}
.pagefind-ui--reset :where([contenteditable]:not([contenteditable=false])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}
.pagefind-ui--reset :where([draggable=true]) {
-webkit-user-drag: element;
}
.pagefind-ui--reset mark {
all: revert;
}
:root {
--pagefind-ui-scale:0.8;
--pagefind-ui-primary:#393939;
--pagefind-ui-text:#393939;
--pagefind-ui-background:#ffffff;
--pagefind-ui-border:#eeeeee;
--pagefind-ui-tag:#eeeeee;
--pagefind-ui-border-width:2px;
--pagefind-ui-border-radius:8px;
--pagefind-ui-image-border-radius:8px;
--pagefind-ui-image-box-ratio:3 / 2;
--pagefind-ui-font:system,
-apple-system,
"BlinkMacSystemFont",
".SFNSText-Regular",
"San Francisco",
"Roboto",
"Segoe UI",
"Helvetica Neue",
"Lucida Grande",
"Ubuntu",
"arial",
sans-serif;
}
.pagefind-ui.svelte-e9gkc3 {
width: 100%;
color: var(--pagefind-ui-text);
font-family: var(--pagefind-ui-font);
}
.pagefind-ui__hidden.svelte-e9gkc3 {
display: none !important;
}
.pagefind-ui__suppressed.svelte-e9gkc3 {
opacity: 0;
pointer-events: none;
}
.pagefind-ui__form.svelte-e9gkc3 {
position: relative;
}
.pagefind-ui__form.svelte-e9gkc3::before {
background-color: var(--pagefind-ui-text);
width: calc(18px * var(--pagefind-ui-scale));
height: calc(18px * var(--pagefind-ui-scale));
top: calc(23px * var(--pagefind-ui-scale));
left: calc(20px * var(--pagefind-ui-scale));
content: "";
position: absolute;
display: block;
opacity: 0.7;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A");
-webkit-mask-size: 100%;
mask-size: 100%;
z-index: 9;
pointer-events: none;
}
.pagefind-ui__search-input.svelte-e9gkc3 {
height: calc(64px * var(--pagefind-ui-scale));
padding: 0 calc(70px * var(--pagefind-ui-scale)) 0 calc(54px * var(--pagefind-ui-scale));
background-color: var(--pagefind-ui-background);
border: var(--pagefind-ui-border-width) solid var(--pagefind-ui-border);
border-radius: var(--pagefind-ui-border-radius);
font-size: calc(21px * var(--pagefind-ui-scale));
position: relative;
appearance: none;
-webkit-appearance: none;
display: flex;
width: 100%;
box-sizing: border-box;
font-weight: 700;
}
.pagefind-ui__search-input.svelte-e9gkc3::placeholder {
opacity: 0.2;
}
.pagefind-ui__search-clear.svelte-e9gkc3 {
position: absolute;
top: calc(3px * var(--pagefind-ui-scale));
right: calc(3px * var(--pagefind-ui-scale));
height: calc(58px * var(--pagefind-ui-scale));
padding: 0 calc(15px * var(--pagefind-ui-scale)) 0 calc(2px * var(--pagefind-ui-scale));
color: var(--pagefind-ui-text);
font-size: calc(14px * var(--pagefind-ui-scale));
cursor: pointer;
background-color: var(--pagefind-ui-background);
border-radius: var(--pagefind-ui-border-radius);
}
.pagefind-ui__drawer.svelte-e9gkc3 {
gap: calc(60px * var(--pagefind-ui-scale));
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.pagefind-ui__results-area.svelte-e9gkc3 {
min-width: min(calc(400px * var(--pagefind-ui-scale)), 100%);
flex: 1000;
margin-top: calc(20px * var(--pagefind-ui-scale));
}
.pagefind-ui__results.svelte-e9gkc3 {
padding: 0;
}
.pagefind-ui__message.svelte-e9gkc3 {
box-sizing: content-box;
font-size: calc(16px * var(--pagefind-ui-scale));
height: calc(24px * var(--pagefind-ui-scale));
padding: calc(20px * var(--pagefind-ui-scale)) 0;
display: flex;
align-items: center;
font-weight: 700;
margin-top: 0;
}
.pagefind-ui__button.svelte-e9gkc3 {
margin-top: calc(40px * var(--pagefind-ui-scale));
border: var(--pagefind-ui-border-width) solid var(--pagefind-ui-border);
border-radius: var(--pagefind-ui-border-radius);
height: calc(48px * var(--pagefind-ui-scale));
padding: 0 calc(12px * var(--pagefind-ui-scale));
font-size: calc(16px * var(--pagefind-ui-scale));
color: var(--pagefind-ui-primary);
background: var(--pagefind-ui-background);
width: 100%;
text-align: center;
font-weight: 700;
cursor: pointer;
}
.pagefind-ui__button.svelte-e9gkc3:hover {
border-color: var(--pagefind-ui-primary);
color: var(--pagefind-ui-primary);
background: var(--pagefind-ui-background);
}
site-search:where(.astro-d4p44kwg) {
flex: 1 1 0;
width: 100%;
}
@media (width >= 768px) {
site-search:where(.astro-d4p44kwg) {
flex: none;
width: auto;
}
}
button:where(.astro-d4p44kwg)[data-open-modal] {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s;
color: var(--muted-foreground);
font-weight: 400;
font-size: .875rem;
line-height: 1.25rem;
padding: .5rem 1rem;
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
border-color: var(--input);
border-width: 1px;
border-style: solid;
border-radius: .5rem;
white-space: nowrap;
gap: .5rem;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 2rem;
display: inline-flex;
position: relative;
cursor: pointer;
background-image: none;
-webkit-appearance: button;
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
margin: 0;
}
button:where(.astro-d4p44kwg)[data-open-modal]:hover {
color: var(--accent-foreground);
background-color: var(--accent);
}
@media (width >= 640px) {
button:where(.astro-d4p44kwg)[data-open-modal] {
padding-right: 3rem;
}
}
@media (width >= 768px) {
button:where(.astro-d4p44kwg)[data-open-modal] {
width: 10rem;
}
}
@media (width >= 1024px) {
button:where(.astro-d4p44kwg)[data-open-modal] {
width: 14rem;
}
}
@media (width >= 1280px) {
button:where(.astro-d4p44kwg)[data-open-modal] {
width: 16rem;
}
}
button:where(.astro-d4p44kwg)[data-open-modal] > span:where(.astro-d4p44kwg) {
display: inline-flex;
}
button:where(.astro-d4p44kwg) > kbd:where(.astro-d4p44kwg) {
opacity: 1;
font-weight: 500;
font-size: 10px;
padding-left: .375rem;
padding-right: .375rem;
background-color: var(--muted);
border-width: 1px;
border-radius: .25rem;
gap: .25rem;
align-items: center;
height: 1.25rem;
display: none;
top: .3rem;
right: .3rem;
position: absolute;
pointer-events: none;
}
@media (width >= 640px) {
button:where(.astro-d4p44kwg) > kbd:where(.astro-d4p44kwg) {
display: flex;
}
}
kbd:where(.astro-d4p44kwg) {
font-family: var(--sl-font-mono);
}
dialog:where(.astro-d4p44kwg) {
margin: 0;
background-color: var(--sl-color-gray-6);
border: 1px solid var(--sl-color-gray-5);
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
box-shadow: var(--sl-shadow-lg);
}
dialog:where(.astro-d4p44kwg)[open] {
display: flex;
}
dialog:where(.astro-d4p44kwg)::backdrop {
background-color: var(--sl-color-backdrop-overlay);
-webkit-backdrop-filter: blur(.25rem);
backdrop-filter: blur(.25rem);
}
.dialog-frame:where(.astro-d4p44kwg) {
position: relative;
overflow: auto;
flex-direction: column;
flex-grow: 1;
gap: 1rem;
padding: 1rem;
}
button:where(.astro-d4p44kwg)[data-close-modal] {
position: absolute;
z-index: 1;
align-items: center;
align-self: flex-end;
height: calc(64px * var(--pagefind-ui-scale));
padding: .25rem;
border: 0;
background: none;
cursor: pointer;
color: var(--sl-color-text-accent);
}
#starlight__search:where(.astro-d4p44kwg) {
--pagefind-ui-primary: var(--accent-foreground);
--pagefind-ui-text: var(--sl-color-gray-2);
--pagefind-ui-font: var(--__sl-font);
--pagefind-ui-background: var(--sl-color-black);
--pagefind-ui-border: var(--sl-color-gray-5);
--pagefind-ui-border-width: 1px;
--sl-search-cancel-space: 5rem;
}
@media (width >= 50rem) {
#starlight__search:where(.astro-d4p44kwg) {
--sl-search-cancel-space: 0px;
}
dialog:where(.astro-d4p44kwg) {
margin: 4rem auto auto;
border-radius: .5rem;
width: 90%;
max-width: 40rem;
height: max-content;
min-height: 15rem;
max-height: calc(100% - 8rem);
}
.dialog-frame:where(.astro-d4p44kwg) {
padding: 1.5rem;
}
}
[data-search-modal-open] {
overflow: hidden;
}
#starlight__search {
--sl-search-result-spacing: calc(1.25rem * var(--pagefind-ui-scale));
--sl-search-result-pad-inline-start: calc(3.75rem * var(--pagefind-ui-scale));
--sl-search-result-pad-inline-end: calc(1.25rem * var(--pagefind-ui-scale));
--sl-search-result-pad-block: calc(0.9375rem * var(--pagefind-ui-scale));
--sl-search-result-nested-pad-block: calc(0.625rem * var(--pagefind-ui-scale));
--sl-search-corners: calc(0.3125rem * var(--pagefind-ui-scale));
--sl-search-page-icon-size: calc(1.875rem * var(--pagefind-ui-scale));
--sl-search-page-icon-inline-start: calc(
(var(--sl-search-result-pad-inline-start) - var(--sl-search-page-icon-size)) / 2
);
--sl-search-tree-diagram-size: calc(2.5rem * var(--pagefind-ui-scale));
--sl-search-tree-diagram-inline-start: calc(
(var(--sl-search-result-pad-inline-start) - var(--sl-search-tree-diagram-size)) / 2
);
}
#starlight__search .pagefind-ui__form::before {
--pagefind-ui-text: var(--sl-color-gray-1);
opacity: 1;
}
#starlight__search .pagefind-ui__search-input {
color: var(--sl-color-white);
font-weight: 400;
width: calc(100% - var(--sl-search-cancel-space));
}
#starlight__search input:focus {
--pagefind-ui-border: var(--sl-color-accent);
}
#starlight__search .pagefind-ui__search-clear {
inset-inline-end: var(--sl-search-cancel-space);
width: calc(60px * var(--pagefind-ui-scale));
padding: 0;
background-color: transparent;
overflow: hidden;
}
#starlight__search .pagefind-ui__search-clear:focus {
outline: 1px solid var(--sl-color-accent);
}
#starlight__search .pagefind-ui__search-clear::before {
content: '';
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.41 12 6.3-6.29a1 1 0 1 0-1.42-1.42L12 10.59l-6.29-6.3a1 1 0 0 0-1.42 1.42l6.3 6.29-6.3 6.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l6.29-6.3 6.29 6.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E")
center / 50% no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.41 12 6.3-6.29a1 1 0 1 0-1.42-1.42L12 10.59l-6.29-6.3a1 1 0 0 0-1.42 1.42l6.3 6.29-6.3 6.29a1 1 0 0 0 .33 1.64 1 1 0 0 0 1.09-.22l6.29-6.3 6.29 6.3a1 1 0 0 0 1.64-.33 1 1 0 0 0-.22-1.09L13.41 12Z'/%3E%3C/svg%3E")
center / 50% no-repeat;
background-color: var(--sl-color-text-accent);
display: block;
width: 100%;
height: 100%;
}
#starlight__search .pagefind-ui__results > * + * {
margin-top: var(--sl-search-result-spacing);
}
#starlight__search .pagefind-ui__result {
border: 0;
padding: 0;
}
#starlight__search .pagefind-ui__result-nested {
position: relative;
padding: var(--sl-search-result-nested-pad-block) var(--sl-search-result-pad-inline-end);
padding-inline-start: var(--sl-search-result-pad-inline-start);
}
#starlight__search .pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)),
#starlight__search .pagefind-ui__result-nested {
position: relative;
background-color: var(--sl-color-black);
}
#starlight__search .pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)):hover,
#starlight__search .pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)):focus-within,
#starlight__search .pagefind-ui__result-nested:hover,
#starlight__search .pagefind-ui__result-nested:focus-within {
outline: 1px solid var(--sl-color-accent-high);
}
#starlight__search .pagefind-ui__result-title:not(:where(.pagefind-ui__result-nested *)):focus-within,
#starlight__search .pagefind-ui__result-nested:focus-within {
background-color: var(--sl-color-accent-low);
}
#starlight__search .pagefind-ui__result-thumb,
#starlight__search .pagefind-ui__result-inner {
margin-top: 0;
}
#starlight__search .pagefind-ui__result-inner > :first-child {
border-radius: var(--sl-search-corners) var(--sl-search-corners) 0 0;
}
#starlight__search .pagefind-ui__result-inner > :last-child {
border-radius: 0 0 var(--sl-search-corners) var(--sl-search-corners);
}
#starlight__search .pagefind-ui__result-inner > .pagefind-ui__result-title {
padding: var(--sl-search-result-pad-block) var(--sl-search-result-pad-inline-end);
padding-inline-start: var(--sl-search-result-pad-inline-start);
}
#starlight__search .pagefind-ui__result-inner > .pagefind-ui__result-title::before {
content: '';
position: absolute;
inset-block: 0;
inset-inline-start: var(--sl-search-page-icon-inline-start);
width: var(--sl-search-page-icon-size);
background: var(--sl-color-gray-3);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M9 10h1a1 1 0 1 0 0-2H9a1 1 0 0 0 0 2Zm0 2a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2H9Zm11-3V8l-6-6a1 1 0 0 0-1 0H7a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V9Zm-6-4 3 3h-2a1 1 0 0 1-1-1V5Zm4 14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5v3a3 3 0 0 0 3 3h3v9Zm-3-3H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2Z'/%3E%3C/svg%3E")
center no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M9 10h1a1 1 0 1 0 0-2H9a1 1 0 0 0 0 2Zm0 2a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2H9Zm11-3V8l-6-6a1 1 0 0 0-1 0H7a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V9Zm-6-4 3 3h-2a1 1 0 0 1-1-1V5Zm4 14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5v3a3 3 0 0 0 3 3h3v9Zm-3-3H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2Z'/%3E%3C/svg%3E")
center no-repeat;
}
#starlight__search .pagefind-ui__result-inner {
align-items: stretch;
gap: 1px;
}
#starlight__search .pagefind-ui__result-link {
position: unset;
--pagefind-ui-text: var(--sl-color-white);
font-weight: 600;
}
#starlight__search .pagefind-ui__result-link:hover {
text-decoration: none;
}
#starlight__search .pagefind-ui__result-nested .pagefind-ui__result-link::before {
content: unset;
}
#starlight__search .pagefind-ui__result-nested::before {
content: '';
position: absolute;
inset-block: 0;
inset-inline-start: var(--sl-search-tree-diagram-inline-start);
width: var(--sl-search-tree-diagram-size);
background: var(--sl-color-gray-4);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' viewBox='0 0 16 1000' preserveAspectRatio='xMinYMin slice'%3E%3Cpath d='M8 0v1000m6-988H8'/%3E%3C/svg%3E")
0% 0% / 100% no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' viewBox='0 0 16 1000' preserveAspectRatio='xMinYMin slice'%3E%3Cpath d='M8 0v1000m6-988H8'/%3E%3C/svg%3E")
0% 0% / 100% no-repeat;
}
#starlight__search .pagefind-ui__result-nested:last-child::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='M8 0v12m6 0H8'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='M8 0v12m6 0H8'/%3E%3C/svg%3E");
}
/* Flip page and tree icons around the vertical axis when in an RTL layout. */
[dir='rtl'] .pagefind-ui__result-title::before,
[dir='rtl'] .pagefind-ui__result-nested::before {
transform: matrix(-1, 0, 0, 1, 0, 0);
}
#starlight__search .pagefind-ui__result-link::after {
content: '';
position: absolute;
inset: 0;
}
#starlight__search .pagefind-ui__result-excerpt {
font-size: calc(1rem * var(--pagefind-ui-scale));
overflow-wrap: anywhere;
}
#starlight__search mark {
color: var(--sl-color-gray-2);
background-color: transparent;
font-weight: 600;
}a:where(.astro-omq5j37a) {
color: inherit;
}
@layer starlight.core {
label:where(.astro-r2p65idu) {
--sl-label-icon-size: .875rem;
--sl-caret-size: 1.25rem;
--sl-inline-padding: .5rem;
position: relative;
display: flex;
align-items: center;
gap: .25rem;
color: var(--sl-color-gray-2);
}
label:where(.astro-r2p65idu):hover {
color: var(--sl-color-white);
}
.icon:where(.astro-r2p65idu) {
position: absolute;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
select:where(.astro-r2p65idu) {
border: 0;
padding-block: .625rem;
padding-inline: calc(var(--sl-label-icon-size) + var(--sl-inline-padding) + .25rem)
calc(var(--sl-caret-size) + var(--sl-inline-padding) + .25rem);
margin-inline: calc(var(--sl-inline-padding) * -1);
width: calc(var(--sl-select-width) + var(--sl-inline-padding) * 2);
background-color: #0000;
text-overflow: ellipsis;
color: inherit;
cursor: pointer;
appearance: none;
}
option:where(.astro-r2p65idu) {
background-color: var(--sl-color-bg-nav);
color: var(--sl-color-gray-1);
}
@media (width >= 50rem) {
select:where(.astro-r2p65idu) {
font-size: var(--sl-text-sm);
}
}
}
@layer starlight.components {
.label-icon:where(.astro-r2p65idu) {
font-size: var(--sl-label-icon-size);
inset-inline-start: 0;
}
.caret:where(.astro-r2p65idu) {
font-size: var(--sl-caret-size);
inset-inline-end: 0;
}
}
svg:where(.astro-5a3tzqf7) {
flex-shrink: 0;
width: 1rem;
height: 1rem;
pointer-events: none;
}
[data-theme="light"] svg:where(.astro-5a3tzqf7).sun {
display: none;
}
[data-theme="dark"] svg:where(.astro-5a3tzqf7).moon {
display: none;
}
.logo-size:where(.astro-dpcx3esk) {
width: auto;
height: 3.5rem;
}
.site-title:where(.astro-dpcx3esk) {
gap: 1rem;
align-items: center;
display: flex;
margin-right: 2rem;
margin-left: 1rem;
}
@media (width >= 1024px) {
.site-title:where(.astro-dpcx3esk) {
margin-left: 1rem;
margin-right: 2rem;
}
}
.title-text:where(.astro-dpcx3esk) {
font-weight: 700;
display: none;
}
@media (width >= 1024px) {
.title-text:where(.astro-dpcx3esk) {
display: inline-block;
}
}
a:where(.astro-dpcx3esk) {
color: inherit;
text-decoration: inherit;
}
.nav-bar:where(.astro-ovy2ywft) {
font-size: 1rem;
line-height: 1.25rem;
gap: 1rem;
align-items: center;
display: flex;
}
@media (width >= 1280px) {
.nav-bar:where(.astro-ovy2ywft) {
gap: 1.5rem;
}
}
button:where(.astro-6memevxr) {
all: unset;
display: inline-flex;
margin-right: .5rem;
margin-left: -.5rem;
height: 2rem;
width: 2rem;
align-items: center;
justify-content: center;
padding-bottom: .5rem;
padding-top: .5rem;
font-size: 1rem;
line-height: 1.5rem;
}
@media (width >= 768px) {
button:where(.astro-6memevxr) {
display: none;
}
}
button:where(.astro-6memevxr) > svg:where(.astro-6memevxr) {
width: 1.5rem;
height: 1.5rem;
}
.site-title-wrapper:where(.astro-ix7264y7) {
display: none;
margin-right: 1rem;
}
@media (width >= 768px) {
.site-title-wrapper:where(.astro-ix7264y7) {
display: flex;
}
}
.header-right:where(.astro-ix7264y7) {
gap: .5rem;
justify-content: space-between;
align-items: center;
flex: 1 1 0;
display: flex;
}
@media (width >= 768px) {
.header-right:where(.astro-ix7264y7) {
justify-content: flex-end;
}
}
.header-nav:where(.astro-ix7264y7) {
gap: .125rem;
align-items: center;
display: flex;
}
a:where(.astro-tts4tezv) {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s;
color: var(--primary-foreground);
font-weight: 500;
font-size: .75rem;
line-height: 1rem;
padding-left: .75rem;
padding-right: .75rem;
border-radius: calc(var(--radius) - 2px);
white-space: nowrap;
gap: .5rem;
justify-content: center;
align-items: center;
height: 2rem;
display: inline-flex;
text-decoration: inherit;
}
.primary:where(.astro-tts4tezv) {
background-color: var(--primary);
}
.primary:where(.astro-tts4tezv):hover {
background-color: color-mix(in oklab, var(--primary) 90%, transparent);
}
.secondary:where(.astro-tts4tezv) {
background-color: var(--secondary);
color: var(--secondary-foreground);
}
.secondary:where(.astro-tts4tezv):hover {
background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
}
.minimal:where(.astro-tts4tezv) {
color: var(--accent-foreground);
}
.minimal:where(.astro-tts4tezv):hover {
color: var(--accent-foreground);
background-color: var(--accent);
}
.hero:where(.astro-tdp5f5oh) {
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
align-items: flex-start;
flex-direction: column;
gap: .25rem;
}
@media (width >= 1024px) {
.hero:where(.astro-tdp5f5oh) {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (width >= 768px) {
.hero:where(.astro-tdp5f5oh) {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
.title:where(.astro-tdp5f5oh) {
color: var(--foreground-light);
letter-spacing: -.05em;
font-weight: 700;
font-size: 1.875rem;
line-height: 2.25rem;
}
@media (width >= 1024px) {
.title:where(.astro-tdp5f5oh) {
line-height: 1.1;
}
}
@media (width >= 768px) {
.title:where(.astro-tdp5f5oh) {
font-size: 2.25rem;
line-height: 2.5rem;
}
}
.tagline:where(.astro-tdp5f5oh) {
color: var(--muted-foreground);
font-weight: 300;
font-size: 1.125rem;
line-height: 1.75rem;
max-width: 42rem;
}
.actions:where(.astro-tdp5f5oh) {
width: 100%;
padding-top: .5rem;
display: flex;
justify-content: flex-start;
align-items: center;
gap: .5rem;
}
@layer starlight.content {
.sl-markdown-content
:not(a, strong, em, del, span, input, code, br)
+ :not(a, strong, em, del, span, input, code, br, :where(.not-content *)) {
margin-top: var(--sl-content-gap-y);
}
/* Vertical spacing between Markdown content blocks and UI Framework components using client directives. */
.sl-markdown-content
:not(a, strong, em, del, span, input, code, br)
+ :is(astro-island, astro-slot)
> :not(a, strong, em, del, span, input, code, br, :where(.not-content *)):first-child {
margin-top: var(--sl-content-gap-y);
}
/* Headings after non-headings have more spacing. */
.sl-markdown-content
:not(h1, h2, h3, h4, h5, h6)
+ :is(h1, h2, h3, h4, h5, h6):not(:where(.not-content *)) {
margin-top: 1.5em;
}
.sl-markdown-content li + li:not(:where(.not-content *)),
.sl-markdown-content dt + dt:not(:where(.not-content *)),
.sl-markdown-content dt + dd:not(:where(.not-content *)),
.sl-markdown-content dd + dd:not(:where(.not-content *)) {
margin-top: 0.25rem;
}
.sl-markdown-content li:not(:where(.not-content *)) {
overflow-wrap: anywhere;
}
/*
* This complex selector manages spacing inside lists.
*
* - Finds all lists containing items with non-inline direct children (e.g.
* ul > li > p)
* - Applies a bottom margin to the last non-inline child of each list item
* in this list
*
* This ensures that even if only one list item contains a block element
* (most commonly a paragraph), siblings of that list item are spaced
* consistently.
*/
.sl-markdown-content
:is(ol, ul):has(> li > :not(a, strong, em, del, span, input, code, br, script, ol, ul))
> li
> :is(
:last-child:not(a, strong, em, del, span, input, code, br, script, :where(.not-content *)),
/*
* For list items ending with 1 or multiple script elements (`:has(~
* script:last-child)`), we need to style the last non-script
* element (`:not(script)`) that doesn't have a subsequent sibling
* that is not a script (`:not(:has(~ :not(script)))`).
*/
:not(script):has(~ script:last-child):not(:has(~ :not(script)))
) {
margin-bottom: 1.25rem;
}
.sl-markdown-content dt:not(:where(.not-content *)) {
font-weight: 700;
}
.sl-markdown-content dd:not(:where(.not-content *)) {
padding-inline-start: 1rem;
}
.sl-markdown-content :is(h1, h2, h3, h4, h5, h6):not(:where(.not-content *)) {
color: var(--sl-color-white);
line-height: var(--sl-line-height-headings);
font-weight: 600;
}
.sl-markdown-content :is(img, picture, video, canvas, svg, iframe):not(:where(.not-content *)) {
display: block;
max-width: 100%;
height: auto;
}
.sl-markdown-content h1:not(:where(.not-content *)) {
font-size: var(--sl-text-h1);
}
.sl-markdown-content h2:not(:where(.not-content *)) {
font-size: var(--sl-text-h2);
}
.sl-markdown-content h3:not(:where(.not-content *)) {
font-size: var(--sl-text-h3);
}
.sl-markdown-content h4:not(:where(.not-content *)) {
font-size: var(--sl-text-h4);
}
.sl-markdown-content h5:not(:where(.not-content *)) {
font-size: var(--sl-text-h5);
}
.sl-markdown-content h6:not(:where(.not-content *)) {
font-size: var(--sl-text-h6);
}
.sl-markdown-content a:not(:where(.not-content *)) {
color: var(--sl-color-text-accent);
}
.sl-markdown-content a:hover:not(:where(.not-content *)) {
color: var(--sl-color-white);
}
.sl-markdown-content code:not(:where(.not-content *)) {
background-color: var(--sl-color-bg-inline-code);
margin-block: -0.125rem;
padding: 0.125rem 0.375rem;
font-size: var(--sl-text-code-sm);
}
.sl-markdown-content :is(h1, h2, h3, h4, h5, h6) code {
font-size: inherit;
}
.sl-markdown-content pre:not(:where(.not-content *)) {
border: 1px solid var(--sl-color-gray-5);
padding: 0.75rem 1rem;
font-size: var(--sl-text-code);
tab-size: 2;
}
.sl-markdown-content pre code:not(:where(.not-content *)) {
all: unset;
font-family: var(--__sl-font-mono);
}
.sl-markdown-content blockquote:not(:where(.not-content *)) {
border-inline-start: 1px solid var(--sl-color-gray-5);
padding-inline-start: 1rem;
}
/* Table styling */
.sl-markdown-content table:not(:where(.not-content *)) {
display: block;
overflow: auto;
border-spacing: 0;
}
.sl-markdown-content :is(th, td):not(:where(.not-content *)) {
border-bottom: 1px solid var(--sl-color-gray-5);
padding: 0.5rem 1rem;
/* Align text to the top of the row in multiline tables. */
vertical-align: baseline;
}
.sl-markdown-content :is(th:first-child, td:first-child):not(:where(.not-content *)) {
padding-inline-start: 0;
}
.sl-markdown-content :is(th:last-child, td:last-child):not(:where(.not-content *)) {
padding-inline-end: 0;
}
.sl-markdown-content th:not(:where(.not-content *)) {
color: var(--sl-color-white);
font-weight: 600;
}
/* Align headings to the start of the line unless set by the `align` attribute. */
.sl-markdown-content th:not([align]):not(:where(.not-content *)) {
text-align: start;
}
/*
s,
s, and s inside asides */
.sl-markdown-content .starlight-aside :is(th, td, hr, blockquote):not(:where(.not-content *)) {
border-color: var(--sl-color-gray-4);
}
@supports (
border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 30%, transparent)
) {
.sl-markdown-content .starlight-aside :is(th, td, hr, blockquote):not(:where(.not-content *)) {
border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 30%, transparent);
}
}
/* inside asides */
@supports (
border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent)
) {
.sl-markdown-content .starlight-aside code:not(:where(.not-content *)) {
background-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent);
}
}
.sl-markdown-content hr:not(:where(.not-content *)) {
border: 0;
border-bottom: 1px solid var(--sl-color-hairline);
}
/* and styles */
.sl-markdown-content details:not(:where(.not-content *)) {
--sl-details-border-color: var(--sl-color-gray-5);
--sl-details-border-color--hover: var(--sl-color-text-accent);
border-inline-start: 2px solid var(--sl-details-border-color);
padding-inline-start: 1rem;
}
.sl-markdown-content details:not([open]):hover:not(:where(.not-content *)),
.sl-markdown-content details:has(> summary:hover):not(:where(.not-content *)) {
border-color: var(--sl-details-border-color--hover);
}
.sl-markdown-content summary:not(:where(.not-content *)) {
color: var(--sl-color-white);
cursor: pointer;
display: block; /* Needed to hide the default marker in some browsers. */
font-weight: 600;
/* Expand the outline so that the marker cannot distort it. */
margin-inline-start: -0.5rem;
padding-inline-start: 0.5rem;
}
.sl-markdown-content details[open] > summary:not(:where(.not-content *)) {
margin-bottom: 1rem;
}
/* marker styles */
.sl-markdown-content summary:not(:where(.not-content *))::marker,
.sl-markdown-content summary:not(:where(.not-content *))::-webkit-details-marker {
display: none;
}
.sl-markdown-content summary:not(:where(.not-content *))::before {
--sl-details-marker-size: 1.25rem;
background-color: currentColor;
content: '';
display: inline-block;
height: var(--sl-details-marker-size);
width: var(--sl-details-marker-size);
margin-inline: calc((var(--sl-details-marker-size) / 4) * -1) 0.25rem;
vertical-align: middle;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.8 11.3 10.6 7a1 1 0 1 0-1.4 1.5l3.5 3.5-3.5 3.5a1 1 0 0 0 0 1.4 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3l4.2-4.2a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.8 11.3 10.6 7a1 1 0 1 0-1.4 1.5l3.5 3.5-3.5 3.5a1 1 0 0 0 0 1.4 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3l4.2-4.2a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (prefers-reduced-motion: no-preference) {
.sl-markdown-content summary:not(:where(.not-content *))::before {
transition: transform 0.2s ease-in-out;
}
}
.sl-markdown-content details[open] > summary:not(:where(.not-content *))::before {
transform: rotateZ(90deg);
}
[dir='rtl'] .sl-markdown-content summary:not(:where(.not-content *))::before,
.sl-markdown-content [dir='rtl'] summary:not(:where(.not-content *))::before {
transform: rotateZ(180deg);
}
/* with only a paragraph automatically added when using MDX */
.sl-markdown-content summary:not(:where(.not-content *)) p:only-child {
display: inline;
}
/* styles inside asides */
.sl-markdown-content .starlight-aside details:not(:where(.not-content *)) {
--sl-details-border-color: var(--sl-color-asides-border);
--sl-details-border-color--hover: var(--sl-color-asides-text-accent);
}
}
button:where(.astro-swu5pdez) {
all: unset;
}
:where(.astro-swu5pdez)[popover] {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
opacity: 0;
pointer-events: none;
align-items: center;
flex-direction: column;
justify-content: flex-end;
transition: all .1s linear;
z-index: 1000;
background: none;
border: none;
}
:where(.astro-swu5pdez)[popover]::backdrop {
background: #000c;
}
:where(.astro-swu5pdez)[popover]:popover-open {
opacity: 1;
pointer-events: auto;
}
:where(.astro-swu5pdez)[popover]:popover-open .content:where(.astro-swu5pdez) {
transform: translateY(0%);
}
.sheet-overlay:where(.astro-swu5pdez) {
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100vw;
height: 100vh;
opacity: .1;
background-color: #0000;
}
.content:where(.astro-swu5pdez) {
width: 100%;
position: relative;
background: var(--background);
max-height: 100vh;
height: 50vh;
max-width: 1150px;
transform: translateY(100%);
border-radius: 12px 12px 0 0;
box-shadow: 0 10px 20px #00000008;
transition: all .3s;
}
.header:where(.astro-swu5pdez) {
display: flex;
justify-content: center;
}
.header:where(.astro-swu5pdez) .drag-icon:where(.astro-swu5pdez) span:where(.astro-swu5pdez) {
height: .1rem;
width: 100px;
display: block;
background-color: var(--muted);
border-radius: 9999px;
margin-top: 1rem;
}
.body:where(.astro-swu5pdez) {
height: 100%;
overflow-y: auto;
padding: 1.5rem;
}
.body:where(.astro-swu5pdez)::-webkit-scrollbar {
width: 0;
}
.links-nav:where(.astro-swu5pdez) {
display: flex;
flex-direction: column;
gap: .75rem;
}
.links-nav:where(.astro-swu5pdez) a:where(.astro-swu5pdez) {
font-size: 1rem;
line-height: 1.5rem;
color: inherit;
text-decoration: inherit;
}
.links-docs:where(.astro-swu5pdez) {
display: flex;
flex-direction: column;
gap: .5rem;
}
.container-sidebar-entry:where(.astro-swu5pdez) {
padding-top: 1.5rem;
display: flex;
flex-direction: column;
gap: .5rem;
}
.entry-title:where(.astro-swu5pdez) {
font-weight: 500;
}
.container-sidebar-entry:where(.astro-swu5pdez) a:where(.astro-swu5pdez) {
font-size: 1rem;
line-height: 1.5rem;
color: var(--muted-foreground);
text-decoration: inherit;
}
.badge:where(.astro-swu5pdez) {
padding-top: .125rem;
padding-bottom: .125rem;
padding-left: .375rem;
padding-right: .375rem;
margin-left: .5rem;
border-radius: .375rem;
font-size: .75rem;
line-height: 1rem;
font-weight: 400;
line-height: 1;
text-decoration: none;
background: #adfa1d;
color: #000;
}
.layout:where(.astro-a4jvgac7) {
background-color: var(--background);
display: flex;
flex-direction: column;
min-height: 100svh;
position: relative;
}
.layout__grid:where(.astro-a4jvgac7) {
border-color: color-mix(in oklab, var(--border) 30%, transparent);
display: flex;
flex-direction: column;
flex: 1;
}
[data-theme="dark"] .layout__grid:where(.astro-a4jvgac7) {
border-color: var(--border);
}
.layout__header:where(.astro-a4jvgac7) {
background-color: color-mix(in oklab, var(--background) 60%, transparent);
border-color: color-mix(in oklab, var(--border) 30%, transparent);
border-bottom-width: 1px;
border-bottom-style: solid;
width: 100%;
z-index: 50;
top: 0;
position: sticky;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
[data-theme="dark"] .layout__header:where(.astro-a4jvgac7) {
border-color: var(--border);
}
.container__header:where(.astro-a4jvgac7) {
display: flex;
align-items: center;
height: 3.5rem;
}
.main:where(.astro-a4jvgac7) {
display: flex;
flex: 1 1 0;
flex-direction: column;
}
.container-wrapper-main:where(.astro-a4jvgac7) {
align-items: flex-start;
flex: 1 1 0;
}
@media (width >= 768px) {
.container-wrapper-main:where(.astro-a4jvgac7) {
gap: 1.5rem;
grid-template-columns: 240px minmax(0, 1fr);
display: grid;
}
}
@media (width >= 1440px) {
.container-wrapper-main:where(.astro-a4jvgac7) {
gap: 2.5rem;
grid-template-columns: 320px minmax(0, 1fr);
}
}
.aside:where(.astro-a4jvgac7) {
border-color: color-mix(in oklab, var(--border) 30%, transparent);
border-right-width: 1px;
border-right-style: solid;
flex-shrink: 0;
width: 100%;
height: calc(100vh - 3.5rem);
display: none;
z-index: 30;
top: 3.5rem;
position: fixed;
}
[data-theme="dark"] .aside:where(.astro-a4jvgac7) {
border-color: var(--border);
}
@media (width >= 768px) {
.aside:where(.astro-a4jvgac7) {
display: block;
position: sticky;
}
}
.footer:where(.astro-a4jvgac7) {
border-color: color-mix(in oklab, var(--border) 30%, transparent);
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-top-width: 1px;
border-top-style: solid;
}
[data-theme="dark"] .footer:where(.astro-a4jvgac7) {
border-color: var(--border);
}
@media (width >= 768px) {
.footer:where(.astro-a4jvgac7) {
padding-top: 0;
padding-bottom: 0;
padding-left: 2rem;
padding-right: 2rem;
}
}
.footer-container:where(.astro-a4jvgac7) {
margin-left: auto;
margin-right: auto;
max-width: 1536px;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (width >= 1536px) {
.footer-container:where(.astro-a4jvgac7) {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (width >= 1280px) {
.footer-container:where(.astro-a4jvgac7) {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.footer-text:where(.astro-a4jvgac7) {
color: var(--muted-foreground);
line-height: 2;
font-size: .875rem;
line-height: 1.25rem;
text-align: center;
text-wrap: balance;
}
@media (width >= 768px) {
.footer-text:where(.astro-a4jvgac7) {
text-align: left;
}
}
.footer-text a {
text-underline-offset: 4px;
text-decoration-line: underline;
font-weight: 500;
color: inherit;
}starlight-toc:where(.astro-thrf6exe) {
display: block;
scrollbar-width: thin;
padding-bottom: 2.5rem;
overflow: hidden;
scrollbar-gutter: stable both-edges;
width: 300px;
height: 100%;
}
starlight-toc:where(.astro-thrf6exe):hover {
overflow-y: auto;
}
starlight-toc:where(.astro-thrf6exe) a:where(.astro-thrf6exe)[aria-current="true"] {
font-weight: 600;
padding-left: .5rem;
color: var(--accent-foreground) !important;
border-left: 2px solid var(--accent-foreground) !important;
}
div:where(.astro-kpwdnqzl) {
padding-top: 1rem;
height: calc(100vh - 3.5rem);
margin-top: -1.5rem;
top: 5rem;
position: sticky;
}
.breadcrumb:where(.astro-nlwnllph) {
color: var(--muted-foreground);
line-height: 1;
font-size: .875rem;
align-items: center;
display: flex;
margin-bottom: 1rem;
}
.truncate:where(.astro-nlwnllph) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumb:where(.astro-nlwnllph) svg:where(.astro-nlwnllph) {
width: .875rem;
height: .875rem;
margin-left: .5rem;
}
.text-foreground:where(.astro-nlwnllph) {
color: var(--foreground-light);
margin-left: .5rem;
}
h1:where(.astro-nlwnllph) {
color: var(--foreground-light);
letter-spacing: -.025em;
font-weight: 800;
font-size: 2.875rem;
line-height: 3rem;
scroll-margin: 5rem;
margin: 0;
}
p:where(.astro-nlwnllph) {
margin: .5rem 0 0;
color: var(--muted-foreground);
font-size: 1rem;
line-height: 1.5rem;
text-wrap: balance;
}
.links:where(.astro-nlwnllph) {
padding-top: 1rem;
align-items: center;
display: flex;
}
.links:where(.astro-nlwnllph) > a:where(.astro-nlwnllph) {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s;
color: var(--secondary-foreground);
font-weight: 600;
font-size: .75rem;
line-height: 1rem;
padding-top: .125rem;
padding-bottom: .125rem;
padding-left: .625rem;
padding-right: .625rem;
background-color: var(--secondary);
border-radius: calc(var(--radius) - 2px);
gap: .25rem;
align-items: center;
display: inline-flex;
text-decoration: inherit;
}
.links:where(.astro-nlwnllph) > a:where(.astro-nlwnllph):not(:first-child) {
margin-right: .5rem;
margin-left: .5rem;
}
.container-sidebar-entry:where(.astro-paft6zir) {
flex-direction: column;
display: flex;
}
.container-sidebar-entry:where(.astro-paft6zir).is-expanded {
margin-bottom: 1rem;
}
.entry-title-button:where(.astro-paft6zir) {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: none;
border: none;
padding: .5rem 0;
cursor: pointer;
color: inherit;
font: inherit;
text-align: left;
}
.entry-title-button:where(.astro-paft6zir):hover {
color: var(--accent-foreground);
}
.entry-title:where(.astro-paft6zir) {
margin: 0;
font-size: .875rem;
font-weight: 600;
}
.collapse-icon:where(.astro-paft6zir) {
width: 1rem;
height: 1rem;
transition: transform .2s ease-in-out;
flex-shrink: 0;
}
.container-sidebar-entry:where(.astro-paft6zir).collapsed .collapse-icon:where(.astro-paft6zir) {
transform: rotate(-90deg);
}
.container-group-link:where(.astro-paft6zir) {
overflow: hidden;
max-height: 1000px;
opacity: 1;
}
.container-sidebar-entry:where(.astro-paft6zir).collapsed .container-group-link:where(.astro-paft6zir) {
max-height: 0;
opacity: 0;
}
.container-sidebar:where(.astro-k466ao7e) {
gap: 0;
}
@layer starlight.core {
a:where(.astro-vxeigawq) {
clip: rect(0, 0, 0, 0);
position: fixed;
top: .75rem;
inset-inline-start: .75rem;
}
a:where(.astro-vxeigawq):focus {
clip: unset;
z-index: var(--sl-z-index-skiplink);
display: block;
padding: .5rem 1rem;
text-decoration: none;
color: var(--sl-color-text-invert);
background-color: var(--sl-color-text-accent);
box-shadow: var(--sl-shadow-lg);
}
}
.container-main:where(.astro-5fibyfhg) {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
position: relative;
}
@media (width >= 1280px) {
.container-main:where(.astro-5fibyfhg) {
grid-template-columns: 1fr 300px;
display: grid;
}
}
@media (width >= 1024px) {
.container-main:where(.astro-5fibyfhg) {
padding-top: 2rem;
padding-bottom: 2rem;
gap: 2.5rem;
}
}
.main:where(.astro-5fibyfhg) {
max-width: 42rem;
min-width: 0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.toc:where(.astro-5fibyfhg) {
font-size: .875rem;
line-height: 1.25rem;
display: none;
}
@media (width >= 1280px) {
.toc:where(.astro-5fibyfhg) {
display: block;
}
}
html:not([data-has-toc]) {
--sl-mobile-toc-height: 0rem;
}
html:not([data-has-sidebar]) {
--sl-content-width: 67.5rem;
}
html {
scroll-padding-top: calc(1.5rem + var(--sl-nav-height) + var(--sl-mobile-toc-height));
}
main:where(.astro-vdxcvpsm) {
padding: var(--sl-main-pad);
}
@media (width >= 50em) {
:where(.astro-vdxcvpsm)[data-has-sidebar] {
--sl-content-inline-start: var(--sl-sidebar-width);
}
}
@media (width >= 72em) {
html {
scroll-padding-top: calc(1.5rem + var(--sl-nav-height));
}
}