.rate{border-radius:15px;padding:5px;}.main{text-align:center;border:1px solid #ccc;border-radius:5px;margin-bottom:5px;}.main .large{font-size:30px;font-weight:bolder;max-width:350px;overflow:hidden;margin:5px;}.main .currency-unit{font-size:14px;font-weight:bolder;display:block;margin-bottom:5px;}.live{display:inline-block;padding:5px 10px;border-radius:50px;font-size:22px;background-color:#eee}.live-down{animation:live-down 1.5s ease-in-out infinite;}@keyframes live-down{0%{background:#ff626280;}50%{background:#ff626240;}100%{background:#ff626280;}}.live-up{animation:live-up 1.5s ease-in-out infinite;}@keyframes live-up{0%{background:#89ff8999;}50%{background:#89ff8920;}100%{background:#89ff8999;}}.change-red{animation-name:change-red;animation-duration:0.7s;}@keyframes change-red{from{background:#ff626280;}to{background:transparent;}}.change-green{animation-name:change-green;animation-duration:0.7s;}@keyframes change-green{from{background:#89ff8980;}to{background:transparent;}}.change-gray{animation-name:change-gray;animation-duration:0.7s;}@keyframes change-gray{from{background:#f2f2f2;}to{background:transparent;}}.green{color:green!important;}.red{color:red!important;}.black{color:#000!important;}.up-arrow{border-bottom:10px solid green;margin-bottom:3px;}.down-arrow{border-top:10px solid red;margin-bottom:5px;}.down-arrow,.up-arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;display:inline-block;}.meta-rates{direction:ltr;height:27px;font-size:20px;font-weight:bolder;}.market-state{width:300px;margin:auto;font-size:large;text-align:center;}.c,.i{background-color:pink;padding:10px;border-radius:5px;}#market_state{padding:10px;border-radius:5px;}.scroll-container{position:relative;margin:0;display:flex;align-items:center;justify-content:center;}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:none;font-size:2rem;padding:0.25em 0.25em;cursor:pointer;z-index:1;opacity:0;transition:opacity 0.3s ease;}.scroll-btn.visible{opacity:1;}.scroll-btn.left{inset-inline-start:0.25rem;}.scroll-btn.right{inset-inline-end:0.25rem;}.scroll-container.overflowing .scroll-btn{display:block;}.header-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0.5rem;margin:0 auto;width:fit-content;scroll-behavior:smooth;scrollbar-width:none;}.header-bar::-webkit-scrollbar{display:none;}.header-bar-item{flex:0 0 184px;height:150px;border:1px solid #ccc;font-size:2rem;display:flex;align-items:center;justify-content:center;border-radius:15px;text-align:center;background-repeat:no-repeat;background-position:right top,left top;background-size:30px auto;background-color:#fff;width:184px;}.header-bar .header-bar-item-main .main-rate{margin-bottom:5px;}.header-bar .header-bar-item-main .large{font-size:30px;font-weight:bolder;max-width:350px;overflow:hidden;}.header-bar .header-bar-item-main .symbol{font-size:30px;font-weight:bolder;max-width:350px;overflow:hidden;}.header-bar .header-bar-item-main .currency-unit{font-size:14px;font-weight:bolder;display:block;margin-bottom:5px;}.header-bar .meta-rates{direction:ltr;height:27px;font-size:18px;font-weight:bolder;white-space:nowrap;}.header-bar .meta-rates2{font-size:14px;}.market{height:20px;margin-top:5px;margin-bottom:5px;text-align:center;}.faq details{border:1px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;margin-bottom:.75rem;background:#fff;}.faq summary{cursor:pointer;font-weight:700;}.faq .answer{margin-top:.5rem;line-height:1.9;color:#111827;}