.box_currency .pair{color:#777}.spread-split-wrapper{width:100%;display:flex;border-top:1px solid #e0e0e0}.spread-half{flex:1;padding:8px 5px 4px 5px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:background .2s ease}.spread-half:hover{background:rgb(255 255 255 / .5)}.spread-half.bid-half{background:linear-gradient(135deg,#ffebee 0%,#fce4ec 100%);border-right:1px solid #ffcdd2}.spread-half.ask-half{background:linear-gradient(135deg,#e8f5e9 0%,#f1f8f4 100%)}.spread-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.7}.spread-half.bid-half .spread-header{color:#c62828}.spread-half.ask-half .spread-header{color:#2e7d32}.spread-price{font-size:19px;font-weight:700}.spread-half.bid-half .spread-price{color:#b71c1c}.spread-half.ask-half .spread-price{color:#1b5e20}.spread-change{font-weight:400;width:100%;padding:7px 15px;border-top:1px solid #e0e0e0;text-align:center;font-size:13px;color:#777}.spread-change strong{font-weight:700;color:#555}.update-time-wrapper{width:100%;padding:8px 15px 7px;border-top:1px solid #e0e0e0}.update-time-content{display:flex;align-items:center;justify-content:center;font-size:13px;color:#777;font-weight:400;gap:6px}.clock-icon{width:14px;height:14px;opacity:.6;transform:translateY(-1px)}@media (max-width:480px){.spread-price{font-size:17px}}.historical-wrapper{width:100%;display:flex;border-top:1px solid #e0e0e0;background-color:#fcfcfc}.hist-col{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-right:1px solid #f0f0f0}.hist-col:last-child{border-right:none}.hist-label{font-size:10px;color:#999;text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:1px}.hist-val{font-size:14px;font-weight:700}.day-range-wrapper{width:100%;padding:5px 20px 10px;border-bottom:1px dashed #e0e0e0}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-bottom:4px;font-weight:500}.range-track{position:relative;width:100%;height:5px;background:#e0e0e0;border-radius:3px;overflow:visible}.range-fill{height:100%;background:linear-gradient(90deg,#c62828 0%,#ffeb3b 50%,#2e7d32 100%);border-radius:3px;opacity:.3;width:100%}.range-dot{position:absolute;top:-3px;width:11px;height:11px;background:#fff;border:2px solid #555;border-radius:50%;box-shadow:0 1px 3px rgb(0 0 0 / .3);transform:translateX(-50%);z-index:2}