.collection-card{background-color:#fff;border:1px solid #ddd;border-radius:2px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.24);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.24);box-shadow:0 2px 2px rgba(0,0,0,0.24);cursor:pointer;max-height:309px;margin-bottom:20px;margin-left:auto;margin-right:auto;overflow:hidden;vertical-align:middle;max-width:226px;transition:all 0.2s ease-in-out}.collection-card:hover{-webkit-box-shadow:0 6px 6px rgba(0,0,0,0.19);-moz-box-shadow:0 6px 6px rgba(0,0,0,0.19);box-shadow:0 6px 6px rgba(0,0,0,0.19);transform:translate(0px, -5px);transition-delay:0s !important}.collection-card a:hover{text-decoration:none}.collection-card .card-block{padding:8px}.collection-card .card-block p{margin:0}.collection-card .card-title{font-weight:400;color:#4a4a4a;font-size:16px;line-height:18px;margin:2px 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 400px){.collection-card .card-title{font-size:13px;line-height:15px;margin-left:3px;padding-top:0}}.card-img-top{border-top-left-radius:2px;border-top-right-radius:2px}.btn-shop{background:url(/cdn/com/images/collections/view-icon.png) no-repeat center right 6px}.btn-shop:hover{background-color:#fff}@media (max-width: 400px){.btn-shop{background:none}}.collection-rollup{background-color:#fff;border:1px solid #ddd;border-radius:2px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.24);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.24);box-shadow:0 2px 2px rgba(0,0,0,0.24);cursor:pointer;max-height:290px;margin-bottom:20px;margin-left:auto;margin-right:auto;overflow:hidden;padding:10px 8px 10px 5px;vertical-align:middle;max-width:256px;transition:all 0.2s ease-in-out}.collection-rollup:hover{-webkit-box-shadow:0 6px 6px rgba(0,0,0,0.19);-moz-box-shadow:0 6px 6px rgba(0,0,0,0.19);box-shadow:0 6px 6px rgba(0,0,0,0.19)}.collection-rollup a:hover{text-decoration:none}.collection-rollup .collection-avatar{width:30px;height:30px;overflow:hidden;background-size:40px auto;background-position:top center;background-repeat:no-repeat;border-radius:2px;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.24);-moz-box-shadow:0 0 2px rgba(0,0,0,0.24);box-shadow:0 0 2px rgba(0,0,0,0.24);float:left;margin-left:8px;margin-right:10px;margin-bottom:2px;margin-top:2px}@media (max-width: 400px){.collection-rollup .collection-avatar{display:none}}.collection-rollup .title{font-weight:400;color:#4a4a4a;font-size:15px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 400px){.collection-rollup .title{font-size:13px;line-height:15px;margin-left:3px;padding-top:0}}.collection-rollup .curator{font-weight:400;color:#777;margin-left:42px;font-size:11px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 400px){.collection-rollup .curator{line-height:11px;margin-left:3px}}.collection-rollup .sprite{color:#fff;margin:10px 0 0 8px}@media (max-width: 400px){.collection-rollup .sprite{margin-left:3px}}.collection-rollup .collection-info{display:block;clear:both;overflow:auto;color:#a4a4a4;font-size:13px;font-weight:bold}@media (max-width: 400px){.collection-rollup .collection-info{padding-right:0;font-size:11px;text-align:center}}.collection-rollup .collection-info .item-count{color:#4a4a4a;float:left;font-size:11px;font-weight:400;padding-top:12px;padding-left:8px;padding-right:5px}@media (max-width: 400px){.collection-rollup .collection-info .item-count{display:none}}.collection-rollup .collection-info .action{color:#4a4a4a;float:right;font-weight:600;border:1px solid #e0e0e0;border-radius:50px;padding:5px 7px 6px 15px;margin-top:5px}@media (max-width: 400px){.collection-rollup .collection-info .action{padding-top:5px;float:none}}.view-icon{width:15px;height:15px;display:inline;vertical-align:middle;margin-left:4px;margin-top:-2px}@media (max-width: 400px){.view-icon{margin-left:0;margin-top:0;float:right}}