.collectionList{width:100%;display:flex;align-items:center;justify-content:center;gap:.2rem}.collectionList .item{flex:1;height:50rem;width:calc((100% - 50rem) / 3);transition:width .8s ease-out}.collectionList .item .itemBox{width:100%;height:100%;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.8rem;position:relative;overflow:hidden}.collectionList .item .itemBox img{width:auto;height:auto;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.collectionList .item .itemBox p{max-width:100%;width:100%;height:200%;padding:3.2rem 0;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#fdfdfd;text-shadow:0 0 24px rgba(0,0,0,.24);font-family:Albert Sans;font-size:2rem;font-style:normal;font-weight:700;line-height:172%;text-transform:uppercase;position:absolute;bottom:-100%;left:50%;transform:translate(-50%);background:#00000080;transition:bottom .8s ease-out,background .8s ease-out}.collectionList .item:hover,.collectionList .item.active{width:50rem;max-width:50rem}.collectionList .item:hover .itemBox,.collectionList .item.active .itemBox{width:100%}.collectionList .item:hover .itemBox p,.collectionList .item.active .itemBox p{background:transparent!important;bottom:0}@media screen and (max-width: 960px){.collectionList{overflow:hidden}.collectionList .item{max-width:100%;height:calc(100vw - 4rem)}.collectionList .item .itemBox p{background:#00000080!important;bottom:0}.collectionList .item:not(:first-of-type){display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-designger-collections.css.map */