.popular-tool-card{align-items:center;background-color:#fff;border:1px solid rgba(226,232,240,.9);border-radius:1rem;display:flex;gap:.875rem;height:100%;min-height:5.5rem;overflow:hidden;padding:1rem 1.125rem 1rem 1.25rem;position:relative;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.dark .popular-tool-card{background-color:#274566;background-image:linear-gradient(180deg,#ffffff0a,#00000014);border-color:#ffffff1a}.popular-tool-card:not(.popular-tool-card-disabled):hover{border-color:#94a3b899;box-shadow:0 4px 12px -4px #0f172a14,0 10px 24px -8px #0f172a1f;transform:translateY(-2px)}.dark .popular-tool-card:not(.popular-tool-card-disabled):hover{background-color:#2e5075;border-color:#ffffff38;box-shadow:0 4px 12px -4px #0006,0 12px 28px -10px #00000080}.popular-tool-card-disabled{background-color:#f8fafc;cursor:not-allowed}.dark .popular-tool-card-disabled{background-color:#1f354f;background-image:none}.popular-tool-accent{border-bottom-left-radius:1rem;border-top-left-radius:1rem;bottom:0;left:0;position:absolute;top:0;width:4px;z-index:0}.popular-tool-icon{border-radius:.75rem;color:#fff;display:grid;flex-shrink:0;height:3rem;place-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:3rem}.popular-tool-card:not(.popular-tool-card-disabled):hover .popular-tool-icon{transform:scale(1.06) rotate(-3deg)}.popular-tool-body{display:flex;flex-direction:column;justify-content:center;min-width:0}.popular-tool-go{background-color:#f1f5f9;border-radius:.5rem;color:#94a3b8;display:inline-grid;font-size:.9375rem;font-weight:600;height:1.5rem;line-height:1;place-items:center;transition:transform .2s ease,color .2s ease,background-color .2s ease;width:1.5rem}.dark .popular-tool-go{background-color:#ffffff14;color:#94a3b8}.popular-tool-card:hover .popular-tool-go{background-color:#e2e8f0;color:#0f172a;transform:translate(2px)}.dark .popular-tool-card:hover .popular-tool-go{background-color:#ffffff2e;color:#fff}