:host(:state(degree)){position:relative;display:flex;flex-flow:row nowrap;height:2rem;margin-bottom:1rem}:host(:state(degree)) #container{position:relative;overflow:hidden;width:100%;height:100%;background-color:#fff;border:1px solid var(--bs-color-base-20);border-radius:999px}:host(:state(degree)) #container,:host(:state(degree)) #container *,:host(:state(degree)) #cursor-arrow,:host(:state(degree)) #cursor-arrow *{touch-action:none}:host(:state(degree)):host(bci-millimeter-range) #container{pointer-events:all}:host(:state(degree)):host(bci-millimeter-range) #container,:host(:state(degree)):host(bci-millimeter-range) #container *{cursor:grab}:host(:state(degree)):host(bci-millimeter-range) #container:hover:active,:host(:state(degree)):host(bci-millimeter-range) #container:hover:active *{cursor:grabbing}:host(:state(degree)) #container::after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.25) 100%);pointer-events:none}:host(:state(degree)) #inner-container{position:relative;height:100%;display:flex;flex-flow:row nowrap;transition:right 200ms;transform:translateX(0.5%)}:host(:state(degree)) .mark{position:relative;display:flex;justify-content:end;align-items:start;flex:0 0 var(--bci-visible-numbers, 1%);height:50%;cursor:pointer;margin-top:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:state(degree)) .mark .mark-visual{width:1px;height:25%;background-color:var(--bs-color-base-40)}:host(:state(degree)) .mark.mark-big .mark-visual{height:50%}:host(:state(degree)) .mark .mark-number{position:absolute;left:100%;transform:translateX(-50%) translateY(-100%);color:var(--bs-color-base-100)}:host(:state(degree)):host(:not(bci-millimeter-range)) .mark:hover .mark-visual,:host(:state(degree)):host(:not(bci-millimeter-range)) .mark.hover .mark-visual{width:2px}:host(:state(degree)):host(:not(bci-millimeter-range)) .mark:hover .mark-number,:host(:state(degree)):host(:not(bci-millimeter-range)) .mark.hover .mark-number{font-weight:bold;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:state(degree)) #cursor-arrow-display-value{position:relative;text-align:center;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;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-display input::-webkit-outer-spin-button,:host(:state(degree)) #cursor-arrow-display input::-webkit-inner-spin-button{-webkit-appearance:none}:host(:state(degree)) #cursor-arrow-display input[type=number]{-moz-appearance:textfield}:host(:state(degree)) #cursor-arrow{position:absolute;left:50%;z-index:1;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;color:#000;background-color:#fff;border:2px solid;border-color:var(--bci-arrow-color, #158AAD);border-radius:999px;transform:translateX(-50%);height:100%;width:52px;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--bs-color-base-100-15) 0px 5px 10px 2px;transition:border-color 200ms ease;cursor:grabbing}:host(:state(degree)):host(bci-millimeter-range) #cursor-arrow:not(.animate){pointer-events:none}:host(:state(degree)):host(bci-millimeter-range) #cursor-arrow.animate{pointer-events:inherit}:host(:state(degree)) #cursor-arrow.animate{transition:background-color 200ms ease,left 200ms;cursor:grab;touch-action:none}:host(:state(degree)) #cursor-arrow:not(.animate){pointer-events:none}:host(:state(degree)) #cursor-arrow-display{display:flex;position:relative;pointer-events:none;width:2rem;height:50%;z-index:2;justify-content:center;align-items:center}:host(:state(degree)) #cursor-arrow-bottom-label{height:50%;display:flex;justify-content:center;align-items:center}:host(:state(degree)) #minus-button,:host(:state(degree)) #plus-button{display:flex;justify-content:center;align-items:center;border-radius:999px;width:2rem;min-width:2rem;height:2rem;font-size:1.75rem;font-weight:bold;border:none;background-color:rgba(0,0,0,0);line-height:0;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:pointer;color:var(--bs-color-base-100)}:host(:state(degree)) #minus-button:hover,:host(:state(degree)) #plus-button:hover{background-color:var(--bs-color-base-10)}:host(:state(degree)) #minus-button{margin-right:.5rem}:host(:state(degree)) #plus-button{margin-left:.5rem}:host(:state(degree)):host(:state(disabled)) #container{background-color:#eee}:host(:state(degree)):host(:state(disabled)):host(bci-millimeter-range) #container,:host(:state(degree)):host(:state(disabled)):host(bci-millimeter-range) #container *{cursor:default}:host(:state(degree)):host(:state(disabled)):host(bci-millimeter-range) #container:hover:active,:host(:state(degree)):host(:state(disabled)):host(bci-millimeter-range) #container:hover:active *{cursor:default}:host(:state(degree)):host(:state(disabled)) .mark{cursor:default}:host(:state(degree)):host(:state(disabled)) #cursor-arrow{cursor:default}:host(:state(degree)):host(:state(disabled)) #cursor-arrow.animate{cursor:default}:host(:state(degree)):host(:state(disabled)) #minus-button,:host(:state(degree)):host(:state(disabled)) #plus-button{cursor:default}/*# sourceMappingURL=degree-range.min.css.map */