.ff-before-after{background-color:#f5f5f5;padding:64px 0 0}.ff-before-after__header{text-align:center;margin-bottom:40px;padding:0 24px}.ff-before-after__subtitle{font-size:12px;font-weight:300;letter-spacing:.12em;line-height:18px;text-transform:uppercase;margin:0 0 12px}.ff-before-after__title{font-size:32px;font-weight:900;letter-spacing:-.5px;line-height:38px;margin:0 0 16px}.ff-before-after__description{font-size:14px;font-weight:400;line-height:22px;letter-spacing:.02em;max-width:480px;margin:0 auto}.ff-before-after__cta{margin-top:24px;text-align:center}.ff-before-after__link{font-size:14px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:inherit;display:inline-block;padding:8px 0}.ff-before-after__link:hover{text-decoration:underline}.ff-before-after__slider{position:relative;overflow:hidden;cursor:col-resize;user-select:none;-webkit-user-select:none;width:100%;touch-action:none}.ff-before-after__image-base{display:block;width:100%;position:relative}.ff-before-after__image-base picture{display:block}.ff-before-after__image-overlay picture{display:block;height:100%}.ff-before-after__image-base img{display:block;width:100%;height:auto;pointer-events:none;border-radius:0}.ff-before-after__image-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0 50% 0 0);will-change:clip-path}.ff-before-after__image-overlay img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:0}.ff-before-after__image-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;cursor:pointer}.ff-before-after__slider.is-dragging .ff-before-after__image-link{pointer-events:none}.ff-before-after__divider{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background-color:#ffffffd9;z-index:10;pointer-events:none}.ff-before-after__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:none;border:none;cursor:col-resize;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.ff-before-after--dark-arrows .ff-before-after__handle{color:#000;filter:drop-shadow(0 1px 2px rgba(255,255,255,.4))}.ff-before-after__handle svg{display:block;pointer-events:none}@keyframes ff-handle-nudge{0%{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% - 12px),-50%)}60%{transform:translate(calc(-50% + 12px),-50%)}to{transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:no-preference){.ff-before-after__handle{animation:ff-handle-nudge 1.2s cubic-bezier(.25,.46,.45,.94) .8s 1 both}}@media(hover:hover){.ff-before-after__handle{transition:transform .2s ease,filter .2s ease}.ff-before-after__slider:hover .ff-before-after__handle{transform:translate(-50%,-50%) scale(1.15)}}.ff-before-after__slider.is-dragging{cursor:col-resize}.ff-before-after__slider.is-dragging .ff-before-after__handle{animation:none}.ff-before-after__handle:focus-visible{outline:2px solid #000;outline-offset:3px}@media(prefers-reduced-motion:reduce){.ff-before-after__image-overlay,.ff-before-after__divider,.ff-before-after__handle{transition:none!important;animation:none!important}}.ff-before-after--white .ff-before-after__subtitle,.ff-before-after--white .ff-before-after__title,.ff-before-after--white .ff-before-after__description{color:#fff}.ff-before-after--white .ff-before-after__divider{background-color:#ffffffd9}.ff-before-after--white .ff-before-after__handle:focus-visible{outline:2px solid #FFF;outline-offset:3px}@media screen and (min-width:768px){.ff-before-after__header{margin-bottom:56px}.ff-before-after__title{font-size:40px;line-height:48px;letter-spacing:-1px}.ff-before-after__description{font-size:16px;line-height:24px}}@media screen and (max-width:767px){.ff-before-after{padding:48px 0 0}.ff-before-after__header{margin-bottom:32px}.ff-before-after__title{font-size:24px;line-height:30px}.ff-before-after__description{font-size:14px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/342/assets/alohas-before-after.css.map */