.before-after-video{width:100%;max-width:100%}.before-after-video__header{text-align:center;margin-bottom:2rem;padding:0 1rem}.before-after-video__heading{font-size:24px;font-weight:600;color:#000;margin-bottom:1rem;line-height:1.3}.before-after-video__text{font-size:16px;line-height:1.6;color:#4a4a4a;max-width:100%}.before-after-video__container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.before-after-video__item{position:relative;width:100%;background:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.before-after-video__label{position:absolute;top:.75rem;left:.75rem;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:14px;font-weight:500;z-index:2}.before-after-video__video-wrapper{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden}.before-after-video__video{width:100%;height:100%;object-fit:cover;display:block}.before-after-video__placeholder{width:100%;height:100%;background:#e5e5e5;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;font-weight:500}.before-after-video__cta{text-align:center;padding:0 1rem}.before-after-video__button{background:#000;color:#fff;padding:.875rem 2rem;border-radius:6px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block;transition:all .3s ease;border:1px solid #000000}.before-after-video__button:hover{background:#fff;color:#000;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}@media screen and (min-width: 550px){.before-after-video__heading{font-size:28px}.before-after-video__text{font-size:17px}.before-after-video__container{gap:2rem}.before-after-video__video-wrapper{aspect-ratio:16/9}.before-after-video__label{font-size:15px;padding:.625rem 1.25rem}}@media screen and (min-width: 750px){.before-after-video__header{margin-bottom:3rem;padding:0 2rem}.before-after-video__heading{font-size:32px;margin-bottom:1.25rem}.before-after-video__text{font-size:18px;max-width:600px;margin:0 auto}.before-after-video__container{flex-direction:row;gap:2rem;margin-bottom:3rem;padding:0 2rem;max-width:1200px;margin-left:auto;margin-right:auto}.before-after-video__item{flex:1;max-width:50%}.before-after-video__video-wrapper{aspect-ratio:16/9}.before-after-video__label{top:1rem;left:1rem;font-size:16px;padding:.75rem 1.5rem}.before-after-video__cta{padding:0 2rem}.before-after-video__button{padding:1rem 2.5rem;font-size:16px}}@media screen and (min-width: 1200px){.before-after-video__heading{font-size:36px}.before-after-video__text{font-size:19px}.before-after-video__container{gap:3rem;margin-bottom:4rem}.before-after-video__video-wrapper{aspect-ratio:16/10}.before-after-video__button{padding:1.125rem 3rem;font-size:17px}}@media (prefers-reduced-motion: reduce){.before-after-video__button{transition:none}.before-after-video__button:hover{transform:none}}@media (prefers-contrast: high){.before-after-video__label{background:#000;color:#fff;border:2px solid #ffffff}.before-after-video__button{border:2px solid #000000}}.before-after-video__button:focus{outline:2px solid #007bff;outline-offset:2px}.before-after-video__video{background:#f0f0f0}.before-after-video__video:not([src]){background:#e5e5e5}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-before-after-video.css.map */