.generate{margin-top:50px;margin-bottom:120px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.controls{position:sticky;background-color:#fff;border:1px solid #e9eaed;height:60px;padding:10px;width:80%;top:0;z-index:100;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;border-radius:8px;margin-bottom:5px}.controls button,.controls a{font-weight:500;height:32px;border-radius:8px;transition:.3s}.controls button:hover{opacity:.8}.controls__preview{width:100%;background-color:#4155ba;color:#fff}.controls__back{background-color:#ebedf7;border:1px solid #4559b5;width:50%;color:#4559b5}.controls__download{color:#4559b5;width:50%;border:1px solid #4559b5;display:flex;align-items:center;justify-content:center}.invoice-input{height:40px;border:1px solid #e9eaed;border-radius:4px;padding:8px}input,textarea{font-size:13px;color:#00000080;font-weight:500}textarea{border:1px solid #e9eaed;margin:-1px 0;padding:10px 8px;resize:vertical;height:100%}button:disabled{opacity:.7}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}hr{border:none;border-bottom:1px solid #e9eaeb;margin:12px 0 8px!important}.hr-puncture{border-bottom:1px dashed #898989!important}.invoice-area{border:1px solid #e9eaed;border-radius:8px;width:80%}.invoice-area__label{font-size:13px;font-weight:500;opacity:.7}.invoice-area__preview-container{width:80%}.invoice-area__head{display:flex;flex-direction:row;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9eaed;align-items:center}.invoice-area__datepickers{position:relative}.invoice-area__invoice-number{margin-left:20px}.invoice-area__number-inout{width:50px;height:34px!important}.invoice-area__datepickers{margin-right:20px;display:flex;flex-direction:row;gap:15px}.invoice-area__form{padding:40px}.invoice-area__title{margin-top:20px;padding-bottom:20px;display:flex;flex-direction:column;gap:5px}.invoice-area__title h2{font-size:32px}.invoice-area__job-description{margin-top:16px;width:400px}.invoice-area__bills{margin-top:50px;display:flex;flex-direction:row;justify-content:space-between}.invoice-area__bill-info{width:44%;display:flex;flex-direction:column}.invoice-area__bill-info span{margin-bottom:5px}.invoice-area__bill-info input{margin:-1px 0}.invoice-area__company-name{border-bottom-right-radius:0;border-bottom-left-radius:0}.invoice-area__country,.invoice-area__email{border-radius:0}.invoice-area__phone{border-top-left-radius:0;border-top-right-radius:0}.invoice-area__currency{margin-top:20px;display:flex;flex-direction:row;gap:10px;align-items:center}.invoice-area__currency select{border:1px solid #e9eaed;border-radius:4px;padding:5px;font-size:13px;width:230px;color:#6a7685;outline:none;cursor:pointer}.invoice-area__currency-label{display:flex;flex-direction:row;gap:5px;align-items:center}.invoice-area__tasks{margin-top:20px;margin-bottom:50px}.invoice-area__info{display:flex;justify-content:space-between;text-align:start;padding:0 10px}.invoice-area__info span{font-size:13px;font-weight:500;color:#6a7685}.invoice-area__description{width:40%}.invoice-area__cost{width:15%}.invoice-area__cost input{width:100%;color:#00000080}.invoice-area__quantity{width:10%}.invoice-area__quantity input{max-width:60px;color:#00000080}.invoice-area__price{width:30%;text-align:end}.invoice-area__price-text{font-weight:500;font-size:13px;color:#6a7685}.invoice-area__task{margin-top:10px;background-color:#f5f7fa;padding:10px;display:flex;flex-direction:row;justify-content:space-between;position:relative;border-radius:4px}.invoice-area__task input{height:34px!important}.invoice-area__remove-task{position:absolute;right:-18px;top:3;opacity:.7}.invoice-area__task-description{display:flex;flex-direction:column;gap:5px}.invoice-area__add-task{font-size:13px;background:#fff;border:1px solid #dee4ec;box-sizing:border-box;box-shadow:0 1px 1px #525b641a;border-radius:4px;padding:4px 8px;line-height:24px;cursor:pointer;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:3px;font-weight:500;color:#4e55ba}.invoice-area__summary{margin-top:50px;margin-bottom:50px;display:flex;flex-direction:row;justify-content:space-between}.invoice-area__terms-notes{display:flex;flex-direction:column;gap:10px}.invoice-area__note{display:flex;flex-direction:column}.invoice-area__terms-notes{width:45%}.invoice-area__total-to-pay{width:45%;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;color:#6a7685;font-size:13px;font-weight:500}.invoice-area__value{color:#6a7685;display:flex;flex-direction:row;justify-content:space-between;gap:10px}.invoice-area__control{display:flex;flex-direction:row;justify-content:space-between}.invoice-area__show-button{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:center;color:#4e55ba;font-size:13px;font-weight:500}.invoice-area__show-button-text{font-size:13px;font-weight:500}.invoice-area__stub{margin-top:50px;font-size:13px;font-weight:500}.invoice-area__stub-container{padding-top:10px;display:flex;flex-direction:row;justify-content:space-between}.invoice-area__note-input,.invoice-area__stub-container{margin-top:5px}.invoice-area__from-details{width:40%;padding:28px 32px;display:flex;flex-direction:column;gap:10px;color:#6a7685;background-color:#f5f7fa;border-radius:8px}.invoice-area__invoice-details{width:50%;color:#6a7685;display:flex;flex-direction:column;gap:10px}.invoice-area__details-string{display:flex;flex-direction:row;justify-content:space-between}.input-error{border:1px solid #f8b4b4;box-shadow:0 0 5px #f8b4b4;z-index:10}.input-error:focus{border:1px solid #f8b4b4;box-shadow:0 0 5px #f8b4b4}input,textarea{outline:none}input:focus,textarea:focus{border:1px solid #9fcaf5;border-color:#9fcaf5;box-shadow:0 0 5px #9fcaf5;z-index:10}.date-input{display:none}.datepicker{position:absolute;z-index:1;margin-top:5px;right:100;background-color:#fff;display:flex;flex-direction:row;font-size:13px;color:#00000080;border:1px solid #e9eaed;border-radius:4px}.datepicker button{color:#00000080}.datepicker__controls{display:flex;flex-direction:column;background-color:#f5f8fb;width:200px;padding:12px;border-top-left-radius:4px;border-bottom-left-radius:4px}.datepicker__controls button{text-align:left;margin-top:8px;height:28px;padding-left:10px;border-radius:4px}.datepicker__controls button:hover{background-color:#eef1f3;color:#4c51bf}.datepicker__calendar{background-color:#fff;border-radius:4px;padding:10px}.datepicker__current-date{font-weight:600}.datepicker__header{display:flex;align-items:center;justify-content:space-between;gap:5px}.datepicker__current-date{display:flex;flex-direction:row;gap:5px;justify-content:space-between}.datepicker__current-date button{font-weight:600;padding:5px}.datepicker__current-date button:hover{color:#4c51bf;background-color:#f5f8fb}.datepicker__view-container{height:205px;width:240px}.datepicker__header-button{display:flex;align-items:center}.datepicker__header-button:hover{color:#4c51bf;background-color:#f5f8fb}.datepicker__week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px;margin-top:5px}.datepicker__week-day{display:flex;align-items:center;justify-content:center;font-weight:600}.datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.datepicker__months{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.datepicker__months button{height:47px}.datepicker__months button:hover{background-color:#f5f8fb}.datepicker__years{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.datepicker__years button{height:37px}.datepicker__years button:hover{background-color:#f5f8fb}.datepicker__day{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px}.datepicker__day:hover{background-color:#f5f8fb}.selected,.selected:hover{background-color:#1384e7!important;color:#fff!important;opacity:1!important}.not-current{opacity:.5}.open{color:#00000080;height:35px;padding:5px;display:flex;flex-direction:row;font-size:13px;gap:8px;border:1px solid #e9eaed;border-radius:4px;align-items:center;width:210px}.open-error{box-shadow:0 0 5px #f8b4b4;border:1px solid #f8b4b4}