.before-after{display:block;box-sizing:border-box;background:var(--before-after-bg, #ffffff);margin-top:clamp(0px,calc(var(--before-after-padding-top-desktop) / 1512 * 100vw),calc(var(--before-after-padding-top-desktop) / 1512 * 1920px));margin-bottom:clamp(0px,calc(var(--before-after-padding-bottom-desktop) / 1512 * 100vw),calc(var(--before-after-padding-bottom-desktop) / 1512 * 1920px));margin-left:32px;margin-right:32px;padding:clamp(0px,calc(40 / 1512 * 100vw),calc(40 / 1512 * 1920px)) 0 clamp(0px,calc(40 / 1512 * 100vw),calc(40 / 1512 * 1920px)) clamp(12px,calc(24 / 1512 * 100vw),calc(24 / 1512 * 1920px))}.before-after__inner{width:100%;max-width:1920px;margin:0 auto;box-sizing:border-box}.before-after__header{text-align:center;margin-bottom:clamp(16px,calc(24 / 1512 * 100vw),calc(24 / 1512 * 1920px))}.before-after__title{margin:0;font-family:Sackers Gothic Std,sans-serif;font-weight:500;color:#343434;text-transform:uppercase}.before-after__title--desktop{font-size:clamp(16px,calc(24 / 1512 * 100vw),calc(24 / 1512 * 1920px));line-height:1.4;letter-spacing:.2em;padding-right:clamp(12px,calc(24 / 1512 * 100vw),calc(24 / 1512 * 1920px))}.before-after__title--mobile{display:none}.before-after__carousel{width:100%;min-width:0}.before-after__swiper{width:100%;overflow:hidden;z-index:0}.before-after__track{display:flex}.before-after__slide{flex:0 0 auto;height:auto;width:clamp(260px,calc(440 / 1512 * 100vw),calc(440 / 1512 * 1920px))}.before-after__slide{transition:opacity .3s ease}.before-after__slide--dimmed{opacity:.5}.before-after__card{position:relative;width:100%;aspect-ratio:440 / 702;background:#a4a4a4;overflow:hidden}.before-after__image{width:100%;height:100%;object-fit:cover;display:block}.before-after__image--placeholder{background:#a4a4a4}.before-after__pagination{display:flex;flex-direction:column;gap:clamp(12px,calc(16 / 1512 * 100vw),calc(16 / 1512 * 1920px));margin-top:clamp(16px,calc(24 / 1512 * 100vw),calc(24 / 1512 * 1920px));padding-right:clamp(12px,calc(24 / 1512 * 100vw),calc(24 / 1512 * 1920px))}.before-after__nav-row{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(12px,calc(16 / 1512 * 100vw),calc(16 / 1512 * 1920px));width:100%}.before-after__counter{font-family:Ritual Mono,sans-serif;font-weight:600;font-size:clamp(12px,calc(14 / 1512 * 100vw),calc(14 / 1512 * 1920px));line-height:1.2;letter-spacing:.2em;text-transform:uppercase;color:#69655c;opacity:0}.before-after__buttons{display:flex;gap:clamp(12px,calc(12 / 1512 * 100vw),calc(12 / 1512 * 1920px));margin-left:auto}.before-after__button{appearance:none;-webkit-appearance:none;background:transparent;border:0;margin:0;padding:0;cursor:pointer;width:clamp(32px,calc(32 / 1512 * 100vw),calc(32 / 1512 * 1920px));height:clamp(32px,calc(32 / 1512 * 100vw),calc(32 / 1512 * 1920px));display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.before-after__button svg{width:100%;height:100%;display:block}.before-after__button[disabled],.before-after__button.swiper-button-disabled{opacity:.4;cursor:default}.before-after__button.swiper-button-lock{display:none}.before-after__scrollbar{position:relative;width:100%;height:2px;background:#69655c59;overflow:hidden}.before-after__scrollbar-thumb{position:absolute;top:0;left:0;height:100%;width:40%;background:#69655c;will-change:left,width}.before-after__stats{display:flex;gap:clamp(16px,calc(24 / 1512 * 100vw),calc(24 / 1512 * 1920px));width:100%}.before-after__stat{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:clamp(6px,calc(8 / 1512 * 100vw),calc(8 / 1512 * 1920px))}.before-after__stat-value{font-family:Sackers Gothic Std,sans-serif;font-weight:500;font-size:clamp(20px,calc(24 / 1512 * 100vw),calc(24 / 1512 * 1920px));line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:#343434}.before-after__stat-value--optical-1{margin-left:-4px}.before-after__stat-line{display:block;width:100%;height:2px;background:#d2ae67}.before-after__stat-label{font-family:Ritual,serif;font-weight:400;font-size:clamp(12px,calc(13 / 1512 * 100vw),calc(13 / 1512 * 1920px));line-height:1.1;letter-spacing:.03em;color:#343434}.before-after__disclaimer{margin:0;font-family:Ritual,serif;font-weight:400;font-size:clamp(12px,calc(13 / 1512 * 100vw),calc(13 / 1512 * 1920px));line-height:1.1;letter-spacing:.03em;color:#69655c80}.before-after__disclaimer p{margin:0}@media(max-width:1280px){.before-after{margin-top:clamp(0px,calc(var(--before-after-padding-top-mobile) / 390 * 100vw),calc(var(--before-after-padding-top-mobile) / 390 * 768px));margin-bottom:clamp(0px,calc(var(--before-after-padding-bottom-mobile) / 390 * 100vw),calc(var(--before-after-padding-bottom-mobile) / 390 * 768px));margin-left:16px;margin-right:16px}}@media(max-width:768px){.before-after{padding:16px 0 16px 12px}.before-after__header{margin-bottom:clamp(12px,calc(16 / 390 * 100vw),calc(16 / 390 * 768px))}.before-after__title--desktop{display:none}.before-after__title--mobile{display:block;font-size:clamp(15px,calc(17 / 390 * 100vw),calc(17 / 390 * 768px));line-height:1.4;letter-spacing:.09em;padding-right:12px;text-transform:lowercase}.before-after__slide{width:clamp(240px,calc(292 / 390 * 100vw),calc(292 / 390 * 768px))}.before-after__pagination{gap:12px;margin-top:12px;padding-right:12px}.before-after__counter{opacity:1;font-size:clamp(10px,calc(10 / 390 * 100vw),calc(10 / 390 * 768px));letter-spacing:.1em}.before-after__buttons{gap:clamp(12px,calc(12 / 390 * 100vw),calc(12 / 390 * 768px))}.before-after__button{width:clamp(32px,calc(32 / 390 * 100vw),calc(32 / 390 * 768px));height:clamp(32px,calc(32 / 390 * 100vw),calc(32 / 390 * 768px))}.before-after__stats{flex-direction:column;gap:clamp(8px,calc(8 / 390 * 100vw),calc(16 / 390 * 768px))}.before-after__stat{gap:clamp(6px,calc(8 / 390 * 100vw),calc(8 / 390 * 768px))}.before-after__stat-value{font-size:clamp(20px,calc(24 / 390 * 100vw),calc(24 / 390 * 768px))}.before-after__stat-label{font-size:clamp(12px,calc(13 / 390 * 100vw),25.6px)}.before-after__disclaimer{font-size:clamp(10px,calc(10 / 390 * 100vw),calc(10 / 390 * 768px));line-height:1.2;letter-spacing:.02em}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/before-after.css.map */