.pc{position:relative;border-radius:16px;overflow:hidden;background:var(--surface-2, #2D2437);border:1px solid var(--border, #3E3349);touch-action:pan-y;isolation:isolate}.pc-img{width:100%;height:100%;display:block;object-fit:cover}.pc-before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;clip-path:inset(0 calc(100% - var(--pc-pos)) 0 0)}.pc-line{position:absolute;top:0;bottom:0;left:var(--pc-pos);width:1px;background:#ffffffd9;z-index:4}.pc-knob{position:absolute;top:50%;left:var(--pc-pos);transform:translate(-50%,-50%);z-index:5;width:44px;height:44px;border-radius:50%;background:#0e0b12d1;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pc-knob:before,.pc-knob:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff}.pc-knob:before{transform:translate(calc(-50% - 5px),-50%) rotate(-135deg)}.pc-knob:after{transform:translate(calc(-50% + 5px),-50%) rotate(45deg)}.pc-tag{position:absolute;bottom:10px;z-index:5;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;padding:5px 9px;border-radius:999px;background:#0e0b12c7;border:1px solid var(--border, #3E3349);color:var(--text-muted-strong, #D6CCD9);pointer-events:none}.pc-tag.is-left{left:10px}.pc-tag.is-right{right:10px;color:var(--primary-text)}.pc-range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.pc-range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px}.pc-range::-moz-range-thumb{width:44px;height:44px;border:0}.pc-range:focus-visible{opacity:1;outline:3px solid var(--primary-text);outline-offset:-3px}@media (prefers-reduced-motion: reduce){.pc,.pc-knob{transition:none}}