.find-your-shade__header{margin-bottom:3.2rem}.find-your-shade__tabs-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-bottom:2.4rem}.find-your-shade__tabs{display:flex;gap:2rem;margin-right:auto;overflow:auto;padding-block:.5rem;order:2;min-width:100%}@media screen and (max-width: 749px){.find-your-shade__tabs{margin-inline:-1.6rem;padding-inline:1.6rem}}@media screen and (min-width: 990px){.find-your-shade__tabs{order:unset;min-width:0}}.find-your-shade__tab{padding:0;border-color:transparent;background:transparent;color:rgba(var(--color-base-text),.5);cursor:pointer;transition:all .2s ease;border-radius:0;white-space:nowrap}.find-your-shade__tab:hover{color:rgba(var(--color-base-text),.7)}.find-your-shade__tab.is-active{color:rgba(var(--color-base-text),1)}@media screen and (max-width: 749px){.find-your-shade__mmm-button{width:100%}}@media screen and (max-width: 989px){.find-your-shade__mmm-button{order:1}}.find-your-shade__navigation{display:flex;flex-shrink:0}@media screen and (max-width: 989px){.find-your-shade__navigation{display:none}}.find-your-shade__nav-btn{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;cursor:pointer;transition:all .2s ease;border:none;background:none}.find-your-shade__nav-btn--next.swiper-button-disabled,.find-your-shade__nav-btn--prev.swiper-button-disabled{cursor:not-allowed}.find-your-shade__gallery{overflow:hidden}@media screen and (max-width: 749px){.swiper.find-your-shade__swiper{margin-inline:-1.6rem;padding-inline:1.6rem}}.swiper.find-your-shade__swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:.8rem;overflow:hidden}.swiper.find-your-shade__swiper:not(.swiper-initialized) .swiper-slide{flex-shrink:0}@media screen and (max-width: 599px){.swiper.find-your-shade__swiper:not(.swiper-initialized) .swiper-slide{width:calc((100vw - 40px) / 1.3)}}.swiper-slide.find-your-shade__slide{width:auto;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}@media screen and (min-width: 600px){.swiper-slide.find-your-shade__slide{width:30.2rem}}@media screen and (min-width: 990px){.swiper-slide.find-your-shade__slide{width:38.2rem}}.swiper-slide.find-your-shade__slide--hidden{display:none!important}.swiper-slide.find-your-shade__slide--animating{opacity:0;transform:translateY(20px)}.find-your-shade__card{height:100%;display:flex;flex-direction:column;padding-bottom:2px}.find-your-shade__media-container{margin-bottom:1.6rem;overflow:hidden;aspect-ratio:4/5}.find-your-shade__media-container img,.find-your-shade__media-container video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.find-your-shade__media-wrapper{position:relative;width:100%;background:var(--color-background-secondary, #f5f5f5)}.find-your-shade__video,.find-your-shade__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.find-your-shade__card-details{display:flex;gap:1.6rem;flex:1}.find-your-shade__thumbnail{flex-shrink:0;width:9.6rem;height:9.6rem;border-radius:.4rem;overflow:hidden;border:1px solid var(--color-border)}.find-your-shade__thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.find-your-shade__card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.find-your-shade__variant-title{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold);margin:0;font-size:1.3rem}.find-your-shade__description{font-size:1.1rem;margin:0;color:rgba(var(--color-base-text),.6)}.find-your-shade__description p{margin:0}.find-your-shade__card-actions{margin-top:auto}.find-your-shade__form{width:100%}.find-your-shade__add-button{width:100%;display:flex;justify-content:center}.find-your-shade__add-button:disabled{opacity:.5;cursor:not-allowed}