:root{--candlestick-bg-color:#f5f5f5;--candlestick-border-color:#e8e8e8;--candlestick-on-bg-color:#5cb85c;--candlestick-on-border-color:#b8e0b8;--candlestick-off-bg-color:#d9534f;--candlestick-off-border-color:#edaeab}.candlestick-wrapper{position:relative;display:inline-block;width:60px;height:auto}.candlestick-wrapper .candlestick-bg.candlestick-disabled{cursor:not-allowed;opacity:.4}.candlestick-wrapper .candlestick-bg.candlestick-readonly{cursor:not-allowed;opacity:.7}

/* !!! */
/* ! DEFAULT MODE ! */
/* !!! */.candlestick-wrapper .candlestick-bg,.candlestick-wrapper .candlestick-bg .candlestick-off:before,.candlestick-wrapper .candlestick-bg .candlestick-on:after{background-color:var(--candlestick-bg-color);border:2px solid var(--candlestick-border-color);height:16px;border-radius:15px}.candlestick-wrapper .candlestick-bg.candlestick-bg-on,.candlestick-wrapper .candlestick-bg.candlestick-bg-on .candlestick-off:before,.candlestick-wrapper .candlestick-bg.candlestick-bg-on .candlestick-on:after{background-color:var(--candlestick-on-bg-color);border-color:var(--candlestick-on-border-color)}.candlestick-wrapper .candlestick-bg.candlestick-bg-off,.candlestick-wrapper .candlestick-bg.candlestick-bg-off .candlestick-off:before,.candlestick-wrapper .candlestick-bg.candlestick-bg-off .candlestick-on:after{background-color:var(--candlestick-off-bg-color);border-color:var(--candlestick-off-border-color)}.candlestick-wrapper .candlestick-bg .candlestick-toggle{position:absolute;z-index:10;top:50%;transform:translateX(-50%) translateY(-50%);width:20px;height:20px;border-radius:50%;background-color:var(--candlestick-bg-color);border:1px solid var(--candlestick-border-color);box-shadow:2px 2px 4px rgba(60,60,60,.75);transition:left .75s}.candlestick-wrapper .candlestick-bg .candlestick-toggle.candlestick-position-neutral{left:50%}.candlestick-wrapper .candlestick-bg .candlestick-toggle.candlestick-position-on{left:80%}.candlestick-wrapper .candlestick-bg .candlestick-toggle.candlestick-position-off{left:20%}.candlestick-wrapper .candlestick-bg .candlestick-neutral,.candlestick-wrapper .candlestick-bg .candlestick-off,.candlestick-wrapper .candlestick-bg .candlestick-on{display:inline-block;vertical-align:middle;height:16px;width:18px}.candlestick-wrapper .candlestick-bg:not(.candlestick-readonly):not(.candlestick-disabled) .candlestick-neutral,.candlestick-wrapper .candlestick-bg:not(.candlestick-readonly):not(.candlestick-disabled) .candlestick-off,.candlestick-wrapper .candlestick-bg:not(.candlestick-readonly):not(.candlestick-disabled) .candlestick-on{cursor:pointer}