.ticket-cut{--o:0px;--bite:radial-gradient(circle at calc(0px - var(--o)) calc(0px - var(--o)), transparent calc(var(--tl) + var(--o)), #000 calc(var(--tl) + var(--o) + .5px)), radial-gradient(circle at calc(100% + var(--o)) calc(0px - var(--o)), transparent calc(var(--tr) + var(--o)), #000 calc(var(--tr) + var(--o) + .5px)), radial-gradient(circle at calc(100% + var(--o)) calc(100% + var(--o)), transparent calc(var(--br) + var(--o)), #000 calc(var(--br) + var(--o) + .5px)), radial-gradient(circle at calc(0px - var(--o)) calc(100% + var(--o)), transparent calc(var(--bl) + var(--o)), #000 calc(var(--bl) + var(--o) + .5px));-webkit-mask-image:var(--bite);-webkit-mask-composite:source-in;-webkit-mask-image:var(--bite);mask-image:var(--bite);-webkit-mask-composite:source-in;mask-composite:intersect}.ticket-in{--o:2px}.ticket-main{--tl:10px;--tr:10px;--br:15px;--bl:15px}.ticket-stub{--tl:15px;--tr:15px;--br:10px;--bl:10px}@media (min-width:768px){.ticket-main{--tr:15px;--br:15px;--bl:10px}.ticket-stub{--tl:15px;--tr:10px;--bl:15px}}.ticket-worn{--worn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='26'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.6 2.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");-webkit-mask-image:var(--worn);-webkit-mask-image:var(--worn);mask-image:var(--worn);-webkit-mask-size:160px 160px;mask-size:160px 160px}