.st .rcard{min-width:0;position:relative}.st .rcard .media{aspect-ratio:16/10;transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease-ui)}.st .rcard:hover .media{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line-3),var(--shadow-md)}.st .rcard .card-foot{padding-top:12px}.st .rcard .card-t p{font-size:12.5px}.st .tg-free{color:var(--ink);border-color:var(--line-3)}.st .rtech{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;padding:0 2px}.st .rtech li{font:400 10.5px/18px var(--font-mono);letter-spacing:.02em;color:var(--t3);padding:0 6px;border-radius:4px;background:var(--fill)}.st .rph{position:absolute;inset:0;display:grid;align-content:end;gap:6px;padding:16px 18px;background:radial-gradient(120% 90% at 78% 12%,color-mix(in srgb,var(--acc,#888) 55%,transparent) 0,transparent 60%),radial-gradient(90% 70% at 10% 110%,color-mix(in srgb,var(--acc,#888) 22%,transparent) 0,transparent 70%),#0c0d0f}.st .rph b{font:500 clamp(18px,2vw,24px)/1.05 var(--font-sans);letter-spacing:-.03em;color:hsla(0,0%,100%,.92)}.st .rph i{font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}.st .rgrid-lib{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}.st .rrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;padding-bottom:72px}@media (max-width:1100px){.st .rrow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1000px){.st .rgrid-lib{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.st .rrow{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:min(80vw,320px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 48px;scroll-padding-inline:var(--gutter)}.st .rrow::-webkit-scrollbar{display:none}.st .rrow .rcard,.st .rrow .vc{scroll-snap-align:start}}@media (max-width:620px){.st .rgrid-lib{grid-template-columns:minmax(0,1fr);gap:28px}}.st .shelf{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:4px}.st .shelf .tabs [role=tab]{height:48px;padding:0 14px;font-size:15px;letter-spacing:-.01em}.st .shelf .tabs [role=tab]:after{left:14px;right:14px}.st .shelf .tabs [role=tab]:first-child{padding-left:0}.st .shelf .tabs [role=tab]:first-child:after{left:0}.st .shelf-note{padding-bottom:14px}.st .lib .shelf+.lib-tools{border-top:0}.st .lib-kinds .f .dot{width:6px;height:6px;border-radius:50%;background:var(--acc)}@media (max-width:900px){.st .shelf{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);overflow-x:auto;scrollbar-width:none}.st .shelf::-webkit-scrollbar{display:none}.st .shelf-note{display:none}.st .shelf .tabs [role=tab]{flex:none}}.st .cv .ihead h1{text-wrap:balance}.st .cv .by .tg a{color:inherit;font-weight:400}.st .deps{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.st .deps li{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 7px;border-radius:5px;border:1px dashed var(--line-3);font:400 11px/1 var(--font-mono);color:var(--t2)}.st .deps li svg{width:11px;height:11px;color:var(--t3)}.st .from{display:inline-flex;align-items:center;gap:6px;color:var(--t2)}.st .from a{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px}.st .from a:hover{text-decoration-color:currentColor}.st .pv-tools .pv-right{display:flex;align-items:center;gap:6px}.st .pv-tools .icon-btn{width:32px;height:32px}.st .pv-tools .icon-btn[disabled]{opacity:.35;pointer-events:none}.st .bgs button .sw{width:12px;height:12px;border-radius:3px;box-shadow:0 0 0 1px var(--line-3);flex:none}.st .bgs .sw-demo{background:conic-gradient(from 200deg,var(--ink) 0 25%,var(--t3) 0 50%,var(--ink) 0 75%,var(--t4) 0)}.st .bgs .sw-light{background:#f7f7f5}.st .bgs .sw-dark{background:#0b0c0e}.st .bgs .sw-checker{background:repeating-conic-gradient(#d6d6d2 0 25%,#f4f4f1 0 50%) 0 0 /6px 6px}.st .cv-stage .screen img.poster{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .4s var(--ease-ui)}.st .cv-stage .screen iframe{background:transparent}.st .cv-stage .screen[data-bg=checker],.st .cv-stage .screen[data-bg=light]{background:#f7f7f5}.st .cv-stage .screen[data-bg=dark]{background:#0b0c0e}.st .cv-stage:fullscreen{display:block;padding:0;background:#000;border:0;border-radius:0}.st .cv-stage:fullscreen .browser{width:100%;height:100%;border-radius:0;padding:0;background:#000;box-shadow:none}.st .cv-stage:fullscreen .bbar{display:none}.st .cv-stage:fullscreen .screen{aspect-ratio:auto!important;width:100%;height:100%;border-radius:0}.st .cv-stage:fullscreen .screen iframe{width:100%!important;height:100%!important;transform:none!important}.st .cv-stage .fs-x{display:none}.st .cv-stage:fullscreen .fs-x{display:inline-flex;position:fixed;top:16px;right:16px;z-index:5;color:#fff;background:rgba(10,11,13,.55);border:1px solid hsla(0,0%,100%,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.st .cv-stage:fullscreen .fs-x:hover{background:rgba(10,11,13,.75);color:#fff}.st .cv-code{border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.st .cv-code .code-bar{height:52px;padding:0 8px 0 10px}.st .cv-code .seg button .n{font:400 10.5px/1 var(--font-mono);color:var(--t4)}.st .cv-code .seg button[aria-pressed=true] .n{color:var(--t3)}.st .cv-code .codeview{max-height:600px}.st .cv-code .tg-mod{margin-left:2px}.st .cv-empty{padding:28px 20px;color:var(--t3);font-size:13px}.st .pro-note{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-2);font-size:13px;color:var(--t2)}.st .pro-note .tg{flex:none;margin-top:1px}.st .pro-note a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px}.st .cv-install .acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st .cv-install .acts .btn{width:100%}.st .cv-install .install.big code{font-size:11px}@media (max-width:900px){.st .pv-tools{gap:8px}.st .pv-tools .devices{display:none}.st .bgs button{padding:0 8px}.st .bgs button .t{display:none}.st .cv-code .code-bar{height:auto;padding:8px;flex-wrap:wrap;gap:8px}.st .cv-code .code-act{flex-wrap:wrap}}@media (max-width:420px){.st .cv-code .code-act .btn span.l{display:none}}.st .cv-install .install.big{height:auto;min-height:40px;align-items:flex-start;padding:9px 4px 9px 12px}.st .cv-install .install.big code{white-space:normal;word-break:break-all;line-height:1.55;overflow:visible}.st .cv-install .install.big .copy{margin-top:-5px}.st .cgrid .rcard{scroll-snap-align:start}.st #shelf-panel>.lib-tools:first-child{border-top:0}@media (max-width:620px){.st .lib-head code{white-space:normal;word-break:break-all}}