.container.gd-tool-ba{padding-top:6px;padding-bottom:22px}
.gd-tool-ba .gd-tba-h{font-size:1.35rem!important;font-weight:700!important;line-height:1.3!important;margin:0 0 4px!important;color:#1d2640!important;text-transform:none!important;letter-spacing:0!important}
.gd-tool-ba .gd-ba{--pos:50%;max-width:340px}
.gd-ba{position:relative;margin:22px auto 0;border-radius:0;overflow:hidden;user-select:none;touch-action:none;box-shadow:0 2px 16px rgba(20,30,60,.16);line-height:0}
.gd-ba img{display:block;width:100%;height:auto}
.gd-ba-before{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-clip-path:inset(0 calc(100% - var(--pos)) 0 0);clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.gd-ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.55);pointer-events:none}
.gd-ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.gd-tool-page .gd-ba-h{margin-top:34px}
.gd-tool-page .gd-ba-cap{color:#6b7280;font-size:.9rem;margin:10px auto 0;text-align:center;line-height:1.5}
.gd-ba-line-arrows:before{content:"";position:absolute;top:50%;left:50%;transform:translateY(-50%);width:0;height:0;border:6px solid transparent;border-right-color:#fff;margin-left:-15px;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}
.gd-ba-line-arrows:after{content:"";position:absolute;top:50%;left:50%;transform:translateY(-50%);width:0;height:0;border:6px solid transparent;border-left-color:#fff;margin-left:3px;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}