.tool[data-tool=bubble-level] .dial{aspect-ratio:1;border:2px solid var(--c-border-strong);background:var(--c-surface-2);border-radius:50%;place-items:center;inline-size:min(100%,280px);margin-inline:auto;display:grid;position:relative;overflow:hidden}.tool[data-tool=bubble-level] .dial.ok{border-color:var(--c-success,#1a8f4c)}.tool[data-tool=bubble-level] .cross{background:var(--c-border-strong);position:absolute}.tool[data-tool=bubble-level] .cross.h{block-size:1px;inset-block-start:50%;inset-inline:0}.tool[data-tool=bubble-level] .cross.v{inline-size:1px;inset-block:0;inset-inline-start:50%}.tool[data-tool=bubble-level] .target{border:2px solid var(--c-text-2);border-radius:50%;block-size:36px;inline-size:36px;position:absolute}.tool[data-tool=bubble-level] .bubble{background:var(--c-primary);opacity:.85;border-radius:50%;block-size:28px;inline-size:28px;transition:transform 80ms linear;position:relative}@media (prefers-reduced-motion:reduce){.tool[data-tool=bubble-level] .bubble{transition:none}}