.find-your-mood{isolation:isolate}.find-your-mood__grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4rem}@media screen and (max-width:749px){.find-your-mood__grid{flex-direction:column-reverse}}@media screen and (min-width:750px){.find-your-mood__grid--reverse{flex-direction:row-reverse}}.find-your-mood__media-item{position:relative;flex:0 1 var(--find-your-mood-image-width-mobile, 100%);min-width:28rem}@media screen and (min-width:750px){.find-your-mood__media-item{flex-basis:var(--find-your-mood-image-width-desktop, 40%)}}.find-your-mood__media{position:relative;overflow:visible}.find-your-mood__media img{display:block;width:100%;height:auto;border-radius:var(--find-your-mood-media-radius, 0)}.find-your-mood__media--placeholder{min-height:32rem;background:rgba(var(--color-foreground),.04)}@media screen and (min-width:750px){.find-your-mood__media--placeholder{min-height:46rem}}.find-your-mood__content{flex:1 1 50%;min-width:28rem;display:flex;flex-direction:column;justify-content:center;gap:2.4rem}.find-your-mood__heading{margin:0}@media screen and (max-width:749px){.find-your-mood__heading{text-align:center}}.find-your-mood__logos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1.2rem;scrollbar-width:none}.find-your-mood__logos::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.find-your-mood__logos{display:grid;grid-template-columns:repeat(4,1fr);overflow-x:visible;scroll-snap-type:none}}.find-your-mood__logo-item{display:flex;align-items:center;justify-content:center;flex:0 0 calc((100% - 2 * 1.2rem) / 3);scroll-snap-align:center;padding:.6rem 1.6rem;background:rgba(var(--color-foreground),.05);border-radius:1rem;min-height:12rem}.find-your-mood__logo-item img{max-width:100%;max-height:11rem;width:auto;height:auto;object-fit:contain}.find-your-mood__button{align-self:center}.find-your-mood.find-your-mood--overlaps-next{isolation:auto}.find-your-mood__media-item--overlap-next{z-index:2;margin-bottom:-8rem}@media screen and (min-width:750px){.find-your-mood__media-item--overlap-next{margin-bottom:-9rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-find-your-mood.css.map */
