.sidebar-ticket{--ticket-accent: var(--rail-play, #5f77a3);--ticket-line: color-mix(in oklab, var(--ticket-accent) 38%, transparent);--ticket-tint: color-mix(in oklab, var(--ticket-accent) 10%, transparent);--ticket-ink: #ffffff;--ticket-stub: 64px;--ticket-hole: 7px;position:relative;margin:0 16px 10px}:root[data-menso-theme=dark] .sidebar-ticket,:root[data-menso-theme=dark] .sidebar-ticket-mini{--ticket-ink: #0b1020}.sidebar-ticket__body{display:flex;min-height:68px;border:1px solid var(--ticket-line);border-radius:12px;background:var(--ticket-tint);-webkit-mask:radial-gradient(circle at var(--ticket-stub) 0,transparent var(--ticket-hole),#000 calc(var(--ticket-hole) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at var(--ticket-stub) 100%,transparent var(--ticket-hole),#000 calc(var(--ticket-hole) + .5px)) bottom / 100% 51% no-repeat;mask:radial-gradient(circle at var(--ticket-stub) 0,transparent var(--ticket-hole),#000 calc(var(--ticket-hole) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at var(--ticket-stub) 100%,transparent var(--ticket-hole),#000 calc(var(--ticket-hole) + .5px)) bottom / 100% 51% no-repeat}.sidebar-ticket__notch{position:absolute;left:calc(var(--ticket-stub) - var(--ticket-hole) - .5px);width:calc(2 * var(--ticket-hole) + 1px);height:calc(2 * var(--ticket-hole) + 1px);border:1px solid var(--ticket-line);border-radius:50%;pointer-events:none}.sidebar-ticket__notch--top{top:calc(-1 * var(--ticket-hole) - .5px);clip-path:inset(50% 0 0 0)}.sidebar-ticket__notch--bottom{bottom:calc(-1 * var(--ticket-hole) - .5px);clip-path:inset(0 0 50% 0)}.sidebar-ticket__stub{position:relative;flex:none;width:var(--ticket-stub);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--ticket-accent)}.sidebar-ticket__stub:after{content:"";position:absolute;top:calc(var(--ticket-hole) + 3px);bottom:calc(var(--ticket-hole) + 3px);right:-1px;border-right:1px dashed var(--ticket-line)}.sidebar-ticket__count{font:500 26px/1 var(--rail-mono)}.sidebar-ticket__unit{max-width:56px;color:var(--rail-faint);font:500 8px/1.2 var(--rail-mono);letter-spacing:1.2px;text-align:center;text-transform:uppercase}.sidebar-ticket__check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ticket-accent);color:var(--ticket-ink)}.sidebar-ticket__check svg{width:13px;height:13px}.sidebar-ticket__main{position:relative;flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.sidebar-ticket__main--claimed{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:3px;padding-right:26px}.sidebar-ticket__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-ticket__title{color:var(--menso-fg);font-size:12.5px;font-weight:600;line-height:1.3}.sidebar-ticket__meta{color:var(--rail-faint);font-size:11.5px;line-height:1.4}:root[data-menso-theme=light] .sidebar-ticket__meta{color:#17223899}:root[data-menso-theme=dark] .sidebar-ticket__meta{color:#f8fafc99}.sidebar-ticket__redeem{flex:none;height:28px;padding:0 10px;border:0;border-radius:7px;background:var(--ticket-accent);color:var(--ticket-ink);cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.sidebar-ticket__redeem:hover{filter:brightness(1.08)}.sidebar-ticket__redeem:disabled{cursor:progress;opacity:.7}.sidebar-ticket__start{margin-top:3px;padding:0;border:0;background:none;color:var(--ticket-accent);cursor:pointer;font-size:12px;font-weight:600}.sidebar-ticket__start:hover{text-decoration:underline}.sidebar-ticket__dismiss{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:5px;background:none;color:var(--rail-faint);cursor:pointer}.sidebar-ticket__dismiss:hover{color:var(--menso-fg)}.sidebar-ticket__dismiss svg{width:12px;height:12px}.sidebar-ticket-mini{--ticket-accent: var(--rail-play, #5f77a3);--ticket-line: color-mix(in oklab, var(--ticket-accent) 38%, transparent);--ticket-ink: #ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:40px;height:48px;margin:0 auto 14px;padding:0;border:1px solid var(--ticket-line);border-radius:8px;background:color-mix(in oklab,var(--ticket-accent) 10%,transparent);color:var(--ticket-accent);cursor:pointer;-webkit-mask:radial-gradient(circle at 0 50%,transparent 5px,#000 5.5px) left / 51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 5px,#000 5.5px) right / 51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent 5px,#000 5.5px) left / 51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 5px,#000 5.5px) right / 51% 100% no-repeat}.sidebar-ticket-mini:hover{background:color-mix(in oklab,var(--ticket-accent) 16%,transparent)}.sidebar-ticket-mini:disabled{cursor:progress}.sidebar-ticket-mini__count{font:500 16px/1 var(--rail-mono)}.sidebar-ticket-mini__label{color:var(--rail-faint);font:500 7px/1 var(--rail-mono);letter-spacing:.8px;text-transform:uppercase}
