.collection-card-header{position:relative}.collection-card-header-row{display:flex;justify-content:space-between;margin:10px 0}.collection-card-header-name{font-weight:700}.collection-card-header-rank{color:var(--primary);font-weight:700}.collection-card-header-id{font-weight:700;word-break:break-all}.collection-card-header-guild{text-transform:uppercase;color:#3ea7ff;font-weight:700}.collection-card-traits{overflow:auto;padding:5px 0}.collection-card-traits-item{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:flex-start;padding:5px 20px;border-bottom:1px solid var(--border)}.collection-card-traits-item:first-child{border-top:1px solid var(--border)}.collection-card-traits-name{margin-right:10px;flex:1;opacity:.5;text-transform:uppercase;font-size:12px;font-weight:700;text-align:right}.collection-card-traits-value{flex:1;font-size:12px}.collection-card__counts{position:absolute;top:6px;right:6px;display:flex;align-items:center}.collection-card__count{background-color:var(--gray-light);border:var(--border);border-radius:5px;display:flex;align-items:center;box-sizing:border-box;padding:3px 5px;text-align:center;min-width:26px;font-size:16px;font-weight:700}.collection-card__count svg{margin-right:2px}.collection-card__count-onchain{color:var(--green)}.collection-card__count-offchain{color:var(--primary);margin-right:8px}.collection-card-image{position:relative;cursor:pointer;perspective:1000px}.collection-card-image-img{border-radius:10px;display:block;width:100%;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover}.collection-card-image-front{transition:.3s linear;backface-visibility:hidden}.collection-card-image-label-offchain{position:absolute;top:6px;right:6px;color:var(--primary);border-radius:50%;width:25px;height:25px;border:1px solid var(--border);background-color:var(--gray-light);display:flex;align-items:center;justify-content:center}.collection-card-image-claimable-meth{right:10px;top:10px;color:var(--yellow)}.collection-card-image-attached-ape,.collection-card-image-claimable-meth{position:absolute;font-size:14px;display:flex;align-items:center;z-index:5}.collection-card-image-attached-ape{left:50%;transform:translateX(-50%) translateY(-50%);top:-9px;font-weight:700;color:hsla(0,0%,100%,.5);white-space:nowrap}.collection-card-image-attached-ape img{width:30px;border-radius:50%;margin-right:4px;border:1px solid var(--border)}.collection-card-image-attached-ape-meth{margin-left:5px;font-size:12px;color:var(--purple)}.collection-card-image-selected{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;border-radius:10px}.collection-card-image-selected svg{box-sizing:border-box;border:1px solid var(--green);border-radius:50%;color:#fff;background-color:var(--green);width:50px;height:50px;padding:10px}.collection-card-image-back{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:stretch;justify-content:center;color:#fff;text-align:left;border-radius:10px;z-index:20;transition:.3s linear;transform:rotateY(-180deg);backface-visibility:hidden;opacity:0}.collection-card-image.traits .collection-card-image-front{transform:rotateY(180deg)}.collection-card-image.traits .collection-card-image-back{transform:rotateY(0);opacity:1}.app-counter{color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.app-counter.disabled{opacity:.5;pointer-events:none}.app-counter-value{margin:0 10px;line-height:1;min-width:20px;text-align:center}.app-counter-button{color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;font-size:0}.app-counter-button:hover{color:var(--primary)}.app-counter-button.disabled{opacity:.5;pointer-events:none}.app-icon-link{box-sizing:border-box;padding:10px 18px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;border-radius:25px;color:#fff;text-decoration:none;transition:.2s;position:relative}.app-icon-link,.app-icon-link svg{margin-right:10px}.app-icon-link:hover{background-color:var(--gray-light)}