.preview[data-astro-cid-zvuuk5rc]{height:190px;display:flex;align-items:center;justify-content:center;background:#eceeeb;padding:24px 24px 17px;overflow:hidden}.preview--skeleton[data-astro-cid-zvuuk5rc]{background:#f1e6e2}.preview--bits-ui[data-astro-cid-zvuuk5rc]{background:#e9eae6}.preview--icons[data-astro-cid-zvuuk5rc]{background:#eeebe4}.demo[data-astro-cid-zvuuk5rc]{width:210px;max-width:100%;background:#fff;border:1px solid #ffffffb3;border-radius:11px;box-shadow:0 6px 17px #25251e08;padding:15px;font-size:9px;color:#34352f}.demo[data-astro-cid-zvuuk5rc] strong[data-astro-cid-zvuuk5rc]{display:block;font-size:14px;font-weight:600;letter-spacing:-.45px;line-height:1.3}.demo-eyebrow[data-astro-cid-zvuuk5rc]{display:block;font-size:6px;letter-spacing:1.2px;color:#777c70;margin-bottom:8px}.demo-description[data-astro-cid-zvuuk5rc]{display:block;font-size:8px;color:#888a80;margin:4px 0 11px}.mock-input[data-astro-cid-zvuuk5rc],.mock-button[data-astro-cid-zvuuk5rc]{display:flex;align-items:center;justify-content:space-between;border-radius:5px;font-size:8px;padding:7px 9px}.mock-input[data-astro-cid-zvuuk5rc]{border:1px solid #e9e9e4;color:#7c7d75;margin-bottom:6px}.mock-button[data-astro-cid-zvuuk5rc]{background:#303b30;color:#fff}.demo-row[data-astro-cid-zvuuk5rc]{display:flex;align-items:center;gap:6px}.theme-demo[data-astro-cid-zvuuk5rc]{padding-top:10px;background:#fffdfb}.theme-demo[data-astro-cid-zvuuk5rc] .demo-row[data-astro-cid-zvuuk5rc]{justify-content:space-between;margin-bottom:7px}.theme-symbol[data-astro-cid-zvuuk5rc]{font-size:23px;line-height:1;color:#bd765c}.tiny-pill[data-astro-cid-zvuuk5rc]{border:1px solid #e8e6df;border-radius:12px;padding:3px 7px;font-size:7px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.theme-demo[data-astro-cid-zvuuk5rc] .demo-description[data-astro-cid-zvuuk5rc]{margin-bottom:7px}.swatches[data-astro-cid-zvuuk5rc]{display:flex;align-items:center;gap:5px;margin-bottom:9px}.swatches[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc],.swatches[data-astro-cid-zvuuk5rc]>span[data-astro-cid-zvuuk5rc]{width:17px;height:17px;border-radius:50%;background:#ba765b}.swatches[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]:first-child{outline:1px solid #b8826c;outline-offset:2px;margin-right:3px}.swatches[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]:nth-child(2){background:#dbaa8f}.swatches[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]:nth-child(3){background:#eed8c5}.swatches[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]:nth-child(4){background:#a3a692}.swatches[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]:nth-child(5){background:#404c41}.swatches[data-astro-cid-zvuuk5rc]>span[data-astro-cid-zvuuk5rc]{background:transparent;border:1px solid #e8e6df;text-align:center;line-height:15px}.theme-bottom[data-astro-cid-zvuuk5rc]{display:flex;align-items:center;gap:13px}.theme-bottom[data-astro-cid-zvuuk5rc] .mock-button[data-astro-cid-zvuuk5rc]{flex:1;background:#b77459}.theme-toggle[data-astro-cid-zvuuk5rc],.bits-toggle[data-astro-cid-zvuuk5rc]{width:23px;height:13px;background:#b77459;border-radius:20px;position:relative}.theme-toggle[data-astro-cid-zvuuk5rc]:after,.bits-toggle[data-astro-cid-zvuuk5rc]:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;right:2px;top:2px}.primitives-demo[data-astro-cid-zvuuk5rc]{padding:18px 13px}.primitives-demo[data-astro-cid-zvuuk5rc] .demo-row[data-astro-cid-zvuuk5rc]{font-size:7px}.mock-check[data-astro-cid-zvuuk5rc]{width:13px;height:13px;border-radius:3px;background:#363e33;color:#fff;display:grid;place-items:center}.bits-toggle[data-astro-cid-zvuuk5rc]{margin-left:auto;background:#59634f}.mock-slider[data-astro-cid-zvuuk5rc]{height:4px;background:#eee;border-radius:5px;margin:20px 0}.mock-slider[data-astro-cid-zvuuk5rc] span[data-astro-cid-zvuuk5rc]{display:block;width:65%;height:4px;background:#606a54;position:relative;border-radius:5px}.mock-slider[data-astro-cid-zvuuk5rc] span[data-astro-cid-zvuuk5rc]:after{content:"";width:11px;height:11px;border:2px solid #606a54;background:#fff;border-radius:50%;position:absolute;right:0;top:-3px}.mock-select[data-astro-cid-zvuuk5rc]{display:flex;justify-content:space-between;align-items:center;border:1px solid #e9e9e4;padding:6px 8px;border-radius:5px;margin-top:11px;font-size:7px}.mock-radio-row[data-astro-cid-zvuuk5rc]{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:7px;color:#85877c}.mock-radio-row[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]{width:9px;height:9px;border-radius:50%;border:1px solid #5f6657;box-shadow:inset 0 0 0 2px #fff;background:#5f6657}.icon-demo[data-astro-cid-zvuuk5rc]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 20px;color:#716f58}.code-demo[data-astro-cid-zvuuk5rc]{background:#fdfdfb}.code-dots[data-astro-cid-zvuuk5rc]{display:flex;gap:4px;margin-bottom:13px}.code-dots[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]{width:5px;height:5px;background:#c9cbbf;border-radius:50%}.code-dots[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]:first-child{background:#da8a73}.code-comment[data-astro-cid-zvuuk5rc]{color:#a5a698;font-family:var(--font-mono);font-size:6.5px}.code-demo[data-astro-cid-zvuuk5rc] code[data-astro-cid-zvuuk5rc]{display:block;background:none;padding:8px 0;font-size:9px;line-height:1.7}.code-demo[data-astro-cid-zvuuk5rc] b[data-astro-cid-zvuuk5rc]{color:#b4755e;font-weight:400}.code-demo[data-astro-cid-zvuuk5rc] em[data-astro-cid-zvuuk5rc]{color:#7c8966;font-style:normal}.code-end[data-astro-cid-zvuuk5rc]{border-top:1px solid #eee;padding-top:6px;color:#939487;display:flex;justify-content:space-between;font-size:7px}.generic-demo[data-astro-cid-zvuuk5rc] .demo-row[data-astro-cid-zvuuk5rc]{gap:7px;margin-bottom:13px}.mini-brand[data-astro-cid-zvuuk5rc]{background:#ecefe7;padding:4px;border-radius:6px;color:#78836b}.mini-lines[data-astro-cid-zvuuk5rc]{width:35px;height:3px;border-radius:3px;background:#d7dacf}.mini-avatar[data-astro-cid-zvuuk5rc]{width:16px;height:16px;background:#e8c5b7;border-radius:50%;margin-left:auto}.generic-demo[data-astro-cid-zvuuk5rc] strong[data-astro-cid-zvuuk5rc]{font-size:12px}.mini-layout[data-astro-cid-zvuuk5rc]{display:grid;grid-template-columns:.7fr 1fr;gap:10px;margin:13px 0;height:48px}.mini-layout[data-astro-cid-zvuuk5rc]>div[data-astro-cid-zvuuk5rc]{background:#f5f5f0;border-radius:4px;padding:8px}.mini-layout[data-astro-cid-zvuuk5rc]>div[data-astro-cid-zvuuk5rc]:first-child i[data-astro-cid-zvuuk5rc]{display:block;height:3px;background:#d7dacf;width:80%;margin-bottom:7px;border-radius:2px}.mini-layout[data-astro-cid-zvuuk5rc]>div[data-astro-cid-zvuuk5rc]:first-child i[data-astro-cid-zvuuk5rc]:nth-child(2){width:50%}.mini-chart[data-astro-cid-zvuuk5rc]{display:flex;align-items:flex-end;gap:3px}.mini-chart[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]{width:7px;background:#c5cdb7;border-radius:2px 2px 0 0}.mini-chart[data-astro-cid-zvuuk5rc] i[data-astro-cid-zvuuk5rc]:nth-child(3n){background:#dc9a80}.generic-label[data-astro-cid-zvuuk5rc]{display:flex;justify-content:space-between;color:#8a8c81;font-size:7px}.library-card[data-astro-cid-dgtyncux]{position:relative;height:100%;background:#fff;border:1px solid #ecece6;border-radius:19px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.library-card[data-astro-cid-dgtyncux]:hover{transform:translateY(-3px);border-color:#d7d9ce;box-shadow:0 10px 25px #33352307}.library-card__link[data-astro-cid-dgtyncux]{display:flex;flex-direction:column;height:100%;color:var(--color-text)}.library-card__preview[data-astro-cid-dgtyncux]{position:relative;margin:6px 6px 0;border-radius:14px;overflow:hidden}.library-card__preview[data-astro-cid-dgtyncux]>img[data-astro-cid-dgtyncux]{width:100%;height:190px;object-fit:cover}.editor-mark[data-astro-cid-dgtyncux]{display:inline-flex;align-items:center;gap:4px;position:absolute;left:10px;top:9px;color:#646a57;font-size:10px;padding:3px 6px;background:#ffffffb8;border-radius:20px}.library-card__body[data-astro-cid-dgtyncux]{padding:17px 16px 12px;flex:1;display:flex;flex-direction:column}.library-card__heading[data-astro-cid-dgtyncux]{display:flex;justify-content:space-between;align-items:center;gap:7px}.library-card__heading[data-astro-cid-dgtyncux] h3[data-astro-cid-dgtyncux]{font-size:18px;font-weight:500;letter-spacing:-.6px}.library-card__heading[data-astro-cid-dgtyncux] svg{color:#858a7c;flex-shrink:0}.library-card[data-astro-cid-dgtyncux]:hover .library-card__heading[data-astro-cid-dgtyncux] svg{color:var(--color-accent)}.library-card__tagline[data-astro-cid-dgtyncux]{color:#7c8074;font-size:12px;line-height:1.6;margin:9px 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.library-card__tags[data-astro-cid-dgtyncux]{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:auto}.library-card__tags[data-astro-cid-dgtyncux]>span[data-astro-cid-dgtyncux]{font-size:10px;padding:4px 7px;background:#f4f4f0;border-radius:6px;color:#777b6e;line-height:1.3}.library-card__tags[data-astro-cid-dgtyncux] .pricing-tag[data-astro-cid-dgtyncux]{display:inline-flex;align-items:center;gap:4px}.pricing-tag[data-astro-cid-dgtyncux] i[data-astro-cid-dgtyncux]{width:4px;height:4px;background:#aa8764;border-radius:50%}.pricing-tag--free[data-astro-cid-dgtyncux] i[data-astro-cid-dgtyncux]{background:#8f9c76}.library-card__footer[data-astro-cid-dgtyncux]{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#7e8474;margin-top:16px;padding-top:11px;border-top:1px solid #efefea}.library-card__stars[data-astro-cid-dgtyncux]{display:inline-flex;align-items:center;gap:4px;color:#72796a;white-space:nowrap}.save-library[data-astro-cid-dgtyncux]{position:absolute;top:15px;right:15px;width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:50%;background:#ffffffd9;color:#767c6c;cursor:pointer;transition:background .2s,color .2s}.save-library[data-astro-cid-dgtyncux]:hover{background:#fff;color:var(--color-accent)}.save-library[data-astro-cid-dgtyncux][aria-pressed=true]{color:var(--color-accent)}.save-library[data-astro-cid-dgtyncux][aria-pressed=true] svg{fill:currentColor}@media(max-width:760px){.library-card__heading[data-astro-cid-dgtyncux] h3[data-astro-cid-dgtyncux]{font-size:19px}.library-card__tagline[data-astro-cid-dgtyncux]{font-size:12px}.library-card__tags[data-astro-cid-dgtyncux]>span[data-astro-cid-dgtyncux]{font-size:10px}.library-card__footer[data-astro-cid-dgtyncux]{font-size:11px}.editor-mark[data-astro-cid-dgtyncux]{font-size:10px}.save-library[data-astro-cid-dgtyncux]{width:32px;height:32px}}