*,:after,:before{box-sizing:border-box;margin:0;padding:0}img{display:block;width:100%}h1,h2,h3{font-weight:400;line-height:1}a{text-decoration:none}ul{list-style:none}input{border:none}body{background-color:var(--cl-vk-violet);color:var(--cl-body);font-family:var(--ff-nunito);line-height:1.5;min-height:100vh;position:relative}fieldset{border:none}input{background-color:var(--cl-dk-violet);border-radius:.25rem;color:var(--cl-white);font-size:1rem;margin-bottom:1.25rem;padding-block:.5rem;padding-inline:.375rem;width:100%}input::-moz-placeholder{color:var(--cl-body)}input:-ms-input-placeholder{color:var(--cl-body)}input::placeholder{color:var(--cl-body)}input:focus,input:hover{box-shadow:0 0 0 3px var(--cl-vk-violet),0 0 0 6px var(--cl-dk-violet);outline:none}.section{padding-block:1.875rem}.btn{background:transparent;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;padding-block:.625rem}.btn:disabled{background:#ea566f;cursor:not-allowed}.form__btn{display:flex;gap:20px;justify-self:end}.btn--cancel{color:var(--cl-body);text-decoration:underline}.btn--red{background:var(--cl-accent);color:var(--cl-white);padding-inline:1.25rem;transition:.3s ease}.alert{color:#fff;margin-top:1.25rem;margin-inline:auto;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;padding-block:.25rem;padding-inline:.625rem}.alert-error{background:var(--cl-error)}.alert-success{background:var(--cl-success)}.progress__info{display:flex;font-size:.625rem;justify-content:space-between;margin-bottom:.625rem}.progress__bar{background:var(--cl-dk-violet);border-radius:.625rem;height:7px;overflow:hidden;position:relative}.progress__bar span{background:var(--cl-md-blue);display:inline-block;height:100%;left:0;position:absolute;top:0;width:1%}.previsao{display:grid;font-size:.75rem;gap:.375rem}.previsao i{font-size:.875rem;margin-right:.625rem}.previsao .data-prevista{color:var(--cl-white);font-size:1rem}.completed_book{color:var(--cl-white);font-size:1.125rem;font-weight:700;text-transform:uppercase}.container{margin-inline:auto;width:min(100% - 2rem,40rem)}.main_container{margin-inline:auto;width:min(100% - 2rem,75rem)}:root{--cl-white:#fff;--cl-body:#a6a6a6;--cl-black:#000;--cl-accent:#d21436;--cl-md-blue:#3a5b82;--cl-dk-violet:#252131;--cl-md-violet:rgba(37,33,49,.18);--cl-vk-violet:#0c0a0f;--cl-error:#d33131;--cl-success:#398e3d;--cl-backdrop:rgba(0,0,0,.7);--ff-nunito:"Nunito",sans-serif}.logo{padding-block:3.75rem;text-align:center}.logo a{color:var(--cl-white)}.logo a i{color:var(--cl-md-blue)}.add_book{background-color:var(--cl-md-violet);border-radius:.25rem;padding-block:3.75rem;padding-inline:clamp(1.875rem,5vw,3.75rem)}.add_book__form{display:grid;gap:3.75rem;justify-content:center}.add_book__form__img{border:none;justify-self:center}.add_book__form__img input{display:none}.add_book__form__img label{border:2px solid var(--cl-dk-violet);border-radius:.25rem;cursor:pointer;display:grid;height:10.625rem;place-content:center;width:8.5625rem}.add_book__form__img i{color:var(--cl-dk-violet);font-size:2.5rem}.add_book__form__info label{display:block}.add_book__form__info--bottom-row{-moz-column-gap:1.875rem;column-gap:1.875rem;display:grid;grid-template-columns:repeat(2,1fr)}.add_book__form__info--bottom-row label i{color:var(--cl-body);font-size:.8125rem}.add_book__form__info--bottom-row .btn{background:var(--cl-md-blue);color:var(--cl-vk-violet);padding-inline:.625rem;width:-webkit-max-content;width:-moz-max-content;width:max-content}.add_book .book_info__tooltip_container{position:relative}.add_book .book_info__tooltip_container i:hover .book_info__tooltip{opacity:1;visibility:visible}.add_book .book_info__tooltip_container .book_info__tooltip{background:var(--cl-vk-violet);display:block;font-family:var(--ff-nunito);font-size:.75rem;line-height:1.125rem;opacity:0;padding-block:.25rem;padding-inline:.5rem;position:absolute;right:0;top:0;transition:opacity .3s;visibility:hidden;width:6.75rem}.book_list{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;padding-block:3.75rem}@media (min-width:74.375em){.book_list{justify-content:flex-start}}.book_list__item{border-radius:.375rem;display:flex;flex-basis:560px;flex-wrap:wrap;gap:1.25rem;max-width:560px;padding-block:1.25rem;padding-inline:1.25rem;transition:.3s ease}.book_list__item__img{border-radius:.375rem;flex-shrink:0;overflow:hidden;width:160px}.book_list__item__info{display:grid;flex:1;gap:1.25rem;min-width:240px;width:clamp(60%,5vw,100%)}.book_list__item__info h3{color:var(--cl-white);line-height:1.5rem}.book_list__item__info .book_id{color:var(--cl-body);display:block;font-size:.625rem}.book_list__item__info .prevision{font-size:.75rem}.book_list__item__info .prevision span{background:var(--cl-dk-violet);border-radius:.25rem;font-size:1rem;margin-left:.375rem;padding-block:.25rem;padding-inline:.25rem}.book_list__item__info .book_list__item__btn{display:flex;gap:1.25rem;place-items:center}.book_list__item__info .book_list__item__btn .btn--red{font-size:.875rem}.book_list__item__info .book_list__item__btn i{color:var(--cl-dk-violet);cursor:pointer;font-size:1.25rem}.book_list__item:hover{background:var(--cl-md-violet)}.modal_container{background:var(--cl-backdrop);display:none;height:100%;left:0;padding-inline:1.25rem;position:fixed;top:0;width:100%}.modal_container .modal{align-self:center;background-color:var(--cl-vk-violet);border-radius:.375rem;box-shadow:inset 0 100px var(--cl-dk-violet);display:grid;gap:.625rem;justify-items:center;justify-self:center;min-width:260px;padding-block:2.75rem;padding-inline:clamp(1.25rem,5vw,2.75rem);width:clamp(260px,70vw,530px)}.modal_container .modal__book_cover{border-radius:.375rem;margin-inline:auto;margin-bottom:1.25rem;width:130px}.modal_container .modal__book_info{margin-bottom:1.875rem;text-align:center}.modal_container .modal__book_info span{display:block;font-size:.875rem;margin-bottom:.625rem}.modal_container .modal__book_info p{color:var(--cl-white);font-size:1.125rem;font-weight:700}.modal_container .modal__form{display:flex;gap:1.875rem}.modal_container .modal__form fieldset{display:grid;position:relative}.modal_container .modal__form fieldset:after{background:var(--cl-dk-violet);bottom:22px;content:"";display:block;height:28px;position:absolute;right:-15px;transform:rotate(24deg);width:2px}.modal_container .modal__form div p{background:var(--cl-dk-violet);border-radius:.25rem;color:var(--cl-white);font-size:.875rem;padding-block:.5rem;padding-inline:.375rem}.modal_container .modal__form input{max-width:6.25rem}.modal_container .modal .previsao{margin-bottom:3.75rem;width:100%}.modal_container .modal .progress{display:grid}.modal_container .modal .progress p{justify-self:end}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAvc3R5bGVzL2dsb2JhbHMvX2Jhc2ljLnNjc3MiLCJzdHlsZXMuY3NzIiwiLi4vLi4vLi4vc3JjL2FwcC9zdHlsZXMvZ2xvYmFscy9fbGF5b3V0LnNjc3MiLCIuLi8uLi8uLi9zcmMvYXBwL3N0eWxlcy9nbG9iYWxzL192YXJpYWJsZXMuc2NzcyIsIi4uLy4uLy4uL3NyYy9hcHAvc3R5bGVzL2NvbXBvbmVudHMvX2xvZ28uc2NzcyIsIi4uLy4uLy4uL3NyYy9hcHAvc3R5bGVzL2NvbXBvbmVudHMvX2Jvb2tGb3JtLnNjc3MiLCIuLi8uLi8uLi9zcmMvYXBwL3N0eWxlcy9jb21wb25lbnRzL19ib29rTGlzdC5zY3NzIiwiLi4vLi4vLi4vc3JjL2FwcC9zdHlsZXMvdXRpbHMvX2JyZWFrcG9pbnRzLnNjc3MiLCIuLi8uLi8uLi9zcmMvYXBwL3N0eWxlcy9jb21wb25lbnRzL19tb2RhbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLGlCQUtFLHFCQUFBLENBRkEsUUFBQSxDQUNBLFNDQUYsQ0RJQSxJQUVFLGFBQUEsQ0FEQSxVQ0FGLENESUEsU0FJRSxlQUFBLENBREEsYUNBRixDRElBLEVBQ0Usb0JDREYsQ0RJQSxHQUNFLGVDREYsQ0RJQSxNQUNFLFdDREYsQ0RJQSxLQUdFLG9DQUFBLENBQ0Esb0JBQUEsQ0FDQSw0QkFBQSxDQUhBLGVBQUEsQ0FEQSxnQkFBQSxDQUtBLGlCQ0RGLENESUEsU0FDRSxXQ0RGLENESUEsTUFDRSxvQ0FBQSxDQUlBLG9CQUFBLENBR0EscUJBQUEsQ0FKQSxjQUFBLENBR0EscUJBQUEsQ0FMQSxtQkFBQSxDQUNBLHNCQUFBLENBR0EsVUNDRixDREdFLHdCQUNFLG9CQ0RKLENEQUUsNEJBQ0Usb0JDREosQ0RBRSxtQkFDRSxvQkNESixDRElFLHdCQUdFLHNFQUFBLENBREEsWUNGSixDRE9BLFNBQ0Usc0JDSkYsQ0RPQSxLQUVFLHNCQUFBLENBQ0EsV0FBQSxDQUZBLG9CQUFBLENBSUEs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 */