.floating-stock-ticker{z-index:900;font-family:inherit;transition:all .3s;position:fixed}.floating-stock-ticker:after{content:"";bottom:0;z-index:10;background:linear-gradient(90deg,#0000 0%,#22c55e 50%,#0000 100%);border-radius:0 0 1rem 1rem;height:2px;animation:2s ease-in-out infinite stockPulse;position:absolute;inset-inline:0}.floating-stock-ticker.negative:after{background:linear-gradient(90deg,#0000 0%,#ef4444 50%,#0000 100%)}.floating-stock-ticker.positive:after{background:linear-gradient(90deg,#0000 0%,#22c55e 50%,#0000 100%)}@keyframes stockPulse{0%,to{opacity:.6;transform:scaleX(.95)}50%{opacity:1;transform:scaleX(1)}}.floating-stock-ticker.updated:after{animation:1s statusUpdate,2s ease-in-out infinite stockPulse}@keyframes statusUpdate{0%{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1.1);box-shadow:0 0 10px}to{opacity:.6;transform:scaleX(.95)}}.floating-stock-ticker.bottom-right{bottom:2rem;inset-inline-end:20px}.floating-stock-ticker.bottom-left{bottom:20px;inset-inline-start:20px}.floating-stock-ticker.bottom-center{z-index:99;position:fixed;bottom:2rem;left:50%;right:auto;transform:translate(-50%)}.floating-stock-ticker.top-right{top:100px;inset-inline-end:20px}.floating-stock-ticker.top-left{top:100px;inset-inline-start:20px}.floating-stock-ticker .stat{width:280px;max-width:calc(100vw - 24px);color:var(--base-200);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#0000001a;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;padding:1.5rem;transition:transform .2s,background-color .2s;display:flex;overflow:hidden}.floating-stock-ticker .stat:hover{background:#00000026}.floating-stock-ticker .stat-count{text-align:center;flex-direction:row-reverse;flex:1;justify-content:center;align-items:center;display:flex}.floating-stock-ticker .stat-count h2{color:var(--base-100);margin:0;font-size:2.5rem;font-weight:700;line-height:1}.floating-stock-ticker .currency-label{color:var(--base-300);opacity:.8;margin-top:.25rem;font-size:.875rem;font-weight:500}.floating-stock-ticker .stat-divider{background-color:#ffffff1a;width:100%;height:1px;margin:1rem 0 .75rem}.floating-stock-ticker .stat-info{text-align:center;flex-direction:column;align-items:center;margin-bottom:.5rem;display:flex}.floating-stock-ticker .stat-info:last-of-type{margin-bottom:0}.floating-stock-ticker .stat-info p{color:var(--base-200);margin:0;font-size:.875rem;font-weight:500;line-height:1.3}.floating-stock-ticker .change-info{justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.floating-stock-ticker .change-heading{color:var(--base-200);font-size:.75rem;font-weight:500}.floating-stock-ticker .change-value{font-size:.8rem;font-weight:600}.floating-stock-ticker .change-value.positive{color:#22c55e}.floating-stock-ticker .change-value.negative{color:#ef4444}.floating-stock-ticker .volume-info{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.floating-stock-ticker .volume-heading{color:var(--base-200);font-size:.75rem;font-weight:500}.floating-stock-ticker .volume-value{color:var(--base-200);font-size:.875rem;font-weight:600}.floating-stock-ticker .footer{color:var(--base-200);opacity:.8;background-color:#0000;margin-top:.5rem;font-size:.7rem;line-height:1.3}.floating-stock-ticker .footer .date{font-weight:500}.floating-stock-ticker .sar-symbol .icon-saudi_riyal{color:var(--base-100);font-family:saudi_riyal,sans-serif;font-size:2rem}.floating-stock-ticker.expanded .stat{width:400px;max-height:580px;overflow-y:auto}.floating-stock-ticker.expanded .stat::-webkit-scrollbar{width:6px}.floating-stock-ticker.expanded .stat::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.floating-stock-ticker.expanded .stat::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .3s}.floating-stock-ticker.expanded .stat::-webkit-scrollbar-thumb:hover{background:#ffffff4d}iconify-icon{width:1em;height:1em;display:inline-block}.floating-stock-ticker .iconify{transition:all .3s}.floating-stock-ticker .stock-icon{color:var(--base-100);font-size:24px}.floating-stock-ticker .toggle-btn iconify-icon{color:var(--base-100);font-size:16px}.floating-stock-ticker .expand-btn iconify-icon{color:#fff;font-size:12px}.floating-stock-ticker .expanded-details{padding:1rem 0 .5rem}.floating-stock-ticker .detail-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.floating-stock-ticker .detail-item{background:#ffffff0d;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.floating-stock-ticker .detail-item .label{color:var(--base-300);font-size:.75rem;font-weight:500}.floating-stock-ticker .detail-item .value{color:var(--base-100);font-size:.8rem;font-weight:600}.floating-stock-ticker .expanded-footer{background:#ffffff0d;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem;font-size:.75rem;display:flex}.floating-stock-ticker .expanded-footer .market-status .status{background:#ffffff1a;border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.floating-stock-ticker .expanded-footer .refresh-button{cursor:pointer;color:var(--base-200);white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;padding:.4rem .8rem;font-size:.7rem;transition:all .2s;display:flex}.floating-stock-ticker .expanded-footer .refresh-button iconify-icon{font-size:.8rem}.floating-stock-ticker .expanded-footer .refresh-button:hover{background:#fff3}.floating-stock-ticker .expanded-footer .refresh-button:disabled{opacity:.5;cursor:not-allowed}.floating-stock-ticker .expand-btn{top:-8px;background:#006eb6e0;background:rgb(from var(--mhg-primary) r g b / .88);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);color:#fff;cursor:pointer;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;transition:all .2s;display:flex;position:absolute;inset-inline-end:20px;box-shadow:0 2px 8px #0000001a}.floating-stock-ticker .expand-btn:hover{background:var(--mhg-primary);transform:scale(1.1)}.floating-stock-ticker .line-mask{display:block;position:relative;overflow:clip}.floating-stock-ticker .line{transition:transform .3s;display:block;position:relative}.floating-stock-ticker .toggle-btn{top:-8px;background:var(--glass-btn-bg);width:24px;height:24px;-webkit-backdrop-filter:var(--glass-btn-filter);backdrop-filter:var(--glass-btn-filter);color:var(--glass-btn-ink);border:1px solid var(--glass-btn-edge);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex;position:absolute;inset-inline-end:-8px;box-shadow:0 2px 8px #0000001a}.floating-stock-ticker .toggle-btn:hover{background:var(--glass-btn-bg-hover);border-color:var(--glass-btn-edge-hover);transform:scale(1.1);box-shadow:0 4px 12px #00000026}html[dir=rtl] .floating-stock-ticker.minimized .stat{width:150px}.floating-stock-ticker.minimized .stat{background:var(--glass-btn-bg);width:120px;height:53px;-webkit-backdrop-filter:var(--glass-btn-filter);backdrop-filter:var(--glass-btn-filter);box-shadow:var(--glass-btn-ring);border-radius:8rem;justify-content:flex-start;align-items:center;padding:0;transition:all .5s cubic-bezier(.075,.82,.165,1);display:flex;overflow:hidden}.floating-stock-ticker.minimized:after,.floating-stock-ticker.minimized .stat-count,.floating-stock-ticker.minimized .stat-info,.floating-stock-ticker.minimized .stat-divider,.floating-stock-ticker.minimized .expanded-details{display:none}.floating-stock-ticker.minimized .minimized-icon{top:2.5px;background-color:var(--mhg-primary);z-index:10;border-radius:100%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .5s cubic-bezier(.075,.82,.165,1);display:flex;position:absolute;inset-inline-start:2.5px}.floating-stock-ticker.minimized .stock-icon{color:var(--base-100);font-size:24px;transition:all .3s}.floating-stock-ticker.minimized .minimized-text{top:50%;color:var(--glass-btn-ink);z-index:1;transition:inset-inline-start .5s cubic-bezier(.075,.82,.165,1);position:absolute;inset-inline-end:24px;transform:translateY(-50%)}.floating-stock-ticker.minimized .minimized-text p{color:var(--glass-btn-ink);font-family:"Uni-Sans", var(--font-arabic), sans-serif;margin:0;font-size:.9rem;font-weight:600;line-height:.9}.floating-stock-ticker.minimized .toggle-btn,.floating-stock-ticker.minimized .expand-btn{display:none}.floating-stock-ticker .loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.floating-stock-ticker .loading-spinner{animation:1s linear infinite spin}.floating-stock-ticker .loading-icon{color:var(--base-200);font-size:2rem}.floating-stock-ticker .loading-state p{color:var(--base-300);margin:0;font-size:.9rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1000px){.floating-stock-ticker .stat{width:260px;padding:1.25rem}.floating-stock-ticker.expanded .stat{width:350px}.floating-stock-ticker .detail-grid{grid-template-columns:1fr}.floating-stock-ticker.minimized .stat{width:110px;height:48px}.floating-stock-ticker.minimized .minimized-icon{width:43px;height:43px}.floating-stock-ticker.minimized .minimized-text{inset-inline-end:20px}.floating-stock-ticker.minimized .minimized-text p{font-size:.85rem}.floating-stock-ticker.bottom-right{inset-inline-end:15px}.floating-stock-ticker.bottom-left{bottom:15px;inset-inline-start:15px}}@media (max-width:600px){.floating-stock-ticker .stat{width:240px;padding:1rem}.floating-stock-ticker.expanded .stat{width:320px}.floating-stock-ticker .stat-count h2{font-size:2rem}.floating-stock-ticker .expanded-details{padding:.75rem 0 .5rem}.floating-stock-ticker .detail-grid{gap:.4rem}.floating-stock-ticker .detail-item{padding:.4rem}.floating-stock-ticker.minimized .stat{width:100px;height:45px}.floating-stock-ticker.minimized .minimized-icon{width:40px;height:40px}.floating-stock-ticker.minimized .stock-icon{font-size:20px}.floating-stock-ticker.minimized .minimized-text{inset-inline-end:18px}.floating-stock-ticker.minimized .minimized-text p{font-size:.8rem}.floating-stock-ticker.bottom-right{inset-inline-end:10px}.floating-stock-ticker.bottom-left{bottom:10px;inset-inline-start:10px}}@media (max-width:480px){.floating-stock-ticker .stat{width:220px;padding:.875rem}.floating-stock-ticker.expanded .stat{width:300px}.floating-stock-ticker .stat-count h2{font-size:1.75rem}.floating-stock-ticker .expanded-details{padding:.6rem 0 .4rem}.floating-stock-ticker .expanded-footer{flex-direction:column;gap:.3rem;padding:.4rem;font-size:.65rem}.floating-stock-ticker .stat-info p{font-size:.8rem}.floating-stock-ticker .change-value{font-size:.75rem}.floating-stock-ticker .footer{font-size:.65rem}.floating-stock-ticker .change-heading,.floating-stock-ticker .volume-heading{font-size:.7rem}.floating-stock-ticker .volume-value{font-size:.8rem}.floating-stock-ticker.minimized .stat{width:90px;height:42px}.floating-stock-ticker.minimized .minimized-icon{top:2.5px;width:37px;height:37px;inset-inline-start:2.5px}.floating-stock-ticker.minimized .stock-icon{font-size:18px}.floating-stock-ticker.minimized .minimized-text{inset-inline-end:16px}.floating-stock-ticker.minimized .minimized-text p{margin:0;font-size:.75rem}}@media (hover:hover){.floating-stock-ticker:not(.minimized):hover .stat{background:#0000004d;box-shadow:0 8px 25px #00000026}}@media (hover:none){.floating-stock-ticker .stat:active{background:#0003;transform:scale(.98)}.floating-stock-ticker .toggle-btn:active{background:#0006;transform:scale(.95)}}.floating-stock-ticker .stat-count h2,.floating-stock-ticker .change-value{transition:all .3s}.floating-stock-ticker .updated{animation:.6s dataUpdate}@keyframes dataUpdate{0%{background:#22c55e33;transform:scale(1)}50%{background:#22c55e1a;transform:scale(1.02)}to{background:0 0;transform:scale(1)}}.floating-stock-ticker .toggle-btn:focus{outline-offset:2px;outline:2px solid #ffffff80}.floating-stock-ticker .stat:focus-within{outline-offset:2px;outline:1px solid #ffffff4d}.floating-stock-ticker .status-info{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.floating-stock-ticker .data-freshness{opacity:.8;font-size:.75rem}.floating-stock-ticker .freshness-indicator{text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;border-radius:.375rem;padding:.25rem .5rem;font-size:.7rem;font-weight:500;display:inline-block}.floating-stock-ticker .freshness-indicator.green{color:#22c55e;background:#22c55e33;border:1px solid #22c55e4d}.floating-stock-ticker .freshness-indicator.blue{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f64d}.floating-stock-ticker .freshness-indicator.yellow{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b4d}.floating-stock-ticker .freshness-indicator.orange{color:#f97316;background:#f9731633;border:1px solid #f973164d}.floating-stock-ticker .freshness-indicator.gray{color:#6b7280;background:#6b728033;border:1px solid #6b72804d}.floating-stock-ticker .data-source-footer{opacity:.7;color:var(--base-300);cursor:pointer;font-size:.65rem;font-weight:400;text-decoration:none;transition:all .2s}.floating-stock-ticker .data-source-footer:hover{opacity:1;color:var(--base-100);text-decoration:underline}.floating-stock-ticker .expanded-footer{background:#ffffff08;border-top:1px solid #ffffff1a;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:.75rem;display:flex}@media (max-width:768px){.floating-stock-ticker .status-info{gap:.25rem}.floating-stock-ticker .freshness-indicator{padding:.2rem .4rem;font-size:.65rem}.floating-stock-ticker .data-source-footer{font-size:.6rem}.floating-stock-ticker .expanded-footer{text-align:center;flex-direction:column;align-items:stretch;gap:.75rem}.floating-stock-ticker .expanded-footer .status-info{align-items:center}.floating-stock-ticker .expanded-footer .refresh-button{align-self:center;min-width:120px}}@media (max-width:640px){html .floating-stock-ticker.bottom-center.minimized{left:auto;right:auto;inset-inline-end:max(20px, env(safe-area-inset-right));bottom:calc(max(20px, env(safe-area-inset-bottom)) + 80px);transform:none}html .floating-stock-ticker.bottom-center.minimized .stat{width:53px;height:53px}html .floating-stock-ticker.bottom-center.minimized .minimized-icon{top:2.5px;width:48px;height:48px;inset-inline-start:2.5px}html .floating-stock-ticker.bottom-center.minimized .stock-icon{font-size:24px}html .floating-stock-ticker.bottom-center.minimized .minimized-text{opacity:0;transition:opacity .3s}html body.hv-scrolled .floating-stock-ticker.bottom-center.minimized .stat{width:160px}html body.hv-scrolled .floating-stock-ticker.bottom-center.minimized .minimized-icon{inset-inline:auto 2.5px}html body.hv-scrolled .floating-stock-ticker.bottom-center.minimized .minimized-text{opacity:1;inset-inline:16px auto}html .floating-stock-ticker.bottom-center:not(.minimized){z-index:960;width:100%;bottom:0;left:0;right:0;transform:none}html .floating-stock-ticker.bottom-center:not(.minimized) .stat{width:100%;max-width:none;max-height:80dvh;-webkit-backdrop-filter:var(--glass-btn-filter);backdrop-filter:var(--glass-btn-filter);background:#0c0d10b8;border-bottom:0;border-radius:20px 20px 0 0;padding-block-end:calc(1.5rem + env(safe-area-inset-bottom));animation:.32s cubic-bezier(.2,.8,.2,1) both stock-sheet-in;overflow-y:auto}html .floating-stock-ticker.bottom-center:not(.minimized):after{display:none}html .floating-stock-ticker.bottom-center:not(.minimized) .stat:before{content:"";background:#f2ede659;border-radius:2px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}html .floating-stock-ticker.bottom-center:not(.minimized) .toggle-btn,html .floating-stock-ticker.bottom-center:not(.minimized) .expand-btn{z-index:30;width:44px;height:44px;top:12px}html .floating-stock-ticker.bottom-center:not(.minimized) .toggle-btn{inset-inline-end:12px}html .floating-stock-ticker.bottom-center:not(.minimized) .expand-btn{inset-inline-end:64px}.stock-sheet-scrim{z-index:-1;background:#0d0c0c8c;animation:.24s both stock-scrim-in;position:fixed;inset:0}}@keyframes stock-sheet-in{0%{transform:translateY(100%)}}@keyframes stock-scrim-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){html .floating-stock-ticker.bottom-center:not(.minimized) .stat,.stock-sheet-scrim{animation:none}}@media (min-width:641px){html[dir] .floating-stock-ticker.minimized .stat{flex-direction:row;align-items:center;width:auto;padding-inline:64px 22px}html[dir] .floating-stock-ticker.minimized .minimized-text{white-space:nowrap;position:static;transform:none}}
