html{box-sizing:border-box;font-size:62.5%}body{font-size:1.6rem;line-height:1.6;font-family:sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}.container{max-width:1200px;margin:0 auto;padding:0 15px}ol,ul,dl{list-style-type:none}button{border:none;outline:none;cursor:pointer}.btn{background-color:#ea9848;color:#222;font-size:1.8rem;border-radius:.8rem;padding:.6rem 2.2rem;text-transform:capitalize;transition:background-color .15s ease-in}.btn:hover{background-color:#ef8a24}.form-label{font-size:1.8rem}.form-input{border:none;outline:none;background-color:#fff;border:1px solid #ea9848;border-radius:.4rem;font-size:1.8rem;padding:.8rem 1.6rem}.form-input:disabled{background-color:#eee}.app{background-color:#ecebec}.app__wrapper{min-height:100vh;display:flex;align-items:flex-start;justify-content:center}.sidebar{width:50%;padding:3rem;border-radius:2rem}@media screen and (max-width: 992px){.app__wrapper{flex-direction:column}.sidebar{padding:0;width:100%}}.friend-form{padding:2rem;border-radius:1rem;background-color:#eae0d1;margin-top:3rem;display:grid;row-gap:2rem}.friend-form__field{display:flex;align-items:center;justify-content:space-between}.friend-form__btn{justify-self:end;border:none;border-radius:.5rem;padding:.5rem 1.5rem;cursor:pointer}.toggle-form{display:block;margin-left:auto;margin-top:2rem;border:none;border-radius:.5rem;padding:.4rem 1.2rem;cursor:pointer}@media screen and (max-width: 576px){.friend-form__field{flex-direction:column;align-items:start}.friend-form__field input{width:100%}}.friends{display:flex;flex-direction:column;gap:1.6rem}.friend{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:1rem}.friend--active{background-color:#eae0d1}.friend__info{display:flex;align-items:center;gap:2rem}.friend__img{display:block;width:5rem;height:5rem;border-radius:100%;object-fit:cover}.friend__name{font-size:1.8rem;text-transform:capitalize;color:#222}.friend__status{font-size:1.4rem;text-transform:lowercase;color:#888}@media screen and (max-width: 576px){.friend{flex-direction:column;align-items:flex-start;justify-content:start;gap:2rem}.friend__status{width:10rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-clamp:1}}.split-form-wrapper{background-color:#eae0d1;padding:3rem;border-radius:2rem;width:50%;margin-top:3rem}.split-form{display:grid;row-gap:1rem;margin-top:2rem}.split-form__title{text-align:center;text-transform:uppercase;font-size:2.4rem}.split-form__field{display:flex;align-items:center;justify-content:space-between}.split-form__btn{justify-self:end}@media screen and (max-width: 992px){.split-form-wrapper{width:100%}}@media screen and (max-width: 576px){.split-form__field{flex-direction:column;align-items:flex-start}.split-form__field input,.split-form__field select{width:100%}}