.snowflake{color:#fff;font-size:1em;font-family:Arial,sans-serif;text-shadow:0 0 5px #000}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%,to{-webkit-transform:translateX(0);transform:translate(0)}50%{-webkit-transform:translateX(80px);transform:translate(80px)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%,to{transform:translate(0)}50%{transform:translate(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}.gift-item{display:flex;justify-content:space-between;align-items:center;background:#edf1ff;padding:1rem;border-radius:.25rem;border:1px solid #dad9e3}.gift-data img{width:64px;height:64px;object-fit:cover;flex-shrink:0;border:1px solid white}.gift-data{display:flex;gap:.5rem;align-items:center}.gift-description{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;line-height:1.5rem}.gift-quantity{font-size:1.4rem}.gift-addressee{color:gray;font-size:1.4rem}.text-ellipsis{max-width:130px;text-overflow:ellipsis;overflow:hidden}.gift-actions{display:flex;gap:.7rem}.gift-actions button{cursor:pointer;background:var(--bg-main-color);color:#fff;font-size:1.2rem;padding:.5rem;border-radius:50%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transition:background .05s}.gift-actions button:hover{background:#c62222}@media (max-width: 640px){.gift-item{flex-direction:column;align-items:flex-start}.gift-data{align-items:flex-start}}.form-gift{width:100%;min-width:400px;display:flex;flex-direction:column;gap:.9rem}.form-gift label{display:flex;flex-direction:column;gap:.1rem}.form-gift input{flex:1;background:whitesmoke;border-radius:.3rem;color:#000;padding:.5rem 1rem;font-size:var(--font-gifts)}.button-random{text-transform:none}.form-name{display:flex;gap:1rem}.form-name label{width:100%}.form-name-input{display:flex;gap:1rem}.form-buttons{display:flex;justify-content:space-between;margin-top:1rem}.form-buttons button{width:40%}.form-close{color:var(--btn-primary);background:transparent;border:1px solid green}.form-close:hover{background-color:#f5f5f5}header button{display:flex;justify-content:center;align-items:center}header button img{height:32px;width:32px}.music-controls{height:16px;width:16px}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}input,textarea{user-select:auto;-webkit-user-select:auto}::placeholder{color:unset}:where([hidden]){display:none}:root{--bg-body-color: #fafafa;--bg-main-color: #e31e1e;--font-color: #fafafa;--main-width: 600px;--font-gifts: 1.6rem;--btn-primary: green}button{cursor:pointer}body{font-family:Mountains of Christmas,cursive;padding:2rem;background-color:var(--bg-body-color);min-height:100vh;font-size:1.4rem}main{background:var(--bg-main-color);border-radius:.5rem;display:flex;flex-direction:column;gap:2rem;align-items:center;margin:0 auto;max-width:var(--main-width);padding:1.5rem 3rem;color:var(--font-color);box-shadow:#0000003d 0 3px 8px}main h1{font-size:2rem;font-weight:700;text-transform:uppercase}header{display:flex;gap:2rem;align-items:center}form button,.button-add-gift{background:var(--btn-primary);padding:.6rem 1rem;border-radius:.3rem;text-transform:uppercase;color:#fff;display:flex;justify-content:center;transition:background .05s}.button-add-gift{width:100%}form button:hover,.button-add-gift:hover{background:#017101}.button-add-gift:focus,.buttons-home-bottom button:focus,.gift-item button:focus,.form-gift button:focus,.form-gift input:focus{outline:2px solid rgb(37,37,37)}.gifts{display:flex;flex-direction:column;gap:.8rem;border-radius:.3rem;font-size:var(--font-gifts);width:100%;padding:1rem;background:#fafafa;color:#000}.gifts-total{text-align:end;font-size:1.8rem}.buttons-home-bottom{display:flex;gap:2rem}.buttons-home-bottom button{border:1px solid white;border-radius:.3rem;padding:.4rem .8rem;text-align:center;transition:background .05s}.buttons-home-bottom button:hover{background:#c62222}.empty-list{font-size:1.4rem;color:#494949}.modal{background:#fafafa;border:1px solid gray;border-radius:.5rem;inset:0px;margin:auto;height:fit-content;max-width:600px;position:absolute;padding:1rem}.modal-overlay{position:absolute;inset:0px;background-color:#ffffffbf}@media (max-width: 640px){body{padding:0}main{padding:2rem 1rem;border-radius:0;min-height:100vh}.gifts{gap:1.5rem;padding:1rem}.modal{max-width:100%}.form-gift{min-width:0}.form-name-input{flex-direction:column}.form-name label{width:100%}.gift-actions{margin-left:auto}}