.tools-head{margin-top:40px}.tools-head>*{max-width:680px}.tools-filters{position:sticky;top:61px;z-index:5;margin-inline:calc(-1 * var(--gutter));padding:10px 0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px)}.tools-filters .v3-filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-inline:var(--gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,var(--ink-primary) calc(100% - 32px),transparent);mask-image:linear-gradient(to right,var(--ink-primary) calc(100% - 32px),transparent)}.tools-filters .v3-filter-chips::-webkit-scrollbar{display:none}.tools-filters .v3-filter-chips button{flex:none;white-space:nowrap}.tools-filters .v3-filter-chips__icon{display:none}.tools-filters .v3-filter-chips:after{content:"";flex:none;width:16px}@media (min-width:1024px){.tools-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 48px;align-items:start}.tools-filters{top:calc(61px + 32px);margin:4px 0 0;padding:0;border:0;background:none;backdrop-filter:none}.tools-filters .v3-filter-chips{flex-direction:column;gap:2px;overflow:visible;padding:0;-webkit-mask-image:none;mask-image:none}.tools-filters .v3-filter-chips:after{content:none}.tools-filters .v3-filter-chips button{gap:10px;padding:8px 12px;border-color:transparent;border-radius:8px}.tools-filters .v3-filter-chips button[aria-pressed=true]{border-color:transparent}.tools-filters .v3-filter-chips__icon{display:inline-flex;color:var(--ink-secondary)}.tools-filters .v3-filter-chips button[aria-pressed=true] .v3-filter-chips__icon{color:inherit}.tools-filters .v3-filter-chips__count{margin-left:auto}}.tools-main{container:tools-main/inline-size}.tool-groups{display:grid;gap:56px 24px;margin-top:28px}.tool-group .tool-cards{margin:20px 0 0}@media (min-width:1024px){.tool-groups{margin-top:0}}@container tools-main (min-width: 900px){.tool-groups{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-group{grid-column:span var(--tool-group-span)}.tools-main .tool-groups .tool-group .tool-cards__grid{grid-template-columns:repeat(var(--tool-group-span),minmax(0,1fr))}}.tool-group__link{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.tool-group__link:focus-visible,.tool-group__link:hover{text-decoration:underline;text-underline-offset:4px}