.valentine-day{overflow:hidden;position:relative}.valentine-day .cloud-new-year{position:fixed;animation:clouds 8s linear infinite;opacity:70%;background:rgba(238,174,202,.8);z-index:1000}.valentine-day .one-new-year{top:5vmin;animation-duration:60s;left:-15vw;transform:scale(.8)}.valentine-day .two-new-year{top:15vmin;animation-duration:60s;animation-delay:2s;transform:scale(.7);left:-35vw}.valentine-day .three-new-year{top:25vmin;left:-35vw;animation-duration:60s;animation-delay:5s;transform:scale(.9)}.valentine-day .four-new-year{top:35vmin;left:-50vw;animation-duration:60s;animation-delay:8s;transform:scale(1)}.valentine-day .cloud-new-year div{position:absolute;background:inherit;height:20vmin;width:20vmin;background:#fff;border-radius:100%}.valentine-day .cloud-new-year div:first-child{translate:0 5vmin}.valentine-day .cloud-new-year div:nth-child(2){translate:15vmin 9vmin}.valentine-day .cloud-new-year div:nth-child(3){translate:10vmin -6vmin}.valentine-day .cloud-new-year div:nth-child(4){translate:28vmin -3vmin}.valentine-day .cloud-new-year div:nth-child(5){translate:34vmin 8vmin}@keyframes clouds{to{translate:150vw}}.valentine-day .background-home-black-friday{position:absolute;top:0;left:0;width:100%;height:100%}.valentine-day .giftree-1{position:fixed;z-index:1000;width:300px;height:auto;top:50%;right:0}@media screen and (max-width:1600px){.valentine-day .giftree-1{display:none}}.valentine-day .giftree-2{position:fixed;width:300px!important;height:auto;z-index:1000;top:40%!important;left:0!important}@media screen and (max-width:1600px){.valentine-day .giftree-2{display:none!important}}.valentine-day .sticky-category{position:fixed;display:flex;flex-direction:row;gap:.7rem;width:10%;top:17.5rem;left:5%;z-index:99;animation:slideIn .8s ease;transition:opacity .8s ease,transform .8s ease}@media screen and (max-width:1780px){.valentine-day .sticky-category{left:0}}@media screen and (max-width:1440px){.valentine-day .sticky-category{top:17.5rem}}.valentine-day .sticky-category.hidden{opacity:0;transform:translateY(-10px);visibility:hidden}.valentine-day .sticky-category.visible{animation:slideIn .8s ease;opacity:1;transform:translateY(0);visibility:visible}.valentine-day .sticky-category .category-desktop{width:100%;display:flex;flex-direction:column;gap:.4rem}@media screen and (max-width:1640px){.valentine-day .sticky-category .category-desktop{display:none}}.valentine-day .sticky-category .category-mobile{display:none;width:100%;background:#d71536;box-shadow:0 1px 4px rgba(0,0,0,.16);text-align:center}@media screen and (max-width:1640px){.valentine-day .sticky-category .category-mobile{display:none;width:100vw;font-size:1.6rem;line-height:1.4;justify-items:center;height:-moz-fit-content;height:fit-content;padding:1.4rem 0}}.valentine-day .category-item{padding:1.2rem;cursor:pointer;text-align:center;font-weight:700;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border-radius:.6rem;box-shadow:0 1px 4px rgba(0,0,0,.16)}.valentine-day .category-item .category-name{color:#fff;font-size:1.4rem;font-weight:700;position:relative;z-index:2}.valentine-day .category-item.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-color:#ff4c6a;z-index:1;border-radius:.6rem;opacity:1}.valentine-day .category-item.default{background-color:#ff4c6a;opacity:.5}.valentine-day .swiper-slide{transition:transform .3s ease,opacity .3s ease}.valentine-day .swiper-slide.active{transform:scale(1.1);opacity:1}.valentine-day .swiper-slide.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;z-index:1}.valentine-day .swiper-slide.active .category-name{color:#fff;font-size:1.4rem;font-weight:700;position:relative;z-index:2}.valentine-day .swiper-slide.default{transform:scale(.9);opacity:.5}@keyframes falling{0%{opacity:0;bottom:100%;transform:translateX(0) rotate(-5deg)}10%{opacity:.5;bottom:90%;transform:translateX(-30px) rotate(20deg)}20%{bottom:80%;transform:translateX(40px) rotate(-30deg);opacity:1}30%{bottom:70%;transform:translateX(-50px) rotate(25deg)}40%{bottom:60%;transform:translateX(60px) rotate(-20deg)}50%{bottom:50%;transform:translateX(-70px) rotate(35deg)}60%{bottom:40%;transform:translateX(80px) rotate(-25deg)}70%{bottom:30%;transform:translateX(-90px) rotate(30deg)}80%{bottom:20%;transform:translateX(100px) rotate(-15deg)}90%{bottom:10%;transform:translateX(-110px) rotate(10deg);opacity:.8}to{bottom:0;transform:translateX(120px) rotate(35deg);opacity:0}}@keyframes fall{0%{opacity:1;top:-10%;transform:translateX 20px rotate(0deg)}20%{opacity:.8;transform:translateX -20px rotate(45deg)}40%{transform:translateX -20px rotate(90deg)}60%{transform:translateX -20px rotate(135deg)}80%{transform:translateX -20px rotate(180deg)}to{top:110%;transform:translateX -20px rotate(225deg)}}.valentine-day .leaf3{transform:rotateX(180deg)}.valentine-day .main-spin{width:250px;height:250px;top:17.5rem;right:1%;position:fixed;display:flex;justify-content:center;align-items:center;gap:.7rem;z-index:99;animation:slideIn .8s ease;transition:opacity .8s ease,transform .8s ease}.valentine-day .main-spin.hidden{opacity:0;transform:translateY(-10px);visibility:hidden}.valentine-day .main-spin.visible{animation:slideIn .8s ease;opacity:1;transform:translateY(0);visibility:visible}@media screen and (max-width:1780px){.valentine-day .main-spin{right:0}}@media screen and (max-width:1640px){.valentine-day .main-spin{display:none}}.valentine-day .wheel-spin{animation:spin360 5s linear infinite}@keyframes spin360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.valentine-day .span-spin{width:50%;height:50%;display:inline-block;position:absolute}.valentine-day .span1-spin{clip-path:polygon(0 92%,100% 50%,0 8%);background-color:#ff1f1f;top:50%;left:0;transform:translateY(-50%)}.valentine-day .span2-spin{clip-path:polygon(100% 92%,0 50%,100% 8%);background-color:#19e3cf;top:50%;right:0;transform:translateY(-50%)}.valentine-day .span3-spin{clip-path:polygon(50% 0,8% 100%,92% 100%);background-color:#9e0bf3;bottom:0;left:50%;transform:translateX(-50%)}.valentine-day .span4-spin{clip-path:polygon(50% 100%,92% 0,8% 0);background-color:#15b600;top:0;left:60px}.valentine-day .span5-spin{clip-path:polygon(0 40%,100% 0,60% 100%);background-color:#1f26ff;bottom:-2px;right:121px}.valentine-day .span6-spin{clip-path:polygon(40% 100%,0 0,100% 40%);background-color:#ff5a5a;bottom:-2px;left:121px}.valentine-day .span7-spin{clip-path:polygon(60% 0,100% 100%,0 60%);background-color:#57fff1;top:-2px;right:121px}.valentine-day .span8-spin{clip-path:polygon(0 100%,100% 60%,40% 0);background-color:#ff9612;top:-2px;left:121px}.valentine-day .span-spin p{width:32.5px;height:32.5px;font-size:30px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.valentine-day .spin-spin{position:absolute;top:43%;left:43%;width:37.5px;height:37.5px;border-radius:50%;border:2px solid #fff;background-color:#000;color:#fff;box-shadow:0 5px 20px #000;font-weight:700;font-size:10px;cursor:pointer;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.09,1.09,1.09)}to{transform:scaleX(1)}}.valentine-day .spin-spin:active{width:35px;height:35px;font-size:9px;background:#ffe605}@keyframes fly-up{0%{bottom:-20%}to{bottom:100%}}.rocket{position:fixed;bottom:-20%;right:0;z-index:99;animation:fly-up 10s infinite}@media screen and (max-width:1700px){.rocket{display:none}}.rocket-fly{z-index:99;width:300px;height:300px;animation:fly-up 4s infinite alternate;animation-fill-mode:forwards}.rocket-fly.shake{position:relative;animation:shake .5s infinite;z-index:99}.bg-opacity{background:#000;width:100%;height:100%;position:absolute;top:0;opacity:.5;z-index:1}.background{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:1000}@media screen and (max-width:768px){.background{display:none}}.background h1,.background h2{color:#fff;width:100%;text-align:center;font-family:Verdana,Geneva,sans-serif;line-height:1;position:relative;z-index:2;font-weight:100}.background h1{margin-top:50px;font-size:150pt;text-shadow:0 0 10px #000;font-family:snowFont;line-height:.6}.background h2{font-size:32pt;color:#ffee58;font-family:Dancing Script,cursive}.flake path{fill:#fff}.flake-wrapper{position:absolute;z-index:200}@keyframes falling-snow{0%{top:-50px;opacity:1}50%{opacity:1}80%{opacity:0}to{top:100%;opacity:0}}.envelope{animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}