.therapeautic-ba{width:100%}.therapeautic-ba__grid{display:grid;gap:48px}.therapeautic-ba__grid--cols-1{grid-template-columns:1fr;gap:64px}.therapeautic-ba__grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.therapeautic-ba__grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.therapeautic-ba__block{display:grid;align-items:center}.therapeautic-ba__grid--cols-1 .therapeautic-ba__block{grid-template-columns:1fr 1fr;gap:48px}.therapeautic-ba__grid--cols-2 .therapeautic-ba__block{grid-template-columns:1fr 1fr;gap:32px}.therapeautic-ba__grid--cols-3 .therapeautic-ba__block{grid-template-columns:1fr;gap:24px;align-items:start}.therapeautic-ba__image-col{position:relative;min-width:0}.therapeautic-ba__image{position:relative;width:100%;overflow:hidden;background:var(--color-background-secondary, var(--color-border));isolation:isolate}.therapeautic-ba__grid--cols-1 .therapeautic-ba__image{aspect-ratio:4 / 3}.therapeautic-ba__grid--cols-2 .therapeautic-ba__image{aspect-ratio:4 / 5}.therapeautic-ba__grid--cols-3 .therapeautic-ba__image{aspect-ratio:1 / 1}.therapeautic-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.therapeautic-ba__img[data-state=after]{z-index:1}.therapeautic-ba__img[data-state=before]{z-index:2;transform:translate(0);transition:transform .6s cubic-bezier(.65,0,.35,1);will-change:transform}.therapeautic-ba__image.is-showing-after .therapeautic-ba__img[data-state=before]{transform:translate(-100%)}.therapeautic-ba__peek{position:absolute;top:0;right:0;bottom:0;width:22%;z-index:3;background-image:var(--peek-image);background-size:cover;background-position:right center;border:0;margin:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 1px 0 #faf8f580;transition:width .35s ease,opacity .4s ease}.therapeautic-ba__peek:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#28614073,#28614026);z-index:1;pointer-events:none}.no-touchevents .therapeautic-ba__peek:hover{width:26%}.therapeautic-ba__peek:focus-visible{outline:2px solid var(--color-text);outline-offset:-4px}.therapeautic-ba__image.is-showing-after .therapeautic-ba__peek{opacity:0;pointer-events:none}.therapeautic-ba__peek-label{position:relative;z-index:2;font-family:var(--font-stack-body-primary);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-cream);text-shadow:0 1px 6px rgba(0,0,0,.4);white-space:nowrap}.therapeautic-ba__toggle{position:absolute;bottom:16px;left:16px;z-index:4;display:inline-flex;padding:4px;background:#faf8f5f0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 12px #00000014}.therapeautic-ba__toggle-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:8px 14px;font-family:var(--font-stack-body-primary);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3a3a3a99;cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.no-touchevents .therapeautic-ba__toggle-btn:hover{color:#3a3a3ae6}.therapeautic-ba__toggle-btn.is-active{background-color:var(--color-button);color:var(--color-button-label)}.therapeautic-ba__toggle-btn:focus-visible{outline:2px solid var(--color-button);outline-offset:2px}.therapeautic-ba__results-col{padding-top:8px;min-width:0}.therapeautic-ba__eyebrow{font-family:var(--font-stack-body-primary);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-tan, #AF7C58);margin:0 0 12px}.therapeautic-ba__block-title{font-family:var(--font-stack-headings-primary);font-size:22px;font-weight:600;line-height:1.3;letter-spacing:.02em;color:var(--color-text);margin:0 0 8px}.therapeautic-ba__grid--cols-3 .therapeautic-ba__block-title{font-size:18px}.therapeautic-ba__block-subtitle{font-family:var(--font-stack-body-secondary);font-size:14px;font-style:italic;font-weight:400;line-height:1.5;color:var(--color-text-secondary);margin:0 0 24px}.therapeautic-ba__grid--cols-3 .therapeautic-ba__block-subtitle{font-size:13px;margin-bottom:16px}.therapeautic-ba__results-label{font-family:var(--font-stack-body-primary);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--color-text-08, var(--color-border))}.therapeautic-ba__results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.therapeautic-ba__results-item{display:flex;align-items:flex-start;gap:12px;font-family:var(--font-stack-body-primary);font-size:13px;font-weight:400;line-height:1.55;color:var(--color-text)}.therapeautic-ba__grid--cols-3 .therapeautic-ba__results-item{font-size:12px}.therapeautic-ba__results-check{flex-shrink:0;margin-top:3px;color:var(--color-success, #286140)}.therapeautic-ba__results-stat{font-family:var(--font-stack-headings-primary);font-weight:600;color:var(--color-success, #286140);margin-right:4px}.therapeautic-ba__product-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:0 0 1px;font-family:var(--font-stack-body-primary);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-button);text-decoration:none;border-bottom:1px solid var(--color-button);transition:gap .2s ease,color .2s ease,border-color .2s ease}.no-touchevents .therapeautic-ba__product-link:hover{gap:12px}.therapeautic-ba__product-link-arrow{display:inline-block}@media screen and (max-width:899px){.therapeautic-ba__grid--cols-2,.therapeautic-ba__grid--cols-3{grid-template-columns:1fr;gap:56px}.therapeautic-ba__grid--cols-3 .therapeautic-ba__block{grid-template-columns:1fr 1fr;gap:32px;align-items:center}.therapeautic-ba__grid--cols-3 .therapeautic-ba__image{aspect-ratio:4 / 5}.therapeautic-ba__grid--cols-3 .therapeautic-ba__block-title{font-size:22px}.therapeautic-ba__grid--cols-3 .therapeautic-ba__block-subtitle{font-size:14px;margin-bottom:24px}.therapeautic-ba__grid--cols-3 .therapeautic-ba__results-item{font-size:13px}}@media screen and (max-width:699px){.therapeautic-ba__grid,.therapeautic-ba__grid--cols-1,.therapeautic-ba__grid--cols-2,.therapeautic-ba__grid--cols-3{grid-template-columns:1fr;gap:48px}.therapeautic-ba__grid--cols-1 .therapeautic-ba__block,.therapeautic-ba__grid--cols-2 .therapeautic-ba__block,.therapeautic-ba__grid--cols-3 .therapeautic-ba__block{grid-template-columns:1fr;gap:24px;align-items:start}.therapeautic-ba__grid--cols-1 .therapeautic-ba__image,.therapeautic-ba__grid--cols-2 .therapeautic-ba__image,.therapeautic-ba__grid--cols-3 .therapeautic-ba__image{aspect-ratio:4 / 5}.therapeautic-ba__block-title{font-size:20px}.therapeautic-ba__toggle{bottom:12px;left:12px}.therapeautic-ba__toggle-btn{padding:8px 12px;font-size:10px}.therapeautic-ba__product-link{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.therapeautic-ba__img[data-state=before]{transition:opacity .3s ease;transform:none!important}.therapeautic-ba__image.is-showing-after .therapeautic-ba__img[data-state=before]{opacity:0}.therapeautic-ba__peek,.therapeautic-ba__product-link,.therapeautic-ba__product-link-arrow,.therapeautic-ba__toggle-btn{transition:none!important}}.therapeautic-ba__block--clinical .therapeautic-ba__image{position:relative;overflow:hidden}.therapeautic-ba__img--static{position:relative;width:100%;height:100%;object-fit:cover;opacity:1;display:block}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-therapeautic-before-after.css.map */