.color-scale-legend[data-v-5e21165e]{display:flex;align-items:center;padding:.18667rem .32rem 0px;background:rgba(0,0,0,.3);border-radius:.16rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:.5px solid #ccc}.color-scale-legend[data-v-5e21165e]:not(.vertical)>*+*{margin-left:.21333rem}.color-scale-legend.vertical[data-v-5e21165e]{flex-direction:column;align-items:flex-start}.color-scale-legend.vertical[data-v-5e21165e]>*+*{margin-top:.21333rem}.legend-unit[data-v-5e21165e]{font-size:.32rem;color:rgba(255,255,255,.9);font-weight:400;white-space:nowrap;min-width:.93333rem;text-align:right}.color-scale-legend.vertical .legend-unit[data-v-5e21165e]{text-align:left;margin-bottom:.16rem}.legend-bar-wrapper[data-v-5e21165e]{flex:1;position:relative;min-width:2.66667rem}.color-scale-legend.vertical .legend-bar-wrapper[data-v-5e21165e]{min-width:auto;min-height:2.66667rem;width:100%}.legend-bar[data-v-5e21165e]{position:relative;height:.21333rem;border-radius:.16rem;width:100%}.legend-bar[data-v-5e21165e]:after{content:"";position:absolute;left:0;top:0;z-index:-1;background:#fff;height:100%;width:100%;border-radius:.16rem}.legend-bar.vertical-bar[data-v-5e21165e]{width:.21333rem;height:100%;min-height:2.66667rem}.legend-labels[data-v-5e21165e]{position:relative;height:.37333rem;margin-top:.16rem}.legend-labels.vertical-labels[data-v-5e21165e]{position:absolute;top:0;left:.26667rem;right:0;height:100%;margin-top:0}.label-item[data-v-5e21165e]{position:absolute;font-size:.26667rem;line-height:.26667rem;color:#fff;white-space:nowrap;font-weight:400}@media(max-width:375px){.legend-bar-wrapper[data-v-5e21165e]{min-width:2rem}.label-item[data-v-5e21165e]{font-size:.21333rem}}@media(min-width:1024px){.color-scale-legend[data-v-5e21165e]{padding:.08rem}.legend-unit[data-v-5e21165e]{font-size:.16rem;min-width:.45333rem}.legend-bar[data-v-5e21165e]{height:.10667rem}.legend-labels[data-v-5e21165e]{height:.18667rem;margin-top:0}.label-item[data-v-5e21165e]{font-size:.13333rem}}.demo-container[data-v-06485b34]{position:fixed;bottom:.93333rem;left:50%;transform:translate(-50%);width:7.62667rem}@media(min-width:1024px){.demo-container[data-v-06485b34]{position:absolute;bottom:.93333rem;right:.26667rem;left:auto;width:100%;max-width:3.62667rem;transform:translate(-50%);transform:none}}