.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:#83abff}}.pattern-family__desc{color:#a9b2c0;margin:0;font-size:14px;font-weight:500;line-height:1.6}.pattern-family__kind{color:#8a93a2;letter-spacing:.04em;text-transform:uppercase;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{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:var(--button-fg,var(--control-fg));box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-bg);--button-hover:var(--control-hover);--button-pressed:var(--control-pressed);--button-fg:var(--control-fg);--button-sheen:var(--control-sheen);border-radius:var(--control-radius);border-radius:var(--control-radius-sm);border:0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.pattern-family__open:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.pattern-family__open:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.pattern-family__open:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.pattern-family__open:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}.pattern-family__open:disabled,.pattern-family__open[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.pattern-family__more{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:var(--button-fg,var(--control-fg));box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-bg);--button-hover:var(--control-hover);--button-pressed:var(--control-pressed);--button-fg:var(--control-fg);--button-sheen:var(--control-sheen);border-radius:var(--control-radius);border-radius:var(--control-radius-sm);border:0;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;display:inline-flex}.pattern-family__more:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.pattern-family__more:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.pattern-family__more:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.pattern-family__more:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}.pattern-family__more:disabled,.pattern-family__more[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}