.or-panel{border:1px solid var(--color-s-default);border-radius:var(--radius-md);background-color:var(--color-bg-default);min-width:0;padding:var(--spacing-lg)}.or-picker [role=group]{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}.or-picker [role=group]>button{min-height:2.75rem}@media (min-width:1024px){.or-picker>div{align-items:end;column-gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.or-picker>div>label{grid-column:1/-1}}.or-chip{border-radius:var(--radius-pill);padding:0 var(--spacing-sm);background-color:var(--color-bg-light);color:var(--color-fg-default);font-size:var(--text-2xs);white-space:nowrap;font-weight:600;line-height:1.5}.or-chip[data-kind=simulated]{background-color:var(--color-primary-10);box-shadow:inset 0 0 0 1px var(--color-primary-70)}.or-sq{--cell:10px}@media (min-width:768px){.or-sq{--cell:8px}}@media (min-width:1024px){.or-sq{--cell:10px}}.or-track{border-radius:var(--radius-sm);background-color:var(--color-grey-30);height:1.5rem;position:relative}.or-bound{top:0;bottom:0;left:calc(var(--from) * 100%);width:calc((var(--to) - var(--from)) * 100%);border:2px solid var(--color-primary-70);border-radius:var(--radius-sm);background-color:var(--color-primary-20);min-width:4px;position:absolute}.or-bound[data-open]{border-right-style:dashed}.or-fill{width:calc(var(--to) * 100%);border-radius:var(--radius-sm);background-color:var(--color-primary-70);min-width:4px;position:absolute;top:0;bottom:0;left:0}.or-diamond{top:50%;left:calc(var(--at) * 100%);border:2px solid var(--color-fg-default);background-color:var(--color-primary-70);width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.or-diamond-key{border:2px solid var(--color-fg-default);background-color:var(--color-primary-70);width:.75rem;height:.75rem;display:inline-block;transform:rotate(45deg)}.or-tick{top:calc(-1 * var(--spacing-xs));bottom:calc(-1 * var(--spacing-xs));left:calc(var(--at) * 100%);border-left:2px solid var(--color-fg-default);position:absolute}.or-tick-label{left:calc(var(--at) * 100%);color:var(--color-fg-default);font-weight:600;position:absolute;transform:translate(-50%)}.or-glyphs{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.or-glyph{border:2px solid var(--color-grey-30);border-radius:var(--radius-xs);width:1.25rem;height:1.75rem}.or-glyph[data-lit]{border-color:var(--color-success-80);background-color:var(--color-success-80)}.or-strip{border-radius:var(--radius-sm);height:2.5rem;display:flex;position:relative;overflow:visible}.or-seg{flex:var(--w) 1 0;border-right:1px solid var(--color-bg-default);min-width:1px}.or-seg[data-side=under]{background-color:var(--color-secondary-60)}.or-seg[data-side=spans]{background-color:var(--color-grey-60)}.or-seg[data-side=above]{background-color:var(--color-success-80)}.or-price,.or-even{top:calc(-1 * var(--spacing-xs));bottom:calc(-1 * var(--spacing-xs));left:calc(var(--at) * 100%);width:0;position:absolute}.or-price{border-left:2px dashed var(--color-s-field)}.or-even{border-left:2px solid var(--color-primary-70)}.or-key-price,.or-key-even{width:0;height:1rem}.or-key-price{border-left:2px dashed var(--color-s-field)}.or-key-even{border-left:2px solid var(--color-primary-70)}@media (prefers-reduced-motion:no-preference){.or-bound{transition:left .28s var(--ctl-settle), width .28s var(--ctl-settle)}.or-price,.or-even,.or-tick{transition:left .28s var(--ctl-settle)}.or-diamond{animation:or-fade .28s var(--ctl-settle)}}@keyframes or-fade{0%{opacity:0}}