.Gypx5a_root{--x:50%;aspect-ratio:var(--pp-ar,16 / 9);border-radius:var(--pp-radius,18px);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;isolation:isolate;position:relative;overflow:hidden}.Gypx5a_root img{-webkit-user-drag:none}.Gypx5a_root:focus-visible{outline:3px solid var(--pp-line,#fff);outline-offset:-3px}.Gypx5a_po,.Gypx5a_przed{position:absolute;inset:0}.Gypx5a_po :is(picture,img),.Gypx5a_przed :is(picture,img){object-fit:cover;width:100%;height:100%;display:block}.Gypx5a_przed{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.Gypx5a_linia{z-index:2;transform:translateX(var(--x));pointer-events:none;position:absolute;inset:0}.Gypx5a_linia:before{content:"";background:var(--pp-line,#fff);width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 1px #0000001f}.Gypx5a_linia i{top:var(--pp-uchwyt-top,50%);width:48px;height:48px;translate:calc(24px - 48px * var(--xn,.5)) 0;background:var(--pp-line,#fff);border-radius:50%;margin:-24px 0 0 -24px;position:absolute;left:0;box-shadow:0 8px 24px -8px #00000080}.Gypx5a_linia i:before,.Gypx5a_linia i:after{content:"";border:6px solid #0000;width:0;height:0;margin-top:-6px;position:absolute;top:50%}.Gypx5a_linia i:before{border-right-color:var(--pp-label-bg,#17150f);left:9px}.Gypx5a_linia i:after{border-left-color:var(--pp-label-bg,#17150f);right:9px}.Gypx5a_etykieta{z-index:2;top:var(--pp-label-top,14px);bottom:var(--pp-label-bottom,auto);background:var(--pp-label-bg,#17150fb8);color:var(--pp-label-ink,#fff);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;position:absolute}.Gypx5a_lewa{left:14px}.Gypx5a_prawa{right:14px}.Gypx5a_etykieta{transition:opacity var(--ds-dur-2,.2s)}.Gypx5a_root[data-waska=przed] .Gypx5a_lewa,.Gypx5a_root[data-waska=po] .Gypx5a_prawa{opacity:0}
