.th__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}.th__grid>li{display:flex;min-width:0}.th__tile{flex:1;min-width:0;min-height:236px;padding:var(--s-6) var(--s-5) var(--s-5);text-align:center;text-decoration:none}.th__tile .dp-tile__name{font:600 19px/1.25 var(--font);color:var(--c-fg)}.th__tile .dp-tile__meta{max-width:26ch;margin:0 auto}.th__tile .dp-tile__badge{color:var(--tint);background:rgb(var(--b1)/.14)}.th__tile .dpl-wrap{width:72px;height:72px}@media(max-width:900px){.th__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.th__grid{grid-template-columns:1fr;gap:var(--s-2)}.th__tile{display:grid;grid-template-columns:56px 1fr;grid-template-areas:"ico name" "ico meta";column-gap:var(--s-4);row-gap:2px;align-items:center;justify-items:start;min-height:104px;padding:var(--s-4) var(--s-4) var(--s-4) var(--s-4);text-align:left}.th__tile>.dp-icon,.th__tile>.dpl-wrap{grid-area:ico;--size:52px;width:52px;height:52px}.th__tile .dp-tile__name{grid-area:name;font-size:17px;padding-right:56px;align-self:end}.th__tile .dp-tile__meta{grid-area:meta;max-width:none;margin:0;align-self:start}.th__tile .dp-tile__badge{top:12px;right:12px}}.th__genres{margin-top:var(--s-8)}.th__sub{margin:var(--s-2) 0 var(--s-5);color:var(--c-fg-2);font:var(--t-body)}.th__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}.th__cols .dp-h3{margin:0 0 var(--s-3)}.th__glist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.th__glist a{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);min-height:var(--tap);padding:10px 16px;border-radius:var(--r-sm);text-decoration:none;color:var(--c-fg);font:600 16px/1.3 var(--font);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);transition:box-shadow .2s,background .2s}.th__glist em{font-style:normal;font:500 14px/1.3 var(--font);font-variant-numeric:tabular-nums;color:var(--c-fg-3);white-space:nowrap}.th__glist a:is(:hover,:focus-visible){background:var(--c-raised);box-shadow:inset 0 0 0 1.5px var(--c-coral)}.th__glist a:focus-visible{outline:2px solid var(--c-amber);outline-offset:2px}@media(max-width:700px){.th__cols{grid-template-columns:1fr}}.th .tool__copy{margin-top:var(--s-7)}.th__all{margin-top:var(--s-6)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dp-tool-hub.css.map */