.before-after-list{margin:0;padding:48px 24px 48px 44px;list-style:disc;display:flex;flex-direction:column;gap:24px;font-family:var(--wp--preset--font-family--accent);font-weight:500;font-size:16px;line-height:24px}.before-after-list--before{background:var(--wp--preset--color--modern-bg);color:var(--wp--preset--color--modern-text)}.before-after-list--after{background:var(--wp--preset--color--modern-cream);color:var(--wp--preset--color--modern-inv)}.before-after-spine{display:none}@media(min-width:1024px){.before-after{padding:130px 80px 98px;background:linear-gradient(to right,var(--wp--preset--color--modern-bg) 50%,var(--wp--preset--color--modern-cream) 50%)}.before-after-grid{display:grid;grid-template-columns:1fr 160px 1fr;row-gap:32px;max-width:1280px;margin:0 auto}.before-after-list,.before-after-spine{display:grid;grid-template-rows:subgrid;align-items:start;gap:inherit;padding:0 0 0 20px;background:none}.before-after-spine{position:relative;justify-items:center;padding:0}.before-after-spine:before{content:"";position:absolute;top:12px;bottom:12px;left:50%;width:4px;transform:translate(-50%);background:var(--wp--preset--color--modern-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='18'%3E%3Crect width='4' height='12' rx='2'/%3E%3C/svg%3E") top/4px 18px repeat-y;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='18'%3E%3Crect width='4' height='12' rx='2'/%3E%3C/svg%3E") top/4px 18px repeat-y}.before-after-dot{position:relative;width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--wp--preset--color--modern-accent)}.before-after--rows-1 .before-after-grid{grid-template-rows:repeat(1,auto)}.before-after--rows-1 .before-after-list,.before-after--rows-1 .before-after-spine{grid-row:1/span 1}.before-after--rows-2 .before-after-grid{grid-template-rows:repeat(2,auto)}.before-after--rows-2 .before-after-list,.before-after--rows-2 .before-after-spine{grid-row:1/span 2}.before-after--rows-3 .before-after-grid{grid-template-rows:repeat(3,auto)}.before-after--rows-3 .before-after-list,.before-after--rows-3 .before-after-spine{grid-row:1/span 3}.before-after--rows-4 .before-after-grid{grid-template-rows:repeat(4,auto)}.before-after--rows-4 .before-after-list,.before-after--rows-4 .before-after-spine{grid-row:1/span 4}.before-after--rows-5 .before-after-grid{grid-template-rows:repeat(5,auto)}.before-after--rows-5 .before-after-list,.before-after--rows-5 .before-after-spine{grid-row:1/span 5}.before-after--rows-6 .before-after-grid{grid-template-rows:repeat(6,auto)}.before-after--rows-6 .before-after-list,.before-after--rows-6 .before-after-spine{grid-row:1/span 6}.before-after--rows-7 .before-after-grid{grid-template-rows:repeat(7,auto)}.before-after--rows-7 .before-after-list,.before-after--rows-7 .before-after-spine{grid-row:1/span 7}.before-after--rows-8 .before-after-grid{grid-template-rows:repeat(8,auto)}.before-after--rows-8 .before-after-list,.before-after--rows-8 .before-after-spine{grid-row:1/span 8}.before-after--rows-9 .before-after-grid{grid-template-rows:repeat(9,auto)}.before-after--rows-9 .before-after-list,.before-after--rows-9 .before-after-spine{grid-row:1/span 9}.before-after--rows-10 .before-after-grid{grid-template-rows:repeat(10,auto)}.before-after--rows-10 .before-after-list,.before-after--rows-10 .before-after-spine{grid-row:1/span 10}.before-after--rows-11 .before-after-grid{grid-template-rows:repeat(11,auto)}.before-after--rows-11 .before-after-list,.before-after--rows-11 .before-after-spine{grid-row:1/span 11}.before-after--rows-12 .before-after-grid{grid-template-rows:repeat(12,auto)}.before-after--rows-12 .before-after-list,.before-after--rows-12 .before-after-spine{grid-row:1/span 12}}