.page-module__gy6W8a__tabs{height:2.5rem;display:inline-flex}.page-module__gy6W8a__tabs>button[data-state=active]{border-bottom-color:hsl(var(--primary));color:hsl(var(--primary));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);font-weight:700}.page-module__gy6W8a__tabs>button{border-bottom-width:2px;border-bottom-color:#0000;border-radius:0}.page-module__gy6W8a__header-title{border-style:none solid solid;border-width:0 30px 40px 0;border-color:transparent transparent hsl(var(--background));border-top-right-radius:40px;width:100px;height:20px;position:relative}.page-module__gy6W8a__header-title h1{font-weight:700;position:absolute;top:10px;left:20px}.page-module__gy6W8a__parallelogram-button{color:#fff;cursor:pointer;transform-origin:0 0;border:none;border-radius:10px;font-size:16px;display:inline-block;transform:skew(-20deg)}.page-module__gy6W8a__parallelogram-button:before{content:"";vertical-align:middle;width:0;height:100%;margin-right:-.25em;display:inline-block}
.depth-chart-tab{flex-direction:column;width:100%;min-height:0;display:flex}.depth-chart-tab-container{flex:1;width:100%;height:100%;min-height:0;margin:0 auto}.charts-grid{grid-template-columns:1fr;gap:20px;width:100%;height:100%;min-height:0;display:grid}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.header h1{font-size:24px}}.chart-wrapper{box-sizing:border-box;border:1px solid #ffffff0d;width:100%;height:100%;min-height:0;padding:20px 0;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.chart-wrapper:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.chart-title{color:#fff;align-items:center;gap:8px;margin-bottom:15px;font-size:16px;font-weight:600;display:flex}.chart-container{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.depth-chart-watermark{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.depth-chart-watermark-image{-o-object-fit:contain;object-fit:contain;opacity:.2;width:150px;height:150px}.echarts-container{z-index:1;position:relative;width:100%!important;height:100%!important}.depth-chart-empty-state{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.chart-crossline{pointer-events:none;z-index:100;opacity:0;background:repeating-linear-gradient(#64c8ff80 0 5px,#0000 5px 10px);width:2px;height:100%;transition:opacity .1s;position:absolute;top:0;left:0}.chart-crossline.visible{opacity:1}.custom-tooltip{color:#fff;pointer-events:none;z-index:9999;white-space:nowrap;word-wrap:break-word;white-space:normal;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000f2 0%,#1e232de6 100%);border:1px solid #ffffff26;border-radius:8px;max-width:400px;padding:14px 18px;font-size:13px;position:fixed;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff1a}.custom-tooltip.hidden{display:none}.tooltip-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tooltip-row:last-child{margin-bottom:0}.tooltip-label{color:#cbd5e0;min-width:60px;margin-right:20px}.tooltip-value{color:#fff;text-align:right;font-weight:600}.tooltip-value.bid{color:#16c784}.tooltip-value.ask{color:#ea3943}.legend{color:#cbd5e0;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:30px;font-size:13px;display:flex}.legend-item{align-items:center;gap:10px;display:flex}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.loading{text-align:center;color:#a0aec0;padding:40px}.spinner{border:3px solid #ffffff1a;border-top-color:#48bb78;border-radius:50%;width:40px;height:40px;margin:0 auto 15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}