.ThreeBExampleIconLattice-module-scss-module__qNFtca__lattice{z-index:0;pointer-events:none;border-radius:inherit;--flatSpotFill:var(--acc60);--flatSpotStroke:color-mix(in srgb,var(--secondaryFg5,var(--c-yellow5))24%,var(--acc60));position:absolute;inset:0;overflow:hidden}.ThreeBExampleIconLattice-module-scss-module__qNFtca__tonePage{--flatSpotFill:var(--pageBg,var(--lightest));--flatSpotStroke:color-mix(in srgb,var(--acc20)40%,var(--lightest))}.ThreeBExampleIconLattice-module-scss-module__qNFtca__row{will-change:transform;display:block;position:absolute;left:0}
.ThreeBExampleCard-module-scss-module__-mhyEa__card{text-align:left;appearance:none;border:1.5px solid var(--acc20);width:100%;color:var(--acc65);cursor:pointer;background-color:#0000;border-radius:1.6rem;flex-direction:column;padding:0;display:flex;overflow:hidden}@media (hover:hover){.ThreeBExampleCard-module-scss-module__-mhyEa__card:hover{border-color:var(--acc50)}}.ThreeBExampleCard-module-scss-module__-mhyEa__card:focus-visible{outline:2px solid var(--acc50);outline-offset:2px}.ThreeBExampleCard-module-scss-module__-mhyEa__noImage{gap:2.4rem;padding:1.8rem}.ThreeBExampleCard-module-scss-module__-mhyEa__noImage:not(.ThreeBExampleCard-module-scss-module__-mhyEa__featured){gap:2.8rem;min-height:18rem}.ThreeBExampleCard-module-scss-module__-mhyEa__noImage:not(.ThreeBExampleCard-module-scss-module__-mhyEa__featured) .ThreeBExampleCard-module-scss-module__-mhyEa__body{margin-top:auto}.ThreeBExampleCard-module-scss-module__-mhyEa__noImage:not(.ThreeBExampleCard-module-scss-module__-mhyEa__featured) .ThreeBExampleCard-module-scss-module__-mhyEa__title{font-size:2rem}.ThreeBExampleCard-module-scss-module__-mhyEa__featured{aspect-ratio:3/4;isolation:isolate;background-color:var(--acc60);border:2px solid var(--acc60);color:var(--secondaryFg5,var(--c-yellow5));position:relative}.ThreeBExampleCard-module-scss-module__-mhyEa__featured.ThreeBExampleCard-module-scss-module__-mhyEa__fluidFeatured{aspect-ratio:5/3}.ThreeBExampleCard-module-scss-module__-mhyEa__featured.ThreeBExampleCard-module-scss-module__-mhyEa__noImage{overflow:visible}.ThreeBExampleCard-module-scss-module__-mhyEa__featured:not(.ThreeBExampleCard-module-scss-module__-mhyEa__noImage){container-type:inline-size}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__icons,.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__media,.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__body{z-index:1;position:relative}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__kicker{color:var(--secondaryFg5,var(--c-yellow5))}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__body{text-shadow:0 0 .5rem var(--acc60),0 0 .5rem var(--acc60);margin-top:auto}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__title{color:var(--secondaryFg5,var(--c-yellow5));font-family:var(--fontSans);letter-spacing:-.01em;font-size:2.4rem;font-weight:500;line-height:1.1}.ThreeBExampleCard-module-scss-module__-mhyEa__featured.ThreeBExampleCard-module-scss-module__-mhyEa__noImage .ThreeBExampleCard-module-scss-module__-mhyEa__title{letter-spacing:-.03em;font-size:3.4rem}@media (max-width:1023px){.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__title{font-size:2rem}.ThreeBExampleCard-module-scss-module__-mhyEa__featured.ThreeBExampleCard-module-scss-module__-mhyEa__noImage .ThreeBExampleCard-module-scss-module__-mhyEa__title{font-size:2.6rem}}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__icons{background-color:color-mix(in srgb,var(--acc70)40%,transparent);-webkit-backdrop-filter:blur(8px)saturate(1.3);backdrop-filter:blur(8px)saturate(1.3);border:1px solid color-mix(in srgb,var(--lightest)30%,transparent);gap:1.4rem;padding:1.2rem 1.6rem}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__icons:has(>.ThreeBExampleCard-module-scss-module__-mhyEa__icon:only-child){padding:1.2rem}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__icon img{width:3.3rem;height:3.3rem}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__iconLight{display:none}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__iconDark{display:block}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__iconMore{color:var(--secondaryFg5,var(--c-yellow5))}.ThreeBExampleCard-module-scss-module__-mhyEa__featured .ThreeBExampleCard-module-scss-module__-mhyEa__media{background-color:color-mix(in srgb,var(--lightest)15%,transparent)}@media (hover:hover){.ThreeBExampleCard-module-scss-module__-mhyEa__featured:hover{border-color:var(--secondaryFg55,var(--c-yellow55))}}.ThreeBExampleCard-module-scss-module__-mhyEa__media{aspect-ratio:16/10;background-color:var(--acc5);background-position:50%;background-size:cover;width:100%;display:block}.ThreeBExampleCard-module-scss-module__-mhyEa__icons{background-color:var(--acc5);border-radius:999px;align-self:flex-start;align-items:center;gap:1rem;padding:.9rem 1.4rem;display:flex}.ThreeBExampleCard-module-scss-module__-mhyEa__icons:has(>.ThreeBExampleCard-module-scss-module__-mhyEa__icon:only-child){padding:.9rem}.ThreeBExampleCard-module-scss-module__-mhyEa__icon{justify-content:center;align-items:center;display:flex}.ThreeBExampleCard-module-scss-module__-mhyEa__icon img{object-fit:contain;width:2.2rem;height:2.2rem}.ThreeBExampleCard-module-scss-module__-mhyEa__iconMore{color:var(--acc60);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:600}.ThreeBExampleCard-module-scss-module__-mhyEa__body{flex-direction:column;gap:.6rem;display:flex}.ThreeBExampleCard-module-scss-module__-mhyEa__card:not(.ThreeBExampleCard-module-scss-module__-mhyEa__noImage) .ThreeBExampleCard-module-scss-module__-mhyEa__body{padding:1.6rem 1.8rem 2rem}.ThreeBExampleCard-module-scss-module__-mhyEa__kicker{font-family:var(--fontMonospace);color:var(--acc65);font-size:1.3rem;font-weight:500}.ThreeBExampleCard-module-scss-module__-mhyEa__title{letter-spacing:-.01em;color:var(--acc65);margin-right:1em;font-size:1.8rem;font-weight:600;line-height:1.2}.ThreeBExampleCard-module-scss-module__-mhyEa__community{margin-top:.6rem;font-size:1.3rem}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerCard{flex:1;position:relative}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerCard.ThreeBExampleCard-module-scss-module__-mhyEa__featured{aspect-ratio:auto}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerCard .ThreeBExampleCard-module-scss-module__-mhyEa__body{margin-top:auto}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerCard.ThreeBExampleCard-module-scss-module__-mhyEa__noImage{padding-top:4.8rem}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerCard.ThreeBExampleCard-module-scss-module__-mhyEa__featured:not(.ThreeBExampleCard-module-scss-module__-mhyEa__noImage) .ThreeBExampleCard-module-scss-module__-mhyEa__media{margin-top:5.4rem}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerDir{z-index:2;background-color:var(--acc10);font-family:var(--fontMonospace);text-transform:uppercase;letter-spacing:.02em;border-radius:0 0 .9rem .9rem;padding:.7rem 1.2rem;font-size:1.2rem;font-weight:600;position:absolute;top:0;left:1.6rem}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerAlignEnd{text-align:right}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerAlignEnd .ThreeBExampleCard-module-scss-module__-mhyEa__pagerDir{left:auto;right:1.6rem}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerAlignEnd .ThreeBExampleCard-module-scss-module__-mhyEa__body{align-items:flex-end}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerAlignEnd .ThreeBExampleCard-module-scss-module__-mhyEa__icons{align-self:flex-end}.ThreeBExampleCard-module-scss-module__-mhyEa__pagerAlignEnd .ThreeBExampleCard-module-scss-module__-mhyEa__title{margin-left:1em;margin-right:0}@media (max-width:639px){.ThreeBExampleCard-module-scss-module__-mhyEa__card{aspect-ratio:auto}}.ThreeBExampleCard-module-scss-module__-mhyEa__iconDark{display:none}[data-resolved-scheme=dark] .ThreeBExampleCard-module-scss-module__-mhyEa__iconLight{display:none}@media (prefers-color-scheme:dark){[data-color-scheme=auto]:not([data-resolved-scheme]) .ThreeBExampleCard-module-scss-module__-mhyEa__iconLight{display:none}}[data-page-theme-mode=dark] .ThreeBExampleCard-module-scss-module__-mhyEa__iconLight{display:none}[data-resolved-scheme=dark] .ThreeBExampleCard-module-scss-module__-mhyEa__iconDark{display:block}@media (prefers-color-scheme:dark){[data-color-scheme=auto]:not([data-resolved-scheme]) .ThreeBExampleCard-module-scss-module__-mhyEa__iconDark{display:block}}[data-page-theme-mode=dark] .ThreeBExampleCard-module-scss-module__-mhyEa__iconDark{display:block}
.ThreeBExampleGrid-module-scss-module__CvVNba__grid{grid-template-columns:repeat(auto-fill,minmax(min(28rem,100%),1fr));gap:2rem;display:grid}@media (max-width:639px){.ThreeBExampleGrid-module-scss-module__CvVNba__grid{align-items:start}}.ThreeBExampleGrid-module-scss-module__CvVNba__cell{display:flex}.ThreeBExampleGrid-module-scss-module__CvVNba__cell>*{flex:1}
.ThreeBExampleTable-module-scss-module__ENzClW__wrap{flex-direction:column;gap:2.4rem;display:flex}.ThreeBExampleTable-module-scss-module__ENzClW__table{border-collapse:collapse;width:100%}.ThreeBExampleTable-module-scss-module__ENzClW__table thead{display:none}.ThreeBExampleTable-module-scss-module__ENzClW__row{border:1px solid var(--acc5);background-color:var(--acc5);cursor:pointer;border-radius:1rem;flex-direction:column;gap:.6rem;margin-bottom:1.2rem;padding:1.4rem 1.6rem;display:flex}@media (hover:hover){.ThreeBExampleTable-module-scss-module__ENzClW__row:hover{border-color:var(--acc35)}}.ThreeBExampleTable-module-scss-module__ENzClW__row td{align-items:baseline;gap:.8rem;display:flex}.ThreeBExampleTable-module-scss-module__ENzClW__row td[data-label]:before{content:attr(data-label);font-family:var(--fontMonospace);text-transform:uppercase;letter-spacing:.03em;color:var(--acc60);flex:0 0 9rem;font-size:1.1rem;font-weight:600}.ThreeBExampleTable-module-scss-module__ENzClW__title{appearance:none;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.6rem;font-weight:600}.ThreeBExampleTable-module-scss-module__ENzClW__title:focus-visible{outline:2px solid var(--acc50);outline-offset:2px;border-radius:.4rem}.ThreeBExampleTable-module-scss-module__ENzClW__tools{background-color:var(--acc5);border-radius:999px;flex-wrap:nowrap;align-items:center;gap:.6rem;padding:.5rem .9rem;display:inline-flex}.ThreeBExampleTable-module-scss-module__ENzClW__tools:empty{display:none}.ThreeBExampleTable-module-scss-module__ENzClW__toolIcon{width:2rem;height:2rem;display:inline-flex}.ThreeBExampleTable-module-scss-module__ENzClW__toolIcon img{object-fit:contain;border-radius:.4rem;width:100%;height:100%}.ThreeBExampleTable-module-scss-module__ENzClW__toolMore{color:inherit;font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:600}.ThreeBExampleTable-module-scss-module__ENzClW__functionCell,.ThreeBExampleTable-module-scss-module__ENzClW__authorCell{color:inherit;font-size:1.4rem;font-weight:500}.ThreeBExampleTable-module-scss-module__ENzClW__functionTags{flex-wrap:nowrap;gap:.4rem;display:inline-flex}.ThreeBExampleTable-module-scss-module__ENzClW__functionPill{background-color:var(--acc10);color:var(--acc80);white-space:nowrap;border-radius:999px;align-items:center;padding:.3rem .9rem;font-size:1.3rem;font-weight:500;display:inline-flex}.ThreeBExampleTable-module-scss-module__ENzClW__toolIconDark{display:none}[data-resolved-scheme=dark] .ThreeBExampleTable-module-scss-module__ENzClW__toolIconLight{display:none}@media (prefers-color-scheme:dark){[data-color-scheme=auto]:not([data-resolved-scheme]) .ThreeBExampleTable-module-scss-module__ENzClW__toolIconLight{display:none}}[data-page-theme-mode=dark] .ThreeBExampleTable-module-scss-module__ENzClW__toolIconLight{display:none}[data-resolved-scheme=dark] .ThreeBExampleTable-module-scss-module__ENzClW__toolIconDark{display:block}@media (prefers-color-scheme:dark){[data-color-scheme=auto]:not([data-resolved-scheme]) .ThreeBExampleTable-module-scss-module__ENzClW__toolIconDark{display:block}}[data-page-theme-mode=dark] .ThreeBExampleTable-module-scss-module__ENzClW__toolIconDark{display:block}@media (min-width:720px){.ThreeBExampleTable-module-scss-module__ENzClW__table thead{display:table-header-group}.ThreeBExampleTable-module-scss-module__ENzClW__table th{text-align:left;font-family:var(--fontMonospace);text-transform:uppercase;letter-spacing:.03em;color:inherit;border-bottom:1px solid var(--acc20);padding:0 1.6rem 1.2rem;font-size:1.2rem;font-weight:600}.ThreeBExampleTable-module-scss-module__ENzClW__row{background-color:#0000;border:none;border-radius:0;margin:0;padding:0;display:table-row}}@media (min-width:720px) and (hover:hover){.ThreeBExampleTable-module-scss-module__ENzClW__row:hover{background-color:var(--acc5)}}@media (min-width:720px){.ThreeBExampleTable-module-scss-module__ENzClW__row td{vertical-align:middle;border-bottom:1px solid var(--acc10);padding:1.2rem 1.6rem;display:table-cell}.ThreeBExampleTable-module-scss-module__ENzClW__row td[data-label]:before{content:none}.ThreeBExampleTable-module-scss-module__ENzClW__title{white-space:normal}.ThreeBExampleTable-module-scss-module__ENzClW__toolsCell,.ThreeBExampleTable-module-scss-module__ENzClW__functionCell,.ThreeBExampleTable-module-scss-module__ENzClW__authorCell{white-space:nowrap;width:1%}}