@winner-fed/wui-theme-redness/lib/trade-keyboard.css

Wui component redness theme.

.win-trade-keyboard__theme-brick .win-trade-keyboard__key-inner{background-color:#fff;text-align:center}.win-trade-keyboard__theme-brick .win-trade-keyboard__key{padding-top:0}.win-trade-keyboard__theme-brick .win-trade-keyboard__key-commit{height:200%;position:relative;z-index:1}.win-trade-keyboard__theme-brick .win-trade-keyboard__key-commit .win-trade-keyboard__key-inner{background-color:#e3454b;color:#fff;font-size:18px}.win-trade-keyboard__theme-brick .win-trade-keyboard__key-commit .win-trade-keyboard__key-inner::after{display:none}.win-trade-keyboard__theme-brick .win-trade-keyboard__key-commit.win-trade-keyboard__key--active .win-trade-keyboard__key-inner{background-color:#db424f;color:#fff}.win-trade-keyboard__theme-brick .win-trade-keyboard__key-clear .win-trade-keyboard__key-inner{font-size:18px}.win-trade-keyboard__theme-brick .win-trade-keyboard__key-backspace .win-trade-keyboard__key-inner i,.win-trade-keyboard__theme-brick .win-trade-keyboard__key-shape .win-trade-keyboard__key-inner i{font-size:28px}.win-trade-keyboard__theme-brick .win-trade-keyboard__key-point .win-trade-keyboard__key-inner i{font-size:6px}.win-trade-keyboard__theme-mini{background-color:#dbdde2;overflow:hidden;padding:3px 2px}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-row{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.win-trade-keyboard__theme-mini .win-trade-keyboard__key{position:relative;padding:6px 3px;box-sizing:border-box;width:9.893333333333333vw}.win-trade-keyboard__theme-mini .win-trade-keyboard__key .win-trade-keyboard__key-inner{padding:0 5px;box-sizing:border-box;background-color:#fff;height:42px;color:#222;text-align:center;line-height:42px;font-size:24px;border-radius:5px;box-shadow:0 2px 0 0 rgba(128,128,128,.5)}.win-trade-keyboard__theme-mini .win-trade-keyboard__key.win-trade-keyboard__key--active .win-trade-keyboard__key-inner{background-color:#f5f5f5;box-shadow:0 2px 0 0 rgba(128,128,128,.5)}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-text{width:auto}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-text .win-trade-keyboard__key-inner{font-size:16px;width:11.200000000000001vw}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-switch{width:auto}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-switch .win-trade-keyboard__key-inner{font-size:16px;width:23.466666666666665vw}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-space{width:auto;-webkit-box-flex:1;-webkit-flex:1;flex:1}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-space .win-trade-keyboard__key-inner{font-size:16px}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-shape{width:auto}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-shape .win-trade-keyboard__key-inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:11.200000000000001vw}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-shape .win-trade-keyboard__key-inner i{font-size:28px;display:block}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-lower,.win-trade-keyboard__theme-mini .win-trade-keyboard__key-upper{-webkit-box-flex:1;-webkit-flex:1;flex:1}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-lower .win-trade-keyboard__key-inner,.win-trade-keyboard__theme-mini .win-trade-keyboard__key-upper .win-trade-keyboard__key-inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:11.200000000000001vw}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-lower i,.win-trade-keyboard__theme-mini .win-trade-keyboard__key-upper i{font-size:24px;display:block}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-flex{-webkit-box-flex:1;-webkit-flex:1;flex:1}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-backspace{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-backspace .win-trade-keyboard__key-inner{display:inline-block;width:11.200000000000001vw}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-backspace i{font-size:28px;display:block}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-primary{width:auto}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-primary .win-trade-keyboard__key-inner{background-color:#e3454b;color:#fff;font-size:16px;width:23.466666666666665vw}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-primary.win-trade-keyboard__key--active .win-trade-keyboard__key-inner{background-color:#db424f}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-pro .win-trade-keyboard__key-inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background-color:#cdcfd6}.win-trade-keyboard__theme-mini .win-trade-keyboard__key-pro.win-trade-keyboard__key--active .win-trade-keyboard__key-inner{background-color:#babbc2}@-webkit-keyframes cursorText{from{opacity:1}to{opacity:0}}@keyframes cursorText{from{opacity:1}to{opacity:0}}.win-trade-keyboard__layout{position:fixed;bottom:0;left:0;width:100%;background-color:#dbdde2;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.1s;transition-duration:.1s;z-index:99999}.win-trade-keyboard__header{height:38px;width:100%;background-color:#f1f1f1;display:-webkit-box;display:-webkit-flex;display:flex}.win-trade-keyboard__header::after{height:1px;position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:0;left:0;border-top:1px solid rgba(0,0,0,.15);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.win-trade-keyboard__spring{-webkit-box-flex:1;-webkit-flex:1;flex:1;line-height:40px;padding-left:10px;font-size:14px;color:#323233}.win-trade-keyboard__button{height:38px;line-height:38px;display:block;padding:0 20px;color:#447bd7}.win-trade-keyboard__key-tip{display:none;position:fixed;bottom:0;left:0;text-align:center;background-color:#fff;border-radius:5px;padding:10px 15px;font-size:24px;min-width:48px;margin-bottom:12px;z-index:100000;box-shadow:0 2px 4px 0 rgba(128,128,128,.5)}.win-trade-keyboard__key-tip-inner{position:relative;display:inline-block;z-index:2;background-color:#fff}.win-trade-keyboard__key-tip::after,.win-trade-keyboard__key-tip::before{position:absolute;background-color:#fff;content:''}.win-trade-keyboard__key-tip::before{top:0;left:0;height:100%;width:100%;border-radius:5px;z-index:1}.win-trade-keyboard__key-tip::after{bottom:0;left:calc(50%);-webkit-transform:translateX(-50%) translateY(7px) rotate(45deg);transform:translateX(-50%) translateY(7px) rotate(45deg);height:16px;width:16px;box-shadow:0 2px 4px 0 rgba(128,128,128,.5)}.win-trade-keyboard.win-trade-keyboard--disabled .win-trade-keyboard__cell-label,.win-trade-keyboard.win-trade-keyboard--disabled .win-trade-keyboard__control{color:#c8c9cc}.win-trade-keyboard__cell-label{-webkit-box-flex:0;-webkit-flex:none;flex:none;box-sizing:border-box;width:6.2em;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word}.win-trade-keyboard__cell-label--right{text-align:right}.win-trade-keyboard__cell-label--center{text-align:center}.win-trade-keyboard__cell-value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.win-trade-keyboard__control{height:100%;line-height:1;padding-right:4px;position:relative;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;vertical-align:top;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-overflow-scrolling:auto;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;color:#323233}.win-trade-keyboard__control--right{text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.win-trade-keyboard__control--center{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.win-trade-keyboard__control.win-trade-keyboard__control--focus{overflow-x:auto}.win-trade-keyboard__control::-webkit-scrollbar{display:none}.win-trade-keyboard__control-body{height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.win-trade-keyboard__cell-left-icon .win-icon,.win-trade-keyboard__cell-right-icon .win-icon{display:block;font-size:16px;line-height:inherit}.win-trade-keyboard__cell-left-icon{margin-right:4px}.win-trade-keyboard__cell-right-icon{color:#969799}.win-trade-keyboard__cell-right-icon,.win-trade-keyboard__control-clear{margin-right:-8px;padding:0 8px;line-height:inherit}.win-trade-keyboard__control-clear{color:#c8c9cc;font-size:16px;cursor:pointer}.win-trade-keyboard__control-string-block,.win-trade-keyboard__control-string-block-prev{position:relative;top:0;left:0;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.win-trade-keyboard__control-string-block--cursor::after,.win-trade-keyboard__control-string-block-prev--cursor::after{content:'';display:block;height:14px;width:2px;background-color:#447bd7;position:absolute;right:-2px;-webkit-animation:cursorText 1s infinite cubic-bezier(1,-.01,.45,.31);animation:cursorText 1s infinite cubic-bezier(1,-.01,.45,.31);z-index:10}.win-trade-keyboard__control-string-block-prev{height:100%}.win-trade-keyboard__control-string-block-prev-trigger{height:100%;width:.3em;position:absolute;left:0;top:0;z-index:2}.win-trade-keyboard__control-placeholder{position:absolute;height:100%;width:100%;left:0;color:#c8c9cc;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.win-trade-keyboard__control-placeholder--right{text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.win-trade-keyboard__control-placeholder--center{text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}