.widget-loading-overlay{top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s ease-out;background-color:#fff;border-radius:inherit}.widget-loading-overlay.dark{background-color:#09090b}.widget-loading-overlay.light{background-color:#fff}.widget-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.widget-loading-text{margin:0;font-size:14px;font-weight:500;text-align:center;opacity:.8}.widget-loading-overlay.dark .widget-loading-text{color:#a1a1aa}.widget-loading-overlay.light .widget-loading-text{color:#374151}.widget-loading-spinner{border:3px solid transparent;border-radius:50%;animation:widget-spin 1.5s linear infinite,widget-color-cycle 4.5s linear infinite;position:relative}.widget-loading-spinner-sm{width:24px;height:24px}.widget-loading-spinner-md{width:40px;height:40px}.widget-loading-spinner-lg{width:56px;height:56px}.widget-loading-spinner{border-top:3px solid #ef4444;border-right:3px solid rgba(239,68,68,.3)}@keyframes widget-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes widget-color-cycle{0%{border-top-color:#ef4444;border-right-color:#ef44444d}33.33%{border-top-color:#eab308;border-right-color:#eab3084d}66.66%{border-top-color:#3b82f6;border-right-color:#3b82f64d}to{border-top-color:#ef4444;border-right-color:#ef44444d}}.widget-loading-overlay{animation:widget-fade-in .2s ease-out}@keyframes widget-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.kline-chart-wrapper{position:relative;height:100%;container-type:size;container-name:kline-wrapper}.kline-chart-wrapper .kline-header{position:absolute;display:flex;flex-direction:column;background-color:transparent;padding:.5rem;top:0;left:0;transform:translate(0);transition:all .3s ease}.kline-chart-wrapper .symbol{font-size:1.125rem;line-height:1.75rem;font-weight:700;text-transform:capitalize;transition:font-size .3s ease}.kline-chart-wrapper .exchange{font-size:1rem;line-height:1.5rem;text-transform:capitalize;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition:font-size .3s ease}.kline-chart-wrapper .price-row{display:flex;align-items:center;gap:.5rem}.kline-chart-wrapper .price-icon{height:1.25rem;width:1.25rem;stroke:none;transition:width height .9s ease,height .9s ease}.kline-chart-wrapper .negative{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.kline-chart-wrapper .current-price{font-size:2.25rem;line-height:2.5rem;font-weight:700;text-shadow:1px 1px 2px black}.kline-chart-wrapper .current-price:is(.dark *){text-shadow:1px 1px 2px white}.kline-chart-wrapper .current-price{transition-property:font-size;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);text-shadow:1px 1px 2px black}.kline-chart-wrapper .price-change{display:flex;align-items:center;gap:.25rem;text-shadow:1px 1px 2px black}.kline-chart-wrapper .price-change:is(.dark *){text-shadow:1px 1px 2px white}.kline-chart-wrapper .percentage{font-size:1rem;line-height:1.5rem;font-weight:500;text-shadow:1px 1px 2px black}.kline-chart-wrapper .change{font-size:1rem;line-height:1.5rem;text-shadow:1px 1px 2px black}@container kline-wrapper (height < 480px){.kline-chart-wrapper .current-price{font-size:1.875rem;line-height:2.25rem}.kline-chart-wrapper .symbol{font-size:1rem;line-height:1.5rem}.kline-chart-wrapper .exchange{font-size:.875rem;line-height:1.25rem}.kline-chart-wrapper .kline-header{position:absolute;z-index:10;align-items:flex-start;border-radius:calc(var(--radius) - 2px)}}@container kline-wrapper (height < 410px){.kline-chart-wrapper .kline-header{position:absolute;z-index:10;align-items:center;left:50%;top:36px;transform:translate(-50%,-50%)}}@container kline-wrapper (height < 350px){.kline-chart-wrapper .kline-header{position:absolute;z-index:10;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.kline-chart-wrapper .current-price{font-size:2.25rem;line-height:2.5rem;font-weight:700}}