/* Prism draw catalogue: the notify button takes the accent and the
   shine is a soft sheen passing over white; ticket banners on this page
   are white cards with a thin accent line along the top and a filled
   accent stub, parted by a row of soft perforations. */
@import url("../../../views/catalog.css");
@import url("../_balls.css");

.notify-btn:hover { background: var(--btn-bg); color: var(--btn-ink); }
.dark .notify-btn:hover { color: var(--btn-ink); }
.animate-shine { background-image: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, .55) 50%, transparent 100%); }

section:has(> div > .banner-carousel-swiper .lottery-ticket) { background: transparent !important; padding-bottom: 1.2rem; }
.banner-carousel-swiper .lottery-ticket {
  position: relative; overflow: hidden;
  border-radius: var(--radius) !important; border: 1px solid var(--rule) !important;
  background: var(--paper-2) !important;
  box-shadow: var(--shadow) !important;
}
.banner-carousel-swiper .lottery-ticket::before { content: ''; position: absolute; z-index: 2; inset-inline: 0; top: 0; height: 3px; background: var(--psm-accent); pointer-events: none; }
.banner-carousel-swiper .lottery-ticket .ticket-stub { background: var(--psm-accent) !important; color: var(--psm-on-accent) !important; }
.banner-carousel-swiper .lottery-ticket .ticket-stub-barcode { display: none !important; }
.banner-carousel-swiper .lottery-ticket [data-bnr-deco][style*="linear-gradient"] { background: linear-gradient(to right, var(--paper-2) 35%, transparent 100%) !important; }
[dir="rtl"] .banner-carousel-swiper .lottery-ticket [data-bnr-deco][style*="linear-gradient"] { background: linear-gradient(to left, var(--paper-2) 35%, transparent 100%) !important; }
.banner-carousel-swiper .lottery-ticket-headline { font-family: var(--font-display) !important; font-weight: 700 !important; letter-spacing: -.01em; color: var(--ink) !important; -webkit-line-clamp: unset !important; overflow: visible !important; display: block !important; unicode-bidi: plaintext; }
.banner-carousel-swiper .lottery-ticket .ticket-perf { background-image: radial-gradient(circle, var(--rule) 0 1.6px, transparent 2px) !important; background-size: 6px 9px !important; }