.before-after__inner{background-color:var(--background-color);color:var(--text-color);padding:2.4rem 1.8rem}@media only screen and (width>=768px){.before-after__inner{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1.8rem;display:grid}}@media only screen and (width>=1280px){.before-after__inner{padding:4.2rem 8.5rem}}.before-after__title{text-align:var(--text-align-mobile);margin-bottom:3.6rem}.before-after__title.before-after__title--custom-font-size h1,.before-after__title.before-after__title--custom-font-size h2,.before-after__title.before-after__title--custom-font-size h3,.before-after__title.before-after__title--custom-font-size h4,.before-after__title.before-after__title--custom-font-size h5,.before-after__title.before-after__title--custom-font-size h6{font-size:var(--content-heading-font-size-mobile);line-height:normal}@media only screen and (width>=768px){.before-after__title.before-after__title--custom-font-size h1,.before-after__title.before-after__title--custom-font-size h2,.before-after__title.before-after__title--custom-font-size h3,.before-after__title.before-after__title--custom-font-size h4,.before-after__title.before-after__title--custom-font-size h5,.before-after__title.before-after__title--custom-font-size h6{font-size:var(--content-heading-font-size-tablet)}}@media only screen and (width>=1280px){.before-after__title.before-after__title--custom-font-size h1,.before-after__title.before-after__title--custom-font-size h2,.before-after__title.before-after__title--custom-font-size h3,.before-after__title.before-after__title--custom-font-size h4,.before-after__title.before-after__title--custom-font-size h5,.before-after__title.before-after__title--custom-font-size h6{font-size:var(--content-heading-font-size-desktop)}}.before-after__title.before-after__title--heading-font-pinyon h1,.before-after__title.before-after__title--heading-font-pinyon h2,.before-after__title.before-after__title--heading-font-pinyon h3,.before-after__title.before-after__title--heading-font-pinyon h4,.before-after__title.before-after__title--heading-font-pinyon h5,.before-after__title.before-after__title--heading-font-pinyon h6{font-family:var(--font-pinyon)}.before-after__title.before-after__title--heading-font-expressa h1,.before-after__title.before-after__title--heading-font-expressa h2,.before-after__title.before-after__title--heading-font-expressa h3,.before-after__title.before-after__title--heading-font-expressa h4,.before-after__title.before-after__title--heading-font-expressa h5,.before-after__title.before-after__title--heading-font-expressa h6{font-family:var(--font-expressa)}@media only screen and (width>=768px){.before-after__title{text-align:var(--text-align-tablet);margin-bottom:2.4rem}}@media only screen and (width>=1280px){.before-after__title{text-align:var(--text-align-desktop)}}@media only screen and (width>=768px){.before-after__images .before-after__title{display:none}}.before-after__body .before-after__title{display:none}@media only screen and (width>=768px){.before-after__body .before-after__title{display:block}}.before-after__body{margin-top:3.6rem}.before-after__body .before-after__note.before-after__note--position-mobile-above{display:none}@media only screen and (width>=768px){.before-after__body{text-wrap:balance;order:-1;margin-top:0}.before-after__body .before-after__note.before-after__note--position-mobile-above{display:block}}.before-after__images:has(.before-after__note.before-after__note--position-mobile-above) .before-after__title{margin-bottom:1.6rem}@media only screen and (width>=768px){.before-after__images:has(.before-after__note.before-after__note--position-mobile-above) .before-after__title{margin-bottom:2.4rem}}.before-after__images .before-after__note.before-after__note--position-mobile-above{margin-top:0;margin-bottom:3.6rem}@media only screen and (width>=768px){.before-after__images .before-after__note.before-after__note--position-mobile-above{display:none}}.before-after__comparison{aspect-ratio:1;width:calc(100% + 7.2rem);min-height:20rem;margin-left:-3.6rem;position:relative;overflow:hidden}@media only screen and (width>=768px){.before-after__comparison{border-radius:.3rem;width:100%;margin-left:0}}.before-after__comparison img,.before-after__comparison video{z-index:2}.before-after__comparison-slider-wrapper{width:calc(100% + 7.2rem);margin-left:-3.6rem;overflow:hidden}.before-after__comparison-slider-wrapper .swiper-slide{height:auto}@media only screen and (width>=768px){.before-after__comparison-slider-wrapper{border-radius:.3rem;width:100%;margin-left:0}}.before-after__comparison-slider-wrapper img,.before-after__comparison-slider-wrapper video{z-index:2}.before-after__comparison-media-wrapper{aspect-ratio:1;width:100%;min-height:20rem;position:relative}.before-after__comparison-slider-nav{z-index:5;transition:var(--transition-all);position:absolute;bottom:3.2rem}.before-after__comparison-slider-nav--prev{left:calc(50% - 2.4rem);transform:translate(-100%)}.before-after__comparison-slider-nav--next{right:calc(50% - 2.4rem);transform:translate(100%)}.before-after__comparison-slider-nav.swiper-button-disabled{opacity:.5;pointer-events:none}.before-after__comparison-slider-nav:after{content:"";width:3rem;height:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.before-after__image{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.before-after__image.before-after__image--before{z-index:2}.before-after__image.before-after__image--after{z-index:1}.before-after__label{z-index:1;background-color:var(--white);border-radius:.5rem;padding:.4rem .8rem;display:inline-block;position:absolute;bottom:.9rem}.before-after__image--before .before-after__label{left:.9rem}.before-after__image--after .before-after__label{right:.9rem}.absolute-img.before-after__img{position:initial;max-width:initial;pointer-events:none}.before-after__thumb{z-index:3;height:100%;color:var(--white);justify-content:center;align-items:center;width:3.8rem;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.before-after__thumb:hover{cursor:e-resize}.before-after__thumb:before,.before-after__thumb:after{content:"";background-color:var(--white);width:.1rem;height:calc(50% - 1.9rem);display:block;position:absolute;left:50%;transform:translate(-50%)}.before-after__thumb:before{top:0}.before-after__thumb:after{bottom:0}.before-after__thumb-icon{border:.1rem solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:100%;height:3.8rem;display:flex}.before-after__fact{grid-template-columns:7rem 1fr;align-items:center;gap:1.2rem;display:grid}.before-after__fact:not(:last-child){margin-bottom:2.5rem}@media only screen and (width>=768px){.before-after__fact:not(:last-child){margin-bottom:2rem}}.before-after__note{text-align:var(--text-align-mobile);margin-top:2.5rem}@media only screen and (width>=768px){.before-after__note{text-align:var(--text-align-tablet)}}@media only screen and (width>=1280px){.before-after__note{text-align:var(--text-align-desktop)}}.before-after__note.before-after__note--custom-font-size{font-size:var(--note-font-size-mobile);line-height:normal}@media only screen and (width>=768px){.before-after__note.before-after__note--custom-font-size{font-size:var(--note-font-size-tablet)}}@media only screen and (width>=1280px){.before-after__note.before-after__note--custom-font-size{font-size:var(--note-font-size-desktop)}}.before-after__note.before-after__note--font-pinyon{font-family:var(--font-pinyon)}.before-after__note.before-after__note--font-expressa{font-family:var(--font-expressa)}.before-after__fact-result{border-radius:50%;justify-content:center;align-items:center;height:7rem;display:flex;position:relative}.before-after__circle{width:calc(100% - 1px);height:calc(100% - 1px);position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)rotate(-90deg)}
