.scale-bar-container{min-width:348px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.scale-bar-container .kq-tabs__header{margin:0 0 8px}.scale-bar-container .tabs-header{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#e0e0e0;border-bottom:1px solid #ccc}.scale-bar-container .tab-item{padding:10px 20px;cursor:pointer;border-right:1px solid #ccc;-webkit-transition:background-color .3s;transition:background-color .3s}.scale-bar-container .tab-item:last-child{border-right:none}.scale-bar-container .tab-item:hover{background-color:#d0d0d0}.scale-bar-container .tab-item.active{background-color:#f5f5f5;font-weight:700}.scale-bar-container .collapseTitle{min-width:348px;overflow:auto}.scale-bar-container .scale-bar{min-width:348px}.scale-bar-container .kq-input-number{width:100%}.scale-bar-container .scale-bar .kq-collapse-item__header{font-style:normal;font-weight:600;color:var(--kq-text-color-primary);line-height:24px;font-size:14px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:none}.scale-bar-container .scale-bar .kq-collapse-item__header .kq-icon{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.scale-bar-container .scale-bar .kq-collapse-item__header .kq-icon.is-active{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.scale-bar-container .header-icon{margin-left:auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.scale-bar-container .header-icon.is-active{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.scale-bar-container .scale-styles-list{padding:1px 2px;display:-webkit-box;display:-ms-flexbox;display:flex;height:188px;border:1px solid #ddd;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.scale-bar-container .scale-style-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px;margin:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.scale-bar-container .scale-style-item:hover{border-color:#4a90e2;background-color:#f0f7ff}.scale-bar-container .scale-style-item.selected{border-color:#4a90e2;background-color:#e6f2ff}.scale-bar-container .scale-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;margin-right:10px}.scale-bar-container .form-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.scale-bar-container .form-grid .form-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0;gap:4px}.scale-bar-container .form-grid .form-item .kq-form-item__label{padding:0;width:154px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.scale-bar-container .form-grid .form-item .input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 100px;flex:1 1 100px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:100px}.scale-bar-container .form-grid .form-item .unit{display:-webkit-box;display:-ms-flexbox;display:flex;height:28px;-webkit-box-flex:1;-ms-flex:1 1 70px;flex:1 1 70px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:70px}.scale-bar-container .form-grid .kq-color-picker,.scale-bar-container .form-grid .kq-color-picker .kq-color-picker__trigger{width:100%}@media (max-width:768px){.scale-bar-container .scale-styles-list{max-height:200px}.scale-bar-container .scale-preview{padding:5px}}