*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,.page{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}ul,li{margin:0;padding:0}:root{--white: #fff;--white-100: #fffffe;--white-200: #dfe3fa;--white-300: #f9fafe;--white-400: #dee3fc;--purple-100: #9277ff;--purple-400: #7c5dfa;--red-100: #ec5757;--red-200: #ff9797;--green-400: #33d69f;--orange-400: #ff8f00;--grey: #f2f2f2;--grey-100: linear-gradient(0deg, #888eb0, #888eb0), linear-gradient(0deg, #f8f8fb, #f8f8fb);--grey-200: #dfe3fa;--grey-300: #888eb0;--grey-400: #7e88c3;--grey-500: #858bb2;--grey-600: #e1e3fa;--black-100: #373b53;--black-200: #1e2139;--black-300: #252945;--black-400: #141625;--black-500: #0c0e16;--black-600: #1e2139;--black-700: #141625;--black-800: #252945;--black-900: #0c0e16;--font-h1: 700 2rem/2.24rem "League Spartan", sans-serif;--font-h2: 700 1.25rem/1.4rem "League Spartan", sans-serif;--font-h3: 700 1rem/1.5rem "League Spartan", sans-serif;--font-h4: 700 .875rem/.9375rem "League Spartan", sans-serif;--font-body1: 500 .875rem/.9375rem "League Spartan", sans-serif;--font-body2: 500 .75rem/1.125rem "League Spartan", sans-serif}.text-h1{font:var(--font-h1);letter-spacing:-1px}.text-h2{font:var(--font-h2);letter-spacing:-.625px}.text-h3{font:var(--font-h3);letter-spacing:-.8px}.text-h4{font:var(--font-h4);letter-spacing:-.25px}.text-body1{font:var(--font-body1);letter-spacing:-.25px}.text-body2{font:var(--font-body2);letter-spacing:-.229167px}.button{border:none;color:var(--white);border-radius:24px;padding-block:17px;padding-inline:20px;text-align:center;cursor:pointer}.button:focus{outline:3px solid var(--black-300);outline-offset:2px}.button--primary{background:var(--purple-400);color:#fff;max-inline-size:200px}.button--icon{padding:8px;max-inline-size:150px;display:flex;align-items:center;gap:16px}.cirle-icon{inline-size:32px;block-size:32px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center}.plus-icon{block-size:10px;inline-size:10px}.button--primary:hover{background:var(--purple-100)}.button--secondary{background:var(--white-300);color:var(--grey-400)}.button--secondary:hover{background:var(--grey-200)}.button--ternary{max-inline-size:140px;background:var(--black-900);color:var(--grey-400)}.button--ternary:hover{background:var(--black-500)}.button--danger{min-inline-size:89px;color:#fff;background:var(--red-100)}.button--danger:hover{background:var(--red-200)}.textfield{min-inline-size:65px;inline-size:100%;display:flex;flex-direction:column;justify-content:stretch;gap:10px}.textfield__label{color:var(--grey-400)}.textfield__input{padding-block:17px;padding-inline:20px;border-radius:4px;border:none;background:var(--white-100);border:1px solid var(--grey-600);font:var(--font-h4);color:var(--black-500);inline-size:100%}.textfield__input:hover,.textfield__input:focus{border:1px solid var(--purple-100);outline:none}.dropdown{display:flex;flex-direction:column;max-inline-size:350px;inline-size:100%;position:relative}.dropdown__form{display:flex;flex-direction:column;gap:10px}.dropdown__label{color:var(--grey-400)}.dropdown__button{color:var(--black-500);background:var(--white-100);border:1px solid var(--grey-600);border-radius:4px;padding-block:17px;padding-inline:20px;cursor:pointer;display:flex;justify-content:space-between}.dropdown__button:hover,.dropdown__button:focus{border:1px solid var(--purple-400);outline:none}.dropdown__list{margin-block-start:12px;max-inline-size:350px;inline-size:100%;box-shadow:0 10px 20px #48549f40;display:flex;border-radius:8px;overflow:hidden;flex-direction:column;position:absolute;inset-block-start:100%;display:none}.dropdown__option{color:var(--black-500);padding-block:15px;padding-inline:12px;text-align:start;background:var(--white);font:var(--font-h4);cursor:pointer;border:none;border-bottom:1px solid var(--white-400)}.dropdown__option:last-child{border-bottom:none}.dropdown__option:hover{color:var(--purple-400)}.dropdown__list.flex{display:flex}.dropdown__arrowrotate.rotate{transform:rotate(180deg)}.datepicker{display:flex;flex-direction:column;gap:24px;max-inline-size:350px;inline-size:100%;position:relative}.datepicker__form{display:flex;flex-direction:column;gap:10px}.datepicker__label{color:var(--grey-400)}.datepicker__button{display:flex;justify-content:space-between;padding-block:17px;padding-inline:20px;border-radius:4px;background:var(--white-100);border:1px solid var(--grey-600);font:var(--font-h4);color:var(--black-500);cursor:pointer}.datepicker__button:hover,.datepicker__button:focus{border:1px solid var(--purple-100);outline:none}.calendar__title{color:var(--black-500)}.datepicker__calendar{max-inline-size:350px;inline-size:100%;background:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:25px;margin-block-start:12px;box-shadow:0 10px 20px #48549f40;border-radius:8px;display:none;position:absolute;z-index:1;inset-block-start:100%}.datepicker__month{margin-block-end:30px;display:flex;justify-content:space-between;padding-inline:20px;width:100%}.datepicker__prevButtonImg{transform:rotate(90deg)}.datepicker__nextButtonImg{transform:rotate(-90deg)}.datepicker__monthButton{background-color:transparent;padding:unset;border:none;cursor:pointer}.datepicker__weekdays{color:var(--purple-100);margin-block-end:5px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;inline-size:100%;padding-inline:19px}.datepicker__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;padding-inline:19px;align-items:center;block-size:139px;inline-size:100%}.datepicker-day{color:var(--black-500);display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:5px;cursor:pointer}.datepicker-day:hover,.datepicker-day:focus{color:var(--purple-400);outline:none;background:#4b556334}.datepicker-day.current{color:var(--purple-400);background:#4b556334}.datepicker-day.is-inactive{color:var(--grey-300);cursor:not-allowed}.datepicker__button:disabled{opacity:.5}.datepicker__button:disabled:hover{border-color:var(--grey-300);cursor:not-allowed}a{text-decoration:none}.listinvoice{background:var(--grey);padding-block-end:90px;display:flex;flex-direction:column;min-block-size:100%;position:relative;padding-top:72px}.nav__bar{block-size:72px;background:var(--black-100);display:flex;justify-content:space-between;position:fixed;inline-size:100%;inset-block-start:0px;z-index:3}.nav__background{block-size:72px;inline-size:72px;border-radius:0 20px 20px 0;background:var(--purple-400);position:relative}.nav__logo{max-inline-size:30px;min-block-size:30px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);z-index:1}.nav__background--second{background:var(--purple-100);inline-size:100%;block-size:50%;border-start-start-radius:20px;border-end-end-radius:20px;position:absolute;inset-block-start:50%}.nav__profile{display:flex;margin-inline-end:24px;align-items:center;gap:24px}.profile__icon{cursor:pointer}.nav__profile__line{block-size:100%;border:1px solid #494e6e}.list__content{padding-inline:24px;position:relative;padding-block-start:32px}.list__content__header{margin-block-end:32px;display:flex;align-items:center;justify-content:space-between}.content__header__p{color:var(--grey-400)}.list__content__buttons{display:flex;align-items:center;gap:18px}.filter__button__wrapper{display:flex;align-items:center;position:relative}.filter__text{color:var(--black-500)}.text__adition__desk{display:none}.filter__checkbox{min-inline-size:192px;padding:24px;margin-block-start:20px;background:#ffffff;box-shadow:0 10px 20px #48549f40;border-radius:8px;display:flex;flex-direction:column;gap:16px;position:absolute;z-index:2;inset-block-start:10px;inset-inline-start:50%;transform:translate(-50%);display:none}.filter__option{display:flex;align-items:flex-end;gap:8px;color:var(--black-500)}.checkbox__container{inline-size:16px;block-size:16px;display:flex;justify-content:center;align-items:center;border-radius:2px;border:1px solid var(--grey-200);background:var(--grey-200)}.button--icon--new{padding-inline-end:14px;gap:10px}.list__buttons__filter{align-self:center;gap:12px;position:relative}.filter__selected{inline-size:20px;block-size:20px;border-radius:50%;background:var(--purple-400);display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-start:-20px;display:none}.filter__selected.flex{display:flex}.filter__selected__number{color:var(--white)}.filter__button{background:transparent;display:flex;gap:12px;align-items:center;cursor:pointer;border:none}.filter__checkbox{min-inline-size:192px;padding:24px;margin-block-start:20px;background:var(--white);box-shadow:0 10px 20px #48549f40;border-radius:8px;display:flex;flex-direction:column;gap:16px;position:absolute;inset-block-start:10px;inset-inline-start:50%;transform:translate(-50%);display:none}.filter__button:hover{opacity:80%}.filter__option{display:flex;align-items:flex-end;gap:8px}.checkbox__container:hover{border-color:var(--purple-400)}.checkbox:checked+.checkbox__container{background:var(--purple-400);border-color:var(--purple-400)}.checkbox__icon{display:none}.checkbox:checked+.checkbox__container .checkbox__icon{display:block}.list__content__cards{display:flex;flex-direction:column;gap:16px}.list__cards{padding:24px;display:flex;flex-direction:column;border:1px solid var(--white-100);justify-content:space-between;gap:24px;background:var(--white-100);box-shadow:0 10px 10px -10px #48549f1a;border-radius:8px;position:relative}.list__cards:hover{border-color:var(--purple-400);cursor:pointer}.list__code,.list__details{display:flex;justify-content:space-between}.list__code__numeral{color:#858bb2}.list__code__number{color:var(--black-500)}.list__code__name{color:var(--grey-400)}.link__details:before{content:" ";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}.list__details__count{display:flex;flex-direction:column;gap:8px}.list__details__date{color:var(--grey-400)}.list__details__status{inline-size:104px;margin-block:3px;padding-block:12px;border-radius:6px;display:flex;gap:8px;align-items:center;justify-content:center}.list__details__status--paid{background:rgba(51,214,159,.1)}.list__status__point{block-size:8px;inline-size:8px;border-radius:50%}.list__status__statuspage--paid{color:var(--green-400)}.list__details__status--pending{background-color:#ff8f001a}.list__status__statuspage--pending{color:var(--orange-400)}.list__details__status--draft{background:rgba(55,59,83,.1)}.list__status__statuspage--draft{color:var(--black-300)}.list__details__count span{color:var(--black-500)}.anchor{overflow:hidden}.messageError{text-align:center;color:var(--grey-300)}.empty{display:none;flex-direction:column;align-items:center;gap:40px;padding-block:102px}.empty.flex,.filter__checkbox.flex{display:flex}.empty__description{text-align:center;color:var(--grey-300);margin-block-start:24px}.rotate{transform:rotate(180deg)}.rotate90{animation-name:rotate;animation-duration:2s;animation-iteration-count:infinite;animation-play-state:paused}@keyframes rotate{to{transform:rotate(90deg)}}.iconDarkMode{display:none}.succefullCreate{position:fixed;background:var(--green-400);height:50px;width:300px;padding:1rem;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 10px -10px #48549f1a;cursor:pointer;right:50%;top:130px;transform:translate(50%);z-index:4;display:none}@media screen and (min-width: 640px){.succefullCreate{position:absolute;top:100px;right:5px;transform:translate(0)}}@media screen and (min-width: 1024px){.succefullCreate{position:absolute;top:50px;right:1px;transform:translate(0)}}@media (min-width: 640px){.list__content{padding-inline:140px}}@media (min-width: 768px){.list__content{padding-inline:48px;align-self:center}.list__content__header{margin-block-end:56px}.content__header__title{font:var(--font-h1);color:var(--black-500)}.text__adition__desk{display:contents}.button--icon{min-inline-size:140px}.list__cards,.list__details__count{align-items:center;flex-direction:row}.list__details__status,.list__code__name{margin-inline-start:30px}.list__details__date{margin-inline-end:30px}.list__details:after{content:url(/assets/arrowdown-fff831de.svg);margin-inline-start:25px;transform:rotate(-90deg)}}@media (min-width: 912px){.list__content{padding-inline:90px}}@media (min-width: 1024px){.listinvoice{padding:unset;flex-direction:row;align-items:flex-start}.nav__bar{border-radius:0 20px 20px 0;inline-size:103px;flex-direction:column;block-size:100vh}.nav__background{min-inline-size:100%;block-size:105px}.nav__logo{max-inline-size:40px;min-block-size:40px}.nav__profile{flex-direction:column;margin:unset;justify-content:flex-end;padding-block-end:24px}.nav__profile__line{inline-size:100%}.iconProfile{inline-size:40px}.list__content__wraper{margin:72px;display:flex;justify-content:center;flex:1}.list__content{min-inline-size:730px;padding:unset}.list__content__header,.list__content__cards{margin-block-end:70px}.list__details__status,.list__code__name{margin-inline-start:45px}.list__details__date{margin-inline-end:45px}.list__details:after{margin-inline-start:30px}}.viewInvoice{padding:2.5rem 1.5rem 1.5rem;min-block-size:100%;background:var(--grey);max-inline-size:768px;margin:auto;margin-block:none}.Invoice__Address{display:block}.viewInvoice__status{display:flex;flex-direction:column;gap:1rem}.viewInvoice__returnButton__icon{height:4.23px;transform:rotate(90deg)}.viewInvoice__summary{background:var(--white-100);padding:1rem;display:flex;block-size:5.5rem;align-items:center;justify-content:space-between;border-radius:8px;box-shadow:0 10px 10px -10px #48549f1a}.viewInvoice__summary__main{display:flex;align-items:center;justify-content:space-between;flex:1}.viewInvoice__summary__button{padding-block:13px;padding-inline:17px;border-radius:6px;display:flex;align-items:center;justify-content:space-around;gap:.5rem}.viewInvoice__summary__button--pending{background-color:#ff8f001a}.viewInvoice__summary__button--paid{background-color:#33d69f1a}.viewInvoice__summary__button--draft{background-color:#373b531a}.viewInvoice__summary__button__icon{block-size:8px;inline-size:8px;border-radius:50%}.list__status__point--pending{background:var(--orange-400)}.list__status__point--draft{background:var(--black-300)}.list__status__point--paid{background:var(--green-400)}.viewInvoice__summary__status{color:#ff8f00}.viewInvoice__summary__title{color:var(--grey-500)}.viewInvoice__details{background:var(--white-100);box-shadow:0 10px 10px -10px #48549f1a;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:21px;padding-bottom:91px}.viewInvoice__returnButton__title{text-decoration:none;display:flex;gap:1.5rem;background:none;align-items:center;justify-content:flex-start;border:none;margin-block-end:2rem;color:var(--black-500)}.viewInvoice__details__title{display:flex;align-items:center;justify-content:flex-start}.viewInvoice__details__hash{color:var(--grey-400)}.viewInvoice__details__number{color:var(--black-500)}.viewInvoice__details__information{display:flex;flex-direction:column;gap:30px}.viewInvoice__details__text,.viewInvoice__ditails__address{color:var(--grey-400);line-height:18px;width:94px}.viewInvoice__details__initialDate__text,.viewInvoice__details__dueDate__text{color:var(--black-500)}.viewInvoice__details__date__bill{display:flex}.invoiceID__desktop{display:flex;flex-direction:column;gap:30px}.viewInvoice__details__bill{width:50%}.viewInvoice__details__date{display:flex;flex-direction:column;gap:2rem;width:50%}.viewInvoice__details__initialDate,.viewInvoice__details__dueDate{display:flex;flex-direction:column;gap:.75rem}.viewInvoice__details__bill__title{margin-block-end:.75rem;color:var(--grey-400)}.viewInvoice__details__bill__name{color:var(--black-500);margin-block-end:.5rem}.viewInvoice__details__bill__addreess{color:var(--grey-400);width:93px;line-height:18px}.viewInvoice__details__dueDate__title,.viewInvoice__details__initialDate__title{color:var(--grey-400)}.viewInvoice__details__sent{display:flex;flex-direction:column;justify-content:flex-start;gap:.75rem;margin-block-start:30px}.viewInvoice__details__sent__title{color:var(--grey-400)}.viewInvoice__details__sent__mail{color:var(--black-500)}.viewInvoice__details__billing{background-color:var(--white-300);border-radius:8px 8px 0 0}.viewInvoice__details__billing__firstSecond{padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem}.viewInvoice__details__first__billing{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"title price" "unit price";gap:.5rem;align-items:center}.viewInvoice__details__first__billing__title{grid-area:title;color:var(--black-500)}.viewInvoice__details__first__billing__totalPrice{color:var(--black-500);grid-area:price;text-align:right}.viewInvoice__details__first__billing__unit{grid-area:unit;color:var(--grey-400)}.viewInvoice__details__second__billing{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"title price" "unit price";gap:.5rem;align-items:center}.viewInvoice__details__second__billing__title{grid-area:title}.viewInvoice__details__second__billing__totalPrice{text-align:right;grid-area:price}.viewInvoice__details__second__billing__unit{grid-area:unit;color:var(--grey-400)}.viewInvoice__details__total__billing__section{background-color:var(--black-700);border-radius:0 0 8px 8px;padding:1.5rem}.viewInvoice__details__total__billing{display:flex;align-items:center;justify-content:space-between}.viewInvoice__details__total__billing__title,.viewInvoice__details__total__billing__final{color:#fff}.viewInvoice__buttons{padding-inline:1.5rem;padding-block:18px;display:flex;position:fixed;left:0;bottom:0;gap:.5rem;justify-content:center;width:100%;background:var(--white-100)}.viewInvoice__details__total__billing__title.desktop,.viewInvoice__details__billing__title.desktop,.viewInvoice__details__second__billing__cant.desktop,.viewInvoice__details__second__billing__price.desktop,.viewInvoice__details__first__billing__cant.desktop,.viewInvoice__details__first__billing__price.desktop{display:none}@media screen and (min-width: 640px){body{background:var(--grey)}.viewInvoice__details__date__bill{width:60%}.viewInvoice{margin-block-start:120px;max-width:730px;padding:0}.viewInvoice__buttons{padding-inline:0;position:relative;justify-content:flex-end}.detail__billing_mail1{display:flex}.invoiceID__desktop{display:flex;flex-direction:row;justify-content:space-between}.viewInvoice__summary{padding-inline:2rem}.viewInvoice__summary{display:flex;justify-content:flex-start;justify-content:space-between}.viewInvoice__summary__main{display:flex;justify-content:flex-start;gap:1rem}.viewInvoice__details{padding:2rem}.viewInvoice__details__top{display:flex;flex-direction:column;gap:.5rem}.viewInvoice__details__billing__title{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:1.5rem 1.5rem 1rem;color:var(--grey-400)}.viewInvoice__details__billing__quantity,.viewInvoice__details__billing__itemPrice,.viewInvoice__details__billing__total{text-align:right}.viewInvoice__details__billing__firstSecond{display:grid;grid-template-columns:1fr}.viewInvoice__details__billing__description{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:right}.viewInvoice__details__second__billing{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-template-areas:"title unit price totalPrice";grid-template-rows:none;gap:.5rem;align-items:center}.viewInvoice__details__second__billing__title{grid-area:title}.viewInvoice__details__second__billing__price{text-align:right;grid-area:price}.viewInvoice__details__second__billing__totalPrice{text-align:right;grid-area:totalPrice}.viewInvoice__details__second__billing__cant{grid-area:unit;text-align:right;color:var(--grey-400)}.viewInvoice__details__first__billing{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-template-areas:"title unit price totalPrice";grid-template-rows:none;gap:.5rem;align-items:center}.viewInvoice__details__first__billing__title{grid-area:title}.viewInvoice__details__first__billing__price{color:var(--grey-400);text-align:right;grid-area:price}.viewInvoice__details__first__billing__totalPrice{text-align:right;grid-area:totalPrice}.viewInvoice__details__first__billing__cant{grid-area:unit;text-align:right;color:var(--grey-400)}.viewInvoice__details__sent{display:flex;flex-direction:column;flex:1;align-items:flex-start;gap:.75rem;margin-block-start:30px;margin-top:0}.viewInvoice__details__total__billing__title.mobile{display:none}.viewInvoice__details__total__billing__title.desktop{display:flex}.viewInvoice__details__billing__title.desktop{display:grid}.viewInvoice__details__second__billing__unit.mobile,.viewInvoice__details__first__billing__unit.mobile{display:none}.viewInvoice__details__second__billing__cant.desktop,.viewInvoice__details__second__billing__price.desktop,.viewInvoice__details__first__billing__cant.desktop,.viewInvoice__details__first__billing__price.desktop{display:grid}}@media screen and (min-width: 1024px){body{background:var(--grey);margin:auto}.viewInvoice{padding:64px 0 0;max-width:730px;margin:auto}}.list__content__wraper{position:relative}.newInvoice{max-inline-size:768px;background:var(--white);flex-direction:column;position:absolute;inset-block-start:72px;border:none;padding-inline:unset;padding-block-end:100px}.newInvoice::backdrop{background:rgba(0,0,0,.2)}.newInvoice__form{padding-block-start:32px;padding-inline:24px}.newInvoice__title{color:var(--black-500);margin-block-end:24px}.newInvoice__bill{display:flex;flex-direction:column;gap:24px}.bill__subtitle{color:var(--purple-400)}.bill__cityCodeCountry{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"city postCode" "country country";gap:24px}.country{grid-area:country}.to{margin-block-start:40px}.newInvoice__dueDate{display:flex;flex-direction:column;gap:24px}.itemList{margin-block-start:65px;margin-block-end:24px}.billItemList__title{color:var(--grey-400)}.itemList__components{margin:unset;display:flex;flex-direction:column}.itemList__calc{margin-block-end:10px;display:grid;grid-template-columns:2fr 3fr 5fr;grid-template-areas:"itemName itemName itemName" "Qty price total";row-gap:24px;column-gap:16px}.itemName{grid-area:itemName}.total__imput__borderColor{border-color:transparent;background-color:var(--white)}.total__imput__borderColor:hover{border-color:transparent}.total__imput{display:flex}.removeCalc{background-color:transparent;padding:unset;border:none;cursor:pointer}.spaceDecorate{inline-size:100%;block-size:64px;background:linear-gradient(180deg,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.1) 100%)}.newInvoice__buttons{position:fixed;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;background-color:var(--white);padding-inline:24px;padding-block:20px;display:flex;gap:8px;justify-content:center}.newInvoice__buttons__apart{display:flex;gap:8px}.flex{display:flex}.none{display:none}.disabled:hover{cursor:not-allowed;border-color:#e0e3fa}.trash__icon{fill:var(--grey-400)}.trash__icon:hover{fill:var(--red-100)}input.error{border-color:var(--red-100)}.error{color:var(--red-100);font:var(--font-body1)}@media (min-width: 640px){.newInvoice__buttons{justify-content:space-between}}@media (min-width: 768px){.newInvoice__goBack,.spaceDecorate{display:none}.newInvoice__form{padding-inline:unset}.newInvoice{inline-size:616px;padding-inline:45px}.bill__cityCodeCountry{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"city postCode country"}.itemList__calc{grid-template-columns:4fr 1fr 2fr 3fr;grid-template-areas:"itemName Qty price total"}.newInvoice__dueDate{flex-direction:row}.newInvoice__buttons{max-inline-size:616px}}@media (min-width: 912px){.newInvoice{inline-size:719px}.newInvoice__buttons{max-inline-size:719px}}@media (min-width: 1024px){.newInvoice{padding-block-end:50px;padding-inline:55px;inset-block-start:0;inset-inline-start:103px}.newInvoice__footer{position:absolute}.newInvoice__buttons{margin-inline-start:103px}}.modal{width:327px;height:220px;background:var(--white-100);box-shadow:0 10px 10px -10px #48549f1a;border-radius:8px;border:none;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.delete__text{display:flex;flex-direction:column;gap:13px;transform:scale();color:var(--black-500)}.delete__title,.delete__description{color:var(--black-500)}.buttons{display:flex;justify-content:flex-end;gap:.5rem}.modal::backdrop{background:rgba(0,0,0,.5)}.succefullDelete{position:fixed;background:var(--green-400);height:50px;width:300px;padding:1rem;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 10px -10px #48549f1a;cursor:pointer;right:50%;top:130px;transform:translate(50%);z-index:4;display:none}.close__icon{position:absolute;top:3px;right:5px;height:13px;fill:#fff}.succedText{color:var(--white)}@media screen and (min-width: 640px){.succefullDelete{position:absolute;top:100px;right:5px;transform:translate(0)}}@media screen and (min-width: 1024px){.succefullDelete{position:absolute;top:50px;right:1px;transform:translate(0)}}.dark{--black-500: #fff;--black-300: var(--white-200);--black-100: var(--black-200);--white-100: var(--black-600);--white-300: var(--black-800);--white-400: var(--black-900);--white: var(--black-400);--grey-300: #343856;--grey-400: var(--grey-200);--grey-500: var(--grey-200);--grey-600: var(--black-600);--grey: var(--black-700)}