@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0}body{overflow-x:hidden}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}canvas{touch-action:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#333;border-radius:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#eab308;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#eab308;border-radius:50%;cursor:pointer}.ask-gradient{background:linear-gradient(90deg,#ef444400,#ef44441a)}.bid-gradient{background:linear-gradient(90deg,#10b98100,#10b9811a)}.price-tag{position:absolute;right:0;transform:translateY(-50%);z-index:10;padding:2px 6px;font-size:12px;font-weight:700;border-radius:4px 0 0 4px}.exchange-logo{width:24px;height:24px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#2d3748}.tooltip{position:absolute;background:#111827e6;border:1px solid #4B5563;border-radius:4px;padding:8px;font-size:12px;pointer-events:none;z-index:100}.btn-active{background-color:#eab308;color:#111827}.volume-bar{position:relative;height:80px;margin-top:10px}.volume-green{background-color:#10b9814d}.volume-red{background-color:#ef44444d}.exchange-dropdown{position:absolute;top:100%;left:0;z-index:50;width:200px;max-height:300px;overflow-y:auto;background-color:#1f2937;border:1px solid #4B5563;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.chart-container{position:relative;width:100%;height:0;padding-bottom:60%}@media (min-width: 1024px){.chart-container{padding-bottom:50%}}@media (min-width: 1280px){.chart-container{padding-bottom:40%}}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.spinner{border:4px solid rgba(255,255,255,.1);border-left-color:#eab308;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}