.pattern-family{background:#ffffff06;border:1px solid #2124298c;border-radius:16px;grid-template-columns:300px minmax(0,1fr);gap:22px;margin-bottom:16px;padding:20px;display:grid}@media not screen and (width>=860px){.pattern-family{grid-template-columns:minmax(0,1fr)}}.pattern-family__title{color:#fff;margin:0 0 8px;font-size:18px;font-weight:900}.pattern-family__link{color:#fff}@media (hover:hover){.pattern-family__link:hover{color:#60a5fa}}.pattern-family__desc{color:#a9b2c0;margin:0;font-size:14px;font-weight:500;line-height:1.6}.pattern-family__kind{color:#8a93a2;text-transform:uppercase;letter-spacing:.04em;background:#ffffff0d;border:1px solid #212429cc;border-radius:999px;margin-top:10px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.pattern-family__rows{flex-direction:column;gap:10px;display:flex}.pattern-family__row{border:1px solid #21242980;border-left:3px solid var(--rarity-color,#212429);background:#ffffff05;border-radius:12px;align-items:center;gap:14px;min-width:0;padding:10px 14px;display:flex}[dir=rtl] .pattern-family__row{border-left:none;border-right:3px solid var(--rarity-color,#212429)}@media not screen and (width>=640px){.pattern-family__row{flex-wrap:wrap}}.pattern-family__skin{flex-shrink:0;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;text-decoration:none;display:grid}@media not screen and (width>=640px){.pattern-family__skin{flex-shrink:1;min-width:0}}.pattern-family__img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000073);opacity:0;width:74px;height:56px;transition:opacity .25s}.img-box_loaded .pattern-family__img{opacity:1}.pattern-family__skin-info{flex-direction:column;gap:2px;min-width:0;display:flex}.pattern-family__weapon{color:var(--rarity-color,#fff);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.pattern-family__meta{color:#8a93a2;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;font-size:11.5px;font-weight:600;display:flex}.pattern-family__price{font-variant-numeric:tabular-nums;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 6px #c8d0d938);background:linear-gradient(#fff 20%,#c8d0d9 55%,#8f98a3 100%);font-size:13.5px;font-weight:800}[dir=rtl] .pattern-family__price{background:linear-gradient(-180deg,#fff 20%,#c8d0d9 55%,#8f98a3 100%)}[dir] .pattern-family__price{-webkit-background-clip:text;background-clip:text}.pattern-family__num{direction:ltr;unicode-bidi:isolate}.pattern-family__seeds{flex-wrap:wrap;flex:1;gap:7px;min-width:0;display:flex}@media not screen and (width>=640px){.pattern-family__seeds{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex-basis:100%;padding-bottom:2px;overflow-x:auto}}.pattern-family__open{color:#d3dbe6;background:linear-gradient(#ffffff0a,#0000 70%),#0f1014;border:1px solid #212429;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:filter .16s,background-color .16s,border-color .16s;display:inline-flex}[dir=rtl] .pattern-family__open{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),#0f1014}@media (hover:hover){.pattern-family__open:hover{filter:brightness(1.08)}}.pattern-family__open:disabled,.pattern-family__open[aria-disabled=true]{opacity:.5;pointer-events:none}@media (hover:hover){.pattern-family__open:hover{filter:none;background:linear-gradient(#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014;border-color:#3b82f673}[dir=rtl] .pattern-family__open:hover{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014}}.pattern-family__more{color:#d3dbe6;background:linear-gradient(#ffffff0a,#0000 70%),#0f1014;border:1px solid #212429;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;height:34px;margin-top:4px;padding:0 14px;font-size:13px;font-weight:700;transition:filter .16s,background-color .16s,border-color .16s;display:inline-flex}[dir=rtl] .pattern-family__more{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),#0f1014}@media (hover:hover){.pattern-family__more:hover{filter:brightness(1.08)}}.pattern-family__more:disabled,.pattern-family__more[aria-disabled=true]{opacity:.5;pointer-events:none}@media (hover:hover){.pattern-family__more:hover{filter:none;background:linear-gradient(#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014;border-color:#3b82f673}[dir=rtl] .pattern-family__more:hover{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014}}