.jOCS6q_panel{gap:var(--gutter);padding:var(--s-2);border-radius:var(--r-4);background:var(--frame-bg);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.jOCS6q_compare{gap:var(--s-2);grid-column:1/span 8;grid-template-rows:auto 1fr;display:grid}.jOCS6q_tabs{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.jOCS6q_tab{padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--surface-1);font:inherit;color:var(--text);text-align:left;cursor:pointer;border:0;gap:2px;transition:background-color .25s,color .25s,box-shadow .25s;display:grid;box-shadow:inset 0 0 0 1px #0000}.jOCS6q_tab:last-child{text-align:right}.jOCS6q_tab:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.jOCS6q_tab[aria-pressed=true]{background:var(--blue);box-shadow:none;color:#fff}.jOCS6q_tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.jOCS6q_tab[aria-pressed=true]:focus-visible{outline:none}.jOCS6q_tabName{font-size:var(--fs-h3);font-weight:300;line-height:var(--lh-tight);letter-spacing:var(--ls-h3)}.jOCS6q_tabLabel{font-size:var(--fs-small);letter-spacing:var(--ls-label);color:var(--text-2)}.jOCS6q_tab[aria-pressed=true] .jOCS6q_tabLabel{color:#fffc}.jOCS6q_picture{min-height:calc(380 * var(--design-px));border-radius:var(--r-3);background:var(--surface-2);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.jOCS6q_layer{z-index:1;position:absolute;inset:0}.jOCS6q_ours{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0);transition:clip-path .8s var(--ease-inout)}.jOCS6q_image{object-fit:cover;pointer-events:none}.jOCS6q_notes{z-index:3;position:absolute;inset:0}.jOCS6q_line{top:0;bottom:0;left:var(--split);z-index:3;background:var(--frame-bg);pointer-events:none;width:2px;transition:left .8s var(--ease-inout);margin-left:-1px;position:absolute}.jOCS6q_picture[data-dragging] .jOCS6q_ours,.jOCS6q_picture[data-dragging] .jOCS6q_line,.jOCS6q_picture[data-dragging] .jOCS6q_knob{transition:none}.jOCS6q_knob{top:50%;left:clamp(calc(28 * var(--design-px)), var(--split), calc(100% - calc(28 * var(--design-px))));z-index:3;width:calc(40 * var(--design-px));height:calc(40 * var(--design-px));border-radius:var(--r-1);background:var(--frame-bg);box-shadow:0 calc(8 * var(--design-px)) calc(24 * var(--design-px)) calc(-8 * var(--design-px)) color-mix(in srgb, var(--navy-3) 40%, transparent);pointer-events:none;transition:left .8s var(--ease-inout);position:absolute;translate:-50% -50%}.jOCS6q_knob:before,.jOCS6q_knob:after{content:"";width:calc(7 * var(--design-px));height:calc(7 * var(--design-px));border-top:1.5px solid var(--text);border-left:1.5px solid var(--text);position:absolute;top:50%}.jOCS6q_knob:before{left:calc(11 * var(--design-px));translate:0 -50%;rotate:-45deg}.jOCS6q_knob:after{right:calc(11 * var(--design-px));translate:0 -50%;rotate:135deg}.jOCS6q_range{z-index:4;opacity:0;cursor:ew-resize;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.jOCS6q_picture:has(.jOCS6q_range:focus-visible) .jOCS6q_knob{outline:2px solid var(--blue);outline-offset:2px}.jOCS6q_specs{gap:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-2) 0;grid-column:9/-1;grid-template-rows:auto 1fr;display:grid}.jOCS6q_specHead,.jOCS6q_spec{column-gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.jOCS6q_specHead{padding:0 var(--s-4);font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--text-3);align-items:center}.jOCS6q_specLogo{width:auto;height:calc(11 * var(--design-px));color:var(--text)}.jOCS6q_specList{gap:calc(4 * var(--design-px));grid-auto-rows:1fr;margin:0;display:grid}.jOCS6q_spec{align-content:center;row-gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--surface-1)}.jOCS6q_specName{align-items:center;gap:var(--s-2);font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--text-2);grid-column:1/-1;display:flex}.jOCS6q_specIcon{width:calc(14 * var(--design-px));height:calc(14 * var(--design-px));color:var(--blue);flex:none}.jOCS6q_specOurs,.jOCS6q_specTheirs{font-size:var(--fs-small);line-height:var(--lh-body);letter-spacing:var(--ls-body);margin:0}.jOCS6q_specOurs{color:var(--text)}.jOCS6q_specTheirs{color:var(--text-3)}@media (max-width:1080px){.jOCS6q_compare,.jOCS6q_specs{grid-column:1/-1}.jOCS6q_specs{padding:0 var(--s-2) var(--s-2)}.jOCS6q_picture{aspect-ratio:2400/1339;min-height:0}.jOCS6q_specList{grid-auto-rows:auto}}@media (max-width:560px){.jOCS6q_notes{display:none}}
