.ui-temp{font-size:1rem;font-weight:700;text-align:center}.ui-temp.--blue{color:var(--color__fill-1)}.ui-temp.--red{color:#cf1f2f}.ui-temp.--green{color:#4db45f}.ui-temp i.arrow-up{border:.375rem solid transparent;border-bottom:.45rem solid;margin-right:.25rem;position:relative;top:-.8rem}.ui-temp span{position:relative}.ui-temp i.arrow-down{border:.375rem solid transparent;border-top:.45rem solid;margin-right:.25rem;position:relative;top:.8rem}.ui-temp i.arrow-both:after,.ui-temp i.arrow-both:before{content:"";height:0;position:absolute;width:0}.ui-temp span.arrow-both{margin-right:1rem}.ui-temp i.arrow-both:before{border:.375rem solid transparent;border-bottom:.45rem solid;top:-.3rem}.ui-temp i.arrow-both:after{border:.375rem solid transparent;border-top:.45rem solid;top:.7rem}.ui-temp__arrow{font-size:.75rem;margin-left:-1rem;opacity:0;vertical-align:middle}