.x-hair-container{background:var(--ch-bg-surface);width:190px;min-height:190px;color:var(--ch-text-main);border:1px solid var(--ch-border);border-radius:6px;margin:15px;text-decoration:none;transition:border-color .2s;display:inline-block;position:relative;box-shadow:0 5px 14px #000a}#x-hairs>.x-hair-container{margin:0!important}.x-hair-container:hover{border-color:var(--vcrdb-green);cursor:pointer}.x-hair-container>h2{color:var(--ch-text-main);text-align:center;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:10px 10px 8px;font-size:18px;line-height:1.2;display:-webkit-box;overflow:hidden}.x-hair-container>h2:empty{display:none}.favorite{color:#424242;z-index:2;opacity:0;transition:color .3s,opacity .3s;position:absolute;bottom:10px;right:30px}.favorite:hover{color:var(--vcrdb-green-hover)}.favorite.liked{color:var(--vcrdb-green);z-index:2;opacity:1}#x-hairs>.x-hair-container:hover .favorite{opacity:1}.x-hair{margin-top:10%;display:block;position:relative}.x-hair>img{border:1px solid var(--ch-border);background:var(--ch-bg-card);border-radius:6px;width:145px;height:145px;margin-left:auto;margin-right:auto;display:block;position:relative;color:var(--ch-text-main)!important}.x-hair canvas,.crosshair-slot canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;z-index:1;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#x-hairs{justify-content:center;gap:25px;margin:20px auto;display:grid}@media (min-width:1700px){#x-hairs{grid-template-columns:repeat(6,190px)}}@media (min-width:1200px) and (max-width:1699px){#x-hairs{grid-template-columns:repeat(4,190px)}}@media (min-width:800px) and (max-width:1199px){#x-hairs{grid-template-columns:repeat(3,190px)}}@media (min-width:500px) and (max-width:799px){#x-hairs{grid-template-columns:repeat(2,190px)}}@media (max-width:499px){#x-hairs{grid-template-columns:repeat(1,190px)}}