.mini-vol-chart{position:relative;width:100%;height:100%;background:#000;border-left:1px solid #808080;border-bottom:1px solid #808080;overflow:hidden}.mini-vol-chart__title{height:20px;display:flex;align-items:center;padding:0 6px;color:#f0c84a;font-size:11px;font-weight:700}.mini-vol-chart svg{display:block;width:100%;height:calc(100% - 38px)}.mini-vol-chart__grid{stroke:#303030;stroke-width:1}.mini-vol-chart__line{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}.mini-vol-chart__line--primary{stroke:#d8d8d8}.mini-vol-chart__line--secondary{stroke:#42d66b;stroke-dasharray:8 6;stroke-linecap:butt}.mini-vol-chart__axis,.mini-vol-chart__date{fill:#777;font-size:8px;font-family:Arial,Helvetica,sans-serif}.mini-vol-chart__legend{position:absolute;top:3px;right:5px;display:flex;gap:9px;font-size:8px;font-weight:700}.mini-vol-chart__legend-item{color:#d8d8d8}.mini-vol-chart__legend-item--secondary{color:#42d66b}.vol-panel{width:237px;background:#000;border:1px solid #808080;color:#f2f2f2}.vol-panel__header{height:20px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:0 10px;background:#050505}.vol-panel__name{color:#f0c84a;font-size:18px;font-weight:700}.vol-panel__spot{color:#f2f2f2;font-size:18px;font-weight:700}.vol-panel__spot-change{color:#888;font-size:15px;font-weight:600}.vol-panel__row{min-height:19px;display:grid;grid-template-columns:37px 100px 100px;align-items:center;padding:0 10px;border-bottom:1px solid #808080}.vol-panel__row--head{min-height:24px;color:#888;font-size:14px;font-weight:700;text-transform:uppercase}.vol-panel__tenor{color:#ddd;font-size:14px;font-weight:700}.vol-panel__quote{display:flex;align-items:baseline;gap:10px}.vol-panel__main-value{min-width:48px;color:#f2f2f2;font-size:16px;font-weight:700}.vol-panel__change{color:#888;font-size:12px;font-weight:600}.vol-panel__main-value--rr{min-width:44px;font-size:14px}.vol-panel__rr-title{font-size:12px}.vol-panel__footer{height:34px;display:flex;align-items:center;gap:18px;padding:0 10px;background:#050505}.vol-panel__footer span{color:#888;font-size:9px;font-weight:700}.vol-panel__footer strong{color:#eee;font-size:14px}.vol-block{display:grid;grid-template-columns:237px 237px;grid-template-rows:160px 160px;width:475px;height:321px;gap:1px;background:gray;border:1px solid #808080;box-sizing:border-box}.vol-block__matrix .vol-panel{width:237px}.vol-block__implied,.vol-block__spot-vol,.vol-block__spot-rr{width:237px;height:160px}.vol-block__implied{grid-column:2;grid-row:1;background:#000}.vol-block__spot-vol{grid-column:1;grid-row:2;background:#000}.vol-block__spot-rr{display:block;grid-column:2;grid-row:2;background:#000}.vol-block-frame{width:477px;height:323px;border:1px solid #808080;background:#000}.vol-block{display:grid;grid-template-columns:237px 237px;grid-template-rows:160px 160px;width:475px;height:321px;gap:1px;background:gray}.volboard{width:100vw;min-height:100vh;background:#050505;color:#f2f2f2;overflow:hidden}.volboard__content{padding:2px}.volboard__loading,.volboard__error{padding:20px;color:#aaa;font-size:13px}.volboard{width:100vw;min-height:100vh;margin:0;padding:0;background:#050505;color:#f2f2f2}.volboard__grid{display:grid;grid-template-columns:repeat(4,477px);grid-auto-rows:323px;gap:1px;width:max-content;background:#050505}.volboard__empty{width:477px;height:323px;background:#050505}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{margin:0;background:#050505;color:#f2f2f2;font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}