.workflow-browser{background:linear-gradient(#fafbfc 0%,#fff 100%);padding:6rem 0}.workflow-browser .container{max-width:120rem;margin:0 auto;padding:0 2rem}.workflow-browser__title{text-align:center;color:#1a1a2e;letter-spacing:-.02rem;margin-bottom:3.5rem;font-size:3.4rem;font-weight:700}.workflow-browser__controls{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:4rem;display:flex}.workflow-browser__select,.workflow-browser__search{color:#333;background:#fff;border:1px solid #e2e4e9;border-radius:.8rem;outline:none;min-width:18rem;padding:1.1rem 1.8rem;font-size:1.4rem;transition:border-color .2s,box-shadow .2s}.workflow-browser__select:hover,.workflow-browser__search:hover{border-color:#b8bcc4}.workflow-browser__select:focus,.workflow-browser__search:focus{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1f}.workflow-browser__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23767676' stroke-width='1.6' fill='none' fill-rule='evenodd'/></svg>");background-position:right 1.4rem center;background-repeat:no-repeat;padding-right:3.6rem}.workflow-browser__search{flex:1;max-width:28rem}.workflow-browser__grid{grid-template-columns:repeat(3,1fr);gap:2.4rem;display:grid}@media (max-width:991px){.workflow-browser__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.workflow-browser__grid{grid-template-columns:1fr}}.workflow-browser__card{text-align:center;color:inherit;background:#fff;border:1px solid #eceef1;border-radius:1.4rem;padding:2.8rem 2.2rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;box-shadow:0 2px 8px #1018280a}.workflow-browser__card:hover,.workflow-browser__card:focus{color:inherit;border-color:#dfe3ff;text-decoration:none;transform:translateY(-.4rem);box-shadow:0 12px 28px #1018281a}.workflow-browser__image{border-radius:.8rem;width:100%;height:18rem;margin-bottom:2rem;position:relative;overflow:hidden}.workflow-browser__image img{object-fit:contain}.workflow-browser__card-title{color:#1a1a2e;font-size:1.6rem;font-weight:600;line-height:1.4}.workflow-browser__empty{text-align:center;color:#767676;padding:4rem 0;font-size:1.5rem}
.logo-grid-search{background:#f1f5f9;padding:4rem 0 6rem}.logo-grid-search__layout{grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:991px){.logo-grid-search__layout{grid-template-columns:2fr 1fr;align-items:start}}.logo-grid-search__grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:2rem;padding:0 0 6.6rem;display:grid}.logo-grid-search__item{aspect-ratio:90/74;cursor:pointer;width:100%;font:inherit;background:#fff;border:none;border-radius:0;justify-content:center;align-items:center;padding:1.2rem;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #1018281a}.logo-grid-search__item:hover{transform:translateY(-.2rem);box-shadow:0 6px 16px #1018281f}.logo-grid-search__image{width:100%;height:100%;position:relative}.logo-grid-search__image img{object-fit:contain}.logo-grid-search__fallback{text-align:center;color:#333;font-size:1.3rem;font-weight:600}.logo-grid-search__empty{text-align:center;color:#767676}.logo-grid-search__filter-col{flex-direction:column;gap:2rem;display:flex}.logo-grid-search__search-wrap{align-items:center;display:flex;position:relative}.logo-grid-search__search-icon{color:#98a2b3;pointer-events:none;position:absolute;left:1.4rem}.logo-grid-search__filter-icon{color:#98a2b3;pointer-events:none;position:absolute;right:1.4rem}.logo-grid-search__search{border:1px solid #e2e4e9;border-radius:.8rem;outline:none;width:100%;padding:1.2rem 4rem;font-size:1.4rem}.logo-grid-search__search:focus{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1f}.logo-grid-search__categories{max-height:32rem;margin:0;padding:.4rem 0;list-style:none;overflow-y:auto}.logo-grid-search__categories::-webkit-scrollbar{width:.4rem}.logo-grid-search__categories::-webkit-scrollbar-thumb{background:#c7d0e0;border-radius:.4rem}.logo-grid-search__category{text-align:left;width:100%;font:inherit;color:#333;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #eceef1;padding:1.2rem .4rem;font-size:1.5rem;transition:color .2s;display:block}.logo-grid-search__category:hover{color:#37418e}.logo-grid-search__category.is-active{color:#37418e;font-weight:500}
