.card-magic{--cm-yellow: #FFD600;--cm-pink: #FF006E;--cm-lime: #06FFA5;--cm-black: #1A1A1A;--cm-white: #FFFFFF;--cm-offwhite: #FAFAFA;--cm-font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--cm-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--cm-border: 4px solid var(--cm-black);--cm-shadow: 6px 6px 0 var(--cm-black);padding:80px 0;position:relative;overflow:hidden}.card-magic--white{background:var(--cm-white)}.card-magic--offwhite{background:var(--cm-offwhite)}.card-magic--black{background:var(--cm-black);color:var(--cm-white)}.card-magic--yellow{background:var(--cm-yellow)}.card-magic__bg-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.card-magic__star{position:absolute;width:24px;height:24px;opacity:0;will-change:transform,opacity}.card-magic__star--1{top:5%;left:8%;fill:var(--cm-pink);animation:star-flash 2s ease-in-out infinite}.card-magic__star--2{top:8%;right:12%;width:32px;height:32px;fill:var(--cm-yellow);animation:star-flash 2.5s ease-in-out infinite .3s}.card-magic__star--3{top:25%;left:5%;width:20px;height:20px;fill:var(--cm-lime);animation:star-flash 1.8s ease-in-out infinite .6s}.card-magic__star--4{top:30%;right:6%;width:28px;height:28px;fill:var(--cm-pink);animation:star-flash 2.2s ease-in-out infinite .9s}.card-magic__star--5{top:45%;left:10%;fill:var(--cm-yellow);animation:star-flash 2s ease-in-out infinite 1.2s}.card-magic__star--6{top:50%;right:8%;width:22px;height:22px;fill:var(--cm-lime);animation:star-flash 2.3s ease-in-out infinite .4s}.card-magic__star--7{top:65%;left:6%;width:26px;height:26px;fill:var(--cm-pink);animation:star-flash 1.9s ease-in-out infinite .7s}.card-magic__star--8{top:70%;right:10%;width:30px;height:30px;fill:var(--cm-yellow);animation:star-flash 2.1s ease-in-out infinite 1s}.card-magic__star--9{bottom:15%;left:12%;width:20px;height:20px;fill:var(--cm-lime);animation:star-flash 2.4s ease-in-out infinite .2s}.card-magic__star--10{bottom:12%;right:15%;fill:var(--cm-pink);animation:star-flash 2s ease-in-out infinite .8s}.card-magic__star--11{bottom:20%;left:25%;width:18px;height:18px;fill:var(--cm-yellow);animation:star-flash 2.2s ease-in-out infinite 1.1s}.card-magic__star--12{bottom:18%;right:25%;width:22px;height:22px;fill:var(--cm-lime);animation:star-flash 1.7s ease-in-out infinite .5s}@keyframes star-flash{0%,to{opacity:0;transform:scale(0) rotate(0)}10%{opacity:1;transform:scale(1.2) rotate(15deg)}20%{opacity:1;transform:scale(1) rotate(0)}30%{opacity:.8;transform:scale(1.1) rotate(-10deg)}50%{opacity:1;transform:scale(1) rotate(0)}70%{opacity:0;transform:scale(.5) rotate(20deg)}}.card-magic__container{max-width:800px;margin:0 auto;padding:0 clamp(16px,4vw,32px);position:relative;z-index:1}.card-magic__header{text-align:center;margin-bottom:40px}.card-magic__title{font-family:var(--cm-font-display);font-size:clamp(32px,5vw,48px);font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.card-magic--black .card-magic__title{color:var(--cm-white)}.card-magic__subtitle{font-family:var(--cm-font-body);font-size:clamp(16px,2.5vw,18px);margin:0;opacity:.8}.card-magic__selector{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.card-magic__wand{width:64px;height:64px;background:var(--cm-yellow);border:var(--cm-border);box-shadow:var(--cm-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.card-magic__wand:hover{transform:translate(-2px,-2px) rotate(-10deg);box-shadow:8px 8px 0 var(--cm-black)}.card-magic__wand:active{transform:translate(0) rotate(15deg);box-shadow:4px 4px 0 var(--cm-black)}.card-magic__wand-icon{width:40px;height:40px;color:var(--cm-black)}.card-magic__wand--casting{animation:wand-cast .5s ease-out}@keyframes wand-cast{0%{transform:rotate(0)}25%{transform:rotate(-30deg) scale(1.1)}50%{transform:rotate(20deg) scale(1.05)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.card-magic__occasions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.card-magic__occasion{font-family:var(--cm-font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:10px 16px;background:transparent;color:inherit;border:3px solid currentColor;cursor:pointer;transition:all .15s ease;opacity:.7}.card-magic--black .card-magic__occasion{border-color:var(--cm-white);color:var(--cm-white)}.card-magic__occasion:hover{opacity:1;transform:translateY(-2px)}.card-magic__occasion--active{opacity:1;background:var(--cm-pink);color:var(--cm-white);border-color:var(--cm-black)}.card-magic--black .card-magic__occasion--active{background:var(--cm-pink);color:var(--cm-white);border-color:var(--cm-black)}.card-magic__scene{text-align:center}.card-magic__spell{display:inline-block;background:var(--cm-pink);color:var(--cm-white);padding:8px 16px;border:var(--cm-border);box-shadow:4px 4px 0 var(--cm-black);margin-bottom:20px;font-family:var(--cm-font-body);font-size:14px;font-style:italic}.card-magic__card{width:100%;max-width:600px;height:220px;margin:0 auto;background:var(--cm-white);border:var(--cm-border);box-shadow:var(--cm-shadow);position:relative;overflow:hidden}.card-magic__card-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px 32px;display:flex;align-items:center;justify-content:center;overflow-y:auto}.card-magic__message{font-family:var(--cm-font-body);font-size:18px;line-height:1.6;margin:0;color:var(--cm-black);text-align:center;max-width:100%}.card-magic__cursor{display:inline-block;width:3px;height:1.2em;background:var(--cm-pink);margin-left:2px;vertical-align:text-bottom;animation:cursor-blink .8s step-end infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.card-magic__card--conjuring{animation:card-glow .6s ease-out}@keyframes card-glow{0%{box-shadow:var(--cm-shadow),0 0 0 0 var(--cm-pink)}50%{box-shadow:var(--cm-shadow),0 0 40px 15px #ff006e66}to{box-shadow:var(--cm-shadow),0 0 0 0 var(--cm-pink)}}.card-magic__sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.card-magic__particle{position:absolute;width:12px;height:12px;pointer-events:none}.card-magic__particle svg{width:100%;height:100%}.card-magic__hint{font-family:var(--cm-font-body);font-size:14px;color:#fff9;margin:20px 0 0}.card-magic--white .card-magic__hint,.card-magic--offwhite .card-magic__hint,.card-magic--yellow .card-magic__hint{color:#0009}.card-magic__recast{background:none;border:none;color:var(--cm-pink);font-family:var(--cm-font-body);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;margin-left:4px}.card-magic__recast:hover{color:var(--cm-lime)}.card-magic__cta-wrap{text-align:center;margin-top:40px}.card-magic__cta{display:inline-block;font-family:var(--cm-font-display);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:16px 32px;background:var(--cm-lime);color:var(--cm-black);border:var(--cm-border);box-shadow:var(--cm-shadow);text-decoration:none;transition:all .15s ease}.card-magic__cta:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--cm-black)}@media screen and (max-width: 767px){.card-magic{padding:48px 0}.card-magic__header{margin-bottom:24px}.card-magic__selector{flex-direction:column;gap:16px}.card-magic__wand{width:56px;height:56px}.card-magic__wand-icon{width:32px;height:32px}.card-magic__occasions{gap:8px}.card-magic__occasion{font-size:11px;padding:8px 12px}.card-magic__card{height:200px}.card-magic__card-inner{padding:20px}.card-magic__message{font-size:15px}.card-magic__cta{width:100%;text-align:center}.card-magic__star--3,.card-magic__star--5,.card-magic__star--7,.card-magic__star--9,.card-magic__star--11{display:none}}@media (prefers-reduced-motion: reduce){.card-magic__star,.card-magic__cursor{animation:none!important}.card-magic__star{opacity:.6!important}.card-magic__cursor{opacity:1}}.card-magic__particle--burst{animation:particle-burst .6s ease-out forwards}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(0) rotate(0)}to{opacity:0;transform:translate(var(--dx, 40px),var(--dy, -40px)) scale(1) rotate(180deg)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/brutal-ai-demo.css.map */