.bid_ask_wrapper{display:flex;flex-direction:column;gap:12px}.bid_ask_wrapper .row{display:flex;justify-content:space-between;align-items:center;width:100%}.bid_ask_wrapper .row div{display:flex;flex-direction:column;gap:4px}.bid_ask_wrapper .row div:last-child{align-items:flex-end}.bid_ask_wrapper .row div span:first-child{color:var(--Neutrals-Labels,#6b6874);font-size:14px;font-weight:400}.bid_ask_wrapper .bar{display:flex}.bid_ask_wrapper .bar div{height:4px}.bid_ask_wrapper .green{border-radius:16px 0 0 16px;background:var(--Success-900,#10B349);width:20%}.bid_ask_wrapper .red{border-radius:0 16px 16px 0;background:var(--Error-900,#FF524B);width:80%}.bid_ask_wrapper .grey{border-radius:16px;background:var(--Error-900,#B0ADBE);width:100%}.high_low_wrapper{display:flex;flex-direction:column;gap:20px;padding:16px 0;border-radius:6px;border:1px solid var(--Neutrals-300,#e0dfe7)}.high_low_wrapper .h_row{display:flex;gap:4px;align-items:center}.high_low_wrapper .i_row,.high_low_wrapper .list{padding:0 16px}.high_low_wrapper h3{color:var(--Neutrals-Labels,#6b6874);font-size:14px;font-weight:500}.high_low_wrapper .list{display:flex;gap:8px;align-items:center}.high_low_wrapper .dur{display:flex;height:24px;padding:4px 12px;justify-content:center;align-items:center;border-radius:6px;background:var(--Neutrals-100,#f8f8f8);color:var(--Secondary-900,#191442);font-size:12px;font-weight:400;text-transform:uppercase;flex:1 1;cursor:pointer}.high_low_wrapper .active{background:var(--Secondary-900,#191442);color:var(--Neutrals-White,#fff);font-weight:500}.high_low_wrapper .p_row{display:flex;flex-direction:column;gap:16px;padding:20px 16px;border-top:1px solid #f8f8f8}.p_row_wrapper{display:flex;flex-direction:column;justify-content:space-evenly;height:100%}@media (max-width:475px){.high_low_wrapper{padding:0;border:none}.high_low_wrapper .p_row{padding:20px 0;border-top:0}.high_low_wrapper .i_row,.high_low_wrapper .list{padding:0}.high_low_wrapper{gap:0}.high_low_wrapper .list{padding:16px 0 10px}}.bar_indicator{width:100%}.bar_indicator .row{display:flex;align-items:center;justify-content:space-between}.dur_price{display:flex;flex-direction:column;gap:4px}.bar_indicator .dur_price:last-child{align-items:flex-end}.dur_price .duration{color:var(--Neutrals-Labels,#6b6874);font-size:12px;font-weight:400}.bar_indicator .bar{width:100%;height:4px;border-radius:16px;background:linear-gradient(90deg,#ff524b,#ffe870 50.72%,#10b349)}.bar_wrapper{position:relative;margin-top:12px}.bar_wrapper img{position:absolute;top:0}.key_tabs{gap:8px}.key_tabs,.key_tabs .tab{display:flex;align-items:center}.key_tabs .tab{height:24px;padding:4px 12px;justify-content:center;border-radius:6px;background:var(--Neutrals-100,#f8f8f8);color:var(--Secondary-900,#191442);font-size:12px;font-weight:400;flex:1 1;cursor:pointer;text-transform:capitalize}.key_tabs .active{background:var(--Secondary-900,#191442);color:var(--Neutrals-White,#fff);font-weight:500}.key_list{display:flex;flex-direction:column;gap:10px;margin:10px 0}.key_list div{display:flex;gap:8px;color:var(--Neutrals-Labels,#6b6874);font-size:13px;line-height:22px}.key_list img{margin-top:5px}.key_list .note_img{height:24px;object-fit:contain}.k_view{cursor:pointer;color:var(--primary-900-main,#FF844B);font-size:13px;font-weight:500;text-align:right;border-top:1px solid #e0dfe7;padding:10px}.key_modal{display:flex;flex-direction:column;gap:16px;padding:16px 16px 24px;width:600px}.key_modal .h_row{display:flex;align-items:center;justify-content:space-between;font-size:16px}.key_modal h2{font-size:18px}.key_modal .key_list{padding-bottom:0;border-bottom:0;margin-top:10px;min-height:300px;max-height:300px;overflow-y:auto}.key_modal img{cursor:pointer}.key_content_wrap{display:flex;flex-direction:column;justify-content:space-between;height:100%}.key_content_wrap .empty_state_wrapper{align-items:center;height:-moz-fit-content;height:fit-content}.key_list .empty_state_wrapper img{width:180px}.key_list .empty_state_wrapper p{height:-moz-fit-content;height:fit-content;max-width:max-content}@media (max-width:678px){.key_modal{width:100%}}