.bond-range-picker{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #2c3b49;border-radius:8px;background:#10161d}.bond-range-picker>span{color:#8fa1b3;font-size:12px;white-space:nowrap}.bond-ranges button{min-width:62px;transition:border-color .15s,background .15s,color .15s}.bond-ranges button:hover{border-color:#5c7890;color:#e8f3fb}.bond-ranges button.active{position:relative;box-shadow:inset 0 -2px #58a6ff}.bond-range-note{margin:12px 0 0;padding:8px 11px;border-left:3px solid #58a6ff;background:#111d28;color:#9fc2df;font-size:12px}.bond-date-axis{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:760px){.bond-range-picker{margin-top:12px;display:block}.bond-range-picker>span{display:block;margin-bottom:7px}.bond-ranges{display:grid;grid-template-columns:repeat(4,1fr)}.bond-ranges button{min-width:0;padding-left:5px;padding-right:5px}.bond-range-note{line-height:1.55}}