@keyframes skeleton-pulse{0%{opacity:.06}50%{opacity:.12}to{opacity:.06}}.crosshair-card-skeleton{border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;min-height:280px;display:flex;overflow:hidden}.crosshair-card-skeleton__preview{background:var(--bg-elevated);flex:1;animation:1.8s ease-in-out infinite skeleton-pulse}.crosshair-card-skeleton__info{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.crosshair-card-skeleton__name{background:var(--bg-elevated);border-radius:4px;width:60%;height:20px;animation:1.8s ease-in-out .1s infinite skeleton-pulse}.crosshair-card-skeleton__meta{justify-content:space-between;display:flex}.crosshair-card-skeleton__meta-item{background:var(--bg-elevated);border-radius:4px;width:60px;height:14px;animation:1.8s ease-in-out .2s infinite skeleton-pulse}
.crosshair-grid{flex-direction:column;gap:32px;width:100%;max-width:1480px;margin:0 auto;display:flex;position:relative}.crosshair-grid:before{content:"";height:1px;position:absolute;top:-24px;left:60px;right:60px}[dir=ltr] .crosshair-grid:before{background:linear-gradient(90deg,#0000 0%,#e423130f 50%,#0000 100%)}[dir=rtl] .crosshair-grid:before{background:linear-gradient(-90deg,#0000 0%,#e423130f 50%,#0000 100%)}.crosshair-grid__title{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;font-size:24px;font-weight:600;position:relative}.crosshair-grid__title:after{content:"";width:48px;height:2px;position:absolute;bottom:-4px}[dir=ltr] .crosshair-grid__title:after{background:linear-gradient(90deg,#e4231366 0%,#0000 100%);left:0}[dir=rtl] .crosshair-grid__title:after{background:linear-gradient(-90deg,#e4231366 0%,#0000 100%);right:0}.crosshair-grid__grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;display:grid}@media not (min-width:1024px){.crosshair-grid:before{left:24px;right:24px}.crosshair-grid__grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media not (min-width:768px){.crosshair-grid:before{left:16px;right:16px}.crosshair-grid__title{font-size:18px}.crosshair-grid__grid{grid-template-columns:repeat(2,1fr);gap:12px}}
.crosshair-pagination{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.crosshair-pagination__items{flex-wrap:nowrap;align-items:center;gap:4px;display:flex;position:relative}.crosshair-pagination__cursor{background:var(--accent-red);color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;opacity:0;pointer-events:none;transform-origin:50%;-webkit-user-select:none;user-select:none;z-index:2;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:500;display:flex;position:absolute}[dir=ltr] .crosshair-pagination__cursor{left:0}[dir=rtl] .crosshair-pagination__cursor{right:0}.crosshair-pagination__cursor[data-moving=true],.crosshair-pagination__cursor:not([data-moving=true]){transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .15s}.crosshair-pagination__button{appearance:none;border:1px solid var(--border-default);box-sizing:border-box;color:var(--text-secondary);cursor:pointer;font-family:var(--font-chakra-petch),sans-serif;-webkit-user-select:none;user-select:none;z-index:1;background:0 0;border-radius:4px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;font-size:13px;font-weight:400;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex;position:relative}.crosshair-pagination__button:hover{border-color:var(--border-strong);color:var(--text-primary)}.crosshair-pagination__button:active{transform:scale(.97)}.crosshair-pagination__button--active{color:#0000;pointer-events:none;border-color:#0000}.crosshair-pagination__nav{background:var(--accent-red);color:var(--text-primary);cursor:pointer;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,opacity .2s;display:inline-flex}.crosshair-pagination__nav:hover{background:color-mix(in srgb,var(--accent-red)90%,white)}.crosshair-pagination__nav--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.crosshair-pagination__ellipsis{color:var(--text-secondary);font-family:var(--font-chakra-petch),sans-serif;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;display:inline-flex}