.sdp-before-after .sdp-ba__grid{display:grid;grid-template-columns:1fr;gap:var(--sdp-space-5, 20px)}.sdp-ba__card{box-sizing:border-box;background:var(--sdp-card-bg, #fff);border:1px solid var(--sdp-card-border, #ecebf3);border-radius:var(--sdp-radius-card, 16px);box-shadow:var(--sdp-shadow-card, 0 4px 18px rgba(17, 24, 39, .06));overflow:hidden;display:flex;flex-direction:column}.sdp-ba__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--sdp-bg-page, #FBF9FE)}.sdp-ba__img{display:block;width:100%;height:100%;object-fit:cover}.sdp-ba__img--placeholder{object-fit:contain;opacity:.5;padding:24px}.sdp-ba__label{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 14px;border-radius:10px;background:#0f172ab8;color:#fff;font-family:var(--sdp-font-head, "Red Hat Display", sans-serif);font-size:13px;font-weight:600;line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdp-ba__body{box-sizing:border-box;padding:var(--sdp-space-4, 16px);display:flex;flex-direction:column;gap:var(--sdp-space-4, 16px)}.sdp-ba__badge{align-self:flex-start;padding:6px 14px;border-radius:var(--sdp-radius-pill, 999px);font-family:var(--sdp-font-head, "Red Hat Display", sans-serif);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1}.sdp-ba__badge--red{background:var(--sdp-red, #ef4444);color:#fff}.sdp-ba__badge--green{background:var(--sdp-green-soft, #dcfce7);color:var(--sdp-tag-text, #15803d)}.sdp-ba__metrics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sdp-space-4, 16px)}.sdp-ba__metric-text{margin:0 0 8px;font-family:var(--sdp-font-body, "Red Hat Display", sans-serif);font-size:15px;line-height:1.4;color:var(--sdp-text-muted, #6b7280)}.sdp-ba__metric-label{font-weight:700;color:var(--sdp-text, #0f172a)}.sdp-ba__bar{position:relative;height:6px;border-radius:var(--sdp-radius-pill, 999px);background:#ecebf3;overflow:hidden}.sdp-ba__bar-fill{display:block;height:100%;width:calc(var(--lvl, 0) * 1%);border-radius:var(--sdp-radius-pill, 999px)}.sdp-ba__bar-fill--red{background:var(--sdp-coral, #fb6e5b)}.sdp-ba__bar-fill--green{background:var(--sdp-green-strong, #16a34a)}.sdp-ba__reassure{margin-top:var(--sdp-space-5, 20px);padding:var(--sdp-space-5, 20px) var(--sdp-space-4, 16px);border-radius:var(--sdp-radius-card, 16px);background:var(--sdp-reassure-bg, #edeafb);text-align:center}.sdp-ba__reassure-text{margin:0;font-family:var(--sdp-font-head, "Red Hat Display", sans-serif);font-size:16px;font-weight:600;line-height:1.4;color:var(--sdp-reassure-text, #4b3f9e)}@media(min-width:1024px){.sdp-before-after .sdp-container{max-width:780px}.sdp-before-after .sdp-ba__grid{grid-template-columns:1fr 1fr;gap:var(--sdp-space-6, 24px)}.sdp-ba__card{border-color:#e4e1f0;border-radius:18px;box-shadow:none}.sdp-ba__label{left:20px;right:20px;bottom:10px;padding:5px 9px;border-radius:6px;background:#0c1927bf;font-size:10.5px;font-weight:400;line-height:14px}.sdp-ba__body{padding:20px;gap:8px}.sdp-ba__metrics{gap:8px}.sdp-ba__badge{padding:4px 10px 5px;border-radius:6px;font-family:"Poppins",var(--sdp-font-head, "Red Hat Display", sans-serif);font-size:11px;line-height:16px;letter-spacing:.4px}.sdp-ba__badge--red{color:#5f0b0b}.sdp-ba__badge--green{background:#44818026;color:#448180;font-family:var(--sdp-font-head, "Red Hat Display", sans-serif);font-weight:900;line-height:15px}.sdp-ba__metric-text{margin-bottom:6px;font-size:13px;line-height:20px;font-weight:500;color:#12141a}.sdp-ba__bar{height:5px;background:#e4e1f0}.sdp-ba__bar-fill--red{background:linear-gradient(90deg,#d98f73,#c13f3f)}.sdp-ba__bar-fill--green{background:linear-gradient(90deg,#448180,#5fb3a8)}.sdp-ba__reassure{margin-top:var(--sdp-space-6, 24px);padding:16px 20px;border:1px solid rgba(72,59,174,.2);border-radius:14px;background:#483bae14}.sdp-ba__reassure-text{font-size:14px;line-height:19px;color:#483bae}}
/*# sourceMappingURL=/cdn/shop/t/474/assets/sdp-before-after.css.map */