.uw-comparison-before-after{text-align:center;padding-block:var(--uw-cba-padding-block)}.uw-comparison-before-after-hgroup{display:flex;flex-direction:column-reverse}.uw-comparison-before-after-hgroup span{color:var(--uw-color-primary);display:block;font-weight:500}.uw-comparison-before-after-container{padding-top:var(--uw-inner-top-padding);max-width:1000px;margin-inline:auto}.uw-comparison-before-after-tabs{padding-block:1.5rem;font-size:1.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:1rem}.uw-comparison-before-after-tab{cursor:pointer;color:rgba(var(--uw-color-primary-rgb),.6);transition:color .2s ease}.uw-comparison-before-after-tab:hover{color:rgba(var(--uw-color-primary-rgb),.75)}.uw-comparison-before-after-tab.active{color:rgba(var(--uw-color-primary-rgb),1)}.uw-comparison-before-after-content{max-width:300px;margin-inline:auto;font-size:1.2rem;line-height:1.5}.uw-comparison-before-after-wrapper{display:none;position:relative;max-width:500px;width:100%;margin-inline:auto;aspect-ratio:1/1;overflow:hidden;border-radius:50%;border:2px solid #FFF}.uw-comparison-before-after-wrapper.active{display:block}.uw-comparison-before-after-img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}.uw-comparison-before-after-img.background-img{background-image:var(--uw-comparison-before-after-img)}.uw-comparison-before-after-img.foreground-img{background-image:var(--uw-comparison-before-after-img);width:50%}.uw-comparison-before-after-slider{position:absolute;-webkit-appearance:none;appearance:none;width:100%;height:100%;outline:none;margin:0;transition:all .2s;display:flex;justify-content:center;align-items:center;background:transparent}.uw-comparison-before-after-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:600px;background:#fff;cursor:pointer}.uw-comparison-before-after-slider::-moz-range-thumb{width:6px;height:600px;background:#fff;cursor:pointer}.uw-comparison-before-after-btn{pointer-events:none;position:absolute;width:30px;height:30px;border-radius:50%;background-color:#fff;left:calc(50% - 18px);top:calc(50% - 18px);display:flex;justify-content:center;align-items:center}.uw-comparison-before-after-btn:after{content:"";padding:3px;display:inline-block;border:solid var(--uw-color-primary);border-width:0 2px 2px 0;transform:rotate(-45deg)}.uw-comparison-before-after-btn:before{content:"";padding:3px;display:inline-block;border:solid var(--uw-color-primary);border-width:0 2px 2px 0;transform:rotate(135deg)}@media screen and (max-width: 768px){.uw-comparison-before-after-tabs{font-size:1.2rem}.uw-comparison-before-after-content{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-comparison-before-after.css.map */