/* START_SECTION:lumia-before-after (INDEX:22) */
.lm-ba__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:5.6rem;align-items:center}
.lm-ba__grid--right .lm-ba__col{order:2}
.lm-ba__tabs{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.6rem}
.lm-ba__tab{padding:.9rem 2.2rem;border-radius:999px;border:1px solid rgba(var(--color-foreground),.25);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;cursor:pointer;transition:background .25s,color .25s}
.lm-ba__tab.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}
.lm-ba__media{position:relative;aspect-ratio:5/4;border-radius:2.8rem;overflow:hidden;direction:ltr;background:rgba(var(--color-foreground),.06);box-shadow:0 4rem 8rem -4rem rgba(var(--color-foreground),.45)}
.lm-ba__slide{position:absolute;inset:0;display:none;--pos:50%}
.lm-ba__slide.is-active{display:block;animation:lm-ba-in .6s ease both}
@keyframes lm-ba-in{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}
.lm-ba__img{position:absolute;inset:0}
.lm-ba__img--after{clip-path:inset(0 0 0 var(--pos))}
.lm-ba__img img{width:100%;height:100%;object-fit:cover}
.lm-ba__ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;font-size:1.3rem;color:#162660}
.lm-ba__ph svg{width:5.6rem;height:5.6rem;opacity:.45}
.lm-ba__ph--before{background:linear-gradient(135deg,#d9d1c7,#b0a699)}
.lm-ba__ph--after{background:linear-gradient(135deg,#D0E6FD,#ffffff 75%)}
.lm-ba__tag{position:absolute;z-index:2;padding:1rem 2.2rem;border-radius:999px;background:rgba(255,255,255,.92);color:#162660;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}
.lm-ba__tag--before{top:2.4rem;left:2.4rem}
.lm-ba__tag--after{bottom:2.4rem;right:2.4rem}
.lm-ba__line{position:absolute;z-index:3;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;pointer-events:none}
.lm-ba__range{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none}
.lm-ba__handle{position:absolute;z-index:4;top:50%;left:var(--pos);width:4.8rem;height:6.4rem;margin:-3.2rem 0 0 -2.4rem;border-radius:999px;background:#fff;color:#162660;display:grid;place-items:center;box-shadow:0 1.2rem 3rem rgba(0,0,0,.28);pointer-events:none}
.lm-ba__handle::before{content:'';position:absolute;inset:-6px;border-radius:999px;border:1px solid rgba(255,255,255,.7);animation:lm-ba-ring 2.4s ease-out infinite}
@keyframes lm-ba-ring{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
.lm-ba__range:focus-visible~.lm-ba__handle{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}
.lm-ba__text .title{margin:0 0 1.6rem}
.lm-ba__text .rte{margin-bottom:2.4rem}
.lm-ba__note{margin-top:1.6rem;font-size:1.2rem;opacity:.6}
@media screen and (max-width:989px){.lm-ba__grid{grid-template-columns:1fr;gap:3.2rem}.lm-ba__grid--right .lm-ba__col{order:0}.lm-ba__media{aspect-ratio:1/1;border-radius:2.4rem}.lm-ba__tag--before{top:1.6rem;left:1.6rem}.lm-ba__tag--after{bottom:1.6rem;right:1.6rem}}
@media (prefers-reduced-motion:reduce){.lm-ba__handle::before,.lm-ba__slide.is-active{animation:none}}
/* END_SECTION:lumia-before-after */