.VI1d-q_bar{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.VI1d-q_tabs{flex-wrap:wrap;gap:4px 24px;display:flex}.VI1d-q_tab{font-feature-settings:var(--ff-ui);color:var(--fg-muted);transition:color .15s var(--ease-framer);font-size:16px;line-height:24px}.VI1d-q_tab[aria-pressed=true]{color:var(--fg)}@media (hover:hover) and (pointer:fine){.VI1d-q_tab:hover{color:var(--fg)}}.VI1d-q_list{margin-top:48px}.VI1d-q_list:not([data-filter=All]) li[data-category]{display:none}.VI1d-q_list[data-filter=Guides] li[data-category=Guides],.VI1d-q_list[data-filter=Comparisons] li[data-category=Comparisons]{display:flex}@media (max-width:809px){.VI1d-q_list{margin-top:32px}}
.taHpnG_grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 48px;list-style:none;display:grid}@media (max-width:1099px){.taHpnG_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}}@media (max-width:639px){.taHpnG_grid{grid-template-columns:minmax(0,1fr);gap:48px}}.taHpnG_grid>li{display:flex}.taHpnG_card{flex-direction:column;flex:1;display:flex}.taHpnG_cover{background:#f0f0f0;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.taHpnG_frameCard{aspect-ratio:16/9}.taHpnG_frameHero{aspect-ratio:2;border-radius:12px}.taHpnG_cover svg{width:100%;height:100%;display:block}.taHpnG_picture{object-fit:cover}.taHpnG_card>.taHpnG_cover svg,.taHpnG_card>.taHpnG_cover .taHpnG_picture{transition:scale .4s cubic-bezier(.19,1,.22,1)}.taHpnG_title{font-feature-settings:var(--ff-ui);font-variation-settings:var(--opsz-display);letter-spacing:-.012em;color:var(--fg);text-wrap:balance;transition:color .15s var(--ease-framer);margin-top:24px;font-size:20px;font-weight:560;line-height:1.33}.taHpnG_dek{letter-spacing:-.011em;color:var(--fg-muted);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:15px;line-height:24px;display:-webkit-box;overflow:hidden}.taHpnG_meta{font-feature-settings:var(--ff-ui);color:var(--fg-muted);margin-top:auto;padding-top:20px;font-size:13px;line-height:20px}@media (hover:hover) and (pointer:fine){.taHpnG_card:hover .taHpnG_title{color:var(--accent)}.taHpnG_card:hover>.taHpnG_cover svg,.taHpnG_card:hover>.taHpnG_cover .taHpnG_picture{scale:1.02}}@media (prefers-reduced-motion:reduce){.taHpnG_card:hover>.taHpnG_cover svg,.taHpnG_card:hover>.taHpnG_cover .taHpnG_picture{scale:none}}