.sf-row{--sf-aura:#a8a59c;--sf-tint:#a8a59c42;--sf-glow:#a8a59c80;--sf-top:#a8a59c38;--sf-edge:#a8a59c66;--coin:42px;--name:15px;--minh:72px;min-width:0;min-height:var(--minh);box-sizing:border-box;color:#0b0b0c;font-family:var(--font-sans);background:linear-gradient(105deg, #fff0 28%, var(--sf-tint) 100%), linear-gradient(165deg, #fff 0%, #f7f5f1 58%, #f0ede7 100%);border:1px solid #eceae4;border-radius:16px;align-items:center;gap:12px;padding:10px 14px 10px 13px;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out;display:flex;position:relative;overflow:hidden}.sf-row--md{--coin:42px;--name:15px;--minh:72px}.sf-row--preview{--coin:38px;--name:14px;--minh:66px}.sf-row--sm,.sf-row--auto{--coin:36px;--name:14px;--minh:64px}@media (min-width:640px){.sf-row--auto{--coin:42px;--name:15px;--minh:72px}}.sf-row__pearl{pointer-events:none;background:linear-gradient(118deg,#0000 34%,#b4c8f012 43%,#ffffff6b 47%,#f0cddc12 51%,#0000 60%);position:absolute;inset:0}.sf-row--main{border-color:var(--sf-edge);background:linear-gradient(100deg, var(--sf-top) 0%, #fff0 52%), linear-gradient(165deg, #fff 0%, #f8f6f2 100%);box-shadow:0 12px 26px -18px #3c288c6b}.sf-row__foil{pointer-events:none;mix-blend-mode:multiply;opacity:.52;background:conic-gradient(from 210deg at 32% 48%,#ff96aa00,#ffc86ead,#82ebb994,#6eb4ffad,#c396ffad,#ff96aa00);position:absolute;inset:0}.sf-row__glow{pointer-events:none;background:radial-gradient(70% 130% at 0% 100%, var(--sf-glow), transparent 72%);position:absolute;inset:0}.sf-row__streak{pointer-events:none;background:linear-gradient(118deg,#0000 24%,#8cbeff42 36%,#ffffffe0 43%,#ffbe9642 50%,#0000 61%);position:absolute;inset:0}.sf-row__streak2{pointer-events:none;background:linear-gradient(118deg,#0000 62%,#ffffff80 66%,#0000 70%);position:absolute;inset:0}.sf-row--interactive{cursor:pointer}.sf-row--interactive:hover{border-color:#d6d3ca;transform:translateY(-2px);box-shadow:0 10px 22px -16px #0b0b0c40}.sf-row--main.sf-row--interactive:hover{border-color:color-mix(in srgb, var(--sf-aura) 55%, transparent)}.sf-row--interactive:active{transform:translateY(0)}.sf-row--interactive:focus-visible{outline-offset:2px;outline:2px solid #3a2eff}.sf-row__coin{width:var(--coin);height:var(--coin);box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-aura) 60%, transparent), 0 4px 10px -6px #0b0b0c40;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.sf-row__logo{object-fit:contain;width:52%;height:52%}.sf-row__mono{font:600 calc(var(--coin) * .42)/1 var(--font-display)}.sf-row__badge{width:calc(var(--coin) * .36);height:calc(var(--coin) * .36);color:#fff;font-size:calc(var(--coin) * .22);background:#3a2eff;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px #fff}.sf-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;position:relative}.sf-row__cat{letter-spacing:.12em;text-transform:uppercase;color:#8c897f;font-size:9.5px;font-weight:600;line-height:1}.sf-row__main{color:#3a2eff}.sf-row__name{font:600 var(--name)/1.12 var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere}.sf-row__model{color:#55534d;font-size:12.5px;font-weight:500;line-height:1.2}.sf-tag{--sf-aura:#a8a59c;box-sizing:border-box;white-space:nowrap;color:#2a2925;background:#fff;border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #e6e3dc}.sf-tag__coin{width:20px;height:20px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--sf-aura) 60%, transparent);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.sf-tag__coin img{object-fit:contain;width:58%;height:58%}.sf-tag__coin span{font:600 10px/1 var(--font-display)}a.sf-tag:hover,button.sf-tag:hover{color:#0b0b0c;box-shadow:inset 0 0 0 1px #cfcbc1}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:start;gap:8px;display:grid}@media (min-width:640px){.sf-grid{grid-template-columns:repeat(auto-fill,216px);gap:10px}}.sf-grid--preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sf-grid--showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}