.clear[data-v-1bea4c2d]{clear:both;height:0;overflow:hidden}.img-circle[data-v-1bea4c2d]{border-radius:50%}.grid-container[data-v-1bea4c2d]{padding:16px}.attribute-panel[data-v-1bea4c2d]{display:flex;flex-direction:column;align-items:center;padding:12px 8px}.attribute-panel .alabel[data-v-1bea4c2d]{line-height:1.4;margin-bottom:10px;text-align:center;font-weight:500}.attribute-panel .dial-wrapper[data-v-1bea4c2d]{display:flex;align-items:center;justify-content:center}.attribute-panel .dial[data-v-1bea4c2d]{position:relative;border-radius:50%;border-style:solid;box-sizing:border-box;overflow:hidden;box-shadow:inset 0 2px 8px rgba(0,0,0,.04)}.attribute-panel .dial .outer-ring[data-v-1bea4c2d]{position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:50%;border:1px solid;pointer-events:none}.attribute-panel .dial .inner-bg[data-v-1bea4c2d]{position:absolute;top:12px;left:12px;right:12px;bottom:12px;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.06)}.attribute-panel .dial .tick-mark[data-v-1bea4c2d]{position:absolute;transform-origin:center center;border-radius:1px;z-index:1}.attribute-panel .dial .dir-label[data-v-1bea4c2d]{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;line-height:1;z-index:2}.attribute-panel .dial .center-area[data-v-1bea4c2d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.attribute-panel .dial .center-area .center-dot[data-v-1bea4c2d]{border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);position:relative;z-index:5}.attribute-panel .dial .center-area .center-ring[data-v-1bea4c2d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;border:2px solid;z-index:4}.attribute-panel .dial .pointer[data-v-1bea4c2d]{position:absolute;bottom:50%;left:50%;width:0;height:50%;transform-origin:bottom center;z-index:3;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.attribute-panel .dial .pointer .pointer-body[data-v-1bea4c2d]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:2px}.attribute-panel .dial .pointer .pointer-head[data-v-1bea4c2d]{position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent}.attribute-panel .dial .sector-highlight[data-v-1bea4c2d]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none;z-index:0}.attribute-panel .avalue[data-v-1bea4c2d]{margin-top:10px;line-height:1;font-weight:600;text-align:center}.attribute-panel .avalue .vunit[data-v-1bea4c2d]{margin-left:4px;font-weight:400}.attribute-panel .direction-text[data-v-1bea4c2d]{margin-top:6px;line-height:1;text-align:center;font-weight:500;letter-spacing:.5px}