.mood-categories{width:100%;overflow:hidden}.mood-categories__title{margin:0;font-family:var(--mood-title-font);font-weight:var(--mood-title-weight);font-style:var(--mood-title-style);color:var(--mood-title-color);text-align:center;line-height:1.15}.mood-categories__scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mood-categories__scroll-container::-webkit-scrollbar{display:none}.mood-categories__cards{display:flex;flex-wrap:nowrap;width:max-content;margin:0 auto}.mood-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:12px;background-color:var(--mood-card-bg-color);border:1px solid var(--mood-card-border-color);box-sizing:border-box}.mood-card__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:100%;height:100%}.mood-card__link:hover{text-decoration:none}.mood-card__link:hover .mood-card__image{transform:scale(1.05)}.mood-card__image-wrapper{width:182px;height:182px;overflow:hidden;border:1px solid var(--mood-card-border-color);background-color:#f5f5f5}.mood-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mood-card__image-placeholder{width:100%;height:100%;background-color:#e0e0e0}.mood-card__title{margin-top:20px;font-family:var(--mood-card-title-font);font-weight:var(--mood-card-title-weight);font-style:var(--mood-card-title-style);color:var(--mood-card-title-color);text-align:center;text-transform:uppercase;white-space:nowrap}@media screen and (min-width: 768px){.mood-categories{padding:var(--mood-padding-desktop) 40px}.mood-categories__title{font-size:var(--mood-title-size-desktop);margin-bottom:40px}.mood-categories__cards{gap:var(--mood-card-gap-desktop)}.mood-card{width:206px;height:249px}.mood-card__title{font-size:var(--mood-card-title-size-desktop)}}@media screen and (max-width: 767px){.mood-categories{padding:var(--mood-padding-mobile) 20px}.mood-categories__title{font-size:var(--mood-title-size-mobile);margin-bottom:24px}.mood-categories__cards{gap:var(--mood-card-gap-mobile);padding-bottom:20px}.mood-card{width:206px;height:249px}.mood-card__title{font-size:var(--mood-card-title-size-mobile)}}@supports (scroll-snap-type: x mandatory){.mood-categories__scroll-container{scroll-snap-type:x proximity}.mood-card{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/426/assets/mood-categories.css.map */