.ab{--ab-navy:#0f1b2d;--ab-blue:#2e7bd6;--ab-bg-soft:#f3f5f8;--ab-line:#e8ecf1;--ab-text:#2c3340;--ab-muted:#6b7482;font-family:Inter,system-ui,sans-serif;color:var(--ab-text);-webkit-font-smoothing:antialiased;letter-spacing:normal;line-height:1.4}:where(.ab) *,:where(.ab) *:before,:where(.ab) *:after{box-sizing:border-box}:where(.ab) :where(h2,h3,p,ul,figure){margin:0;padding:0;letter-spacing:normal;text-transform:none}.ab-stars{--n:5;position:relative;display:inline-block;width:5em;height:1em;font-size:14px;vertical-align:middle;flex:none}.ab-stars:before,.ab-stars:after{content:"";position:absolute;left:0;top:0;height:100%;background-repeat:repeat-x;background-size:1em 1em}.ab-stars:before{width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23dfe3e8%27 d=%27M12 2.5l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.7 5.9 21.1l1.4-6.8L2.2 9.6l6.9-.8z%27/%3E%3C/svg%3E")}.ab-stars:after{width:calc(var(--n)*1em);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%230f1b2d%27 d=%27M12 2.5l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.7 5.9 21.1l1.4-6.8L2.2 9.6l6.9-.8z%27/%3E%3C/svg%3E")}.ab-verif{display:inline-block;width:1.1em;height:1.1em;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%230f1b2d%27 d=%27M12 1.5l2.6 1.9 3.2-.1 1 3 2.6 1.9-1 3 1 3-2.6 1.9-1 3-3.2-.1L12 22.5l-2.6-1.9-3.2.1-1-3L2.6 15.8l1-3-1-3 2.6-1.9 1-3 3.2.1z%27/%3E%3Cpath fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M8 12.3l2.8 2.8L16.2 9.5%27/%3E%3C/svg%3E") center/contain no-repeat}.ab-ba{padding:32px 0 28px;background:#fff}.ab-ba__title{font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--ab-navy);padding:0 16px;max-width:1152px;margin:0 auto 24px}.ab-ba__wrap{position:relative;max-width:1152px;margin:0 auto}.ab-ba__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ab-ba__track::-webkit-scrollbar{display:none}.ab-ba__card{flex:0 0 80%;scroll-snap-align:start;scroll-margin-left:16px;border:1px solid var(--ab-line);border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.ab-ba__media{position:relative;aspect-ratio:314/200;background:var(--ab-bg-soft)}.ab-ba__media img{width:100%;height:100%;object-fit:cover;display:block}.ab-ba__tag{position:absolute;top:12px;padding:5px 9px;border-radius:6px;background:#0f1b2dd1;color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1}.ab-ba__tag--b{left:12px}.ab-ba__tag--a{left:calc(50% + 12px)}.ab-ba__mid{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000002e;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ab-navy)}.ab-ba__body{padding:16px 16px 14px;display:flex;flex-direction:column;flex:1}.ab-ba__checks{list-style:none;display:grid;gap:6px;font-size:15px;line-height:1.4;color:#4a5361}.ab-ba__checks li{position:relative;padding-left:26px}.ab-ba__checks li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--ab-navy);font-weight:700}.ab-ba__quote{margin-top:16px;font-size:17px;line-height:1.5;font-weight:500;color:var(--ab-navy);min-height:84px}.ab-ba__name{margin-top:16px;font-size:14px;color:var(--ab-muted);font-weight:500}.ab-ba__meta{margin-top:4px;font-size:11px;letter-spacing:.03em;color:#7b8492;text-transform:uppercase}.ab-ba__badge{align-self:flex-end;margin-top:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ab-line);border-radius:999px;padding:5px 12px 5px 10px;font-size:12px;color:#4a5361;font-weight:500}.ab-ba__meta+.ab-ba__badge{margin-top:12px}.ab-ba__arrow{position:absolute;top:84px;width:40px;height:40px;border-radius:50%;border:1px solid var(--ab-line);background:#fff;box-shadow:0 2px 10px #0f1b2d29;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ab-navy);padding:0;z-index:2}.ab-ba__arrow svg{width:16px;height:16px}.ab-ba__arrow--next{right:6px}.ab-ba__arrow--prev{left:6px;display:none}.ab-ba__arrow--prev svg{transform:rotate(180deg)}.ab-ba__bar{height:3px;background:#e6e9ee;margin:20px 16px 0;border-radius:2px;overflow:hidden}.ab-ba__bar span{display:block;height:100%;width:40%;background:var(--ab-navy);border-radius:2px;transition:width .15s}@media(min-width:750px){.ab-ba__card{flex-basis:46%}}@media(min-width:990px){.ab-ba{padding:64px 24px 48px}.ab-ba__title{font-size:36px;padding:0;max-width:1120px;margin-bottom:40px}.ab-ba__wrap{max-width:1120px}.ab-ba__track{gap:24px;padding:0}.ab-ba__card{flex:0 0 calc((100% - 48px)/3);scroll-margin:0}.ab-ba__tag{top:8px;font-size:9px;padding:4px 7px}.ab-ba__tag--b{left:8px}.ab-ba__tag--a{left:auto;right:8px}.ab-ba__body{padding:16px 20px 14px}.ab-ba__checks{font-size:14px}.ab-ba__quote{font-size:16px;min-height:78px}.ab-ba__name{font-size:12px}.ab-ba__meta{font-size:9px}.ab-ba__arrow{top:150px}.ab-ba__bar{margin:24px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ab-before-after.css.map */