.oddit-section-before-after,.oddit-section-before-after *,.oddit-section-before-after *:before,.oddit-section-before-after *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.oddit-section-before-after{background-color:#fafcf4;padding:40px 20px;font-family:proxima-nova,sans-serif;color:#424839}.oddit-section-before-after :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol){margin:0;padding:0}.oddit-section-before-after__container{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:1252px;margin:0 auto}.oddit-section-before-after__text-block{display:flex;flex-direction:column;gap:24px;width:100%}.oddit-section-before-after__heading{font-family:Sentient,serif;font-weight:300;font-size:36px;line-height:1.2;letter-spacing:-1.8px;color:#424839;text-transform:capitalize;text-box:trim-both cap alphabetic}.oddit-section-before-after__description{font-family:proxima-nova,sans-serif;font-weight:400;font-size:18px;line-height:1.5;letter-spacing:0;color:#424839;text-box:trim-both cap alphabetic}.oddit-section-before-after__comparison{display:flex;flex-direction:column;width:100%;border-radius:15px;border:1px solid #42483a;overflow:hidden;background-color:#f1f2e9}.oddit-section-before-after__image-before,.oddit-section-before-after__image-after{position:relative;width:100%;aspect-ratio:335 / 320;overflow:hidden}.oddit-section-before-after__image-before:after,.oddit-section-before-after__image-after:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.oddit-section-before-after__image-before:after{box-shadow:inset 0 -1px #42483a}.oddit-section-before-after__image-after:after{box-shadow:inset 0 1px #42483a}.oddit-section-before-after__img{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-before-after__label{position:absolute;top:13px;left:13px;display:inline-block;text-align:center;padding:8px 10px;border-radius:57px;border:1px solid #42483a;font-family:proxima-nova,sans-serif;font-weight:400;font-size:12px;line-height:1.5;letter-spacing:.6px;text-transform:uppercase;color:#42483a;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-before-after__label--before{background-color:#edf1e2}.oddit-section-before-after__label--after{background-color:#d0e6a4}.oddit-section-before-after__quote-block{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.oddit-section-before-after__quote{font-family:Sentient,serif;font-weight:300;font-size:22px;line-height:1.4;letter-spacing:-1.1px;color:#424839;text-align:center;text-transform:capitalize;text-box:trim-both cap alphabetic}.oddit-section-before-after__attribution{display:flex;align-items:center;gap:12px}.oddit-section-before-after__author{font-family:proxima-nova,sans-serif;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.7px;text-transform:uppercase;color:#424839;white-space:nowrap;text-box:trim-both cap alphabetic;display:inline-block}@media(min-width:990px){.oddit-section-before-after{padding:90px 48px 60px}.oddit-section-before-after__container{gap:60px}.oddit-section-before-after__text-block{align-items:center;gap:32px}.oddit-section-before-after__heading{font-size:48px;letter-spacing:-2.4px;text-align:center}.oddit-section-before-after__description{font-size:22px;text-align:center;max-width:988px}.oddit-section-before-after__description:first-of-type{max-width:966px}.oddit-section-before-after__comparison{flex-direction:row;aspect-ratio:1252 / 560}.oddit-section-before-after__image-before,.oddit-section-before-after__image-after{flex:1 1 50%;min-width:0;aspect-ratio:auto}.oddit-section-before-after__image-before:after{box-shadow:inset -1px 0 #42483a}.oddit-section-before-after__image-after:after{box-shadow:inset 1px 0 #42483a}.oddit-section-before-after__label{top:25px;left:25px;padding:12px 10px;font-size:14px;letter-spacing:.7px}.oddit-section-before-after__label--after{left:auto;right:25px}.oddit-section-before-after__quote{font-size:26px;letter-spacing:-1.3px;max-width:962px}.oddit-section-before-after__author{font-size:18px;letter-spacing:.9px}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/oddit-section-before-after.css.map */