.access-filter{z-index:5;flex-shrink:0;position:relative}.access-trigger{color:#73737b;min-height:40px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:0 12px;font-size:12px;transition:background .15s,color .15s;display:flex}.access-trigger:hover,.access-trigger[aria-expanded=true]{color:#171717;background:#f5f5f5}.access-caret{margin-left:5px;transition:transform .15s}.access-trigger[aria-expanded=true] .access-caret{transform:rotate(180deg)}.access-options{background:#fff;border:1px solid #ededee;border-radius:16px;width:168px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000000d,0 2px 6px #00000004}.access-options button{color:#73737b;width:100%;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.access-options button:hover,.access-options button:focus-visible{color:#171717;background:#f5f5f5}.access-options button[aria-pressed=true]{color:#171717;font-weight:550}.access-filter button:focus-visible{outline-offset:2px;outline:2px solid #d0d0d0}@media (max-width:760px){.catalog-toolbar{flex-wrap:wrap;gap:10px}.catalog-toolbar>.category-list{flex-basis:100%}.access-filter{margin-left:auto}.access-trigger{min-height:36px}}@media (prefers-reduced-motion:reduce){.access-trigger,.access-caret{transition:none}}
.catalog-main{max-width:1680px;padding:0 20px 64px}.catalog-main>.hero{text-align:center;padding:49px 0 24px}.catalog-main>.hero h1{letter-spacing:-1.3px;max-width:none;margin:0;font-size:36px;font-weight:550;line-height:1.3}.catalog-main>.hero p{letter-spacing:0;margin:12px auto 0;font-size:14px}.catalog-main .catalog-toolbar{flex-wrap:nowrap;gap:16px;margin-bottom:24px}.catalog-main .category-list{flex-basis:auto;gap:8px;margin:0;padding:2px 0}.catalog-main .category-list button{color:#626262;background:#fff;border:1px solid #e7e7e7;min-height:36px;padding:8px 15px;font-size:12px;box-shadow:0 1px 2px #00000004}.catalog-main .category-list button:hover{background:#f7f7f7}.catalog-main .category-list button[aria-pressed=true]{color:#222;background:#eee;border-color:#dcdcdc;font-weight:550;box-shadow:inset 0 1px 2px #00000004}.catalog-main .access-trigger{color:#656565;background:#fff;border:1px solid #e7e7e7;border-radius:24px;min-height:36px;font-size:12px}.catalog-main .component-grid{columns:3;column-gap:16px;display:block}.catalog-main .component-card{vertical-align:top;break-inside:avoid;background:#fff;border:1px solid #ececec;border-radius:24px;width:100%;min-width:0;margin:0 0 16px;padding:10px 10px 0;transition:border-color .2s;display:inline-block;overflow:visible;box-shadow:0 2px 2px #00000004}.catalog-main .component-card:hover{background:#fff;border-color:#d9d9d9}.catalog-main .component-card .preview-stage{background:#f8f8f8;border:1px solid #eee;border-radius:15px;height:auto;min-height:258px;padding:40px 14px}.catalog-main .preview-stage .bento-demo{max-width:100%;transform:none}.catalog-main .library-pro-badge{color:#4276b5;background:#eff6ff;border:1px solid #d9e4f2;border-radius:6px;padding:2px 6px;font-size:10px;line-height:1.2;position:absolute;top:12px;right:12px}.catalog-main .card-caption{opacity:1;pointer-events:auto;gap:5px;min-height:70px;padding:14px 8px;position:static;transform:none}.catalog-main .card-title strong{letter-spacing:-.2px;margin-bottom:5px;font-size:13px;font-weight:500}.catalog-main .card-title span{color:#767676;font-size:12px;line-height:1.4}.catalog-main .card-caption .icon-button{color:#747474;background:#f8f8f8;width:32px;height:32px}.catalog-main .card-caption .icon-button:hover{color:#171717;background:#eee}.catalog-main .save-button[aria-pressed=true]{color:#171717}@media (max-width:1100px){.catalog-main .component-grid{columns:2}}@media (max-width:600px){.catalog-main{padding:0 14px 40px}.catalog-main>.hero{padding:32px 0 26px}.catalog-main>.hero h1{font-size:30px}.catalog-main .component-grid{columns:1;column-gap:14px}.catalog-main .catalog-toolbar{gap:10px;margin-bottom:18px}.catalog-main .category-list{flex:1}.catalog-main .category-list button{padding:8px 13px}.catalog-main .access-trigger{justify-content:center;width:36px;padding:0}.catalog-main .access-trigger>span,.catalog-main .access-caret{display:none}.catalog-main .component-card .preview-stage{height:auto}.catalog-main .card-caption{padding:14px 8px}}@media (prefers-reduced-motion:reduce){.catalog-main .component-card{transition:none}}