/* /ldcp_ecommerce_tstore/static/src/newyear/newyear.css */
.goldflake{color: #FFD700; font-size: 1.5em; font-family: 'Times New Roman', serif; text-shadow: 0 0 5px #D4AF37; position: fixed; top: -10%; z-index: 9999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; pointer-events: none; -webkit-animation-name: gold-fall, gold-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: gold-fall, gold-shake; animation-duration: 10s, 3s; animation-timing-function: linear, ease-in-out; animation-iteration-count: infinite, infinite; animation-play-state: running, running;}@-webkit-keyframes gold-fall{0%{top: -10%;}100%{top: 100%;}}@keyframes gold-fall{0%{top: -10%;}100%{top: 100%;}}@-webkit-keyframes gold-shake{0%, 100%{-webkit-transform: translateX(0); transform: translateX(0);}50%{-webkit-transform: translateX(80px); transform: translateX(80px);}}@keyframes gold-shake{0%, 100%{transform: translateX(0);}50%{transform: translateX(80px);}}.goldflake:nth-of-type(0){left: 1%; animation-delay: 0s, 0s;}.goldflake:nth-of-type(1){left: 10%; animation-delay: 1s, 1s;}.goldflake:nth-of-type(2){left: 20%; animation-delay: 6s, 0.5s;}.goldflake:nth-of-type(3){left: 30%; animation-delay: 4s, 2s;}.goldflake:nth-of-type(4){left: 40%; animation-delay: 2s, 2s;}.goldflake:nth-of-type(5){left: 50%; animation-delay: 8s, 3s;}.goldflake:nth-of-type(6){left: 60%; animation-delay: 6s, 2s;}.goldflake:nth-of-type(7){left: 70%; animation-delay: 2.5s, 1s;}.goldflake:nth-of-type(8){left: 80%; animation-delay: 1s, 0s;}.goldflake:nth-of-type(9){left: 90%; animation-delay: 3s, 1.5s;}.goldflake:nth-of-type(10){left: 25%; animation-delay: 2s, 0s;}.goldflake:nth-of-type(11){left: 65%; animation-delay: 4s, 2.5s;}.goldflake:nth-of-type(12){left: 15%; animation-delay: 5s, 1s;}.goldflake:nth-of-type(13){left: 85%; animation-delay: 7s, 2s;}.goldflake:nth-of-type(14){left: 55%; animation-delay: 3s, 3s;}.firework-container{position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9998; overflow: hidden;}.firework{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1rem; aspect-ratio: 1; background: radial-gradient(circle, #ff5722 20%, #0000 0) 50% 0% / 20% 20%, radial-gradient(circle, #ffeb3b 20%, #0000 0) 0% 50% / 20% 20%, radial-gradient(circle, #ff5722 20%, #0000 0) 50% 100% / 20% 20%, radial-gradient(circle, #ffeb3b 20%, #0000 0) 100% 50% / 20% 20%, radial-gradient(circle, #ff9800 20%, #0000 0) 50% 50% / 20% 20%; background-repeat: no-repeat; animation: firework 2s infinite;}.firework:nth-child(2){top: 30%; left: 20%; animation-delay: 0.5s; transform: scale(0.8) translate(-50%, -50%);}.firework:nth-child(3){top: 40%; left: 80%; animation-delay: 1s; transform: scale(1.2) translate(-50%, -50%);}@keyframes firework{0%{transform: translate(-50%, -50%) scale(0); opacity: 1;}50%{transform: translate(-50%, -50%) scale(1); opacity: 1;}100%{transform: translate(-50%, -50%) scale(2.0); opacity: 0;}}.firework::before, .firework::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1rem; aspect-ratio: 1; background: radial-gradient(circle, #ff5722 20%, #0000 0) 50% 0% / 20% 20%, radial-gradient(circle, #ffeb3b 20%, #0000 0) 0% 50% / 20% 20%, radial-gradient(circle, #ff5722 20%, #0000 0) 50% 100% / 20% 20%, radial-gradient(circle, #ffeb3b 20%, #0000 0) 100% 50% / 20% 20%; background-repeat: no-repeat; animation: firework-particles 2s infinite;}.firework::after{transform: translate(-50%, -50%) rotate(45deg);}@keyframes firework-particles{0%{width: 1rem; opacity: 1;}50%{width: 15rem; opacity: 1;}100%{width: 25rem; opacity: 0;}}