.BeforeAfterToggle-module___WV-5q__comparison{background:#f8f4ee;flex-direction:column;align-self:start;width:100%;margin:0;display:flex;overflow:hidden}.BeforeAfterToggle-module___WV-5q__image{order:0;padding:24px 24px 0}.BeforeAfterToggle-module___WV-5q__controls{box-sizing:border-box;order:1;justify-content:center;width:100%;padding:24px;display:flex}.BeforeAfterToggle-module___WV-5q__toggle{box-sizing:border-box;background:#d9cfbd;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:220px;max-width:100%;height:48px;padding:4px;display:grid}.BeforeAfterToggle-module___WV-5q__button{box-sizing:border-box;color:#202020;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:100%;padding:0 12px;font-size:12px;font-weight:700;transition:transform .3s,background-color .3s,color .3s}.BeforeAfterToggle-module___WV-5q__button:hover{color:#f8f4ee;background:#8f846e}.BeforeAfterToggle-module___WV-5q__button[aria-pressed=true]{color:#f8f4ee;background:#202020}.BeforeAfterToggle-module___WV-5q__button[aria-pressed=true]:hover{background:#202020}.BeforeAfterToggle-module___WV-5q__button:focus-visible{outline-offset:2px;outline:2px solid #8f846e}@media (min-width:640px){.BeforeAfterToggle-module___WV-5q__image{padding:32px 32px 0}.BeforeAfterToggle-module___WV-5q__controls{padding:32px}}