.GradientLegend{position:fixed;bottom:0;left:0;z-index:10000;width:100%;padding:30px 40px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;background:#f6f9fc;color:#0b2540;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out;pointer-events:none}@media (max-width:1111px){.GradientLegend{display:none}}.GradientLegend code{font-size:15px;color:#0b2540;font-weight:600}.GradientLegend small{opacity:.6}.isGradientLegendVisible .GradientLegend{-webkit-transform:translateY(0);transform:translateY(0);opacity:1!important}