#giftToast{align-content:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;display:none;cursor:none}#giftToast.active{display:grid}#giftToastInner{width:auto;max-width:300px;background-color:var(--toast-background);text-align:center;padding:3rem;color:var(--toast-text);opacity:0;transition:opacity .5s}#giftToastInner.active{opacity:1}.modalwrapper{--modal-padding: 20px;position:fixed;pointer-events:none;opacity:0;top:0;left:0;width:100%;height:100%;background-color:var(--modal-background);transition:all .2s}.modalwrapper .modal{margin:20px;background-color:#fff;border:3px solid var(--color-borders);border-radius:5px;height:calc(100vh - var(--modal-padding) * 2);overflow-y:scroll;transform:scale(0);transition:all .4s;pointer-events:all}.modalwrapper.submodal{transform:scale(0)}.modalwrapper.submodal .modal{height:calc(100vh - var(--modal-padding) * 4)}.modalwrapper.active{opacity:1;height:100%;transform:scale(1)}.modalwrapper.active .modal{transform:scale(1)}.userInvites ul{list-style:none}:root{--color-grey: grey;--color-light-blue: #ADD8E6;--color-borders: navy;--modal-background: var(--color-grey);--modal-border: var(--color-borders);--card-background: var(--color-light-blue);--toast-background: var(--color-light-blue);--toast-text: var(--color-grey)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}nav ul li{display:inline;margin:5px}a{text-decoration:underline;cursor:pointer}button{cursor:pointer}.eventCard{background:lightgrey;cursor:zoom-in}.eventCard.confirmed{background:var(--card-background)}.eventFriends{padding-left:0;list-style:none}.userEventsList{display:flex;list-style:none;gap:10px;flex-wrap:wrap;margin:auto}.userEventsList>li{width:300px}.userGiftsList{list-style:none}.userGiftsList>li{width:300px;margin:auto}