/* Outline the torn edge without covering the grain. The strip and slot borders
   supply the other edges, for both pre-missing and freshly pulled tickets. */
.tab-slot.has-tear {
  --rip-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 64L8 72L15 63L22 79L30 61L37 73L45 59L52 74L59 65L66 77L73 58L81 69L87 54L94 72L100 67' fill='none' stroke='%23ecebe6' stroke-width='1.5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
.tab-slot.tear-v2 {
  --rip-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 63L5 70L12 56L20 73L28 66L35 80L43 62L50 73L57 54L64 70L71 58L79 78L86 65L93 74L100 61' fill='none' stroke='%23ecebe6' stroke-width='1.5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
.tab-slot.tear-v3 {
  --rip-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 66L9 76L17 61L24 70L32 58L39 74L47 67L54 79L61 55L69 71L77 62L84 77L91 59L100 73' fill='none' stroke='%23ecebe6' stroke-width='1.5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
.tab-slot.tear-v4 {
  --rip-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 59L6 70L13 63L20 76L27 60L34 70L42 58L49 82L56 64L63 75L71 56L78 73L86 67L94 79L100 64' fill='none' stroke='%23ecebe6' stroke-width='1.5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
.tab-slot.has-tear::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  height: 52px;
  background: var(--rip-outline) 0 0 / 100% 100% no-repeat;
  z-index: 0;
}
.tab-slot .tab {
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .tab-slot.has-tear::before { height: 34px; }
}