.product-page{--product-ink:#354150;--product-muted:#788592;--product-line:#dfe5e9;--product-soft:#f5f8fa;--product-accent:#f47067;color:var(--product-ink);min-height:100vh;padding:20px 16px 80px}.product-shell{width:min(920px,100%);margin:0 auto}.product-nav{justify-content:space-between;align-items:center;width:calc(100vw - 64px);min-height:34px;margin-bottom:72px;display:flex;position:relative;left:50%;transform:translate(-50%)}.product-page .product-nav{margin-top:-16px}.product-nav__brand{color:var(--product-ink);letter-spacing:-.05em;font-size:20px;font-weight:750;text-decoration:none}.product-nav__links{gap:14px;display:flex}.product-nav a{color:#9da6ae;text-underline-offset:5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .16s,text-decoration-color .16s}.product-nav a:hover{color:var(--product-ink);text-decoration-color:#c5cbd0}.product-nav .product-nav__brand{color:var(--product-ink);text-decoration:none}.product-nav .product-nav__brand:hover{color:var(--product-muted);text-decoration:none}.product-nav .product-nav__link--active{color:var(--product-ink);text-decoration:underline;-webkit-text-decoration-color:var(--product-accent);text-decoration-color:var(--product-accent);text-underline-offset:5px;text-decoration-thickness:2px}.product-nav__source{margin-left:8px}.product-hero{isolation:isolate;width:min(600px,100%);margin:0 auto 72px;position:relative}.product-hero:before{display:none}.product-eyebrow{color:var(--product-accent);font-family:var(--font-geist-mono), menlo, monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700}.product-hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.8rem,8vw,5rem);line-height:.98;display:inline-block;position:relative}.product-hero__strike{pointer-events:none;width:100%;height:22px;position:absolute;bottom:-1px;left:0;overflow:visible}.product-hero__strike path{fill:none;stroke:var(--product-accent);stroke-linecap:round;stroke-linejoin:round}.product-hero__strike-main{stroke-width:5px;opacity:.68}.product-hero__strike-soft{stroke-width:2.5px;opacity:.28}.product-lede{max-width:620px;color:var(--product-muted);margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.6}.product-install{background:var(--product-soft);width:fit-content;min-height:42px;color:var(--product-ink);border:0;border-radius:8px;align-items:center;margin-top:24px;padding:0 14px;display:flex}.product-install code{font-size:13px}.product-section{margin:72px 0}.product-section__head{margin-inline:auto;width:min(600px,100%);margin-bottom:24px;display:block}.product-section h2{letter-spacing:-.025em;margin:0 0 4px;font-size:1.35rem}.product-section__head p{max-width:640px;color:var(--product-muted);margin:0;line-height:1.7}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 55px #3541501a}:is(.product-card:has(.product-code),.product-card:has(.react-demo),.product-card:has(.react-code-preview),.product-card:has(.remark-source)){background:#f6f6f6}.product-card__bar{color:#21212157;height:34px;font-family:var(--font-geist-mono), menlo, monospace;background:#f6f6f6;justify-content:center;align-items:center;padding:0 14px;font-size:14px;display:flex;position:relative}.product-card__controls{gap:5px;display:flex;position:absolute;left:14px}.product-card__controls span{background:#a5a5a5;border-radius:50%;width:8px;height:8px}.product-card__title{margin:0;line-height:1}.product-card__body{padding:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.product-code{--codice-code-padding:18px;--sh-class:#2d5e9d;--sh-identifier:#354150;--sh-sign:#8996a3;--sh-property:#0550ae;--sh-entity:#249a97;--sh-jsxliterals:#6266d1;--sh-string:#00a99a;--sh-keyword:#f47067;--sh-comment:#a19595;color:#354150;background:#f6f6f6;margin:0}.product-code [data-codice-header]{color:#21212157;background:#f6f6f6}.product-code pre{background:0 0;width:100%;margin:0}.product-code .sh__line{display:block}@media (max-width:680px){.product-nav{width:calc(100vw - 32px);margin-bottom:48px}.product-nav__links{gap:12px;font-size:13px}.product-nav__source{margin-left:0}.product-grid{grid-template-columns:1fr}.product-card__body{padding:14px}}
