*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:Poppins,sans-serif}:root{--color-border-gray:#a7a7a79b;--color-pink:#f6d9f1;--color-orange:#ea580c;--color-orange-light:#ea5a0c52}@media (min-width:1023px){.close-form{display:none}#container-friends{background-color:#f6d9f1;background-color:var(--color-pink);border:1px solid #a7a7a79b;border:1px solid var(--color-border-gray);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:30rem;max-width:100%;min-width:25rem;overflow-y:scroll;padding:1rem 2rem}.main-container-app{align-items:center;padding:2rem 15rem}.App,.main-container-app{display:grid;justify-content:center;margin:1rem auto;width:-webkit-fit-content;width:fit-content}.App{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(2,1fr);height:-webkit-fit-content;height:fit-content}#container-AddFriendForm{gap:1rem;padding:1rem 5rem}#container-AddFriendForm,#container-SplitPurchaseForm{background-color:#f6d9f1;background-color:var(--color-pink);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content}#container-SplitPurchaseForm{gap:.8rem;padding:3rem}.friend-detail{display:flex;flex-direction:column}.container-input-style{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}select option{background-color:#fff;color:#333}.scale-up-center{animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-bottom{0%{transform:translateY(-10px)}to{transform:translateY(0)}}}.btn-orange{background-color:#f97316;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.47rem 1.5rem;transition:background-color .3s ease}.btn-orange:hover{background-color:#ea580c;background-color:var(--color-orange)}.btn-split-containere{display:flex;justify-content:flex-end;width:100%}.btn-extra-style{padding:1rem}.red{color:var(red)!important}.green{color:#15c615}.friend-item:hover{background-color:#ea5a0c52;background-color:var(--color-orange-light);cursor:pointer}.name{font-weight:700}.friend-item{border-radius:10px;display:grid;grid-template-columns:5rem 1fr 1fr;height:-webkit-fit-content;height:fit-content;padding:1rem 2rem;place-items:center;width:35rem}input[type=text],select{background-color:#fff;border:1px solid #ccc;border-radius:.375rem;color:#333;font-size:1rem;outline:none;padding:.5rem .75rem;transition:border-color .2s ease-in-out;width:100%}input[type=text]:focus,select:focus{border-color:#5f2ef5d8}@media (max-width:780px){body{font-size:16px;max-height:100vh}.btn-extra-style{padding:1rem}#container-friends{background-color:#fff;height:40rem;max-width:100%;min-width:25rem;overflow-y:scroll;padding:1rem .5rem}.App{grid-gap:2rem;display:grid;gap:2rem;height:-webkit-fit-content;height:fit-content;justify-content:center;overflow:hidden;padding:2rem 0;position:relative;width:100vw}.container-friend-popup{height:100%;left:50%;top:50%;width:100%}.overly-friend-form{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:rgba(0,0,0,.153);inset:0;position:fixed;z-index:-10}#container-AddFriendForm{align-items:center;background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;height:18rem;justify-content:center;margin:45% auto;max-width:400px;padding:1rem 2rem;width:90%;z-index:101}.container-input-style{grid-gap:1rem;display:grid;display:flex;flex-direction:column;gap:1rem;gap:.4rem;grid-template-columns:repeat(2,1fr);width:85%}.main-container-app{padding:2rem 0;width:100%}#container-SplitPurchaseForm{align-items:center;background-color:var(--color-pink);display:flex;flex-direction:column;gap:.8em;height:-webkit-fit-content;height:fit-content;padding:3rem 2rem;position:relative;width:26rem}#container-SplitPurchaseForm.oculto{display:none}#container-SplitPurchaseForm h1{color:#454545;font-size:1.5rem;font-weight:700;text-align:center}.title-main{font-size:1.4rem;text-align:center}.close-form{align-items:center;background-color:red;border:none;border-radius:1rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;padding:.5rem;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:2rem}.close-form:hover{color:#faebd7}.friend-item{border-radius:10px;display:grid;grid-template-columns:4rem 1fr 7rem;height:-webkit-fit-content;height:fit-content;padding:1rem 2rem;place-items:center;width:99%}.btn-split-containere{bottom:3rem;justify-content:flex-end;position:absolute;width:100%}.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@keyframes scale-up-center{0%{transform:scale(.5)}to{transform:scale(1)}}}.add-friend-action{display:flex;justify-content:flex-end;width:100%}
/*# sourceMappingURL=main.f9420759.css.map*/