@keyframes bounceDown{0%{transform:scale(1, 1) translateX(0)}10%{transform:scale(1.1, 0.9) translateX(0)}30%{transform:scale(0.9, 1.1) translateY(-4px)}50%{transform:scale(1.05, 0.95) translateY(6px)}57%{transform:scale(1, 1) translateY(-2px)}64%{transform:scale(1, 1) translateY(0)}100%{transform:scale(1, 1) translateY(0)}}@keyframes bounce2{0%{transform:scale(1, 1) translateX(0)}10%{transform:scale(1.1, 0.9) translateX(0)}30%{transform:scale(0.9, 1.1) translateX(-4px)}50%{transform:scale(1.05, 0.95) translateX(2px)}57%{transform:scale(1, 1) translateX(-2px)}64%{transform:scale(1, 1) translateX(0)}100%{transform:scale(1, 1) translateX(0)}}.overtime-calculator__head{padding:32px 0;background-color:#a61c1c}.overtime-calculator__title,.overtime-calculator__desc{text-align:center;color:#fff}.overtime-calculator__title{margin-bottom:8px;font-family:"Inter",sans-serif;font-weight:700}.overtime-calculator__wrapper{padding:32px 0 64px 0;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}.overtime-calculator__calculator,.overtime-calculator__result{flex:0 0 100%;width:100%}.overtime-calculator__calculator{max-width:450px}.overtime-calculator__calculator .box{flex:0 0 100%;width:100%;max-width:calc(50% - 12px);border:1px solid #d0d6dd;border-radius:16px}.overtime-calculator__calculator .box.highlight{box-shadow:0px 4px 6px -2px rgba(0,0,0,.05),0px 10px 15px -3px rgba(0,0,0,.1)}.overtime-calculator__calculator .box__header{padding:16px 24px;background:#edf0f2;border-bottom:1px solid #d0d6dd;overflow:hidden;border-radius:16px 16px 0 0}.overtime-calculator__calculator .box__title{font-size:16px;line-height:24px;margin:0;color:#232933;font-family:"Inter",sans-serif;font-weight:600}.overtime-calculator__calculator .box__body{padding:24px;display:flex;flex-wrap:wrap;gap:16px;font-family:"Inter",sans-serif;font-weight:600}.overtime-calculator__calculator .box__form{flex:0 0 100%;width:100%;display:flex;flex-wrap:wrap;gap:16px;font-family:"Inter",sans-serif;font-weight:600}.overtime-calculator__calculator .box__row{flex:0 0 100%;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%}.overtime-calculator__calculator .box__row.action{padding-top:8px;justify-content:flex-start;gap:16px}.overtime-calculator__calculator .box__row.action .btn{padding:8px 16px;display:inline-flex;gap:8px;align-items:center;border-radius:6px}.overtime-calculator__calculator .box__row.copy{padding-bottom:16px}.overtime-calculator__calculator .box__row.copy .box__field{max-width:248px;position:relative}.overtime-calculator__calculator .box__row.copy .box__field .box__alert{font-size:12px;line-height:16px;color:#3c914d;font-family:"Inter",sans-serif;font-weight:400;position:absolute;bottom:-18px;left:0;display:none}.overtime-calculator__calculator .box__row .notification{padding:12px 16px;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;font-size:14px;line-height:24px;color:#232933;font-family:"Inter",sans-serif;font-weight:400}.overtime-calculator__calculator .box__row .notification .icon{flex:0 0 24px;width:24px}.overtime-calculator__calculator .box__row .notification .message{flex:0 0 calc(100% - 36px);width:calc(100% - 36px)}.overtime-calculator__calculator .box__row .notification.warning{background:#fbf3dd}.overtime-calculator__calculator .box__row .notification.info{background:#eaecfb}.overtime-calculator__calculator .box__row .notification a{color:#4b61dd;text-decoration:underline}.overtime-calculator__calculator .box__row .notification a:hover{text-decoration:none}.overtime-calculator__calculator .box__copy{display:inline-flex;cursor:pointer}.overtime-calculator__calculator .box__field{flex:0 0 100%;width:100%;max-width:100%;display:flex;flex-wrap:wrap;gap:12px}.overtime-calculator__calculator .box__field .select.bootstrap-select>.dropdown-toggle{font-size:14px;line-height:20px;padding:8px 12px;border:1px solid #d0d6dd;border-radius:6px}.overtime-calculator__calculator .box__field .form-check{display:inline-flex}.overtime-calculator__calculator .box__field .form-check .form-check-label{margin-bottom:0;font-size:14px;line-height:20px;display:inline-flex;align-items:center;gap:12px;font-family:"Inter",sans-serif;font-weight:400}.overtime-calculator__calculator .box__field .form-check .form-check-label .form-check-input{width:18px;height:18px;border:1px solid #d0d6dd;border-radius:50%;background-color:#fff}.overtime-calculator__calculator .box__field .form-check .form-check-label .form-check-input:checked{border-color:#4b61dd;background-color:#4b61dd}.overtime-calculator__calculator .box__field .form-control{border:1px solid #d0d6dd;border-radius:6px;font-size:14px;line-height:20px;font-family:"Inter",sans-serif;font-weight:400;padding:8px 12px}.overtime-calculator__calculator .box__field .form-control::disabled{background:#edf0f2;color:#8b95a5}.overtime-calculator__calculator .box__field.currency{position:relative}.overtime-calculator__calculator .box__field.currency::before{content:"Rp";width:auto;height:auto;position:absolute;z-index:2;left:4px;top:4px;font-size:14px;line-height:20px;font-family:"Inter",sans-serif;font-weight:600;padding:6px;border-radius:4px 0 0 4px;background:#edf0f2;mix-blend-mode:multiply;width:32px;height:32px;text-align:center}.overtime-calculator__calculator .box__field.currency .form-control{padding:8px 12px 8px 44px;text-align:right}.overtime-calculator__calculator .box__field.percentage{position:relative}.overtime-calculator__calculator .box__field.percentage::after{content:"%";width:auto;height:auto;position:absolute;z-index:2;right:4px;top:4px;font-size:14px;line-height:20px;font-family:"Inter",sans-serif;font-weight:600;padding:6px;border-radius:0 4px 4px 0;background:#edf0f2;mix-blend-mode:multiply;width:32px;height:32px;text-align:center}.overtime-calculator__calculator .box__field.percentage .form-control{padding:8px 44px 8px 12px}.overtime-calculator__calculator .box__field.days{position:relative}.overtime-calculator__calculator .box__field.days::after{content:"Hari";width:auto;height:auto;position:absolute;z-index:2;right:4px;top:4px;font-size:14px;line-height:20px;font-family:"Inter",sans-serif;font-weight:600;padding:6px;border-radius:0 4px 4px 0;background:#edf0f2;mix-blend-mode:multiply;width:55px;height:32px;text-align:center}.overtime-calculator__calculator .box__field.days.days--id::after{content:"Hari"}.overtime-calculator__calculator .box__field.days.days--en::after{content:"Day(s)"}.overtime-calculator__calculator .box__field.days .form-control{padding:8px 70px 8px 12px}.overtime-calculator__calculator .box__field.hour{position:relative}.overtime-calculator__calculator .box__field.hour::after{content:"Jam";width:auto;height:auto;position:absolute;z-index:2;right:4px;top:4px;font-size:14px;line-height:20px;font-family:"Inter",sans-serif;font-weight:600;padding:6px;border-radius:0 4px 4px 0;background:#edf0f2;mix-blend-mode:multiply;width:55px;height:32px;text-align:center}.overtime-calculator__calculator .box__field.hour.hour--id::after{content:"Jam"}.overtime-calculator__calculator .box__field.hour.hour--en::after{content:"Hour(s)";width:62px}.overtime-calculator__calculator .box__field.hour .form-control{padding:8px 70px 8px 12px}.overtime-calculator__calculator .box__field .form-control.error,.overtime-calculator__calculator .box__field .bootstrap-select.select.error{border-color:#c0392b;transition:all linear .2s}.overtime-calculator__calculator .box__field .form-control.error .bttn.dropdown-toggle,.overtime-calculator__calculator .box__field .bootstrap-select.select.error .bttn.dropdown-toggle{border-color:#c0392b;transition:all linear .2s}.overtime-calculator__calculator .box__mark{flex:0 0 100%;width:100%;max-width:4px}.overtime-calculator__calculator .box__label{flex:0 0 100%;width:100%;max-width:100%;margin-bottom:4px;font-size:14px;line-height:20px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:4px;color:#232933;font-family:"Inter",sans-serif;font-weight:600}.overtime-calculator__calculator .box__label .tooltip{position:relative;opacity:1;cursor:pointer;z-index:2}.overtime-calculator__calculator .info{flex-wrap:wrap;width:100%;justify-content:space-between;align-items:flex-start;gap:12px;background-color:#eaecfb;border:1px solid #0031be;border-radius:12px;margin-top:32px;padding:12px 16px;display:none}.overtime-calculator__calculator .info.active{display:flex}.overtime-calculator__calculator .info .left{flex:0 0 24px;width:24px}.overtime-calculator__calculator .info .right{flex:0 0 100%;width:100%;max-width:calc(100% - 36px);font-size:14px;line-height:24px;color:#232933}.overtime-calculator__calculator .info .right a{color:#4b61dd;text-decoration:underline}.overtime-calculator__calculator .info .right a:hover{text-decoration:none}.overtime-calculator__result{max-width:574px}.overtime-calculator__result .blank-state{display:flex;flex-wrap:wrap;justify-content:center}.overtime-calculator__result .blank-state>img{height:240px;width:auto;margin-bottom:12px}.overtime-calculator__result .blank-state .title,.overtime-calculator__result .blank-state .desc{text-align:center;flex:0 0 100%;width:100%;max-width:100%}.overtime-calculator__result .blank-state .title{font-size:20px;line-height:28px;color:#232933;font-family:"Inter",sans-serif;font-weight:600;margin-bottom:4px}.overtime-calculator__result .blank-state .desc{color:#626b79}.overtime-calculator__result .result-state{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;align-items:flex-start}.overtime-calculator__result .result-state .box-result{flex:0 0 100%;width:100%;max-width:100%;background-color:#f1f5f9;border-radius:8px;margin-top:8px}.overtime-calculator__result .result-state .box-result:first-child{margin-top:0}.overtime-calculator__result .result-state .box-result:last-child{margin-top:16px}.overtime-calculator__result .result-state .box-result .title,.overtime-calculator__result .result-state .box-result .components{flex:0 0 100%;width:100%;max-width:100%}.overtime-calculator__result .result-state .box-result .title{padding:16px 24px;color:#232933;font-family:"Inter",sans-serif;font-weight:600}.overtime-calculator__result .result-state .box-result .components{display:flex;flex-wrap:wrap;padding:0 24px 16px 24px;gap:12px}.overtime-calculator__result .result-state .box-result .components .item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;flex:0 0 100%;width:100%}.overtime-calculator__result .result-state .box-result .components .item .label,.overtime-calculator__result .result-state .box-result .components .item .mark,.overtime-calculator__result .result-state .box-result .components .item .value{display:block}.overtime-calculator__result .result-state .box-result .components .item .label{flex:0 0 290px;width:290px}.overtime-calculator__result .result-state .box-result .components .item .mark{flex:0 0 5px;width:5px}.overtime-calculator__result .result-state .box-result .components .item .value{flex:0 0 calc(100% - 319px);width:calc(100% - 319px);text-align:right}.overtime-calculator__result .result-state .box-result .components .item .value strong{font-family:"Inter",sans-serif;font-weight:600}.overtime-calculator__result .result-state .box-result.final{background-color:#fff;border:1px solid #d0d6dd}.overtime-calculator__result .result-state .box-result.final .top{display:block;padding:16px;border-bottom:1px solid #d0d6dd}.overtime-calculator__result .result-state .box-result.final .top .title{font-size:20px;line-height:28px;margin-bottom:0;padding:0;font-family:"Inter",sans-serif;font-weight:600}.overtime-calculator__result .result-state .box-result.final .top .desc{font-size:12px;line-height:16px;color:#626b79}.overtime-calculator__result .result-state .box-result.final .bottom{display:flex;width:100%;gap:8px;justify-content:flex-end;align-items:center;background-color:#e8f5eb;padding:16px}.overtime-calculator__result .result-state .box-result.final .bottom .total{font-size:32px;line-height:48px;border:0;background:rgba(0,0,0,0);font-family:"Inter",sans-serif;font-weight:600;color:#232933;flex:0 0 auto;text-align:right}.overtime-calculator__result .result-state .box-result.final .bottom .box__copy{flex:0 0 auto;cursor:pointer}.overtime-calculator__result .toggle-result{display:none}.overtime-calculator__result .toggle-result.active{display:flex}.overtime-calculator__result .copy-notif{font-size:12px;line-height:16px;color:#4b61dd;margin-top:8px;display:none}@media screen and (max-width: 1199px){.overtime-calculator__calculator,.overtime-calculator__result{max-width:calc(50% - 12px)}.overtime-calculator__calculator .result-state .box-result .components .item .label,.overtime-calculator__calculator .result-state .box-result .components .item .value,.overtime-calculator__result .result-state .box-result .components .item .label,.overtime-calculator__result .result-state .box-result .components .item .value{flex:0 0 calc(50% - 14.5px);width:calc(50% - 14.5px)}}@media screen and (max-width: 991px){.overtime-calculator__calculator,.overtime-calculator__result{max-width:100%}}@media screen and (max-width: 425px){.overtime-calculator__calculator .box__row.action .btn{width:auto}.overtime-calculator__result .result-state .box-result.final .bottom .total{font-size:28px;line-height:36px}}@media screen and (max-width: 350px){.overtime-calculator__title{font-size:32px;line-height:40px}.overtime-calculator__result .result-state .box-result .components .item{gap:6px}.overtime-calculator__result .result-state .box-result .components .item .mark{display:none}.overtime-calculator__result .result-state .box-result .components .item .label,.overtime-calculator__result .result-state .box-result .components .item .value{flex:0 0 100%;width:100%}.overtime-calculator__result .result-state .box-result .components .item .label{font-family:"Inter",sans-serif;font-weight:600}.overtime-calculator__result .result-state .box-result .components .item .value{text-align:left}}/*# sourceMappingURL=overtime-calculator.min.css.map */