@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.banner{background-color:#f4efe8;box-shadow:0 2px 5px #0003;color:#333;flex-wrap:nowrap;font-family:League Spartan,sans-serif;font-size:12px;font-weight:600;gap:3rem;justify-content:center;left:0;line-height:16px;padding:.25rem .5rem;position:fixed;top:0;width:100%;z-index:9999}.banner,.metalItem{align-items:center;display:flex}.metalItem{gap:.3rem}.metalIcon{border-radius:50%;height:12px;object-fit:cover;width:12px}.metalName{text-transform:uppercase}.price{font-weight:400}.changeAmount,.metalName,.price{position:relative;top:2px}.changeNegative{color:red}.changePositive{color:green}.bannerEmpty{height:24px}.bannerCarousel,.bannerEmpty{box-sizing:border-box}.bannerCarousel>.metalItem{pointer-events:none;position:absolute;visibility:hidden;white-space:nowrap}.carousel{flex:1 1 auto;min-width:0;overflow:hidden}.carouselTrack{display:flex}.carouselSlide{flex:0 0 100%;min-width:0}.carouselPair{align-items:center;display:flex;justify-content:space-evenly;transform-origin:0 50%}.carouselPair>.metalItem{flex:none;white-space:nowrap}@media (prefers-reduced-motion:reduce){.carouselTrack{display:grid}.carouselSlide{grid-area:1/1}.carouselCopy{display:none}}.bannerPhone{--phone-text:calc(0.3724vw - 0.43571px);box-sizing:border-box}.bannerPhone .carouselPair>.metalItem,.tabletRow>.metalItem{color:#121d30;gap:0}.bannerPhone .carouselPair .metalIcon,.tabletRow .metalIcon{height:22px;margin-right:5px;width:22px}.bannerPhone .carouselPair .metalName{font-size:min(14px,calc(var(--phone-text)*14));margin-right:9px}.bannerPhone .carouselPair .price{font-size:min(15px,calc(var(--phone-text)*15))}.bannerPhone .carouselPair .changeAmount,.tabletRow .changeAmount{display:none}.bannerPhone .carouselPair .metalName,.tabletRow .metalName{top:1.5px}.bannerPhone .carouselPair .price,.tabletRow .price{top:1px}.bannerTablet{box-sizing:border-box}.tabletRow{align-items:center;display:flex;flex:1 1 auto;justify-content:space-evenly;min-width:0}.tabletRow>.metalItem{flex:none;white-space:nowrap}.tabletRow .metalName{font-size:14px;margin-right:9px}.tabletRow .price{font-size:15px}