.ux-ba__inner{display:flex;flex-direction:column;gap:1.6rem}.ux-ba__heading{--min-fs: var(--ux-ba-hl-min, 1.8);--max-fs: var(--ux-ba-hl-max, 2.4);margin:0;text-align:center;line-height:1.2;color:var(--ux-color-onyx)}.ux-ba__intro{--min-fs: var(--ux-ba-txt-min, 1.3);--max-fs: var(--ux-ba-txt-max, 1.5);text-align:center;line-height:1.5;color:var(--ux-color-onyx)}.ux-ba__intro p{margin:0}.ux-ba__html{--min-fs: var(--ux-ba-html-min, 1.1);--max-fs: var(--ux-ba-html-max, 1.3);text-align:center;line-height:1.5;color:var(--ux-color-onyx)}.ux-ba__html p{margin:0}.ux-ba__layout{display:flex;flex-direction:column;gap:2rem}.ux-ba__content{display:flex;flex-direction:column;text-align:center}.ux-ba__panel{display:none;flex-direction:column;gap:1rem}.ux-ba__panel.is-active{display:flex}.ux-ba__item-headline{--min-fs: var(--ux-ba-hl-min, 1.8);--max-fs: var(--ux-ba-hl-max, 2.4);margin:0;font-weight:var(--ux-heading-font-weight);line-height:1.2;color:var(--ux-color-onyx)}.ux-ba__item-text{--min-fs: var(--ux-ba-txt-min, 1.3);--max-fs: var(--ux-ba-txt-max, 1.5);line-height:1.5;color:var(--ux-color-onyx)}.ux-ba__item-text p{margin:0}.ux-ba__item-text p+p{margin-top:.6rem}.ux-ba__item-html{--min-fs: var(--ux-ba-html-min, 1.1);--max-fs: var(--ux-ba-html-max, 1.3);line-height:1.5;color:var(--ux-color-slate)}.ux-ba__item-html p{margin:0}.ux-ba__media{display:flex;flex-direction:column;gap:1.2rem}.ux-ba__slider{position:relative;display:none;border-radius:var(--ux-border-radius-big);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.ux-ba__slider.is-active{display:block}.ux-ba__after{display:block;width:100%;height:auto}.ux-ba__before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0)}.ux-ba__after,.ux-ba__before{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ux-ba__handle{position:absolute;top:0;bottom:0;left:var(--ba-pos, 50%);width:2px;margin-left:-1px;background:#fff;pointer-events:none;display:flex;align-items:center;justify-content:center}.ux-ba__knob{flex:0 0 auto;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--ux-color-onyx);color:#fff;border:2px solid #fff;box-shadow:0 .2rem .8rem #2020204d;display:flex;align-items:center;justify-content:center}.ux-ba__knob svg{width:2rem;height:2rem}.ux-ba__labels{display:flex}.ux-ba__label{--min-fs: var(--ux-ba-lbl-min, 1.4);--max-fs: var(--ux-ba-lbl-max, 1.6);flex:1;text-align:center;font-weight:600;line-height:1.3;color:var(--ux-color-onyx)}.ux-ba__grid{display:flex;flex-direction:column;gap:2rem}.ux-ba__cell{display:none;flex-direction:column;gap:1.2rem;text-align:center}.ux-ba__cell.is-active{display:flex}.ux-ba--condensed .ux-ba__slider{display:block}.ux-ba--condensed .ux-ba__labels{margin-top:-.4rem}.ux-ba__thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.ux-ba__thumb{display:flex;width:10rem;padding:0;border:3px solid transparent;border-radius:var(--ux-border-radius-small);overflow:hidden;background:none;cursor:pointer}.ux-ba__thumb img{width:50%;height:4.6rem;object-fit:cover;display:block}.ux-ba__thumb.is-active{border-color:#de0826}.ux-ba__heading,.ux-ba__intro,.ux-ba__html,.ux-ba__item-headline,.ux-ba__item-text,.ux-ba__item-html,.ux-ba__label{font-size:clamp(calc(var(--min-fs) * 1rem),calc(var(--min-fs) * 1rem + (var(--max-fs) - var(--min-fs)) * (100vw - 37.5rem) / 62.5),calc(var(--max-fs) * 1rem))}.ux-ba__inner ul.list-unstyled{text-align:left;width:max-content;margin:0 auto}.ux-ba__inner ul.list-unstyled li{margin-bottom:.5em}.ux-ba__inner ul.list-unstyled li img{vertical-align:middle;margin-right:.5em;width:17px;height:17px}@media screen and (min-width:750px){.ux-ba__inner{gap:2.4rem}.ux-ba__layout{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"media content";gap:3rem;align-items:center}.ux-ba__media{grid-area:media}.ux-ba__content{grid-area:content;text-align:left}.ux-ba__panel{gap:2rem;max-width:60rem;margin:0 5rem 5rem}.ux-ba__inner ul.list-unstyled{margin:0}.ux-ba__inner ul.list-unstyled li img{width:20px;height:20px}.ux-ba--condensed .ux-ba__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.ux-ba--condensed .ux-ba__cell{display:flex;text-align:left}.ux-ba--condensed .ux-ba__cell .ux-ba__slider{margin-top:auto}.ux-ba--condensed .ux-ba__thumbs{display:none}.ux-ba.ux-ba--condensed .ux-ba__item-headline,.ux-ba.ux-ba--condensed .ux-ba__item-text,.ux-ba.ux-ba--condensed .ux-ba__inner ul.list-unstyled{padding-left:1rem;padding-right:1rem;text-align:center;display:none}.ux-ba.ux-ba--condensed .ux-ba__inner .ux-ba__html ul.list-unstyled{margin:0 auto!important;display:block;text-align:left}}@media screen and (max-width:749.98px){.ux-ba.ux-ba--condensed .ux-ba__item-text,.ux-ba__inner>.ux-ba__heading,.ux-ba__inner>.ux-ba__html{display:none}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/component-ux-before-after.css.map */