.icon{position:relative;overflow:hidden;vertical-align:middle;object-fit:contain;transform-origin:center center;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}footer{border-top:1px solid var(--border);padding:25px 0}footer nav{max-width:1100px;margin:0 auto;padding:0 var(--prs-page-padding-side);display:flex;gap:1.4rem;flex-wrap:wrap;color:var(--heading)}footer nav a{color:var(--heading);text-decoration:none;border-bottom:1px dashed transparent}footer nav a:hover{border-bottom-color:var(--primary)}footer .license{flex-grow:1;text-align:right}footer .license a{color:var(--fg)}.breadcrumbs{font-size:14px}.guide .breadcrumbs a{text-decoration:none}.guide .breadcrumbs a:hover{color:var(--primary)}.guide h1{margin-bottom:10px;font-size:30px}.guide-grid{display:grid;gap:35px}.guide-row{display:grid;gap:35px;grid-template-columns:2fr 3fr;align-items:start}.guide-row>:only-child{grid-column:1 / -1}@media(max-width:960px){.guide-row{grid-template-columns:1fr}.guide-row>:only-child{grid-column:auto}}.example-link{display:block;padding:6px 10px;color:var(--fg2);text-decoration:none}.example-link:hover{text-decoration:underline}section{border-bottom:1px solid var(--border)}.examples{position:relative;padding:72px 0;overflow:hidden;isolation:isolate}.examples__bg{position:absolute;inset:-10%;background:radial-gradient(60rem 30rem at 12% -8%,color-mix(in srgb,var(--primary) 26%,transparent),transparent 60%),radial-gradient(44rem 22rem at 98% 18%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 60%),repeating-linear-gradient(to right,color-mix(in srgb,var(--fg) 5%,transparent) 0 1px,transparent 1px 28px),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--fg) 5%,transparent) 0 1px,transparent 1px 28px);filter:blur(48px);opacity:.1;pointer-events:none;z-index:0}.examples__inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 var(--prs-page-padding-side)}.examples__head{position:static;display:grid;gap:.6rem;margin-bottom:1.6rem}.examples__title{font-size:clamp(2.8rem,3.2vw + 1rem,4.2rem);line-height:1.1;margin:0 0 10px;text-align:center}.examples__lead{margin:0 0 20px;color:var(--fg2);font-size:1.7rem;text-align:center}.example-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 3rem}@media(max-width:1100px){.example-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.example-groups{grid-template-columns:1fr}}.example-group{min-width:0}.example-group__title{margin:0 0 .8rem;padding:6px 10px;font-size:14px;text-transform:uppercase;color:var(--fg);background:color-mix(in srgb,var(--fg) 7%,transparent);border-radius:4px;font-weight:400}.example-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.example-list li{min-width:0}main.guides{display:block;padding-top:var(--height);max-width:none}