.before-after-cards__heading{color:#585656;text-align:center;font-family:Delight;font-size:42px;font-style:normal;font-weight:900;line-height:90%;letter-spacing:2.4px;text-transform:uppercase}@media screen and (max-width: 1600px){.before-after-cards-section .container{max-width:1040px}}.before-after-cards__wrapper{position:relative}.before-after-cards__nav-btns{position:absolute;bottom:32px;right:32px;display:flex;gap:8px}@media (max-width: 768px){.before-after-cards__nav-btns{bottom:16px;left:16px}}.before-after-cards__subheading{color:#585656;font-family:IvyPresto Headline;font-size:42px;font-style:italic;font-weight:400;line-height:90%;letter-spacing:2.4px;text-transform:uppercase;text-align:center}.before-after-card{padding:24px;border-radius:24px;border:2px solid #e8f63d;background:#dbf44d40;max-width:1136px;width:100%}@media (max-width: 768px){.before-after-card{padding:16px 16px 74px;border-radius:24px}}.before-after-card__content{display:flex;flex-direction:row;gap:20px;align-items:flex-start;justify-content:flex-start}@media (max-width: 768px){.before-after-card__content{flex-direction:column;gap:16px}}.before-after-card__image-container{position:relative}.before-after-card__image{position:relative;border-radius:32px;overflow:hidden}.before-after-card__image img{width:320px;height:320px;max-width:320px;max-height:320px;aspect-ratio:1/1;object-fit:cover;border-radius:20px}@media (max-width: 900px){.before-after-card__image img{width:270px;height:270px;max-width:270px;max-height:270px}}@media (max-width: 768px){.before-after-card__image img{width:300px;height:300px;max-width:300px;max-height:300px}}.before-after-card__badge{position:absolute;bottom:16px;left:16px;display:flex;gap:8px;z-index:2}.before-after-card__badge-item{padding:8px 16px;border-radius:30px;font-family:IBM Plex Mono;font-size:16px;font-weight:500;text-transform:uppercase;color:#e8f63d}.before-after-card__badge-item--before,.before-after-card__badge-item--after{background:#585656}.before-after-card__badge-item--day{background:#e8f63d;color:#585656}.before-after-cards__wrapper{margin-top:32px}.before-after-cards__slider{max-width:1136px}.before-after-cards__nav-btn{cursor:pointer;transition:opacity .3s ease}.before-after-cards__nav-btn:hover{opacity:.8}.before-after-cards__nav-btn svg rect{transition:fill .3s ease}.before-after-cards__nav-btn svg rect{fill:#585656}.before-after-cards__nav-btn.disabled svg rect,.before-after-cards__nav-btn:disabled svg rect{fill:#8c8c8c}.before-after-cards__nav-btn.disabled,.before-after-cards__nav-btn:disabled{cursor:not-allowed;opacity:.6}.before-after-cards__nav-btn.disabled:hover,.before-after-cards__nav-btn:disabled:hover{opacity:.6}.before-after-cards-section{padding:64px 0}.before-after-cards-section .container{max-width:1260px}@media screen and (max-width: 1440px){.before-after-cards-section .container{max-width:1040px}}@media (max-width: 768px){.before-after-cards-section{padding-top:32px;padding-bottom:32px}}@media (max-width: 768px){.before-after-cards__heading,.before-after-cards__subheading{font-size:32px}}.before-after-card{transition:opacity .3s ease}.before-after-card.animating-out,.before-after-card.animating-in{opacity:0}.before-after-card.active{opacity:1}.before-after-cards__dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.before-after-cards__dot{width:12px;height:12px;border-radius:50%;background:#e8f63d;cursor:pointer;transition:opacity .3s ease}.before-after-cards__dot.active{background:#585656}.before-after-cards__dot:hover{opacity:.8}@media screen and (max-width: 749px){.before-after-cards-section.hide-on-mobile{display:none!important}}@media screen and (min-width: 750px){.before-after-cards-section.hide-on-desktop{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/pdp-before-after.css.map */