.main-gold-chart-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:20px}.chart-container{width:80%;max-width:1200px}.button-container{display:flex;justify-content:center;gap:20px;margin-top:20px}.metal-btn{padding:10px 30px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease;opacity:.6}.metal-btn.active{opacity:1;transform:scale(1.05)}.gold-btn{background:linear-gradient(145deg,gold,#daa520);color:#000}.gold-btn:hover{background:linear-gradient(145deg,#daa520,#b8860b)}.silver-btn{background:linear-gradient(145deg,silver,#a9a9a9);color:#000}.silver-btn:hover{background:linear-gradient(145deg,#a9a9a9,gray)}.main-gold-chart-wrapper .gold-container{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px}.main-gold-chart-wrapper .map-switch-wrapper{display:flex;width:100%;flex:3}.main-gold-chart-wrapper .currency-switch-wrapper{display:flex;justify-content:center;flex:1;width:100%}.main-gold-chart-wrapper .child-map-switcher{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid rgb(202,138,4);padding:10px;border-radius:5px;gap:10px;margin-bottom:30px}.main-gold-chart-wrapper button.map-switch-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:13px 10px;border:none;border-radius:3px;cursor:pointer;background:#262626;color:#fff;font-size:18px;transition:all .3s ease;border:1px solid transparent}.main-gold-chart-wrapper button.map-switch-btn:hover{border:1px solid #815801}.main-gold-chart-wrapper button.map-switch-btn.active-btn{background:#ca8a04;opacity:1}.main-gold-chart-wrapper .currency-switch-wrapper localization-form{width:100%;max-width:300px;border-bottom:1px solid rgb(202,138,4)}.gold-live-price-container{transition:all .3s ease}.chart-switch-btns{margin-top:20px}.gold-live-price-container div[data-gold-live-price]{display:flex;align-items:flex-end;margin-top:50px;padding-bottom:25px;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.gold-live-price-container .d-block{display:block!important}.gold-live-price-container .d-flex{display:flex!important}.gold-live-price-container .d-none{display:none!important}.gold-live-price-container .w-100{width:100%!important}.gold-live-price-container .flex-row{flex-direction:row!important}.gold-live-price-container .flex-column{flex-direction:column!important}.gold-live-price-container .flex-wrap{flex-wrap:wrap!important}.gold-live-price-container .align-items-end{align-items:flex-end!important}.gold-live-price-container .me-3{margin-right:1rem!important}.gold-live-price-container .pb-3{padding-bottom:1rem!important}.gold-live-price-container .bg-silver{--bs-bg-opacity: 1;background-color:rgba(var(--bs-silver-rgb),var(--bs-bg-opacity))!important}@media (min-width:768px){.gold-live-price-container .d-md-block{display:block!important}.gold-live-price-container .d-md-none{display:none!important}}@media (min-width:992px){.gold-live-price-container .mb-lg-5{margin-bottom:3rem!important}}.gold-live-price-container .large-price{color:#f6f7f8;font-family:Source Sans\ 3,sans-serif}.gold-live-price-container .large-price{font-size:42px;font-weight:600}.gold-live-price-container .medium-text{font-weight:300}.gold-live-price-container .medium-text{color:#f6f7f8;font-family:Source Sans\ 3,sans-serif;font-size:16px}.gold-live-price-container .spot-price-per-ounce{align-items:flex-end;display:flex;flex-direction:row;margin-top:1rem}.gold-live-price-container .spot-price-per-ounce .large-price{line-height:0}@media (max-width:767.98px){.gold-live-price-container .spot-price-per-ounce{margin-top:0;width:100%}.gold-live-price-container .spot-price-per-ounce .large-price{line-height:.7}}.gold-live-price-container .performance-up{margin-left:3px;white-space:nowrap}.gold-live-price-container .performance-up:before{display:inline-block;font-weight:700;left:-3px;position:relative;top:-2px;transform:scale(1.2)}.gold-live-price-container .performance-up:after{content:"%"}.gold-live-price-container .performance-up{color:green}.gold-live-price-container .performance-up:before{content:"\2191"}.gold-live-price-container .subtitle{color:#f6f7f8;font-family:Source Sans\ 3,sans-serif;font-size:18px;font-weight:300}.gold-live-price-container .vertical-element-separator{height:20px;margin:0 20px;width:1px;border:.1px solid}.gold-live-price-container .border-btm-1{border-bottom:1px solid hsla(0,0%,100%,.2)}#chartdiv{width:100%;height:450px}#chartdiv [role=region] g{fill:#fff}#chartdiv g[role=scrollbar]{display:none}#chartdiv g[aria-labelledby=id-66-title]{display:none}#chartdiv g[fill="#67b7dc"]{fill:#ffffff80!important}#chartdiv g[stroke="#67b7dc"]{stroke:#ca8a04!important}#chartdiv g[fill="#6794dc"]{fill:#ca8a04!important}#chartdiv.silver g[stroke="#67b7dc"]{stroke:silver!important}#chartdiv.silver g[fill="#6794dc"]{fill:silver!important}#chartdiv g[stroke="#000000"]{stroke:#fff6}#chartdiv svg g[transform="translate(95,0)"]{stroke:#ffffff1a}.chart-sub-wrapper{position:relative;display:block;width:100%;height:100%}.chart-sub-wrapper a.watermark{display:flex;height:80px;max-width:130px;right:90px;bottom:48%;opacity:.5;transform:translateY(50%)}.chart-in-live-price span{font-size:12px}.chart-in-live-price .large-price{font-size:18px}.gold-live-set-wrapper{position:absolute;right:35px;top:100px}.chart-in-live-price .performance-up{font-size:18px}.chart-in-live-price .performance-up:before{top:0}@media (max-width: 767px){.chart-sub-wrapper a.watermark{height:60px;max-width:85px}.main-gold-chart-wrapper .gold-container{flex-direction:column-reverse}.main-gold-chart-wrapper .currency-switch-wrapper localization-form{max-width:unset;margin-bottom:20px}.gold-live-price-container div[data-gold-live-price]{flex-wrap:wrap;margin-top:50px}.chart-in-live-price .performance-up,.chart-in-live-price .large-price{font-size:14px}}.main-gold-chart-wrapper span.performance-up.negative{color:#d82f2f}.main-gold-chart-wrapper .gold-live-price-container .performance-up.negative:before{content:"\2193"}#chartdiv [aria-labelledby=id-61-title]{display:none}div#chartdivhis svg{height:500px!important}div#chartdivhis g[fill="#000000"]{fill:#fff}div#chartdivhis g#id-70{transform:translateY(30px)}div#chartdivhis g[role=scrollbar]{transform:translateY(-6px)}div#chartdivhis g[fill="#67b7dc"]{fill:#ffffff4d}div#chartdivhis g[stroke="#67b7dc"]{stroke:#ca8a04}div#chartdivhis.silver g[stroke="#67b7dc"]{stroke:silver}div#chartdivhis g[aria-labelledby=id-114-title]{display:none}div#chartdivhis g[stroke="#000000"]{stroke:#fafafa80}.gold-silver-switch-wrapper{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.child-gold-silver-switcher{display:flex;width:40%;gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(202,138,4);padding:0;border-radius:0;margin-bottom:20px}.metal-switch-btn{width:100%;padding:13px 10px;border-radius:3px;cursor:pointer;background:#262626;color:#fff;font-size:25px;transition:all .3s ease;border:1px solid transparent;text-align:center;font-weight:700}.metal-switch-btn.active-metal{background:transparent;opacity:1;color:#ca8a04;border-bottom:5px solid #CA8A05;border-radius:0}.metal-switch-btn:hover{border:1px solid #815801}@media screen and (max-width: 991px){.child-gold-silver-switcher{width:65%}}.main-gold-chart-wrapper .gold-historical-price-container .charts-nav{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex-wrap:wrap;margin:10px 0}.main-gold-chart-wrapper .gold-historical-price-container .charts-nav .nav-link:hover{color:#ca8a04}.main-gold-chart-wrapper .gold-historical-price-container .charts-nav .nav-link.active{text-decoration:underline;color:#ca8a04}.chart-controls{position:absolute;left:20px;top:50%;transform:translateY(-50%)}.controls-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:relative;display:inline-block;width:36px;height:20px;background-color:#ccc;border-radius:20px;transition:.4s;margin-right:8px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background:linear-gradient(145deg,#daa520,#b8860b)}input:checked+.slider:before{transform:translate(16px)}.label-text{font-size:14px;font-weight:500;color:#ddd}.ratio-btn{background:linear-gradient(145deg,#9370db,#8a2be2);color:#fff}.ratio-btn:hover{background:linear-gradient(145deg,#8a2be2,indigo)}
/*# sourceMappingURL=/cdn/shop/t/57/assets/gold-price-chart.css.map */