.collection-card{height:273px;padding:4px;position:relative}.collection-card__body{background-color:#fff;border:1px solid #e4e8ed;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:265px;overflow:hidden;position:relative;transition:all .15s ease}.collection-card__body:after,.collection-card__body:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .15s ease 0s;width:100%}.collection-card__body:before{background:var(--primary-color-70)}.collection-card__body:after{border:2px solid var(--primary-color-70);border-radius:12px}.collection-card__body.active:before{opacity:.075}.collection-card__body.active:after{opacity:1}.collection-card__selected{opacity:0;position:absolute;right:calc(50% - 18px);top:calc(50% - 18px);transition:opacity .15s ease 0s}.collection-card__selected svg{color:#fff}.collection-card__body.active .collection-card__selected{opacity:1}.collection-card__thumbnail{background-color:#e4e8ed;border-radius:11px 11px 0 0;flex:0 1 205px;overflow:hidden;position:relative;text-align:center}.collection-card__thumbnail img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.collection-card__thumbnail-overlay,.collection-card__thumbnail-overlay:after,.collection-card__thumbnail-overlay:before{height:100%;left:0;position:absolute;top:0;width:100%}.collection-card__thumbnail-overlay:after,.collection-card__thumbnail-overlay:before{border-top-left-radius:11px;border-top-right-radius:11px;content:"";opacity:0;transition:opacity .15s ease 0s}.collection-card__thumbnail-overlay:before{background:linear-gradient(180deg,rgba(21,21,23,.4) 19.34%,rgba(21,21,23,0))}.collection-card__thumbnail-overlay:after{background:var(--primary-color-70);filter:brightness(.5)}.collection-card__body.active .collection-card__thumbnail-overlay:after,.collection-card__body:hover:not(.active) .collection-card__thumbnail-overlay:before{opacity:.5}.collection-card__title{align-items:center;color:#1c1d1f;display:flex;flex:1 0 36px;font-weight:500;line-height:20px;max-height:96px;padding:8px 16px 12px;position:relative}.collection-card__title-outer{max-height:60px;overflow:hidden;word-break:break-word}.collection-card__status{background:rgba(0,0,0,.3);border-radius:12px;color:#1c1d1f;height:24px;position:absolute;right:12px;text-align:center;top:12px;width:24px}.collection-card__status svg{color:#fff}.collection-card__access_type{align-items:center;background:rgba(0,0,0,.3);border-radius:6px;display:flex;font-size:17px;height:24px;justify-content:center;left:12px;line-height:32px;position:absolute;top:12px;width:24px;z-index:1}.collection-card__access_type svg{color:#fff}.collection-card__stub{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.collection-card__badge{background:rgba(21,21,23,.6);border-radius:11px;color:#fff;font-size:12px;line-height:14px;min-width:22px;padding:3px 8px 5px;position:absolute;right:12px;text-align:center;top:13px;z-index:1}.feed-empty{flex-shrink:0;margin-bottom:auto;margin-top:auto;position:relative}.feed-empty__inner{text-align:center;width:100%}.feed-empty__icon{color:#707882;font-size:150px;opacity:.2;padding:0 0 26px}.feed-empty__result{font-size:18px;line-height:23px;padding:0 0 5px}.feed-empty__retry{color:#707882;font-size:16px;line-height:20px}.collections-loading__row{display:flex;padding:0 4px}.collections-loading__item{animation:shimmer 2s linear infinite forwards;background:#e4e8ed linear-gradient(90deg,#e4e8ed,#d0d6db 20%,#e4e8ed 40%,#e4e8ed) no-repeat;background-size:100vw 100%;border-radius:8px;flex-grow:1;height:265px;margin:4px;width:321px}.collection-feed{flex:1;padding:0 0 4px}.collection-feed__area{margin-top:-4px;padding:0 4px}.collection-feed__cards{container-name:collection-feed-cards;container-type:inline-size;display:flex;flex-wrap:wrap}.collection-feed__card{width:358px}@container collection-feed-cards (max-width: 2864px){.collection-feed__card{width:12.5%}}@container collection-feed-cards (max-width: 2506px){.collection-feed__card{width:14.2%}}@container collection-feed-cards (max-width: 2148px){.collection-feed__card{width:16.6%}}@container collection-feed-cards (max-width: 1790px){.collection-feed__card{width:20%}}@container collection-feed-cards (max-width: 1432px){.collection-feed__card{width:25%}}@container collection-feed-cards (max-width: 1074px){.collection-feed__card{width:33.3%}}@container collection-feed-cards (max-width: 716px){.collection-feed__card{width:50%}}@container collection-feed-cards (max-width: 358px){.collection-feed__card{width:100%}}