.before-after-image--container{isolation:isolate;border-radius:var(--block-border-radius, 16px)}.before-after-image{display:flex;gap:30px;flex-direction:column}@media only screen and (min-width:1068px){.before-after-image{gap:60px}}@media only screen and (min-width:1068px){.before-after-image.image-position--image_first{flex-direction:row-reverse;align-items:center}}@media only screen and (min-width:1068px){.before-after-image.image-position--text_first{flex-direction:row;align-items:center}}.before-after-image--text{width:100%}.before-after-image--text>*:last-child,.before-after-image--text .rte>*:last-child{margin-bottom:0}.before-after-image--container{width:100%;display:block;position:relative;overflow:hidden}.before-after-image--media{display:block;position:relative;overflow:hidden}.before-after-image--media:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:rgba(var(--color-overlay-rgb),var(--overlay-opacity))}.before-after-image--image .thb-placeholder,.before-after-image--image img{position:absolute;top:0;left:0;width:100%;height:100%}.before-after-image--image .thb-placeholder svg,.before-after-image--image img svg{object-fit:contain}.before-after-image--image img{object-fit:cover}@media only screen and (max-width:767px){.before-after-image--image.mobile-height-image{aspect-ratio:var(--image-aspect);min-height:unset}}@media only screen and (min-width:768px){.before-after-image--image.desktop-height-image{aspect-ratio:var(--image-aspect);min-height:unset}}.before-after-image--2{clip-path:inset(0px 0px 0px var(--percent));position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;overflow:hidden}.before-after-image--2 .before-after-image--content{justify-content:flex-end}.before-after-image--content{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;padding:20px;align-items:flex-start}.before-after-image--content-center{align-items:center}.before-after-image--content-bottom{align-items:flex-end}.before-after-image--label{background:var(--color-bg);color:var(--color-body);border-radius:calc(var(--block-border-radius, 16px) / 2);padding:8px 14px;font-size:.9375rem;line-height:1}.before-after-image--label{box-shadow:0 1.25px 2.5px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12498.75px;background-color:#0009;color:#fff;font-weight:600}.before-after-image--2 .before-after-image--label{color:#c9a227;background-color:#fff}.before-after-image--label-medium{font-size:1.0625rem}.before-after-image--label-large{font-size:1.25rem}.before-after-image--slider{position:absolute;top:50%;width:100%;left:0;z-index:40;transform:translateY(-50%);opacity:0;height:54px;cursor:pointer}.before-after-image--divider{position:absolute;top:0;bottom:0;z-index:10;width:2px;left:calc(var(--percent) - 1px);background:var(--color-line, --bg-body);box-shadow:0 4px 4px #00000040}.before-after-image--divider .svg{width:45px;height:45px;background:#fff;position:absolute;border-radius:100%;top:50%;left:50%;z-index:11;transform:translate3d(-50%,-50%,0);z-index:20;box-shadow:0 1px 6px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center}.before-after-image--mobile{display:block}@media only screen and (min-width:768px){.before-after-image--mobile{display:none}}.before-after-image--desktop{display:none}@media only screen and (min-width:768px){.before-after-image--desktop{display:block}}.before-after-image.type--new .inline-badge{color:#c9a227;padding:0;background:transparent;font-size:14px;font-weight:500}.before-after-image.type--new .inline-badge:before{content:none}.before-after-image.type--new .heading{font-size:max(45px,4.5vw);letter-spacing:normal;line-height:1;color:#111;font-weight:300;padding-bottom:10px}.before-after-image.type--new .heading span{font-weight:700;position:relative}.before-after-image.type--new .heading span svg{position:absolute;top:inherit;bottom:-5px;left:0;right:0;width:100%}.before-after-image .bottom-part{display:grid;align-items:center;grid-template-columns:repeat(2,calc(50% - 5px));gap:10px;margin-top:20px}.before-after-image .bottom-part .item{position:relative;padding-left:15px;border-left:2.5px solid #c9a227}.before-after-image .bottom-part .title-el{font-size:17px;font-weight:700}.before-after-image .bottom-part .sub{color:#6b7280;font-size:13px}.before-after-image .badge-wrapper .badge-border{width:30px;display:block;height:2px;background-color:#c9a227}.before-after-image .badge-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:10px}.before-after-image .badge-wrapper .inline-badge{margin:0}.before-after-image.type--single .heading span svg{display:none}.before-after-image.type--single .rte{font-size:14px}.before-after-image.type--single .description-2{margin-top:15px}.before-after-image.type--single .single-image{width:100%;max-width:500px;position:relative}.before-after-image.type--single .single-image .image{width:calc(100% - 15px);height:100%;border-radius:10px;overflow:hidden;aspect-ratio:1 / 1.2;padding-bottom:20px;position:relative;z-index:9}.before-after-image.type--single .single-image .image img{width:100%;height:100%;border-radius:10px}.before-after-image.type--single .single-image .border-item{position:absolute;top:20px;left:20px;bottom:0;right:0;border-radius:10px;border:1.5px solid #c9a227}.before-after-image.type--single{position:relative;overflow:hidden}.before-after-image.type--single .bg-item{position:absolute;top:-200px;left:inherit;bottom:-1000px;right:-100px;width:min(400px,40%);background-color:#fafafa;transform:rotate(11deg);z-index:-1}.before-after-image.type--single .before-after-image--text{max-width:700px}.before-after-image.type--single{justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/106/assets/before-after-image.css.map */