.customSearchWrapper{position:relative;display:flex;align-items:center;width:100%;max-width:var(--flow-max);margin:0 auto;background-color:#fff;border:1px solid #ccc;border-radius:9999px;padding:4px 8px;box-sizing:border-box}.customSearchIcon{color:#888;font-size:1rem;margin-right:6px;display:flex;align-items:center}.customSearchInput{flex:1;border:none;outline:none;font-size:.9rem;color:#333;background:transparent;padding:6px 0}.customSearchDropdown{position:absolute;left:0;right:0;top:calc(100% + 4px);list-style:none;margin:0;padding:0;background-color:#fff;border:1px solid #ccc;border-radius:6px;max-height:150px;overflow-y:auto;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:999}.customSearchItem{padding:6px 8px;cursor:pointer;font-size:.85rem;border-bottom:1px solid #eee;color:#333}.customSearchItem:last-child{border-bottom:none}.customSearchItem:hover{background-color:#f2f2f2}.charts-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.chart-wrapper{position:relative;flex:1 1 48%;min-width:300px;height:auto;background-color:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:10px}@media (max-width:768px){.chart-wrapper{flex:1 1 100%;min-width:100%;height:auto}}.chart-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0));display:flex;align-items:center;justify-content:center;z-index:999}.overlay-content-box{background-color:#0b2640;color:#fff;border-radius:6px;padding:1rem;max-width:300px;box-shadow:0 2px 6px rgba(0,0,0,.3);text-align:center}.overlay-button{display:inline-block;background-color:#2196f3;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-weight:600;margin-top:.5rem}.overlay-button:hover{background-color:#0b7dda}.chart-btn{width:24px;height:24px;padding:0;border:none;background:transparent;color:#777;display:flex;align-items:center;justify-content:center;cursor:pointer}.chart-btn:hover{color:#333}.chart-btn svg{width:16px;height:16px;pointer-events:none}.chart-info-popup{position:absolute;top:42px;right:10px;background:#ffffff;border:1px solid #dcdcdc;border-radius:6px;padding:8px 12px;max-width:260px;font-size:.9rem;line-height:1.4;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:20}.chart-wrapper.table-center{text-align:center}.table-scroller{display:inline-block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.light-table{border-collapse:collapse;min-width:560px;font-size:.9rem;width:auto;background:#fff}.light-table td,.light-table th{border:1px solid #ccc;padding:6px 10px;text-align:right;white-space:nowrap}.light-table th{background:#f7f7f7;font-weight:600;text-align:center}.relative-vol-page{width:100%;max-width:1200px;margin:62px auto 0;padding:20px}.ticker-wrapper{position:relative;z-index:1000;margin-bottom:24px}.chip-container{position:relative;margin:0 0 32px;padding:20px 24px;background:#ffffff;border-radius:12px;border-left:4px solid #007aff;box-shadow:0 2px 6px rgba(0,0,0,.06);animation:fadeUp .3s ease-out both}.chip-container:last-child{margin-bottom:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chip-container{padding:16px}}@media (max-width:640px){.relative-vol-page{max-width:100%;padding:16px 12px;margin-top:100px}.chip-container{width:100%;margin:24px 0;padding:16px 20px}.chip-container h1{font-size:1.5rem;line-height:1.3}.chip-container h2{font-size:1.25rem;line-height:1.3}}