@keyframes carouselFade{0%{opacity:0}4%{opacity:1}10%{opacity:1}14%{opacity:0}100%{opacity:0}}.category-list{width:100%;height:100%;position:relative;margin:4rem 0}.category-list.grey-background{padding:4rem 0;margin:0;background-color:#f8f8f8}.category-list .header{max-width:750px;width:calc(100% - 48px);margin:0 auto}.category-list .header h2{margin-bottom:8px}.category-list .categories{width:100%;transform:unset;position:relative;right:0;overflow:scroll hidden;margin-top:2rem;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);gap:24px}.category-list .categories::-webkit-scrollbar{display:none}.category-list .categories .category{width:80vw;text-decoration:none}.category-list .categories .category .image{position:relative;overflow:hidden}.category-list .categories .category .image::after{content:"";display:block;padding-bottom:100%}.category-list .categories .category .image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;object-fit:cover;object-position:center}.category-list .categories .category .image{margin-bottom:1rem}.category-list .categories .category .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-o-object-position:left center;object-position:left center}.category-list .categories .category .image.square{position:relative;overflow:hidden}.category-list .categories .category .image.square::after{content:"";display:block;padding-bottom:100%}.category-list .categories .category .image.square img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;object-fit:cover;object-position:center}.category-list .categories .category .content span{margin-top:.5rem;font-size:clamp(.64rem,2vh,.66rem)}@media screen and (min-width:820px){.category-list{display:flex;justify-content:center;align-items:start;flex-direction:column;flex-wrap:nowrap;gap:0}.category-list .header{margin:0 64px}.category-list .categories{padding:0;margin:16px 64px 0;width:calc(100% - 128px);height:unset;display:flex;justify-content:space-between;align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:24px;overflow:unset}.category-list .categories .category{flex:1}.category-list .categories .category .image{position:relative;overflow:hidden}.category-list .categories .category .image::after{content:"";display:block;padding-bottom:125%}.category-list .categories .category .image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;object-fit:cover;object-position:center}.category-list .categories .category .image.square{position:relative;overflow:hidden}.category-list .categories .category .image.square::after{content:"";display:block;padding-bottom:100%}.category-list .categories .category .image.square img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;object-fit:cover;object-position:center}}@media screen and (min-width:820px) and (max-height:800px){.category-list .categories .category .image:after{padding-bottom:90%}}