@import"https://fonts.googleapis.com/css2?family=Nunito&display=swap";:root{--red: #d42834;--grey: rgb(234, 234, 234);--darkGrey: rgb(120, 120, 120);--notification: rgb(221, 220, 220)}*{margin:0;padding:0}body{font-family:Nunito,sans-serif}nav{position:absolute;background-color:var(--red);width:calc(100% - 2em);top:0;left:0;padding:1em;box-shadow:0 3px 6px #00000026}nav ul{list-style-type:none;float:right}nav ul li{display:inline;margin-right:20px;color:#f5f5f5}nav .button-github{position:absolute;background-color:var(--grey);width:fit-content;padding:.5em 1em;display:flex;gap:.5em;align-items:center;font-size:small;border-radius:.75em;box-shadow:0 3px 6px #00000026;top:1em;left:1em;color:#222}nav a{text-decoration:none;color:inherit}.head{width:100%;text-align:center}.countdown{display:flex;gap:.25em;margin:1em auto 2em;width:fit-content;font-size:large}.main-grid{display:grid;grid-template-columns:65% 30%;max-width:1120px;margin:1em auto;gap:.25em}.single-grid{display:grid;grid-template-columns:50% 50%;gap:.25em;max-width:620px;margin:1em auto;width:calc(90% - .5em)}.santa-container{background:#5c069a;width:120px;height:120px;border-radius:100%;margin:6em auto 1em;position:relative;overflow:hidden}.santa-container .star{width:2px;height:2px;background:white;border-radius:100%;position:absolute;left:18px;top:25px;animation:stars 1s infinite alternate}@keyframes stars{0%{opacity:.6}to{opacity:1}}.santa-container .star:nth-child(1){width:5px;height:5px;top:36px;left:10px;animation-delay:2s;animation-duration:.7s}.santa-container .star:nth-child(3){width:3px;height:3px;top:20px;left:30px;animation-delay:4s}.santa-container .star:nth-child(4){width:4px;height:4px;top:6px;left:40px;animation-duration:.7s}.santa-container .star:nth-child(5){width:2px;height:2px;top:12px;left:60px;animation-delay:5s}.santa-container .star:nth-child(5){width:2px;height:2px;top:48px;left:25px;animation-delay:6s;animation-duration:2s}.santa-container .star:nth-child(6){width:3px;height:3px;top:68px;left:13px;animation-duration:.7s}.santa-container .star:nth-child(7){width:3px;height:3px;top:85px;left:95px;animation-delay:8s}.santa-container .star:nth-child(8){width:2px;height:2px;top:15px;left:90px;animation-delay:9s}.santa-container .star:nth-child(9){width:4px;height:4px;top:25px;left:85px;animation-delay:2s;animation-duration:.7s}.santa .hat{width:46px;height:21px;border-radius:200px 200px 0 0;background:#d42834;margin:0 auto;top:16px;position:relative;left:4px;z-index:20}.santa .hat:after{width:46px;height:5px;border-radius:20px;content:"";display:block;background:white;position:relative;top:21px;left:-4px}.santa .hat .end{width:13px;height:25px;background:#d42834;display:inline-block;position:absolute;right:0;top:12px;border-radius:0 11px 0 0}.santa .hat .end:after{width:10px;height:10px;border-radius:100%;background:white;content:"";display:inline-block;top:20px;position:absolute;left:5px}.santa .face{width:40px;height:43px;background:white;border-radius:0 0 50px 50px;margin:0 auto;position:relative;z-index:20;top:20px}.santa .face .eyes{background:#f1ddd5;width:35px;height:12px;margin:0 auto;position:relative;left:0;text-align:center;top:1px;padding-top:0}.eyes .right-eye,.eyes .left-eye{width:6px;height:4px;background:transparent;box-shadow:0 -2px #793623;display:inline-block;margin:0 auto;border-radius:50%;top:4px;position:absolute}.eyes .right-eye{right:8px}.eyes .left-eye{left:8px}.santa .face .mouth{background:#a31f2b;border-radius:100%;width:5px;height:5px;position:absolute;bottom:20px;left:13px}.santa .body{width:60px;height:54px;background:#d42834;border-radius:40px 40px 0 0;position:absolute;bottom:0;right:0;left:0;margin:0 auto;text-align:center;z-index:1}.santa .body .arm{position:absolute;background:#d42834;width:60px;height:20px;top:10px;left:-25px;rotate:40deg;z-index:-1;animation:santaWawe 1.2s infinite alternate}@keyframes santaWawe{0%,to{rotate:40deg}50%{rotate:45deg}}.santa .body .arm:after{content:"";background-color:#f1ddd5;position:absolute;top:4px;left:-10px;width:12px;height:12px;border-radius:100%;z-index:-3}.santa .body:after{content:"";background-color:#f5f5f5;height:60px;width:7px;position:absolute;top:0;left:50%;transform:translate(-50%)}.santa .body .buttons{background:rgb(30,30,29);border-radius:100%;width:5px;height:5px;position:absolute;top:40px;left:50%;transform:translate(-50%);z-index:3}.santa .body .buttons:after{content:"";width:3px;height:3px;background-color:#b7b721;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%}.santa .body .buttons:nth-child(1){top:52px}.santa .body .buttons:nth-child(2){top:28px}.sack{background:#a31f2b;height:45px;width:55px;border-radius:100%;z-index:9;position:absolute;right:5px;top:38px}.intro-santa{max-width:620px;margin:2em auto;line-height:1.5}.intro-santa p{padding:1em;margin:1em auto;border-radius:1em;animation:intro .55s linear;width:calc(95% - 2em)}@keyframes intro{0%{opacity:0;border-radius:0}80%{opacity:1}to{border-radius:1em}}.santa-box{margin:1em auto;width:calc(97% - 4em);max-width:620px;padding:3.5em 2em 1em;border:2px solid var(--grey);border-radius:1em;position:relative;overflow:hidden;height:fit-content;border-top:0;animation:santaBox .5s linear}@keyframes santaBox{0%{opacity:0}to{opacity:1}}.santa-box .header{position:absolute;background-color:var(--red);height:4em;width:100%;top:0;left:0;display:grid;place-content:center;color:#fff}.santa-box .groupname-box{background-color:var(--grey);position:absolute;top:3em;left:50%;transform:translate(-50%);padding:1em;z-index:420;animation:showGroupMessage .35s linear;box-shadow:0 3px 6px #00000026}@keyframes showGroupMessage{0%{top:4em;opacity:0}to{top:3em;opacity:1}}.santa-box .groupname-box:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border:5px solid transparent;border-top:0;border-bottom:10px solid var(--grey)}.santa-box .header input{font-size:1.5em;text-align:center;padding:0 0 .25em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:var(--red);color:#fff;border-bottom:2px solid white;border-radius:0}.santa-box .expl{background-color:var(--grey);padding:1em;line-height:1.5;font-size:small;margin:1em auto}.show-message{background-color:var(--notification);padding:1em;margin:2em auto;animation:showMessage .3s linear;width:fit-content;max-width:320px;position:fixed;border-radius:1em;box-shadow:0 3px 6px #00000026;top:1em;left:50%;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:620}.show-message .icon{position:absolute}@keyframes showMessage{0%{opacity:0;top:-1em}to{opacity:1;top:1em}}.organizer-details{top:.25em;right:1em;height:3.5em;min-width:3.5em;display:grid;place-content:center;font-size:small;width:fit-content;margin:.5em auto}.organizer-details p{text-align:center}.organizer-details>span{border-bottom:4px dotted var(--red)}.input-container{margin:2em auto;width:100%;text-align:center;animation:addParticipant .5s linear}@keyframes addParticipant{0%{opacity:0}to{opacity:1}}.input-container .input-box{display:flex;align-items:center;width:calc(100% - 1em);margin:0 auto}.input-container .input-box label{background-color:var(--red);width:fit-content;padding:.75em;width:4em;color:#fff;border-top-left-radius:1em;border-bottom-left-radius:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-container input[type=text],.input-container input[type=email]{padding:1.3em 1.5em;border-radius:0 1em 1em 0;border:2px solid var(--grey);border-left:0;width:100%;transition:all .2s linear}.input-container .error{border:2px solid var(--red);border-left:0}.input-container .ok{border:2px solid limegreen}.input{display:grid;gap:1em;margin:2em auto;width:70%}.group-text::placeholder{color:#bbb}@media (max-width: 720px){.input{width:100%}.santa-box{padding:3.5em .5em 1em 1em;width:calc(97% - 2em)}}.input button{background-color:var(--red);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:#fff;padding:1em;border-radius:1em;cursor:pointer;font-family:Roboto,sans-serif;font-size:small;text-shadow:1px 1px black;box-shadow:0 3px 6px #00000040;width:150px}.input .add-butt{margin:2em auto auto}.participants-container{margin-bottom:20px}.email-checkbox{width:320px;align-items:center;padding:1em 2em;display:grid;flex-direction:row;position:absolute;bottom:0;left:50%;transform:translate(-50%);grid-template-columns:5px auto;font-size:small}.email-checkbox input[type=checkbox]{width:15px;height:15px;z-index:999}.agreement-box{display:flex;width:fit-content;margin:1em auto}.email-checkbox .email-checkbox span,.agreement-box span{font-size:small}.email-checkbox .error,.agreement-box .error{color:var(--red);border:none;animation:shake-horizontal 1s cubic-bezier(.255,.07,.515,.955) both}@keyframes shake-horizontal{0%,to{-webkit-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%{-webkit-transform:translateX(-3px);transform:translate(-3px)}20%,40%,60%{-webkit-transform:translateX(3px);transform:translate(3px)}80%{-webkit-transform:translateX(2px);transform:translate(2px)}90%{-webkit-transform:translateX(-2px);transform:translate(-2px)}}.email-checkbox input[type=checkbox]{margin-left:6px}.participants-list{list-style:none;padding:0}.participant-item{font-size:16px;margin-bottom:5px}.button-container{margin-top:20px}.users-box{margin:2em auto;max-width:520px;width:calc(100% - 2em);padding:1em;border-radius:1em;animation:usersBox .4s linear;min-width:300px}.users-box h2,.users-box h3{text-align:center}@keyframes usersBox{0%{opacity:0}to{opacity:1}}.users-box ul{margin:2em auto;list-style:none}.users-box ul li .email{font-size:small;padding:.25em;width:calc(100% - 1em);position:absolute;left:0;bottom:-2.25em;width:fit-content;color:var(--darkGrey);display:flex;gap:.25em;align-items:center}.users-box ul li{margin:1em auto 3.5em;padding:.5em 1em;max-width:200px;width:calc(100% - 2em);animation:usersLi .35s linear;border:2px dotted var(--red);border-radius:.5em;position:relative;background-color:#fcfcfc}@keyframes usersLi{0%{opacity:0}to{opacity:1}}.group-info{padding:1.25em;position:relative;margin:1em auto;height:fit-content;width:calc(100% - 2.5em);text-align:center}.group-info .date{font-size:small}.button-santa-box{display:grid;height:100%;place-content:center}.agreement-box{display:flex;place-items:center;gap:.5em}.button-santa{width:fit-content;margin:3em auto;position:relative}.button-santa button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:var(--red);color:#fff;font-size:1rem;padding:1em 2em;box-shadow:0 3px 6px #00000026;border-radius:.75em;position:relative;overflow:hidden;cursor:pointer}.button-santa .snow{content:"";display:block;position:absolute;bottom:-7px;right:-3px;height:14px;width:60px;background-color:#fcfcfc;border-top-left-radius:50%}.button-santa .snow:nth-child(2){content:"";display:block;position:absolute;bottom:-7px;right:-3px;height:18px;width:35px;background-color:#fcfcfc;border-top-left-radius:50%;box-shadow:0 3px 6px #00000026}.button-santa .snow:nth-child(3){content:"";display:block;position:absolute;bottom:0;right:-18px;height:18px;width:35px;background-color:#fcfcfc;border-top-left-radius:50%;box-shadow:0 3px 6px #00000026}.button-santa .hat{width:64px;height:31px;border-radius:200px 200px 0 0;background:#d42834;margin:0 auto;top:-30px;rotate:-20deg;position:absolute;left:-30px;z-index:2}.button-santa .hat:after{width:60px;height:15px;border-radius:20px;content:"";display:block;background:white;position:relative;top:22px;right:-6px;border:1px solid var(--grey);border-top:0px}.button-santa .hat .hat-end{width:13px;height:32px;content:"";background:#d42834;display:inline-block;position:absolute;left:0;top:15px;border-radius:13px 0 0}.button-santa .hat .hat-end:after{width:15px;height:15px;border-radius:50%;background:white;content:"";display:inline-block;top:20px;position:absolute;left:-1px;z-index:11;border:1px solid var(--grey)}.button-santa button:hover>.button-santa .hat{rotate:-15px}.assignments-box{margin:0 auto 2em;max-width:calc(100% - 4em);width:fit-content;padding:3em 0;animation:usersBox .4s linear}.assignments-box .grid{display:grid;grid-template-columns:auto auto}.assignments-box h2{text-align:center}.assignments-box ul{list-style:none}.assignments-box ul li{margin:1em auto;padding-bottom:.25em;color:var(--darkGrey);width:fit-content}.comment-box{margin:1em auto;width:calc(97% - 4em);max-width:620px;height:fit-content}.comment-box p{border:1px solid var(--grey);padding:1em;margin:1em auto;border-radius:1em}.comment-box textarea{width:calc(100% - 2em);margin:1em auto;border-radius:1em;border:2px solid var(--grey);height:80px;resize:vertical;overflow-y:scroll;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1em}@media (max-width: 1024px){.main-grid,.assignments-box .grid,.single-grid{grid-template-columns:auto}.assignments-box{padding:0}}#snowContainer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.snow{position:absolute;border-radius:5px;will-change:transform,opacity;animation-timing-function:ease-in-out}.loader-container{position:relative}.loader-container p{margin-top:10px;opacity:0;position:absolute;top:-3em;left:50%;transform:translate(-50%);font-family:Nunito,sans-serif;width:100%;text-align:center}.loader-container .fade-in-out{animation:fadeInOut 3.35s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0;margin-top:-1em}15%,85%{opacity:1;margin-top:0}to{opacity:0;margin-top:-1em}}.loader{position:relative;border:dotted var(--red) 3px;width:180px;height:20px;border-radius:7px;margin-left:auto;margin-right:auto;margin-top:70px}.loader .bar{content:"";position:absolute;width:176px;height:16px;top:2px;left:2px;background-color:var(--red);border-radius:4px;animation:loaderAnimationBefore 3.5s linear infinite}@keyframes loaderAnimationBefore{0%{width:0%;opacity:0;background-color:#5c069a}25%{width:20%}50%{width:25%}60%{width:50%}95%{width:176px}to{width:176px;opacity:1}}.email-sent{text-align:center;animation:intro .35s linear;margin:2em auto;padding:1em;width:calc(100% - 2em);max-width:520px;background-color:var(--grey)}.email-sent h2{border-bottom:4px dotted var(--red);width:fit-content;margin:.25em auto;padding-bottom:.25em}#cookie-consent{position:fixed;background-color:#fcfcfc;z-index:999;max-width:420px;width:calc(90% - 2em);bottom:3em;padding:1em;box-shadow:0 3px 6px #00000026;left:50%;transform:translate(-50%);animation:cookieEntrance .35s linear}#cookie-consent .buttons{width:80%;display:grid;grid-template-columns:45% 45%;margin:1em auto;border-top:4px dotted var(--red);padding-top:1em;gap:.5em;place-content:center}@keyframes cookieEntrance{0%{opacity:0;bottom:-4em}to{opacity:1;bottom:3em}}#cookie-consent button,#cookie-consent a{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--red);color:#fff;padding:.5em 1.5em;border:none;font-size:12px}#cookie-consent a{font-size:12px;text-align:center;text-decoration:none}.policy-container{max-width:820px;margin:5em auto;padding:1em}.policy-container a{color:var(--red)}.policy-container .date{color:var(--darkGrey);margin-bottom:2em}.policy-container .policy-note{margin:2em auto;font-size:small}.policy-container h2,.policy-container h3{margin:.25em}.policy-container p{margin:.5em}.policy-container ul{margin-left:2em;margin-bottom:1em}.policy-container li{list-style:square;color:var(--red);margin:.25em}.policy-container li span{color:#222}.footer{width:100%;text-align:center;margin:5em auto 1em;font-size:small;color:var(--darkGrey)}.footer .links-footer{margin:.25em auto}.footer a{color:#5c069a;text-decoration:none}.footer a:hover{text-decoration:underline}