@media only screen and (min-width:768px){.p5-wrapper>div:not(.slot-machine-main){width:100%;height:100%}.p5-wrapper>div>canvas{margin:auto;max-height:525px;max-width:525px}}@media only screen and (max-width:768px){.p5-wrapper{border-radius:0;background-color:transparent}.p5-wrapper>div:not(.slot-machine-main){width:100%;height:100%}.p5-wrapper>div>canvas{margin:auto;height:350px;width:350px;max-width:350px;max-height:350px}}.react-p5-wrapper{color:transparent}.fancy-border{--offset:4px;position:relative;overflow:hidden;isolation:isolate;padding:4px;background:transparent;border-radius:9999px}.fancy-border:before{content:"";background:conic-gradient(transparent,rgba(246,82,210,.6),rgba(251,240,23,.8) 270deg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;width:100%;animation:rotate 2s linear infinite;z-index:1;opacity:.7}.fancy-border:after{content:"";background:transparent;border-radius:inherit;position:absolute;inset:var(--offset);z-index:2}.fancy-border button{position:relative;z-index:3;width:100%;margin:0}@keyframes rotate{0%{transform:translate(-50%,-50%) scale(1.8) rotate(0turn)}to{transform:translate(-50%,-50%) scale(1.8) rotate(1turn)}}.canvas-wrapper{display:flex;justify-content:center;width:100%;height:100%;canvas{width:100%!important;height:100%!important;-o-object-fit:contain;object-fit:contain}}.pointer-events-none{pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fixed.inset-0{animation:fadeIn .3s ease-in-out}.sparkles-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;background-color:hsla(0,0%,100%,.3)}.sparkles-image{width:300px;height:300px;-o-object-fit:contain;object-fit:contain}.product-grid-wrapper{position:relative}.clothes-line{position:absolute;left:-20px;right:-20px;width:calc(100% + 40px);height:64px;pointer-events:none;z-index:-1}.clothes-line svg{width:100%;height:100%;overflow:visible}.clothes-line path{fill:none;vector-effect:non-scaling-stroke}.clothes-line .line-thick{stroke:#a7a7a7;stroke-width:4px;transform:translateY(.5px)}.clothes-line .line-thin{stroke:#e5e5e5;stroke-width:3px;position:relative}@keyframes clothesLineSwayDesktop{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes clothesLineSwayMobile{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@media (min-width:769px){.clothes-line:first-child svg{animation:clothesLineSwayDesktop 8s ease-in-out infinite}.clothes-line:nth-child(2) svg{animation:clothesLineSwayDesktop 8s ease-in-out .2s infinite}.clothes-line:nth-child(3) svg{animation:clothesLineSwayDesktop 8s ease-in-out .4s infinite}}@media (max-width:768px){.clothes-line svg{animation:clothesLineSwayMobile 8s ease-in-out infinite}.clothes-line:nth-child(2n) svg{animation-delay:.2s}}.product-column{position:relative}