.BeforeAfter_section__nf30V{display:flex;flex-direction:column;gap:28px}.BeforeAfter_section__nf30V .BeforeAfter_head__DklX_{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}.BeforeAfter_section__nf30V .BeforeAfter_title__r2l3W{margin:0;font-size:1.6rem;color:var(--color-text-100);transition:color .5s,background .5s,stroke .5s,fill .5s,border .5s}.BeforeAfter_section__nf30V .BeforeAfter_hint__R3W2W{font-size:1rem;color:var(--color-text-muted);transition:color .5s,background .5s,stroke .5s,fill .5s,border .5s}.BeforeAfter_box__KdQTr{position:relative;width:100%;min-height:280px;overflow:hidden;border-radius:13px;background:rgba(57,57,57,.35);box-shadow:0 4px 48px 0 rgba(0,0,0,.25);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.BeforeAfter_box__KdQTr img{position:absolute;left:0;top:0;display:block;width:100%;height:auto}.BeforeAfter_after__rBPjt{position:absolute;inset:0}.BeforeAfter_before__P0av1{position:absolute;inset:0;background:#1b1b1b}.BeforeAfter_panel__RRWss{position:absolute;left:0;top:0;bottom:0;width:50%;padding:56px clamp(20px,4vw,48px) 32px;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,2vw,16px);color:#fff}.BeforeAfter_panel__RRWss .BeforeAfter_panelTitle__INSCC{font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.1}.BeforeAfter_panel__RRWss .BeforeAfter_panelText___bfk5{font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.5;color:hsla(0,0%,100%,.8);text-wrap:pretty}.BeforeAfter_panel__RRWss .BeforeAfter_panelNote__6xJKU{font-size:.85rem;color:hsla(0,0%,100%,.55)}.BeforeAfter_panel__RRWss .BeforeAfter_channels__wIibQ{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.BeforeAfter_panel__RRWss .BeforeAfter_channel__BRFVM{padding:4px 12px;font-size:.85rem;color:hsla(0,0%,100%,.85);border:1.5px dashed hsla(0,0%,100%,.45);border-radius:13px}.BeforeAfter_label__bH7ub{position:absolute;top:16px;z-index:2;padding:6px 14px;font-size:.9rem;color:#fff;border-radius:13px;background:rgba(0,0,0,.6);pointer-events:none}.BeforeAfter_labelBefore__CvD6g{left:16px}.BeforeAfter_labelAfter__0reHK{right:16px}.BeforeAfter_handle__A_mnQ{position:absolute;top:0;bottom:0;z-index:3;width:44px;margin-left:-22px;display:flex;justify-content:center;cursor:ew-resize;touch-action:none;outline:none}.BeforeAfter_handle__A_mnQ .BeforeAfter_line__4kCF8{width:2px;height:100%;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.4)}.BeforeAfter_handle__A_mnQ .BeforeAfter_knob__u1ORl{position:absolute;top:50%;left:0;width:44px;height:44px;margin-top:-22px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#111;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.35)}.BeforeAfter_handle__A_mnQ:focus-visible{outline:none;box-shadow:none}.BeforeAfter_handle__A_mnQ:focus-visible .BeforeAfter_knob__u1ORl{outline:2px solid var(--color-text-100);outline-offset:3px;box-shadow:0 0 0 3px var(--color-bg),0 0 10px 7px rgba(119,199,234,.7),0 6px 20px rgba(0,0,0,.35)}.BeforeAfter_vertical__8o_ov{touch-action:pan-x}.BeforeAfter_vertical__8o_ov .BeforeAfter_panel__RRWss{right:0;bottom:auto;width:auto;padding:50px 18px 18px;justify-content:flex-start;gap:8px}.BeforeAfter_vertical__8o_ov .BeforeAfter_labelAfter__0reHK{top:auto;bottom:16px;left:16px;right:auto}.BeforeAfter_vertical__8o_ov .BeforeAfter_handle__A_mnQ{top:50%;bottom:auto;left:0;right:0;width:auto;height:44px;margin:-22px 0 0;flex-direction:column;align-items:center;justify-content:stretch;cursor:ns-resize}.BeforeAfter_vertical__8o_ov .BeforeAfter_handle__A_mnQ .BeforeAfter_line__4kCF8{width:100%;height:2px;margin-top:21px}.BeforeAfter_vertical__8o_ov .BeforeAfter_handle__A_mnQ .BeforeAfter_knob__u1ORl{top:0;left:50%;margin-top:0;margin-left:-22px}