body{margin:0;padding:0;font-family:sans-serif}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.Demos,.Demos #main{overflow:hidden}.Demos .DemoContent{margin-top:30px;padding:20px}.Demos .DemoBox{border-radius:5px;border:1px solid #ddd;-webkit-box-shadow:3px 3px 10px #ccc;box-shadow:3px 3px 10px #ccc;padding:5px;margin-bottom:3em}.Demos .demo{overflow:hidden;padding:10px}.Demos .desc{padding:10px}.Demos .Carousel .Slide>p{font-size:300%;font-weight:500}.Demos pre[class*=language-]{margin:10px}.Demos .Revenue{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.Demos .Revenue .Left{padding:10px;font-size:150%}.Demos .Revenue .Left,.Demos .Revenue .Lines{display:-ms-flexbox;display:flex}.Demos .Revenue .Left{-ms-flex-align:center;align-items:center}.Demos .Revenue .Lines{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.Demos .Revenue .Lines .Line{padding:5px 10px;font-size:110%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.Demos .Revenue .Lines .Line .Desc{margin-right:20px}@-webkit-keyframes InFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes InFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes OutToLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes OutToLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media{#hamburger{position:absolute;right:-41px;padding:3px 10px;font-size:150%;display:inline-block;color:#fff;background:#222}.Demos .Menu{float:left;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;background:#ebf5fb;height:100%;z-index:100;padding-bottom:100%;margin-bottom:-100%}.Demos .Menu.open{width:120px}.Demos .Menu.close{width:0}.Demos .Menu .links{margin:0;overflow:hidden}.Demos .Menu .links>.link{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;overflow:hidden}.Demos .Menu .links>.link a{padding:7px 10px;text-decoration:none;color:#333;display:block}.Demos .Menu .links>.link a.active,.Demos .Menu .links>.link a:hover{background-color:#85c1e9}}@media (max-width:767px){.carousel1{width:100%;height:250px}.carousel2{width:100%;height:350px}.Slider{width:100%}}@media (min-width:768px){.carousel1{width:100%;height:300px}.carousel2{width:100%;height:350px}.Slider{width:100%}}@media (min-width:1000px){.carousel1{width:800px;height:350px}.carousel2{width:800px;height:500px}.Slider{width:60%}}p{margin:0}.App{text-align:center;overflow:hidden}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;padding:30px 0 20px;color:#fff}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}code[class*=language-],pre[class*=language-]{color:#a9b7c6;font-family:Consolas,Monaco,Andale Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{color:inherit;background:rgba(33,66,131,.85)}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{color:inherit;background:rgba(33,66,131,.85)}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2b2b2b}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.prolog{color:gray}.token.atrule,.token.boolean,.token.delimiter,.token.important,.token.keyword,.token.selector{color:#cc7832}.token.attr-name,.token.operator,.token.punctuation{color:#a9b7c6}.token.builtin,.token.doctype,.token.tag,.token.tag .punctuation{color:#e8bf6a}.token.entity,.token.number,.token.symbol{color:#6897bb}.token.constant,.token.property,.token.variable{color:#9876aa}.token.char,.token.string{color:#6a8759}.token.attr-value,.token.attr-value .punctuation{color:#a5c261}.token.attr-value .punctuation:first-child{color:#a9b7c6}.token.url{color:#287bde;text-decoration:underline}.token.function{color:#ffc66d}.token.regex{background:#364135}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.inserted{background:#294436}.token.deleted{background:#484a4a}code.language-css .token.property,code.language-css .token.property+.token.punctuation{color:#a9b7c6}code.language-css .token.id,code.language-css .token.selector>.token.attribute,code.language-css .token.selector>.token.class,code.language-css .token.selector>.token.pseudo-class,code.language-css .token.selector>.token.pseudo-element{color:#ffc66d}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-base{opacity:0;-webkit-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fade-in-duration{-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes slideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInFromTop{0%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromTop{0%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInFromBottom{0%{-webkit-transform:translateY(300%);transform:translateY(300%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromBottom{0%{-webkit-transform:translateY(300%);transform:translateY(300%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes CarouselSlideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes CarouselSlideInFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes CarouselSlideOutToLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes CarouselSlideOutToLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes CarouselSlideInFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes CarouselSlideInFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes CarouselSlideOutToRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes CarouselSlideOutToRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.Carousel{position:relative;overflow:hidden}.Carousel,.Carousel .ArrowOuter{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Carousel .ArrowOuter{position:absolute;height:100%}.Carousel .ArrowOuter.Left{left:5px}.Carousel .ArrowOuter.Right{right:5px}.Carousel .ArrowOuter .Arrow{font-size:180%;border:1px solid #777;border-radius:50%;padding:3px 5px;background:#eee;opacity:.8}.Carousel .ArrowOuter .Arrow.disabled{pointer-events:none;cursor:default;opacity:.2}.Carousel .Slide{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.Carousel .Slide.InFromLeft{-webkit-animation:.6s linear 0s 1 normal both CarouselSlideInFromLeft;animation:.6s linear 0s 1 normal both CarouselSlideInFromLeft}.Carousel .Slide.OutToLeft{-webkit-animation:.6s linear 0s 1 normal both CarouselSlideOutToLeft;animation:.6s linear 0s 1 normal both CarouselSlideOutToLeft}.Carousel .Slide.InFromRight{-webkit-animation:.6s linear 0s 1 normal both CarouselSlideInFromRight;animation:.6s linear 0s 1 normal both CarouselSlideInFromRight}.Carousel .Slide.OutToRight{-webkit-animation:.6s linear 0s 1 normal both CarouselSlideOutToRight;animation:.6s linear 0s 1 normal both CarouselSlideOutToRight}.Carousel .Slide>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ProgressOuter{width:100%;height:20px;border-radius:5px;background:-webkit-repeating-linear-gradient(45deg,#999,#999 10px,#777 0,#777 20px);background:-o-repeating-linear-gradient(45deg,#999,#999 10px,#777 10px,#777 20px);background:repeating-linear-gradient(45deg,#999,#999 10px,#777 0,#777 20px)}.ProgressInner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;height:100%;border-radius:5px 0 0 5px}.ProgressInner.blue{background:-webkit-repeating-linear-gradient(45deg,#3498db,#3498db 10px,#2e86c1 0,#2e86c1 20px);background:-o-repeating-linear-gradient(45deg,#3498db,#3498db 10px,#2e86c1 10px,#2e86c1 20px);background:repeating-linear-gradient(45deg,#3498db,#3498db 10px,#2e86c1 0,#2e86c1 20px)}.ProgressInner.red{background:-webkit-repeating-linear-gradient(45deg,#e74c3c,#e74c3c 10px,#cb4335 0,#cb4335 20px);background:-o-repeating-linear-gradient(45deg,#e74c3c,#e74c3c 10px,#cb4335 10px,#cb4335 20px);background:repeating-linear-gradient(45deg,#e74c3c,#e74c3c 10px,#cb4335 0,#cb4335 20px)}.RedDot{position:relative;width:auto;margin:0;display:inline-block}.RedDot>.Dot{position:absolute;top:0;right:0;margin-top:-4px;margin-right:-4px;border-radius:50%;width:10px;height:10px;background:red;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.RedDot>.Dot.gone{width:0;height:0}.RedDot>.Dot.WithCount{margin-top:-6px;margin-right:-6px;width:16px;height:16px;text-align:center;font-size:80%}.RedDot>.Dot.WithCount.twoDigits{font-size:70%}.calc{width:auto}.calc,.calc tr{border-spacing:0}.calc .lcd{width:100%;background:#29292e;color:#fff;font-size:250%;margin:0;padding:5px 10px;text-align:right;height:55px;overflow:hidden}.calc .lcd.digits13{font-size:150%}.calc .lcd.digits20{font-size:100%}.calc .keypad .key{background:#ddd;color:#333;padding:10px 17px;border-right:1px solid #777;border-bottom:1px solid #777;text-align:center}.calc .keypad .key span sub,.calc .keypad .key span sup{font-size:80%}.calc .keypad .key.num{background:#eee}.calc .keypad .key.left{border-left:1px solid #777}.calc .keypad .key.orange{color:#fff;background:#f5923e}.calc .keypad .key.pressed{background:#b9b9b9}.calc .keypad .key.num.pressed{background:#d8d8d8}.calc .keypad .key.orange.pressed{background:#e06d0b}.Slider .ui{position:relative;height:50px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Slider .ui .Knob{border:2px solid #777;border-radius:10px;width:20px;height:35px;background:#fff;cursor:move;display:inline-block}.Slider .ui .Ruler{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Slider .ui .Ruler .Bar{width:100%;height:10px;background:-webkit-gradient(linear,left top,left bottom,from(#777),color-stop(#ccc),to(#777));background:-webkit-linear-gradient(#777,#ccc,#777);background:-o-linear-gradient(#777,#ccc,#777);background:linear-gradient(#777,#ccc,#777);border-radius:5px}.Slider .labels{position:relative;min-height:1.2em}.Slider .labels .rulerNum{position:absolute;text-align:center;padding:2px 5px}.Slider .labels .rulerNum.active{border:1px solid #777;border-radius:3px}
/*# sourceMappingURL=main.6e221f2e.css.map*/