:root{--background-color: #2ecc71;--white-color: #f5f6fa;--black-color: #2f3640}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{font-family:Arial,Helvetica,sans-serif;background-color:var(--background-color)}ul{list-style:none}.container{padding:0 1rem;max-width:600px;margin-inline:auto}.header{padding:1rem 0;margin-bottom:1rem}.header__container{display:flex;justify-content:space-between;align-items:center}.header__title{display:block;font-size:1.25rem;font-weight:600;display:flex;color:var(--black-color)}.header__button{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--black-color);border-radius:5px;background-color:var(--white-color);cursor:pointer}.header__button:hover{color:var(--white-color);background-color:var(--black-color)}.list__item{padding:1rem;margin-bottom:1rem;border-radius:5px;border:1px solid transparent;background-color:var(--white-color);box-shadow:#959da533 0 8px 24px}.list__item:hover{box-shadow:none;border-color:var(--black-color)}.inner-list__item{display:flex}.inner-list__title{margin-right:.5rem;font-weight:600}.inner-list__item:not(:last-child){margin-bottom:.5rem}.loader{height:100vh;width:100%;position:fixed;top:0;left:0;display:grid;place-items:center}.loader-item,.loader-item:after{border-radius:50%;width:2rem;height:2rem}.loader-item{margin:5px auto;font-size:5px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,.2);border-right:1.1em solid rgba(255,255,255,.2);border-bottom:1.1em solid rgba(255,255,255,.2);border-left:1.1em solid #ffffff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pagination{margin-bottom:1rem}.pagination__container{display:flex;justify-content:center;align-items:center}.pagination__button{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--black-color);border-radius:5px;background-color:var(--white-color);cursor:pointer}.pagination__button:hover{color:var(--white-color);background-color:var(--black-color)}.pagination__current{margin:.75rem}.modal{height:100vh;width:100%;position:fixed;top:0;left:0;display:grid;place-items:center;background-color:#00000080}.modal__content{padding:1rem;width:400px;border-radius:5px;background-color:var(--white-color);box-shadow:#959da533 0 8px 24px}.form__group{margin-bottom:1rem}.form__control{padding:.5rem .75rem;width:100%;border:1px solid var(--black-color);border-radius:5px;font-size:1rem;background-color:transparent}.form__button{padding:.5rem .75rem;display:block;width:100%;font-size:1rem;border:1px solid transparent;border-radius:5px;background-color:var(--black-color);color:var(--white-color);cursor:pointer}.form__button:hover{color:var(--black-color);background-color:var(--white-color);border-color:var(--black-color)}.hidden{display:none}