@layer properties,theme,base;@layer components{._root_u00re_11{border-radius:var(--pui-radius-card);background:var(--pui-inset);box-shadow:var(--m-surface-edge);cursor:ew-resize;touch-action:none;-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_u00re_11[data-dragging]{transition-duration:0s}._root_u00re_11[data-orientation=vertical]{cursor:ns-resize}._root_u00re_11:after{content:"";z-index:3;border-radius:inherit;box-shadow:var(--m-surface-edge);pointer-events:none;position:absolute;inset:0}._layer_u00re_41{position:absolute;inset:0}._layer_u00re_41>*{width:100%;height:100%}._before_u00re_49{clip-path:inset(0 calc(100% - var(--pui-compare-pos)) 0 0)}._before_u00re_49:dir(rtl){clip-path:inset(0 0 0 calc(100% - var(--pui-compare-pos)))}._root_u00re_11[data-orientation=vertical] ._before_u00re_49{clip-path:inset(0 0 calc(100% - var(--pui-compare-pos)) 0)}._caption_u00re_59{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_u00re_59[data-hidden]{opacity:0;transition-duration:var(--pui-motion-out)}._caption_u00re_59[data-side=before]{inset-inline-start:var(--pui-space-3)}._caption_u00re_59[data-side=after]{inset-inline-end:var(--pui-space-3)}._root_u00re_11[data-orientation=vertical] ._caption_u00re_59[data-side=after]{top:auto;bottom:var(--pui-space-3);inset-inline:var(--pui-space-3) auto}._travel_u00re_91{z-index:2;translate:var(--pui-compare-pos) 0;pointer-events:none;position:absolute;inset:0}._travel_u00re_91:dir(rtl){translate:calc(-1 * var(--pui-compare-pos)) 0}._root_u00re_11[data-orientation=vertical] ._travel_u00re_91{translate:0 var(--pui-compare-pos)}._line_u00re_104{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_u00re_104:dir(rtl){translate:50%}._root_u00re_11[data-orientation=vertical] ._line_u00re_104{width:auto;height:2px;inset-block:0 auto;inset-inline:0;translate:0 -50%}._knob_u00re_125{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_u00re_125:dir(rtl){translate:50% -50%}._root_u00re_11[data-orientation=vertical] ._knob_u00re_125{top:0;inset-inline-start:50%}._root_u00re_11[data-orientation=vertical] ._knob_u00re_125:dir(rtl){translate:50% -50%}._root_u00re_11:hover ._knob_u00re_125{transition-duration:0s;scale:1.04}._root_u00re_11[data-dragging] ._knob_u00re_125,._root_u00re_11:active ._knob_u00re_125{transition-duration:0s;scale:1.08}@container (width<=20rem){._knob_u00re_125{width:30px;height:30px}._knob_u00re_125>svg{width:14px;height:14px}}._knob_u00re_125>svg{width:16px;height:16px}}@layer utilities;@property --pui-compare-pos{syntax:"<percentage>";inherits:true;initial-value:50%}