:host([state=degree]) #cursor-arrow-display-value{position:relative;text-align:center;border:none;border-radius:0;appearance:none;pointer-events:all;width:100%;padding:0;color:#000;pointer-events:none}:host([state=degree]) #cursor-arrow-display input{display:none}:host([state=degree]) #cursor-arrow{color:#000;background-color:#fff;border:2px solid;border-color:var(--bci-arrow-color, #158AAD);border-radius:999px;height:100%;width:52px;transition:border-color 200ms ease}:host([state=degree]) #cursor-arrow-display{height:50%}:host([state=degree]) #cursor-arrow-bottom-label{height:50%;display:flex;justify-content:center;align-items:center}:host([state=degree]):host([disabled]) #container{background-color:#eee}:host([state=degree]):host([disabled]):host(bci-millimeter-range) #container,:host([state=degree]):host([disabled]):host(bci-millimeter-range) #container *{cursor:default}:host([state=degree]):host([disabled]):host(bci-millimeter-range) #container:hover:active,:host([state=degree]):host([disabled]):host(bci-millimeter-range) #container:hover:active *{cursor:default}:host([state=degree]):host([disabled]) .mark{cursor:default}:host([state=degree]):host([disabled]) #cursor-arrow{cursor:default}:host([state=degree]):host([disabled]) #cursor-arrow.animate{cursor:default}:host([state=degree]):host([disabled]) #minus-button,:host([state=degree]):host([disabled]) #plus-button{cursor:default}