*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto, sans-serif}.header .header-title{margin-bottom:10px}.header .header-des{color:#5f5f5f}.main-section{height:600px}.main-section .menu{border:1px solid #d5d5d5;border-radius:10px;width:25%}.main-section .menu .dropdown{width:100%;border:1px solid #d5d5d5;border-radius:5px;margin-bottom:10px}.main-section .graph{width:60%;position:relative}.main-section .graph .compensation{position:absolute;right:37px;color:#5f5f5f;background-color:#fff;border:1px solid #d5d5d5;border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.10196) 0 1px 2px 0;box-shadow:rgba(0,0,0,0.10196) 0 1px 2px 0}.main-section .graph .bar{width:120px;-ms-flex-item-align:end;align-self:flex-end;color:#5f5f5f}.main-section .graph .bar .benefits{background-color:#9470fa;border-radius:10px 10px 0 0}.main-section .graph .bar .targetBonus{background-color:#4f859d}.main-section .graph .bar .signOnBonus{background-color:#6cbdd4}.main-section .graph .bar .equity{background-color:#f1a627}.main-section .graph .bar .baseSalary{background-color:#0b8f73;border-radius:0 0 10px 10px}.main-section .graph .bar .year{padding-bottom:0}

.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-jsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-jsa{-ms-flex-pack:distribute;justify-content:space-around}.pad-10{padding:10px}.pad-20{padding:20px}.pad-tb-5{padding-top:5px;padding-bottom:5px}.pad-tb-30{padding-top:30px;padding-bottom:30px}.pad-lr-10{padding-left:10px;padding-right:10px}.pad-lr-30{padding-left:30px;padding-right:30px}.pad-lr-80{padding-left:80px;padding-right:80px}.text-align-center{text-align:center}


.components>div{padding-top:10px}.components .benefits span,.components .targetBonus span,.components .signOnBonus span,.components .equity span,.components .baseSalary span{color:#5f5f5f;font-size:12px}.switch{width:45px;height:23px;padding:3px;background-color:#efefef;border:1px solid #d5d5d5;border-radius:20px;-webkit-transition:all 0.3s;transition:all 0.3s;cursor:pointer}.toggle{width:15px;height:15px;background-color:#d5d5d5;border-radius:100%;position:relative;-webkit-transition:all 0.3s;transition:all 0.3s;left:22px}.toggle.benefits{background-color:#9470fa}.toggle.targetBonus{background-color:#4f859d}.toggle.signOnBonus{background-color:#6cbdd4}.toggle.equity{background-color:#f1a627}.toggle.baseSalary{background-color:#0b8f73}.switch.toggle-off .toggle{left:0;background-color:#d5d5d5}

.modal-container{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}.modal{width:700px;height:400px;border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.16078) 0 1px 4px;box-shadow:rgba(0,0,0,0.16078) 0 1px 4px;background-color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:9;display:none}.modal.is-open{display:block}.modal .modal-close{position:absolute;right:10px;top:10px;border:none;background:none;color:#5f5f5f}.modal-table{border-collapse:collapse;border-spacing:0;margin:60px auto;text-align:right}.modal-table .component-name,.modal-table .component-heading{text-align:left;text-transform:capitalize}th,td{padding:10px 20px;border:1px solid #efefef;color:#5f5f5f}th{background-color:#efefef;border-color:#d5d5d5}.overlay{background-color:rgba(0,0,0,0.16078);z-index:8}

.loader{display:block;position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-75px 0;border-radius:50%;border:3px solid transparent;border-top-color:#9470fa;-webkit-animation:spin 1.7s linear infinite;animation:spin 1.7s linear infinite;z-index:11}.loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#f1a627;-webkit-animation:spin-reverse 0.6s linear infinite;animation:spin-reverse 0.6s linear infinite}.loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#0b8f73;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin-reverse{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes spin-reverse{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}


/*# sourceMappingURL=app.2b2a4335.css.map*/