.dxl-page{--product-preview-width: 1200px}.dxl-kicker{color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--lnl-label);font-variation-settings:"wght" 580;letter-spacing:.1em;text-transform:uppercase}.dxl-page h3 a{color:inherit;text-decoration:none}.dxl-page h3 a:hover{color:var(--fresh-accent)}.dxl-tool-copy h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dxl-search{display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;min-width:260px;min-height:48px;padding:0 8px 0 14px;border:1px solid var(--fresh-line);background:var(--fresh-ink);color:var(--fresh-muted);font-size:14px;text-align:left;cursor:text;transition:border-color .15s,color .15s}.dxl-search:hover{border-color:color-mix(in srgb,var(--fresh-paper) 32%,transparent);color:var(--fresh-paper)}.dxl-search svg{flex:none;width:16px;height:16px}.dxl-search span{flex:1}.dxl-search kbd{display:grid;place-items:center;min-width:22px;height:22px;border:1px solid var(--fresh-line);color:var(--fresh-muted);font-family:var(--font-mono);font-size:11px}.dxl-links{margin:0;padding:0;list-style:none;border-top:1px solid var(--fresh-line)}.dxl-links a,.dxl-popular a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--fresh-line);color:var(--fresh-paper);font-size:14px;text-decoration:none;transition:color .15s}.dxl-links svg,.dxl-popular a svg{flex:none;width:14px;height:14px;color:var(--fresh-muted);transition:translate .15s}.dxl-links a:hover,.dxl-popular a:hover{color:var(--fresh-accent)}.dxl-links a:hover svg,.dxl-popular a:hover svg{translate:3px 0}.dxl-install{box-sizing:border-box;max-width:100%}.dxl-install code{overflow:hidden;text-overflow:ellipsis}.dxl-library-cards .slb-card{grid-column:span 4;display:flex;flex-direction:column;gap:16px;min-height:0;padding:28px 28px 32px}.dxl-library-head{display:flex;align-items:center;gap:12px}.dxl-library-head .tut-fw-logo{flex:none}.dxl-library-card h3{margin:0;font-size:22px;font-variation-settings:"opsz" 32,"wght" 650;letter-spacing:-.025em;line-height:1.2}.dxl-library-card>p{margin:0;color:var(--fresh-muted);font-size:15px;line-height:1.5}.dxl-library-actions{display:grid;gap:8px}.dxl-library-actions .fresh-primary-action{--fresh-primary-background: var(--fresh-paper);--fresh-primary-foreground: var(--fresh-ink);justify-content:space-between;color:var(--fresh-primary-foreground)}.dxl-library-actions .dxl-install{min-width:0;justify-content:space-between}.dxl-library-card .dxl-links{margin-top:8px}.dxl-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}.dxl-platforms li{min-width:0}.dxl-platforms li+li{border-left:1px solid var(--fresh-line)}.dxl-platforms a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%;padding:0 24px;color:inherit;text-decoration:none}.dxl-platforms li:first-child a{padding-left:0}.dxl-platforms li:last-child a{padding-right:0}.dxl-platform-logo{display:flex;align-items:center;height:40px;margin-bottom:8px}.dxl-platforms h3{margin:0;font-size:20px;font-variation-settings:"wght" 580;line-height:1.3;transition:color .15s}.dxl-platforms p{margin:0;max-width:36ch;color:var(--fresh-muted);font-size:15px;line-height:1.6;text-wrap:balance}.dxl-platforms a>svg:last-child{position:absolute;top:12px;right:24px;width:14px;height:14px;color:var(--fresh-muted);transition:translate .15s,color .15s}.dxl-platforms li:last-child a>svg:last-child{right:0}.dxl-platforms a:hover h3,.dxl-platforms a:hover>svg:last-child{color:var(--fresh-accent)}.dxl-platforms a:hover>svg:last-child{translate:3px 0}.dxl-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 24px}.dxl-tool{min-width:0}.dxl-tool>a{display:flex;flex-direction:column;gap:20px;height:100%;color:inherit;text-decoration:none}.dxl-tool-visual{position:relative;aspect-ratio:16 / 10;overflow:hidden;border:1px solid color-mix(in srgb,var(--fresh-line) 70%,transparent);background:var(--fresh-ink);transition:border-color .2s}.dxl-tool>a:hover .dxl-tool-visual{border-color:color-mix(in srgb,var(--fresh-paper) 28%,transparent)}.dxl-tool-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dxl-tool-copy p{margin:0;max-width:46ch;color:var(--fresh-muted);font-size:15px;line-height:1.55;text-wrap:balance}.dxl-tool-logo{display:block;height:22px}.dxl-css-logo{display:flex;align-items:center;gap:6px;color:var(--fresh-paper);font-size:19px;font-variation-settings:"opsz" 80,"wght" 650;letter-spacing:-.03em;line-height:1}.dxl-css-logo svg{width:38px;height:auto}.dxl-tool>a:hover .lnl-tile-link{color:var(--fresh-accent)}.dxl-tool-visual>*{position:absolute;top:0;right:0;bottom:0;left:0}.dxl-tool-visual .lnl-bento-studio{padding:28px 28px 0;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent);mask-image:linear-gradient(to bottom,#000 72%,transparent)}.dxl-tool-visual .lnl-bento-agent{left:50%;width:min(440px,calc(100% - 48px));padding:0;translate:-50% 0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 80%,transparent)}.dxl-tool-visual .lnl-bento-agent .sth-chat{padding:24px 12px 48px}.dxl-tool-visual .lnl-bento-dreport{height:auto}.dxl-css-studio{padding:0;border:0;background:transparent}.dxl-css-studio .css-studio-callout-field{height:100%;min-height:0;padding:24px;box-sizing:border-box}.dxl-css-studio .css-studio-callout-chat{width:min(440px,100%)}.dxl-popular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(2 * var(--content-space-minor))}.dxl-popular h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--fresh-line);color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--lnl-label);font-weight:400;letter-spacing:.1em;text-transform:uppercase}.dxl-popular ul{margin:0;padding:0;list-style:none}.dxl-popular a{font-size:15px}.dxl-page #product-main{gap:96px}.dxl-page .product-hero{position:relative;min-height:0;padding:0}.dxl-page .product-hero-field{display:none}.dxl-page .product-hero-backdrop{display:block;position:absolute;z-index:0;overflow:hidden}.dxl-page #product-main>.slb-section{position:relative;z-index:1}.dxl-orb,.dxl-orb .studio-wave{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.dxl-orb canvas{display:block;width:100%;height:100%}.dxl-page .product-hero-copy{position:relative;z-index:1;box-sizing:border-box;width:min(var(--product-content-width),calc(100% - 2 * var(--cpg-gutter)));margin:0 auto;pointer-events:none}.dxl-page .product-hero-copy :is(h1,p,.product-hero-actions,.dxl-meta){pointer-events:auto}.dxl-page .product-hero{overflow-x:clip}.dxl-page .product-hero-backdrop{--dxl-orb: 1400px;--dxl-orb-x: 150px;--dxl-orb-y: 190px;top:calc(var(--dxl-orb-y) - .47 * var(--dxl-orb));left:calc(max(var(--cpg-gutter),(100% - var(--product-content-width)) / 2) + var(--dxl-orb-x) - .5 * var(--dxl-orb));width:var(--dxl-orb);height:var(--dxl-orb)}.dxl-page .product-hero-copy{padding-top:148px}.dxl-index-head{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;align-items:end}.dxl-index-head .dxl-kicker{grid-column:1 / -1;margin-bottom:56px;text-transform:none}.dxl-page .dxl-index-head h1{grid-column:1 / span 3;margin:0;font-size:clamp(72px,13vw,184px);letter-spacing:-.06em;line-height:.82}.dxl-page .dxl-index-head .product-hero-actions{grid-column:4;display:grid;margin:0}.dxl-page .dxl-index-head .dxl-search{width:100%;min-width:0}.dxl-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:72px 0 0;padding-top:20px;border-top:1px solid var(--fresh-line)}.dxl-meta>div{min-width:0}.dxl-meta>div:first-child{grid-column:2}.dxl-meta dt{margin-bottom:10px;color:var(--fresh-paper);font-size:13px;font-variation-settings:"wght" 580}.dxl-meta dd{display:grid;justify-items:start;gap:8px;margin:0;color:var(--fresh-muted);font-size:13px}.dxl-meta dd a{display:inline-flex;align-items:center;gap:8px;min-height:20px;color:var(--fresh-muted);text-decoration:none;transition:color .15s}.dxl-meta dd a:hover{color:var(--fresh-accent)}.dxl-meta dd svg{flex:none}@media(max-width:1000px){.dxl-library-cards .slb-card{grid-column:1 / -1}}@media(max-width:760px){.dxl-page #product-main{gap:72px}.dxl-search{min-width:0;width:100%}.dxl-platforms{grid-template-columns:minmax(0,1fr);gap:32px}.dxl-platforms li+li{border-left:0}.dxl-platforms a,.dxl-platforms li:first-child a,.dxl-platforms li:last-child a{padding:0}.dxl-platforms a>svg:last-child,.dxl-platforms li:last-child a>svg:last-child{top:12px;right:0}.dxl-tools{grid-template-columns:minmax(0,1fr);gap:48px}.dxl-popular{grid-template-columns:minmax(0,1fr);gap:40px}.dxl-library-cards .slb-card{padding:24px 20px 28px}.dxl-page .product-hero-copy{width:calc(100% - 24px);padding-top:120px}.dxl-orb{opacity:.45}.dxl-page .product-hero-backdrop{--dxl-orb: 720px;--dxl-orb-x: 60px;--dxl-orb-y: 276px;left:calc(12px + var(--dxl-orb-x) - .5 * var(--dxl-orb))}.dxl-index-head{grid-template-columns:minmax(0,1fr);row-gap:24px}.dxl-index-head .dxl-kicker{margin-bottom:16px}.dxl-page .dxl-index-head :is(h1,.product-hero-actions){grid-column:1}.dxl-meta{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px;margin-top:48px}.dxl-meta>div:first-child{grid-column:1}}