:root{--header-color:#171e2d;--background-color:#1c2332}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chartContainer{height:100%}.NetStatusNotification{border-radius:4px;bottom:25px;display:none;left:25px;padding:8px 18px;position:absolute}.NetStatusNotification--show{display:block}.NetStatusNotification--online{background-color:#63af4b}.NetStatusNotification--offline{background-color:#b31616}.amount-input{display:flex;position:relative;vertical-align:middle}.amount-input .input,.amount-input .input-btn{box-sizing:border-box;display:inline-block;height:40px;line-height:38px;vertical-align:middle;z-index:2}.amount-input .input-btn:hover,.amount-input .input:hover{z-index:3}.amount-input .input{flex:1 1 100%;margin-left:-1px}.amount-input .input i{font-style:normal;left:55px;position:absolute}.amount-input .input-btn{border:1px solid #414a60;cursor:pointer;flex:1 0 40px;font-size:20px;font-weight:100;position:relative;text-align:center;-webkit-user-select:none;user-select:none;width:40px;z-index:1}.amount-input .input-btn:hover{border-color:#555e74;z-index:3}.amount-input .plus{border-radius:0 3px 3px 0;line-height:36px;margin-left:-1px}.amount-input .minus{border-radius:3px 0 0 3px;line-height:36px}.amount-input .minus,.amount-input .plus{transition:background-color .3s}.amount-input .minus:hover,.amount-input .plus:hover{background-color:#2f3a52}.amount-input input{background:none;border:1px solid #414a60;border-radius:0;box-sizing:border-box;color:#fff;display:inline-block;font-size:1em;height:40px;line-height:40px;outline:none;padding:0 14px 2px 28px;position:relative;vertical-align:top;width:100%;z-index:1}.amount-input input:hover{border-color:#555e74;z-index:2}.amount-input input:focus{border-color:#3099f5;z-index:4}.deal-controller{background-color:rgba(28,35,51,.6);border-radius:5px;bottom:75px;box-sizing:border-box;direction:ltr;height:80px;left:50%;margin-left:-262.5px;padding:0 10px;position:absolute;transition:width .2s,margin .2s;width:400px;z-index:10}.deal-controller .trader-choice-tooltip{display:block;left:50%;position:absolute;top:-5px;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}.deal-controller .current-deal .currency-double i{left:49px}.deal-controller .current-deal .currency-double input{padding:0 10px 2px 30px}.deal-controller .current-deal,.deal-controller .new-deal{box-sizing:border-box;display:flex;height:90px;justify-content:space-between;padding-top:10px;position:relative;width:calc(100% + 10px)}.deal-controller .holder{height:90px;overflow:hidden;position:relative}.deal-controller .holder .slider{height:140px;transition:.2s}.deal-controller .holder .slider.upper{-webkit-transform:translateY(0);transform:translateY(0)}.deal-controller .holder .slider.down{-webkit-transform:translateY(-90px);transform:translateY(-90px)}.deal-controller .block{box-sizing:border-box;display:block;height:70px;margin-right:10px}.deal-controller .block.amount{box-sizing:border-box;width:170px}.deal-controller .block:first-of-type{margin-left:0}.deal-controller .block .title{color:#8f9ab2;font-size:11px;font-weight:600;margin-bottom:4px}.deal-controller .block.deal{display:flex;flex:2 0 33%;padding-right:0}.deal-controller .block.deal>div{box-sizing:border-box;width:50%}.deal-controller .block.deal>div .amount-data{color:#8f9ab2;font-size:11px;margin-bottom:4px}.deal-controller .block.deal>div .amount-data .money-tiny{font-size:9px;margin-bottom:3px}.deal-controller .block.deal>div.put-side{padding-right:4pt}.deal-controller .block.deal>div.call-side{padding-left:4pt}.deal-controller .block.deal>div .deal-button{border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.3);cursor:pointer;font-size:13px;font-weight:700;height:40px;line-height:40px;position:relative;text-align:center;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-user-select:none;user-select:none;width:100%}.deal-controller .block.deal>div .deal-button:after{background-color:#000;border-radius:4px;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.deal-controller .block.deal>div .deal-button:hover:after{opacity:.2}.deal-controller .block.deal>div .deal-button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.deal-controller .block.deal>div .deal-button.call{background-image:linear-gradient(-180deg,#8cc44f,#4ed462)}.deal-controller .block.deal>div .deal-button.put{background-image:linear-gradient(-180deg,#d4225d,#d42260)}.deal-controller .block.deal>div .deal-button.disabled{opacity:.25;pointer-events:none}.deal-controller .new{border:1px dashed #3099f5;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;flex-basis:50%;font-size:26px;font-weight:200;height:60px;line-height:52px;padding:0 20px;transition:background-color .2s}.deal-controller .new i{color:#3099f5;font-size:30px;font-style:normal}.deal-controller .new:hover{background-color:rgba(48,153,245,.1)}.deal-controller .amount .value{font-size:1.4em}.deal-controller .profit{max-width:102px;vertical-align:bottom}.deal-controller .profit .value{display:block;height:40px;line-height:40px;overflow:hidden;width:100px}.deal-controller .profit .value.money-big{font-size:24px}.deal-controller .profit .value.money-medium{font-size:19px}.deal-controller .profit .value.money-small{font-size:15px}.deal-controller .profit .value.money-tiny{font-size:13px}.deal-controller .strike-select{width:168px}.deal-controller .strike-select .amount-input{display:flex}.deal-controller .strike-select .amount-input .minus,.deal-controller .strike-select .amount-input .plus{font-size:6px}.deal-controller .strike-select .amount-input .plus:before{content:"\E95A"}.deal-controller .strike-select .amount-input .minus:before,.deal-controller .strike-select .amount-input .plus:before{speak:none;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;text-transform:none}.deal-controller .strike-select .amount-input .minus:before{content:"\E959"}.deal-controller .strike-select .amount-input .input{border:1px solid #414a60;box-sizing:border-box;cursor:pointer;flex-grow:2;font-size:12px;text-align:center;transition:background-color .3s}.deal-controller .strike-select .amount-input .input:hover{background-color:#2f3a52;border:1px solid #4b546a;z-index:3}.deal-controller .strike-select .amount-input .input .value{box-sizing:border-box;padding-left:20px;position:relative}.deal-controller .strike-select .amount-input .input .value.money-big,.deal-controller .strike-select .amount-input .input .value.money-medium,.deal-controller .strike-select .amount-input .input .value.money-small{font-size:14px}.deal-controller .strike-select .amount-input .input .value.money-tiny{font-size:12px}.deal-controller .timer{margin:0;vertical-align:bottom;width:auto}.deal-controller .timer .value{font-size:24px;height:40px;line-height:40px;overflow:hidden}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{align-items:stretch;background-color:var(--header-color);color:#fff;display:flex;font-size:calc(10px + 2vmin);min-height:50px}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:50px;margin-left:5px;pointer-events:none;width:45px}.App-title{align-items:center;display:flex;flex-grow:1}.App-link{font-size:14px;padding:0 20px;text-decoration:none}.App-footer,.App-link{align-items:center;color:#fff;display:flex}.App-footer{background-color:var(--background-color);flex-direction:column;font-size:10px;justify-content:center;min-height:30px}.App-main-wrapper{align-items:stretch;display:flex;flex-grow:1;justify-content:space-between}.App-sidebar-left,.App-sidebar-right{background-color:var(--background-color);display:flex;min-width:0}.App-main{background-color:#343d50;flex-grow:1}.Notification{align-self:center;background-color:#d69d00;border-radius:4px;display:block;padding:8px 18px;position:absolute;top:50%}.Notification__ellipsis:after{-webkit-animation:ellipsis 1s step-end infinite;animation:ellipsis 1s step-end infinite;content:"";display:inline-block;width:15px}@-webkit-keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}
/*# sourceMappingURL=main.1756c33a.css.map*/