:root{--ims-handle-circle-width: 4.4rem;--ims-label-padding: 2.25rem}.section-before-and-after{background-color:#e7e3dc}.before-and-after-grid-col-text-content{padding:40px 0;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.before-and-after-grid-col-text-content-text-container{max-width:371px;width:100%}.before-and-after-grid-col-text-content-text-container *{margin:0}.before-and-after-grid-col-text-content-text-container p{margin-top:20px}.section_slider_layout--full .before-and-after-grid{grid-template-rows:auto auto;gap:4rem}.section_slider_layout--full .before-and-after-grid-col-text-content{display:grid;grid-template-columns:50% 50%}.section_slider_layout--full .before-and-after-grid-col-text-content-text-container{padding-inline-end:4rem}.section_slider_layout--full .before-and-after-grid-col-text-content-button-container{display:flex;align-items:flex-end;justify-content:flex-end}.section_slider_layout--full .section-before-and-after-content{margin-block-end:0}@media screen and (max-width: 749px){.section_slider_layout--full .before-and-after-grid-col-text-content{grid-template-rows:auto auto;grid-template-columns:1fr;gap:0}.section_slider_layout--full .before-and-after-grid-col-text-content-text-container{padding-inline-end:0}.section_slider_layout--full .before-and-after-grid-col-text-content-button-container{display:flex;align-items:flex-start;justify-content:flex-start}.section_slider_layout--full .section-before-and-after-content{margin-block-end:3rem}}@media (max-width: 1199px){.section-before-and-after{background:var(--color-background)}.section_slider_layout--shrink .before-and-after-grid{grid-template-rows:auto auto;grid-template-columns:1fr;gap:var(--gap-m1)}.section-before-and-after .main-grid-16{display:unset}.before-and-after-grid-col-text-content-text-container{display:flex;max-width:100%!important;gap:20px;align-items:flex-start}.before-and-after-grid-col-text-content .section__title{width:35%}.before-and-after-grid-col-text-content .section-before-and-after-content{width:290px}.before-and-after-grid-col-text-content .section-before-and-after-content p{margin:0}}@media screen and (max-width: 749px){.section_slider_layout--shrink .section-before-and-after-content{margin-block-end:3rem}}.ims-container{position:relative;height:76.9rem;width:100%}.ims-container .ims-images-wrapper .ims-image{position:absolute;height:100%;width:100%;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ims-container .ims-images-wrapper .ims-image-before .ims-placeholder-svg{background-color:var(--color-background-accent-1)}.ims-container .ims-images-wrapper .ims-image-after .ims-placeholder-svg{background-color:var(--color-background-accent-2)}.ims-container .ims-images-wrapper .ims-image img,.ims-container .ims-images-wrapper .ims-image svg{height:100%;width:100%;object-fit:cover}.ims-container .ims-images-wrapper .ims-image-after{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.ims-container .ims-slider{position:absolute;inset-block-start:0;height:100%;width:100%;z-index:10}input[type=range].before-and-after-input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;width:100%;background-color:transparent;outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track .before-and-after-input{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-moz-range-track .before-and-after-input{-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-ms-track .before-and-after-input{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-webkit-slider-thumb .before-and-after-input{-webkit-appearance:none;appearance:none;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);box-shadow:none;border:none;background:transparent}input[type=range]::-moz-range-thumb .before-and-after-input{-moz-appearance:none;-webkit-appearance:none;appearance:none;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);box-shadow:none;border:none;background:transparent}input[type=range]::-ms-thumb .before-and-after-input{-webkit-appearance:none;appearance:none;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);box-shadow:none;border:none;background:transparent}[dir=rtl] .ims-container .ims-slider .ims-handle-line{transform:translate(-50%);left:50%;inset-inline-start:auto;z-index:3}.ims-container .ims-slider .ims-handle-line,.ims-container .ims-slider div:empty.ims-handle-line{position:absolute;inset-block-start:0;inset-inline-start:50%;display:block;height:100%;width:2px;background-color:var(--color-white);pointer-events:none}.ims-container .ims-slider .ims-handle-circle,.ims-container .ims-slider div:empty.ims-handle-circle{position:absolute;z-index:2;inset-block-start:calc(50% - .4rem);inset-inline-start:50%;display:block;height:72px;width:72px;background:url(/cdn/shop/files/Frame_19.svg?v=1733216665),var(--color-brown);border:2px solid var(--color-white);border-radius:50%;background-position:center;background-size:auto;background-repeat:no-repeat;cursor:pointer;transform:translate(-50%,-50%)}[dir=rtl] .ims-container .ims-slider .ims-handle-circle,[dir=rtl] .ims-container .ims-slider div:empty.ims-handle-circle{transform:translate(50%,-50%)}.ims-container .ims-label{position:absolute;inset-block-end:var(--ims-label-padding);z-index:3;padding:0;background:transparent;color:var(--color-white);font-family:var(--font-heading-family);font-size:1.8rem;font-weight:300;line-height:160%;letter-spacing:1px;text-transform:capitalize;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ims-container .ims-label.ims-label-before{inset-inline-start:var(--ims-label-padding)}.ims-container .ims-label.ims-label-after{inset-inline-end:var(--ims-label-padding)}@media screen and (max-width: 991px){.before-and-after-grid-col-text-content{padding:0}.before-and-after-grid-col-text-content-text-container p{font-size:14px;font-style:normal;font-weight:300;line-height:19px;letter-spacing:.14px}.before-and-after-grid-col-text-content-text-container{max-width:290px}.before-and-after-grid-col-slider{margin-top:var(--gap-m1)}.ims-container .ims-slider .ims-handle-circle,.ims-container .ims-slider div:empty.ims-handle-circle{height:46px;width:46px;background:url(/cdn/shop/files/Frame_19_1.svg?v=1733218151),var(--color-brown);background-repeat:no-repeat;background-size:auto;background-position:center}.ing-1 .ing-text,.ing-2 .ing-text,.ing-3 .ing-text,.ing-4 .ing-text,.ing-5 .ing-text,.ing-6 .ing-text{font-size:10px;line-height:130%;letter-spacing:0px}.ing-1,.ing-2,.ing-3,.ing-4,.ing-5,.ing-6{max-width:fit-content;width:100%}}@media screen and (max-width: 749px){.ims-container .ims-label{display:none}}.ing-1,.ing-2,.ing-3,.ing-4,.ing-5,.ing-6{max-width:224px;width:100%}.section-before-and-after .block-767{position:absolute}.section-before-and-after .svg1 .block-767,.section-before-and-after .svg4 .block-767{position:static}.svg5,.svg6{rotate:180deg}@media (min-width: 768px){.ing-block-2,.ing-block-1{display:flex;flex-direction:column;gap:20px;height:60%;justify-content:space-between;text-align:right}.ing-block-1{position:absolute;top:30%;right:5%;color:var(--color-brown);text-align:left}.svg1,.svg2,.svg3{position:absolute;left:-65%;top:5%}.svg4,.svg5,.svg6{position:absolute;right:-65%;top:5%}.svg1{left:-70%}.svg4{right:-70%}.ing-block-2{position:absolute;top:30%;left:4%;color:var(--color-brown);text-align:right}.ing-1,.ing-2,.ing-3,.ing-4,.ing-5,.ing-6{position:relative}.ing-text{margin-top:8px}}@media (max-width: 1800px) and (min-width: 768px){.svg2,.svg3{width:50%;left:-55%}.svg5,.svg6{width:50%;right:-55%}.svg1{width:50%;left:-60%}.svg4{width:50%;right:-60%}}@media (max-width: 1540px) and (min-width: 768px){.ing-block-1{right:2%}.ing-block-2{left:1%}}@media (min-width: 992px){.ing-1 .ing-text,.ing-2 .ing-text,.ing-3 .ing-text,.ing-4 .ing-text,.ing-5 .ing-text,.ing-6 .ing-text{font-size:14px;line-height:130%;font-weight:300}}@media screen and (max-width: 767px){.before-and-after-grid-col-text-content-text-container{flex-direction:column}.before-and-after-grid-col-text-content .section__title,.before-and-after-grid-col-text-content .section-before-and-after-content{width:100%}.before-and-after-grid-col-text-content .section-before-and-after-content p{margin:0}.ing-1,.ing-2,.ing-3,.ing-4,.ing-5,.ing-6{max-width:105px;width:100%;font-size:12px;font-style:normal;font-weight:400;line-height:130%;letter-spacing:0}.ing-text{margin-top:13px}.svg1{top:7.5%;right:8%;left:unset}.ing-1{top:4%;right:8%;left:unset}.svg2{top:41%;right:8%;left:unset}.ing-2{top:38%;right:8%;left:unset}.svg3{top:71%;right:8%;left:unset}.ing-3{top:68%;right:8%;left:unset}.svg4{top:7.5%;left:8%;rotate:180deg;right:unset}.ing-4{top:4%;left:8%;right:unset;text-align:right}.svg5{top:41%;left:8%;right:unset}.ing-5{top:38%;left:8%;right:unset;text-align:right}.svg6{top:71%;left:8%;right:unset}.ing-6{top:68%;left:8%;right:unset;text-align:right}}@media screen and (max-width: 575px){.ims-container{height:54.4rem}}@media screen and (max-width: 365px){.svg1,.ing-1,.svg2,.ing-2,.svg3,.ing-3{right:3%}.svg4{left:3%;rotate:180deg}.ing-4,.svg5,.ing-5,.svg6,.ing-6{left:3%}}@media (max-width: 1424px){.ims-container{width:calc(100% + 125px)}}@media (max-width: 1199px){.ims-container{width:100%}}.ims-images-wrapper .ims-image .none-767 .ing-title{font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/73/assets/section-before-and-after.css.map */