.similar-crosshairs{flex-direction:column;gap:24px;width:100%;display:flex}.similar-crosshairs__title{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;letter-spacing:.02em;text-transform:uppercase;font-size:20px;font-weight:600}.similar-crosshairs__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media not (min-width:1024px){.similar-crosshairs__grid{grid-template-columns:repeat(2,1fr)}}@media not (min-width:768px){.similar-crosshairs__grid{grid-template-columns:1fr}}
.crosshair-backgrounds{aspect-ratio:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:100%;display:grid}.crosshair-backgrounds__tile{cursor:pointer;border:1px solid #ffffff12;border-radius:10px;justify-content:center;align-items:center;min-width:0;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.crosshair-backgrounds__tile:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 45%,#0000 38%,#0000007a 100%);position:absolute;inset:0}.crosshair-backgrounds__tile:hover{border-color:#e4231399}.crosshair-backgrounds__tile--active,.crosshair-backgrounds__tile--active:hover{border-color:var(--accent-red)}@media not (min-width:550px){.crosshair-backgrounds__tile{aspect-ratio:1}}.crosshair-backgrounds__canvas{height:100%;image-rendering:pixelated;-o-object-fit:cover;object-fit:cover;width:100%;display:block}