.floating-graphics{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.floating-graphic{position:absolute;opacity:.6;transition:opacity .3s ease,transform .3s ease;will-change:transform}.floating-graphic:hover{opacity:1;transform:scale(1.1)}.graphic-mint{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea4d,#764ba24d);border:3px solid rgba(204,85,0,.4);box-shadow:0 4px 15px #c503;animation:float-mint 6s ease-in-out infinite}.graphic-mint:before{content:"\1f343";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem}.graphic-burst{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,107,.3) 0%,transparent 70%);animation:burst-pulse 3s ease-in-out infinite}.graphic-sparkle{width:20px;height:20px;background:linear-gradient(45deg,#ffd93d,#ff6b6b);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:sparkle-rotate 4s linear infinite}@keyframes float-mint{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(3deg)}}@keyframes burst-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.3}}@keyframes sparkle-rotate{0%{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(180deg) scale(1.2);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.8}}.graphic-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea33,#764ba233);border:2px dashed rgba(204,85,0,.3);animation:rotate-slow 20s linear infinite}.graphic-triangle{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:50px solid rgba(204,85,0,.2);animation:triangle-bounce 4s ease-in-out infinite}.graphic-squiggle{width:120px;height:40px;border:3px solid rgba(102,126,234,.3);border-radius:50%/60% 60% 40% 40%;animation:squiggle-wiggle 5s ease-in-out infinite}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes triangle-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes squiggle-wiggle{0%,to{transform:rotate(0) scaleX(1)}25%{transform:rotate(5deg) scaleX(1.1)}50%{transform:rotate(0) scaleX(1)}75%{transform:rotate(-5deg) scaleX(1.1)}}.graphic-misfit-icon{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center;font-size:3rem;animation:misfit-bounce 3s ease-in-out infinite}@keyframes misfit-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.graphic-interactive{cursor:pointer;transition:all .3s ease}.graphic-interactive:hover{transform:scale(1.2) rotate(10deg);opacity:1}.graphic-top-left{top:10%;left:5%}.graphic-top-right{top:10%;right:5%}.graphic-bottom-left{bottom:10%;left:5%}.graphic-bottom-right{bottom:10%;right:5%}.graphic-center{top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 749px){.graphic-mint,.graphic-burst,.graphic-circle{width:40px;height:40px}.graphic-mint:before{font-size:1.5rem}.graphic-sparkle{width:15px;height:15px}}[data-theme=dark] .graphic-mint{background:linear-gradient(135deg,#667eea80,#764ba280);border-color:#c509;box-shadow:0 4px 20px #c506}[data-theme=dark] .graphic-burst{background:radial-gradient(circle,rgba(255,107,107,.5) 0%,transparent 70%)}[data-theme=dark] .graphic-circle{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#cc550080}
/*# sourceMappingURL=/cdn/shop/t/17/assets/creative-graphics.css.map */