@layer properties,theme,base;@layer components{._root_pnp6k_11{border-radius:var(--pui-radius-card);background:var(--pui-inset);box-shadow:var(--m-surface-edge);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:--pui-compare-pos var(--pui-motion-out) var(--pui-ease-standard);position:relative;overflow:clip;container-type:inline-size}._root_pnp6k_11[data-dragging]{transition-duration:0s}._root_pnp6k_11[data-orientation=vertical]{cursor:ns-resize;touch-action:pan-x}._root_pnp6k_11:after{content:"";z-index:3;border-radius:inherit;box-shadow:var(--m-surface-edge);pointer-events:none;position:absolute;inset:0}._layer_pnp6k_43{position:absolute;inset:0}._layer_pnp6k_43>*{width:100%;height:100%}._before_pnp6k_51{clip-path:inset(0 calc(100% - var(--pui-compare-pos)) 0 0)}._before_pnp6k_51:dir(rtl){clip-path:inset(0 0 0 calc(100% - var(--pui-compare-pos)))}._root_pnp6k_11[data-orientation=vertical] ._before_pnp6k_51{clip-path:inset(0 0 calc(100% - var(--pui-compare-pos)) 0)}._caption_pnp6k_61{z-index:2;top:var(--pui-space-3);padding:var(--pui-space-0-5) var(--pui-space-2);border-radius:var(--pui-radius-chip);background:color-mix(in oklab, var(--pui-tooltip-bg) 72%, transparent);color:var(--pui-tooltip-fg);font-size:var(--pui-text-2xs);font-weight:var(--pui-weight-medium);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;transition:opacity var(--pui-motion-in) var(--pui-ease-default);line-height:1.5;position:absolute}._caption_pnp6k_61[data-hidden]{opacity:0;transition-duration:var(--pui-motion-out)}._caption_pnp6k_61[data-side=before]{inset-inline-start:var(--pui-space-3)}._caption_pnp6k_61[data-side=after]{inset-inline-end:var(--pui-space-3)}._root_pnp6k_11[data-orientation=vertical] ._caption_pnp6k_61[data-side=after]{top:auto;bottom:var(--pui-space-3);inset-inline:var(--pui-space-3) auto}._travel_pnp6k_93{z-index:2;translate:var(--pui-compare-pos) 0;pointer-events:none;position:absolute;inset:0}._travel_pnp6k_93:dir(rtl){translate:calc(-1 * var(--pui-compare-pos)) 0}._root_pnp6k_11[data-orientation=vertical] ._travel_pnp6k_93{translate:0 var(--pui-compare-pos)}._line_pnp6k_106{z-index:2;background:var(--pui-control-thumb);width:2px;box-shadow:0 0 0 1px color-mix(in oklab, var(--pui-tooltip-bg) 30%, transparent);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0;translate:-50%}._line_pnp6k_106:dir(rtl){translate:50%}._root_pnp6k_11[data-orientation=vertical] ._line_pnp6k_106{width:auto;height:2px;inset-block:0 auto;inset-inline:0;translate:0 -50%}._knob_pnp6k_127{z-index:2;top:50%;width:36px;height:36px;color:var(--pui-tooltip-bg);outline-offset:2px;pointer-events:auto;transition:scale var(--pui-motion-out) var(--pui-ease-default), var(--m-transition);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-start:0;translate:-50% -50%}._knob_pnp6k_127:dir(rtl){translate:50% -50%}._root_pnp6k_11[data-orientation=vertical] ._knob_pnp6k_127{top:0;inset-inline-start:50%}._root_pnp6k_11[data-orientation=vertical] ._knob_pnp6k_127:dir(rtl){translate:50% -50%}._root_pnp6k_11:hover ._knob_pnp6k_127{transition-duration:0s;scale:1.04}._root_pnp6k_11[data-dragging] ._knob_pnp6k_127,._root_pnp6k_11:active ._knob_pnp6k_127{transition-duration:0s;scale:1.08}@container (width<=20rem){._knob_pnp6k_127{width:30px;height:30px}._knob_pnp6k_127>svg{width:14px;height:14px}}._knob_pnp6k_127>svg{width:16px;height:16px}}@layer utilities;@property --pui-compare-pos{syntax:"<percentage>";inherits:true;initial-value:50%}