.pcp-karsilastirma{display:block}.pcp-karsilastirma__inner{display:grid;gap:var(--sp-7)}.pcp-karsilastirma__copy{display:grid;gap:var(--sp-4);align-content:center}.pcp-karsilastirma__text{max-width:34ch}.pcp-karsilastirma__frame{width:100%;max-width:560px;margin-inline:auto}.pcp-karsilastirma__stage{--pos: 50%;position:relative;aspect-ratio:4 / 5;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;overflow:clip;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}.pcp-karsilastirma__stage.is-active{cursor:grabbing}.pcp-karsilastirma__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pcp-karsilastirma__img--before{clip-path:inset(0 0 0 var(--pos))}.pcp-karsilastirma__label{position:absolute;top:var(--sp-4);z-index:2;padding:6px 10px;border-radius:var(--r-s);background:#0b0a09b8;color:var(--bone);font-family:var(--font-wide);font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}.pcp-karsilastirma__label--after{left:var(--sp-4)}.pcp-karsilastirma__label--before{right:var(--sp-4)}.pcp-karsilastirma__line{position:absolute;top:0;bottom:0;left:var(--pos);z-index:3;width:2px;margin-left:-1px;background:var(--thread);box-shadow:0 0 0 1px #0b0a0999;pointer-events:none}.pcp-karsilastirma__knob{position:absolute;top:50%;left:50%;pointer-events:auto;touch-action:none;cursor:grab;display:flex;align-items:center;justify-content:center;gap:2px;width:48px;height:48px;border-radius:var(--r-round);background:var(--bone);color:var(--ink-950);box-shadow:0 6px 20px #00000073;transform:translate(-50%,-50%)}.pcp-karsilastirma__knob .icon{width:14px;height:14px}.pcp-karsilastirma__knob:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:inherit}.pcp-karsilastirma__stage.is-focus .pcp-karsilastirma__knob{outline:2px solid var(--thread);outline-offset:3px}.pcp-karsilastirma__stage.is-active .pcp-karsilastirma__knob{transform:translate(-50%,-50%) scale(.94)}@media(min-width:750px){.pcp-karsilastirma__inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:var(--sp-8)}.pcp-karsilastirma__frame{margin-inline:0 auto}}@media(min-width:990px){.pcp-karsilastirma__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-9)}.pcp-karsilastirma__frame{max-width:600px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pcp-karsilastirma.css.map */