.os-ba__wrapper{display:block}@media screen and (min-width:750px){.os-ba__wrapper.page-width{max-width:140rem;padding-inline:max(3.2rem,2.5vw)}}.os-ba__track{overflow-x:clip}.os-ba__slide{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem;align-items:center}.os-ba__slide[hidden]{display:none}.os-ba__visual{position:relative;width:100%;max-width:56rem;aspect-ratio:1 / 1.02;margin-inline:auto}.os-ba__card{position:absolute;width:52%;margin:0;border-radius:var(--os-ba-radius);box-shadow:0 .4rem .9rem #00000040;overflow:hidden}.os-ba__card--before{top:11.6%;left:0;transform:rotate(-4.5deg)}.os-ba__card--after{top:48%;left:47.5%;transform:rotate(5.5deg)}.os-ba__image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.os-ba__label{position:absolute;display:flex;align-items:center;gap:.3em;margin:0;font-family:var(--font-heading-family);font-size:var(--os-ba-label-size);font-weight:500;line-height:1.2;white-space:nowrap}.os-ba__label--before{top:26%;left:57%;color:var(--os-ba-before-color)}.os-ba__label--after{top:76%;left:5%;color:var(--os-ba-accent)}.os-ba__arrow{display:block;width:2.8em}.os-ba__arrow-svg{display:block;width:100%;height:auto}.os-ba__arrow--after .os-ba__arrow-svg{transform:scaleX(-1)}.os-ba__content{display:flex;flex-direction:column;gap:2rem;min-width:0}.os-ba__heading{margin:0;font-size:var(--os-ba-heading-size);line-height:1.3}.os-ba__stars{display:flex;gap:.5rem;color:var(--os-ba-accent)}.os-ba__stars svg{width:3rem;height:3rem}.os-ba__text{font-size:var(--os-ba-text-size);line-height:1.5}.os-ba__text>*{margin:0}.os-ba__nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.os-ba__counter{margin:0;font-size:1.4rem;font-weight:700}.os-ba__nav-button{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.os-ba__nav-button .svg-wrapper{width:1.4rem;height:1.4rem}.os-ba__nav-button[data-step="-1"] .svg-wrapper{transform:rotate(90deg)}.os-ba__nav-button[data-step="1"] .svg-wrapper{transform:rotate(-90deg)}.os-ba__nav-button:disabled{opacity:.35;cursor:default}@media screen and (min-width:750px){.os-ba__slide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10rem}.os-ba__nav{justify-content:flex-start;margin-left:calc(50% + 5rem)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/os-before-after.css.map */