diff --git a/style.css b/style.css index 6ac422a..d5fccb2 100644 --- a/style.css +++ b/style.css @@ -3500,15 +3500,15 @@ width: 20px; height: 12px; box-sizing: border-box; - border: 3px solid var(--bme-primary-text, #fff); + border: 3px solid #fff; border-bottom: 0; border-radius: 20px 20px 0 0; background: radial-gradient( circle at 50% 100%, - var(--bme-primary-text, #fff) 0 2.5px, + #fff 0 2.5px, transparent 3px ); - filter: drop-shadow(0 0 3px color-mix(in srgb, var(--bme-primary-text, #fff) 42%, transparent)); + opacity: 1; } .bme-mode-gauge::after { @@ -3516,24 +3516,22 @@ position: absolute; left: 16px; top: 12px; - width: 3px; - height: 10px; + width: 9px; + height: 3px; border-radius: 999px; - background: var(--bme-primary-text, #fff); - box-shadow: - 0 0 0 1px color-mix(in srgb, var(--bme-primary-text, #fff) 18%, transparent), - 0 0 8px color-mix(in srgb, var(--bme-primary-text, #fff) 76%, transparent); - transform: rotate(-46deg); - transform-origin: 50% 100%; + background: #fff; + box-shadow: none; + transform: rotate(-135deg); + transform-origin: 1px 50%; transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); } .bme-capability-card-mode[data-mode="balanced"] .bme-mode-gauge::after { - transform: rotate(0deg); + transform: rotate(-90deg); } .bme-capability-card-mode[data-mode="fast"] .bme-mode-gauge::after { - transform: rotate(46deg); + transform: rotate(-45deg); } .bme-mode-segmented {