@media screen and (min-width:350px){.section-hair-goal-cards-switcher .page-width{padding:0 3rem}}@media screen and (min-width:750px){.section-hair-goal-cards-switcher .page-width{padding:0 5rem}}.hair-goal-cards-switcher__heading{margin:0 0 1rem;font-size:2.4rem;font-weight:400;line-height:1.4;letter-spacing:0}.hair-goal-cards-switcher__introduction{margin-bottom:2rem;font-size:1.6rem;line-height:1.4em;letter-spacing:0}@media screen and (min-width:990px){.hair-goal-cards-switcher__heading{margin-bottom:1rem;font-size:3rem;letter-spacing:1px}}.hair-goal-cards-switcher__introduction p{margin:1rem 0}.hair-goal-cards-switcher__introduction p:last-of-type{font-size:1.4rem}.hair-goal-cards-switcher__introduction a,.hair-goal-cards-switcher__panel-intro a{text-underline-offset:.2rem;--alpha-link:1}.hair-goal-cards-switcher__toggle-wrapper{display:flex;margin-bottom:2.4rem}.hair-goal-cards-switcher__toggle-wrapper--left{justify-content:flex-start}.hair-goal-cards-switcher__toggle-wrapper--center{justify-content:center}.hair-goal-cards-switcher__toggle-wrapper--right{justify-content:flex-end}.hair-goal-cards-switcher__toggle{position:relative;display:flex;align-items:center;gap:0;border-radius:10rem;width:fit-content;padding:.2rem;background:#efedea}.hair-goal-cards-switcher__toggle-indicator{position:absolute;top:0;left:0;background:rgb(var(--color-foreground));border-radius:10rem;pointer-events:none;z-index:0;transition:transform .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1)}.hair-goal-cards-switcher__toggle-btn{position:relative;z-index:1;background:transparent;border:none;border-radius:10rem;cursor:pointer;font-family:var(--font-body-family);font-size:1.4rem;font-weight:500;line-height:1.1em;letter-spacing:-.04em;padding:.5rem 1.2rem;text-align:center;color:rgba(var(--color-foreground),.45);transition:color .2s ease;white-space:nowrap}.hair-goal-cards-switcher__toggle-btn--active{color:rgb(var(--color-background))}@media screen and (min-width:1200px){.hair-goal-cards-switcher__toggle-btn{font-size:1.6rem;padding:.7rem 1.8rem}}section.section-hair-goal-cards-switcher .hair-goal-cards-switcher__list{margin-bottom:0;--grid-mobile-horizontal-spacing: 1rem;--grid-desktop-horizontal-spacing: 1rem}@media screen and (min-width:350px)and (max-width:749px){.section-hair-goal-cards-switcher .slider.hair-goal-cards-switcher__list{scroll-padding-left:3rem}.section-hair-goal-cards-switcher .slider.hair-goal-cards-switcher__list:after{padding-left:3rem}}@media screen and (min-width:750px){.section-hair-goal-cards-switcher .slider.hair-goal-cards-switcher__list{scroll-padding-left:5rem}.section-hair-goal-cards-switcher .slider.hair-goal-cards-switcher__list:after{padding-left:5rem}}@media screen and (min-width:1600px){.section-hair-goal-cards-switcher .slider--desktop.grid--4-col-desktop .grid__item{width:calc((100% - var(--desktop-margin-left-first-item) - var(--grid-desktop-horizontal-spacing) * 4) / 4.5)}}.section-hair-goal-cards-switcher .hair-goal-card{min-width:min(100%,170px)}@media screen and (min-width:350px)and (max-width:749px){.section-hair-goal-cards-switcher .grid--peek.slider .grid__item:first-of-type{margin-left:3rem}}@media screen and (min-width:750px){.section-hair-goal-cards-switcher .grid--peek.slider .grid__item:first-of-type{margin-left:5rem}}.hair-goal-cards-switcher__panel-intro{margin-top:2rem}.hair-goal-cards-switcher__panel-intro p{margin:1rem 0;line-height:1.4;letter-spacing:0}.section-hair-goal-cards-switcher .hair-goal-card__text{flex:1;text-align:left}.hair-goal-card--view-all{border:1px dashed #cb8876}.hair-goal-card--view-all .hair-goal-card__link{background:#fdf2e0;justify-content:center;align-items:center;min-height:100%}.hair-goal-card__view-all-inner{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center}.hair-goal-card__view-all-icon{font-size:3.6rem;font-weight:500;color:#cb8876;line-height:1.3}.hair-goal-card__view-all-title{font-size:1.8rem;font-weight:400;display:block;color:rgb(var(--color-foreground));line-height:1.2}.hair-goal-card__view-all-text{font-size:1.2rem;color:rgb(var(--color-foreground));line-height:1.2;margin:1rem 0 2rem}.hair-goal-card__view-all-button{font-size:1.2rem;color:rgb(var(--color-button-text));line-height:1.2;background-color:rgba(var(--color-button),var(--alpha-button-background));border-radius:40px;padding:1rem 1.5rem}@media screen and (min-width:990px){.hair-goal-card__view-all-icon{font-size:4rem}.hair-goal-card__view-all-title{font-size:2rem}.hair-goal-card__view-all-text,.hair-goal-card__view-all-button{font-size:1.4rem}}.hair-goal-card--view-all .icon-arrow{width:1.6rem;height:1.6rem;color:rgb(var(--color-foreground));transition:transform .2s ease}.hair-goal-card--view-all .hair-goal-card__link:hover .icon-arrow,.hair-goal-card--view-all .hair-goal-card__link:focus-within .icon-arrow{transform:scale(1.3)}@media screen and (min-width:990px){.hair-goal-card__view-all-text{font-size:1.6rem}}.hair-goal-cards-switcher__slider{position:relative}.hair-goal-cards-switcher__slider .slider-button{position:absolute;top:calc(50% - 1.8rem);z-index:2;width:3.6rem;height:3.6rem;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-background),.9);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;color:rgb(var(--color-foreground));cursor:pointer;transition:background .2s ease,border-color .2s ease}.hair-goal-cards-switcher__slider .slider-button:hover:not([disabled]){background:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.3)}.hair-goal-cards-switcher__slider .slider-button[disabled]{opacity:.35;cursor:default}.hair-goal-cards-switcher__slider .slider-button--prev{left:.8rem}.hair-goal-cards-switcher__slider .slider-button--next{right:.8rem}.hair-goal-cards-switcher__slider .slider-button .icon-caret{height:1.2rem;flex-shrink:0}.hair-goal-cards-switcher__slider .slider-button--prev .icon-caret{transform:rotate(90deg)}.hair-goal-cards-switcher__slider .slider-button--next .icon-caret{transform:rotate(270deg)}.hair-goal-cards-switcher__footer{display:flex;justify-content:center;padding-top:1.6rem}.hair-goal-cards-switcher__slider .slideshow__control-wrapper{display:flex;align-items:center;gap:.4rem}
/*# sourceMappingURL=/cdn/shop/t/134/assets/section-hair-goal-cards-switcher.css.map */