:host(:not(:state(degree))){position:relative;display:flex;flex-flow:row nowrap;height:2rem;margin-bottom:1rem}:host(:not(: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(:not(:state(degree))) #container,:host(:not(:state(degree))) #container *,:host(:not(:state(degree))) #cursor-arrow,:host(:not(:state(degree))) #cursor-arrow *{touch-action:none}:host(:not(:state(degree))):host(bci-millimeter-range) #container{pointer-events:all}:host(:not(:state(degree))):host(bci-millimeter-range) #container,:host(:not(:state(degree))):host(bci-millimeter-range) #container *{cursor:grab}:host(:not(:state(degree))):host(bci-millimeter-range) #container:hover:active,:host(:not(:state(degree))):host(bci-millimeter-range) #container:hover:active *{cursor:grabbing}:host(:not(: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(:not(:state(degree))) #inner-container{position:relative;height:100%;display:flex;flex-flow:row nowrap;transition:right 200ms;transform:translateX(0.5%)}:host(:not(: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(:not(:state(degree))) .mark .mark-visual{width:1px;height:25%;background-color:var(--bs-color-base-40)}:host(:not(:state(degree))) .mark.mark-big .mark-visual{height:50%}:host(:not(:state(degree))) .mark .mark-number{position:absolute;left:100%;transform:translateX(-50%) translateY(-100%);color:var(--bs-color-base-100)}:host(:not(:state(degree))):host(:not(bci-millimeter-range)) .mark:hover .mark-visual,:host(:not(:state(degree))):host(:not(bci-millimeter-range)) .mark.hover .mark-visual{width:2px}:host(:not(:state(degree))):host(:not(bci-millimeter-range)) .mark:hover .mark-number,:host(:not(: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(:not(:state(degree))) #cursor-arrow-display input{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;font-family:inherit;color:var(--bs-color-base-100)}:host(:not(:state(degree))) #cursor-arrow-display input::-webkit-outer-spin-button,:host(:not(:state(degree))) #cursor-arrow-display input::-webkit-inner-spin-button{-webkit-appearance:none}:host(:not(:state(degree))) #cursor-arrow-display input[type=number]{-moz-appearance:textfield}:host(:not(:state(degree))) #cursor-arrow{position:absolute;left:50%;z-index:1;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;color:#fff;background-color:var(--bci-arrow-color, #158AAD);border-radius:0 0 4px 4px;transform:translateX(-50%);height:50px;width:32px;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:background-color 200ms ease;cursor:grabbing}:host(:not(:state(degree))):host(bci-millimeter-range) #cursor-arrow:not(.animate){pointer-events:none}:host(:not(:state(degree))):host(bci-millimeter-range) #cursor-arrow.animate{pointer-events:inherit}:host(:not(:state(degree))) #cursor-arrow.animate{transition:background-color 200ms ease,left 200ms;cursor:grab;touch-action:none}:host(:not(:state(degree))) #cursor-arrow:not(.animate){pointer-events:none}:host(:not(:state(degree))) #cursor-arrow-display{display:flex;position:relative;pointer-events:none;width:2rem;height:36px;z-index:2;background-color:#fff;justify-content:center;align-items:center}:host(:not(:state(degree))) #cursor-arrow-display-value{display:none}:host(:not(:state(degree))) #minus-button,:host(:not(: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(:not(:state(degree))) #minus-button:hover,:host(:not(:state(degree))) #plus-button:hover{background-color:var(--bs-color-base-10)}:host(:not(:state(degree))) #minus-button{margin-right:.5rem}:host(:not(:state(degree))) #plus-button{margin-left:.5rem}:host(:not(:state(degree))):host(:state(disabled)) #container,:host(:not(:state(degree))):host(:state(disabled)) #cursor-arrow-display{background-color:#eee}:host(:not(:state(degree))):host(:state(disabled)):host(bci-millimeter-range) #container,:host(:not(:state(degree))):host(:state(disabled)):host(bci-millimeter-range) #container *{cursor:default}:host(:not(:state(degree))):host(:state(disabled)):host(bci-millimeter-range) #container:hover:active,:host(:not(:state(degree))):host(:state(disabled)):host(bci-millimeter-range) #container:hover:active *{cursor:default}:host(:not(:state(degree))):host(:state(disabled)) .mark{cursor:default}:host(:not(:state(degree))):host(:state(disabled)) #cursor-arrow{cursor:default}:host(:not(:state(degree))):host(:state(disabled)) #cursor-arrow.animate{cursor:default}:host(:not(:state(degree))):host(:state(disabled)) #minus-button,:host(:not(:state(degree))):host(:state(disabled)) #plus-button{cursor:default}/*# sourceMappingURL=millimeter-range.min.css.map */