.collection-list{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-lines);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;--color-accent-section:var(--color-accent-section-light, var(--color-accent));--custom-image-radius:var(--radius)}html[data-theme=dark] .collection-list{background:#131412;--color-accent-section:var(--color-accent-section-dark, var(--color-accent))}.collection-list .image-hover-box__container{overflow:hidden}.collection-list .image-hover-box{border-radius:0!important;overflow:hidden;border-bottom:2px solid var(--color-accent-section, var(--color-accent));background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent-section, var(--color-accent)) 22%,transparent),var(--color-secondary-background))}.collection-list:hover{transform:translateY(-4px) scale(1.02);border-color:var(--color-accent-section, var(--color-accent));box-shadow:var(--shadow),0 0 0 3px color-mix(in srgb,var(--color-accent-section, var(--color-accent)) 20%,transparent)}.collection-list .mt13{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 16px!important;margin-top:0!important}.collection-list__heading{margin:0}.collection-list__text{color:var(--color-accent-section, var(--color-accent))!important;font-weight:600;margin:0!important}#theme-block-view_all_games .image-hover-box{background:linear-gradient(160deg,var(--color-accent),var(--color-secondary-background))}#theme-block-view_all_games .image-hover-box img{opacity:0}#theme-block-view_all_games .image-hover-box:after{content:"View All \2192";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:20px;white-space:nowrap;color:var(--auto-accent-color-text, #fff)}#theme-block-view_all_games .collection-list__text{display:none}[data-section-name=main-list-collections] .collection-list{height:100%}[data-section-name=main-list-collections] .collection-list .mt13{gap:10px;align-items:flex-start!important}[data-section-name=main-list-collections] .collection-list .collection-list__heading{flex:1 1 auto;min-width:0;text-align:left}[data-section-name=main-list-collections] .collection-list .collection-list__text{flex:0 0 auto;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-collection-list-card.css.map */
