.LadderDemo_panel__LnkRk{border-radius:.75rem;border:1px solid hsl(217 33% 30%/.6);background:hsl(222 47% 13%/.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem;margin-bottom:1.5rem}.LadderDemo_header__rJQ2_{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.LadderDemo_subtitle__49vUz{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:hsl(213 27% 64%)}.LadderDemo_controls__jtBxf{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.LadderDemo_legend__ZTTzl{display:flex;align-items:center;gap:.75rem;font-size:.7rem;color:hsl(213 27% 64%);flex-wrap:wrap}.LadderDemo_legendItem__Dm_U1{display:inline-flex;align-items:center;gap:.3rem}.LadderDemo_swatch__7Qmgr{width:.7rem;height:.55rem;border-radius:.15rem}.LadderDemo_swatchCall__I1BH3{background:hsl(142 71% 45%/.75)}.LadderDemo_swatchPut__VTkj2{background:hsl(0 72% 58%/.75)}.LadderDemo_swatchNeutral__NHLKE{background:hsl(217 33% 58%/.7)}.LadderDemo_swatchBand___JXju{background:hsl(217 91% 60%/.18);border:1px solid hsl(217 91% 60%/.45)}.LadderDemo_button__MT1DW{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:.5rem;border:1px solid hsl(217 91% 60%/.25);background:hsl(217 91% 60%/.1);color:hsl(213 31% 85%);font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.LadderDemo_button__MT1DW:hover{background:hsl(217 91% 60%/.2)}.LadderDemo_ladder__uh4kd{display:flex;flex-direction:column;gap:.1rem}.LadderDemo_rowWrap__csaeQ{display:contents}.LadderDemo_row__i1l0x{position:relative;display:grid;grid-template-columns:1fr 5.5rem 1fr;align-items:center;gap:.4rem;padding:.12rem .35rem;border-radius:.35rem;border:1px solid transparent;transition:background-color .3s ease,border-color .3s ease}.LadderDemo_oneSided__EVMwY .LadderDemo_row__i1l0x{grid-template-columns:5.5rem 1fr}.LadderDemo_leftTrack__3OH2F{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;min-width:0}.LadderDemo_rightTrack__xwakz{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;min-width:0}.LadderDemo_bar__liO_H{display:block;height:.75rem;width:var(--bar-width,0);border-radius:.15rem;transition:width .7s cubic-bezier(.22,1,.36,1)}.LadderDemo_barLeft__WsJ8G{background:hsl(0 72% 58%/.55)}.LadderDemo_barRight__K6x3m{background:hsl(142 71% 45%/.55)}.LadderDemo_oneSided__EVMwY .LadderDemo_barRight__K6x3m{background:hsl(217 33% 58%/.5)}.LadderDemo_barValue__LkPBb{flex:0 0 auto;font-size:.65rem;font-variant-numeric:tabular-nums;color:hsl(213 27% 58%)}.LadderDemo_strikeCell__0DOaa{display:flex;flex-direction:column;align-items:center;line-height:1.1}.LadderDemo_strike__fwJjb{font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;color:hsl(213 31% 85%)}.LadderDemo_note__EQbrN{font-size:.6rem;color:hsl(213 27% 55%);font-variant-numeric:tabular-nums}.LadderDemo_inBand__04JJY{background:hsl(217 91% 60%/.08);border-color:hsl(217 91% 60%/.25)}.LadderDemo_call__DT7sq{background:hsl(142 71% 45%/.14);border-color:hsl(142 71% 45%/.55)}.LadderDemo_call__DT7sq .LadderDemo_barRight__K6x3m{background:hsl(142 71% 48%)}.LadderDemo_put__7cSpo{background:hsl(0 72% 58%/.14);border-color:hsl(0 72% 58%/.55)}.LadderDemo_oneSided__EVMwY .LadderDemo_put__7cSpo .LadderDemo_barRight__K6x3m,.LadderDemo_put__7cSpo .LadderDemo_barLeft__WsJ8G{background:hsl(0 72% 58%)}.LadderDemo_oneSided__EVMwY .LadderDemo_pick__9wZWr .LadderDemo_barRight__K6x3m{background:hsl(199 89% 60%)}.LadderDemo_pick__9wZWr{background:hsl(199 89% 60%/.14);border-color:hsl(199 89% 60%/.6)}.LadderDemo_pick__9wZWr .LadderDemo_barLeft__WsJ8G,.LadderDemo_pick__9wZWr .LadderDemo_barRight__K6x3m{background:hsl(199 89% 60%)}.LadderDemo_tag__fHXFb{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);padding:.1rem .45rem;border-radius:999px;font-size:.62rem;font-weight:700;white-space:nowrap;background:hsl(222 47% 11%/.92);border:1px solid hsl(217 33% 40%/.7);color:hsl(213 31% 88%)}.LadderDemo_call__DT7sq .LadderDemo_tag__fHXFb{border-color:hsl(142 71% 45%/.7);color:hsl(142 71% 62%)}.LadderDemo_put__7cSpo .LadderDemo_tag__fHXFb{border-color:hsl(0 72% 58%/.7);color:hsl(0 72% 70%)}.LadderDemo_pick__9wZWr .LadderDemo_tag__fHXFb{border-color:hsl(199 89% 60%/.7);color:hsl(199 89% 72%)}.LadderDemo_spotRule__p_qYd{position:relative;display:flex;align-items:center;justify-content:center;height:1px;margin:.35rem 0;background:hsl(38 92% 58%/.5)}.LadderDemo_spotLabel__718HT{padding:.05rem .5rem;border-radius:999px;font-size:.62rem;font-weight:700;font-variant-numeric:tabular-nums;background:hsl(222 47% 11%);border:1px solid hsl(38 92% 58%/.5);color:hsl(38 92% 65%)}.LadderDemo_caption___ak5m{display:flex;align-items:flex-start;gap:.6rem;margin-top:.9rem;min-height:3.5rem;font-size:.875rem;line-height:1.45;color:hsl(213 31% 85%)}.LadderDemo_captionDot__J4218{flex:0 0 auto;width:.45rem;height:.45rem;margin-top:.45rem;border-radius:999px;background:hsl(199 89% 60%)}@media (max-width:640px){.LadderDemo_row__i1l0x{grid-template-columns:1fr 4.2rem 1fr}.LadderDemo_oneSided__EVMwY .LadderDemo_row__i1l0x{grid-template-columns:4.2rem 1fr}.LadderDemo_barValue__LkPBb{font-size:.58rem}.LadderDemo_tag__fHXFb{position:static;transform:none;grid-column:1/-1;justify-self:center;margin-top:.15rem}}@media (prefers-reduced-motion:reduce){.LadderDemo_bar__liO_H,.LadderDemo_row__i1l0x{transition:none}}.PatternDemo_panel__nwPKj{border-radius:.75rem;border:1px solid hsl(217 33% 30%/.6);background:hsl(222 47% 13%/.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem;margin-bottom:1.5rem}.PatternDemo_header___QhxM{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.PatternDemo_subtitle__Gc7Xp{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:hsl(213 27% 64%)}.PatternDemo_legend___F4WV{display:flex;align-items:center;gap:.75rem;font-size:.7rem;color:hsl(213 27% 64%)}.PatternDemo_legendItem__lL8dO{display:inline-flex;align-items:center;gap:.3rem}.PatternDemo_swatch__6iJVC{width:.85rem;height:.15rem;border-radius:999px}.PatternDemo_swatchBlue__m0UtD{background:hsl(199 89% 60%)}.PatternDemo_swatchAmber__aKLkg{background:hsl(38 92% 58%)}.PatternDemo_swatchSlate__QVjYT{background:hsl(217 33% 55%)}.PatternDemo_swatchViolet__Dh7Fb{background:hsl(258 90% 76%)}.PatternDemo_swatchDashed__g8_4f{background:none;height:0;border-top:2px dashed}.PatternDemo_swatchDashed__g8_4f.PatternDemo_swatchBlue__m0UtD{color:hsl(199 89% 60%)}.PatternDemo_swatchDashed__g8_4f.PatternDemo_swatchAmber__aKLkg{color:hsl(38 92% 58%)}.PatternDemo_swatchDashed__g8_4f.PatternDemo_swatchSlate__QVjYT{color:hsl(217 33% 55%)}.PatternDemo_swatchDashed__g8_4f.PatternDemo_swatchViolet__Dh7Fb{color:hsl(258 90% 76%)}.PatternDemo_chart__r5ykF{width:100%;min-height:240px}.PatternDemo_caption__KqVs4{display:flex;align-items:flex-start;gap:.6rem;margin-top:.75rem;min-height:2.75rem;font-size:.875rem;line-height:1.45;color:hsl(213 31% 85%)}.PatternDemo_captionDot__IMeR6{flex:0 0 auto;width:.45rem;height:.45rem;margin-top:.45rem;border-radius:999px;background:hsl(199 89% 60%)}.PatternDemo_captionTrigger__7X1vb .PatternDemo_captionDot__IMeR6{background:hsl(142 71% 48%)}.PatternDemo_controls__Ml_DV{display:flex;align-items:center;gap:.5rem}.PatternDemo_button__b8J3P{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:.5rem;border:1px solid hsl(217 91% 60%/.25);background:hsl(217 91% 60%/.1);color:hsl(213 31% 85%);font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.PatternDemo_button__b8J3P:hover{background:hsl(217 91% 60%/.2)}