.details-value[data-astro-cid-v267ei47]{display:inline-flex;align-items:center;gap:8px;margin-inline:-8px;padding:4px 8px;border-radius:4px;color:var(--text-strong-color);text-decoration:none}.details-value[data-astro-cid-v267ei47]:is(a):hover{text-decoration:underline}.details-value[data-astro-cid-v267ei47]:focus-visible{outline:2px solid var(--brand-teal-400);outline-offset:-1px}.details[data-astro-cid-w2uqc2r7]{max-width:440px;margin-top:var(--examples-aside-offset, 0);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);padding:20px 20px 8px;font-family:var(--font-family-base);background-color:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.details-title[data-astro-cid-w2uqc2r7]{all:unset;display:block;margin-bottom:12px;font-family:inherit;font-size:20px;line-height:1.4;font-weight:600;color:var(--heading-color)}.details-list[data-astro-cid-w2uqc2r7] li[data-astro-cid-w2uqc2r7]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0;padding-block:12px;gap:4px 16px;font-size:14px;line-height:1.2857142857}.details-list[data-astro-cid-w2uqc2r7] li[data-astro-cid-w2uqc2r7]+li[data-astro-cid-w2uqc2r7]{border-top:1px solid hsla(0,0%,100%,.1)}.details-list[data-astro-cid-w2uqc2r7] strong[data-astro-cid-w2uqc2r7]{display:inline-block;vertical-align:middle;padding-block:4px;font-weight:400}.details-tags[data-astro-cid-w2uqc2r7]{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;margin-top:4px;gap:8px}.details-tag[data-astro-cid-w2uqc2r7]{display:inline-block;padding:4px 6px;border-radius:4px;color:var(--text-strong-color);background-color:var(--brand-gray-950)}.header[data-astro-cid-jvwnmxbq]{--icon-area-size: 100px;--icon-image-size: 64px;overflow:hidden;margin-top:72px;contain:content;font-family:var(--font-family-base);color:var(--brand-gray-200);background-color:#ffffff0d}.header-content[data-astro-cid-jvwnmxbq]{display:grid;grid-template-areas:"icon -" "text text";grid-template-columns:var(--icon-area-size) 1fr;grid-template-rows:var(--icon-area-size) 1fr;gap:45px 30px;position:relative;max-width:calc(var(--examples-max-width) + var(--layout-content-padding) * 2);margin-inline:auto;padding-block:70px;padding-inline:var(--layout-content-padding)}@media (width >= 860px){.header-content[data-astro-cid-jvwnmxbq]{grid-template-areas:"icon text";grid-template-columns:var(--icon-area-size) 1fr;grid-template-rows:auto;padding-block:70px 80px}}@media (width >= 1280px){.header-content[data-astro-cid-jvwnmxbq]{grid-template-areas:"icon text -";grid-template-columns:var(--icon-area-size) 1fr 300px;padding-block:70px}}.header-icon-bg[data-astro-cid-jvwnmxbq],.header-icon-content[data-astro-cid-jvwnmxbq]{position:relative;grid-area:icon;display:block;width:var(--icon-area-size);height:var(--icon-area-size)}.header-icon-bg[data-astro-cid-jvwnmxbq] svg{position:absolute;z-index:1;left:calc(50% - 30px);bottom:-32px;width:60px;height:40px}.header-icon-bg[data-astro-cid-jvwnmxbq]:after{content:"";position:absolute;z-index:1;inset:0;border-radius:12px;border:1px solid var(--brand-gray-800);background:var(--brand-gray-950)}.header-icon-content[data-astro-cid-jvwnmxbq]{z-index:5;display:flex;align-items:center;justify-content:center}.header-icon-content[data-astro-cid-jvwnmxbq] img{display:block;flex:none;width:var(--icon-image-size);height:var(--icon-image-size)}.header-gradient[data-astro-cid-jvwnmxbq]{--radius-x: 727px;--radius-y: 168px;content:"";pointer-events:none;position:absolute;z-index:3;left:calc(50% - var(--radius-x));top:calc(-90px - var(--radius-y));width:calc(var(--radius-x) * 2);height:calc(var(--radius-y) * 2);filter:blur(67px);background-image:radial-gradient(75% 60% at 50% 50%,var(--examples-accent-header-gradient) 0%,var(--examples-accent-color-zero) 100%)}@media (width < 860px){.header-gradient[data-astro-cid-jvwnmxbq]{grid-area:icon;left:calc(100px - var(--radius-x));top:calc(-10px - var(--radius-y))}}.header-text[data-astro-cid-jvwnmxbq]{grid-area:text;position:relative;flex:1 1 auto;max-width:660px}.header-title[data-astro-cid-jvwnmxbq]{all:unset;margin:block;font-family:inherit;font-weight:600;font-size:24px;line-height:1.25;color:var(--heading-color)}.header-intro[data-astro-cid-jvwnmxbq]{margin-block:6px 0;font-size:14px;line-height:1.4285714286;font-weight:400}.examples-toc[data-astro-cid-fbnhozah]{position:sticky;top:92px;margin-top:32px}@media (width < 1280px){.examples-toc[data-astro-cid-fbnhozah]{display:none!important}}.examples-toc-title[data-astro-cid-fbnhozah]{all:unset;display:block;padding-inline:20px;font-size:20px;line-height:1.4;font-weight:600;color:var(--heading-color)}.examples-toc-items[data-astro-cid-fbnhozah]{display:flex;flex-direction:column;margin:0;padding:16px 0;list-style:none}.examples-toc-items[data-astro-cid-fbnhozah] li[data-astro-cid-fbnhozah]{margin:0;font-size:16px;font-weight:400;line-height:1.375}.examples-toc-link[data-astro-cid-fbnhozah]{display:block;border-radius:4px;margin-left:6px;padding-block:8px;padding-left:0;padding-right:20px;text-decoration:none;color:#fff9;transition:color var(--transition-fast);--transition-highlight: .3s ease}.examples-toc-link[data-astro-cid-fbnhozah]:hover{color:var(--text-strong-color)}.examples-toc-link[data-astro-cid-fbnhozah]:focus-visible{outline:2px solid var(--brand-teal-400);outline-offset:-1px}.examples-toc-link[data-astro-cid-fbnhozah]>span[data-astro-cid-fbnhozah]{display:block;position:relative;padding-left:14px;transition:transform var(--transition-highlight)}.examples-toc-link[data-astro-cid-fbnhozah]>span[data-astro-cid-fbnhozah]:before{content:"";position:absolute;opacity:var(--toc-highlight-border-opacity, 0);left:1px;top:0;width:2px;height:1lh;background:var(--examples-accent-color);box-shadow:0 0 12px 0 var(--examples-accent-color);transition:opacity var(--transition-highlight)}.examples-toc-link[data-astro-cid-fbnhozah].highlight{color:var(--text-strong-color)}.examples-toc-link[data-astro-cid-fbnhozah].highlight>span{--toc-highlight-border-opacity: 1;transform:translate(14px)}:root{--examples-max-width: 860px;--examples-aside-offset: -30px;scroll-padding-block-start:100px}@media (width >= 1280px){:root{--examples-max-width: 1200px;--examples-aside-offset: -40px}}body.examples-page{background-color:var(--brand-black)}.examples-grid[data-astro-cid-usg7w7vz]{max-width:calc(var(--examples-max-width) + var(--layout-content-padding) * 2);margin-inline:auto;padding-inline:var(--layout-content-padding);padding-bottom:60px}@media (width >= 1280px){.examples-grid[data-astro-cid-usg7w7vz]{display:grid;grid-template-areas:"main aside";grid-template-columns:1fr 300px;gap:40px}}.examples-aside[data-astro-cid-usg7w7vz]{max-width:440px}@media (width >= 1280px){.examples-aside[data-astro-cid-usg7w7vz]{grid-area:aside;width:300px}}.examples-content[data-astro-cid-usg7w7vz]{container:examples-content/inline-size;padding-top:44px;font-family:var(--font-family-base);color:var(--text-color)}@media (width >= 1280px){.examples-content[data-astro-cid-usg7w7vz]{grid-area:main}}.examples-content[data-astro-cid-usg7w7vz]>:is(h1,h2,h3,h4,h5,h6){all:unset;display:block;color:inherit}