.chip{display:flex;align-items:center;justify-content:center;border:none;border-radius:5rem;background-color:#e0e0e0;color:#4a3d3d;box-sizing:border-box;cursor:pointer;transition:background-color .2s ease-in-out;padding:0;font-family:Poppins,sans-serif;font-size:26px;line-height:50px;font-weight:600}.chip:hover{background-color:#b2b2b2}.chip-disabled{pointer-events:none}.chip-icon{margin-right:.5rem;margin-left:.5rem;color:#ccc;cursor:pointer;transition:color .2s ease-in-out}.chip-icon:hover{color:#1ea7fd}.chip-prefix,.chip-suffix,.chip-text{margin-right:.5rem;margin-left:.5rem}.chip-close{margin-right:.5rem;margin-left:.5rem;color:#333;cursor:pointer;transition:color .2s ease-in-out;display:flex;justify-content:center;align-items:center}.chip-close:hover{color:#ca4a31}.chip-avatar{margin-right:.5rem;margin-left:.2rem;width:3rem;height:3ch;border-radius:50%}.chip-highlighted{background-color:#1ea7fd;color:#fff}.chip-highlighted .chip-icon,.chip-highlighted .chip-close{color:#fff}.chip-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem;flex-direction:row;padding:.5rem;border:none;border-bottom:1px solid #ccc;background-color:#fff;width:100%;min-height:5rem;box-sizing:border-box;cursor:text;transition:border-color .2s ease-in-out;border-radius:8px}.chip-container:focus-within{border:none;border-bottom:1px solid #1ea7fd}.chip-input{display:flex;align-items:center;justify-content:flex-start;border:none;background-color:transparent;height:100%;box-sizing:border-box;cursor:text;transition:background-color .2s ease-in-out;font-family:Poppins,sans-serif;font-size:26px;line-height:50px;font-weight:600}.chip-input:focus{outline:none}.chip-autocomplete{margin-top:10px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;border:none;background-color:#fff;max-height:200px;width:500px;overflow-y:auto;box-sizing:border-box;cursor:text;transition:background-color .2s ease-in-out;position:absolute;box-shadow:#ccc 0 0 0 1px inset;border-radius:4px}.chip-autocomplete::-webkit-scrollbar-track{background:#ececec}.chip-autocomplete::-webkit-scrollbar-thumb{background-color:#dcdcdc;border-radius:20px;border:3px solid rgb(197,183,183)}.chip-autocomplete-options{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;border:none;background-color:transparent;box-sizing:border-box;cursor:pointer;transition:background-color .2s ease-in-out;gap:4px;width:100%;padding:8px 0}.chip-autocomplete-options:hover{background-color:#d4d4d4}.chip-autocomplete-title,.chip-autocomplete-value{margin-right:.5rem;margin-left:.5rem;font-size:.8rem;color:#333;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:26px;line-height:50px;font-weight:600}.chip-autocomplete-avatar{margin-right:.5rem;margin-left:.5rem;width:3.5rem;height:3.5rem;border-radius:50%}.chip-autocomplete-options-selected{background-color:#e5e5e5}.chip-autocomplete-options:hover{background-color:#f5f5f5}@media only screen and (max-width: 1000px){.chip-autocomplete{width:300px}.chip-autocomplete-title,.chip-autocomplete-value{width:100px;font-size:14px;font-weight:400px}}body{margin:0;padding:0;overflow:none;font-size:16px;background-color:#e6e0e6;font-family:Poppins,sans-serif}.container{display:flex;align-items:center;flex-direction:column;height:100vh}.info{display:flex;justify-content:center;align-items:center;flex-direction:column}.header{background-color:#3c006b;padding:16px;color:#e9e9e9;font-size:26px;line-height:50px;font-weight:600}.card{width:45%;display:flex;justify-content:center;align-items:center;background-color:#eff0d7;flex-direction:column;padding:4rem 10rem;margin-top:50px;background:#d39bff;background:linear-gradient(180deg,#d39bff 35%,#f9dbf6);font-size:24px;font-weight:500;border-radius:50px;font-family:Poppins,sans-serif;gap:2rem}.invite{width:380px;height:65px;background-color:#f54149;-webkit-transition:.2s;transition:.2s;font-size:26px;line-height:50px;font-weight:600;text-align:center;background-image:linear-gradient(170deg,#f04,#ff794d);color:#ffccd9;border-radius:50px;font-family:Poppins,sans-serif}.invite:hover{color:#fff}.pill{background-color:#f54149;background-image:linear-gradient(170deg,#f04,#ff794d);padding:8px 16px;color:#e9e9e9;font-size:26px;line-height:50px;font-weight:600;border-radius:50px;font-family:Poppins,sans-serif;border:none}@media only screen and (max-width: 1000px){.card{width:98%;margin:4rem;border-radius:0;margin-top:0;padding:1rem 4px;font-size:20px}}
