.holographic-ticket-wrapper{display:flex;justify-content:center;align-items:center}.holographic-ticket-wrapper .card{--width:240px;--height:420px;--perforation-size:16px;--cutouts-adjust:90px;position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:1rem;grid-template-areas:"header" "body" "footer";width:var(--width);height:var(--height);padding:var(--perforation-size) 0;font-family:Inter,sans-serif;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;filter:drop-shadow(0 2px 1px #00000025) drop-shadow(0 4px 3px #00000025) drop-shadow(0 10px 9px #00000025) drop-shadow(0 20px 20px #00000025) drop-shadow(0 40px 40px #00000025);animation:hover 3s ease infinite;will-change:transform,filter}@keyframes hover{50%{filter:drop-shadow(0 4px 3px #00000015) drop-shadow(0 6px 6px #00000015) drop-shadow(0 16px 14px #00000015) drop-shadow(0 30px 28px #00000015) drop-shadow(0 60px 60px #00000015);transform:translateY(-7px) scale(1.02)}}.holographic-ticket-wrapper .filter{position:absolute}.holographic-ticket-wrapper .bg{position:absolute;inset:0;border-radius:inherit;background-color:#fff;filter:url(#bump);-webkit-mask:radial-gradient(circle at 50% 0,#fff0 calc(var(--perforation-size) - 5px),#000 calc(var(--perforation-size) - 4px)),radial-gradient(circle at 50% 100%,#fff0 calc(var(--perforation-size) - 5px),#000 calc(var(--perforation-size) - 4px)),radial-gradient(circle 8px at left center,#000 98%,#0000 100%),radial-gradient(circle 8px at right center,#000 98%,#0000 100%),repeating-linear-gradient(90deg,#000 10px,#000 15px,#0000 16px,#0000 24px);mask:radial-gradient(circle at 50% 0,#fff0 calc(var(--perforation-size) - 5px),#000 calc(var(--perforation-size) - 4px)),radial-gradient(circle at 50% 100%,#fff0 calc(var(--perforation-size) - 5px),#000 calc(var(--perforation-size) - 4px)),radial-gradient(circle 8px at left center,#000 98%,#0000 100%),radial-gradient(circle 8px at right center,#000 98%,#0000 100%),repeating-linear-gradient(90deg,#000 10px,#000 15px,#0000 16px,#0000 24px);-webkit-mask-repeat:repeat-x,repeat-x,no-repeat,no-repeat,repeat-x;mask-repeat:repeat-x,repeat-x,no-repeat,no-repeat,repeat-x;-webkit-mask-size:calc(var(--perforation-size) * 2) 100%,calc(var(--perforation-size) * 2) 100%,16px 16px,16px 16px,10px 2px;mask-size:calc(var(--perforation-size) * 2) 100%,calc(var(--perforation-size) * 2) 100%,16px 16px,16px 16px,10px 2px;-webkit-mask-position:calc(.5 * var(--perforation-size)) top,calc(.5 * var(--perforation-size)) bottom,left var(--cutouts-adjust),right var(--cutouts-adjust),0 calc(var(--cutouts-adjust) + 7px);mask-position:calc(.5 * var(--perforation-size)) top,calc(.5 * var(--perforation-size)) bottom,left var(--cutouts-adjust),right var(--cutouts-adjust),0 calc(var(--cutouts-adjust) + 7px);mask-composite:intersect,exclude,add,add;-webkit-mask-composite:source-in,source-out,source-over,source-over}.holographic-ticket-wrapper .holographic{background-image:linear-gradient(180deg,#fe58,90%,#0002),conic-gradient(at 60% 50%,#ccc,#ff6bfe,#00f9f8,#ddd,#0081fd,#eef0bc,#0081fd,#ff6bfe,#0002,#0081fd,#ddd,#01fefb,#ccc)}.holographic-ticket-wrapper .holographic:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 70% 20%,#f0f,#0000),repeating-radial-gradient(circle at 30% 80%,#fff,#f4a 48px,#eee 150px);mix-blend-mode:color-burn}.holographic-ticket-wrapper .holographic:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#f205,red,#0f0,#f205);mix-blend-mode:difference;animation:bg-pos 3s ease-in-out infinite alternate;background-position:0 0;background-size:100% 300%;background-repeat:repeat}@keyframes bg-pos{to{background-position:0 500px}}.holographic-ticket-wrapper .header{position:relative;grid-area:header;margin:0 8px;text-align:center;z-index:1;font-family:Impact,sans-serif;letter-spacing:2px;color:#ffffff9f;text-shadow:0 0 0 #000;-webkit-text-stroke:#fff .5px;mix-blend-mode:difference}.holographic-ticket-wrapper .body{grid-area:body;margin:0 1em;padding:.5em;font-weight:600;color:#fff;z-index:1;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}.holographic-ticket-wrapper .footer{grid-area:footer;z-index:1;margin:0 1em 1em}.holographic-ticket-wrapper .number{margin-bottom:.75rem;text-align:center;border-radius:999px 0;color:#fff;font-weight:200;text-shadow:0 1px 2px rgba(0,0,0,.5)}.holographic-ticket-wrapper .number .bold{font-weight:800}.holographic-ticket-wrapper .symbol{position:absolute;top:1.3em;right:0;rotate:185deg;font-size:1.1em;color:#fff;line-height:.5;opacity:.2}.holographic-ticket-wrapper .notes{position:absolute;inset:0;overflow:hidden;font-size:5rem;color:#e7e7e7;mix-blend-mode:color-burn;transform:translateY(20%);z-index:1}.holographic-ticket-wrapper .notes:nth-child(2){transform:translateY(40%)}.holographic-ticket-wrapper .notes:nth-child(3){transform:translateY(60%)}