.ticket[data-v-08ccc9b1]{--_ground:var(--ticket-ground,rgb(var(--color-default-5)));--_dot:var(--ticket-dot,rgb(var(--color-default-20)));--_dot-size:var(--ticket-dot-size,2px);--_dot-gap:var(--ticket-dot-gap,6px);--_dot-edge:var(--ticket-dot-edge,.25px);--_dot-at:var(--ticket-dot-at,50%);--_dot-offset:var(--ticket-dot-offset,0 0);--_dot-inset:var(--ticket-dot-inset,20px);--_seam:var(--ticket-seam,20px);--_fill:var(--ticket-fill,rgb(var(--color-surface)));--_seam-fill:var(--ticket-seam-fill,var(--_fill));--_stub-fill:var(--ticket-stub-fill,var(--_fill));--_cut:var(--ticket-cut,12px);--_radius:var(--ticket-radius,1.5rem);--t-dir:column;--t-seam-w:auto;--t-seam-h:var(--_seam);--t-dots-l:var(--_dot-inset);--t-dots-r:var(--_dot-inset);--t-dots-t:calc(50% - var(--_dot-size) / 2);--t-dots-b:auto;--t-dots-w:auto;--t-dots-h:var(--_dot-size);--t-dots-tile:var(--_dot-gap) var(--_dot-size);--t-dots-repeat:repeat-x;--t-dot-center:var(--_dot-at) 50%;--t-main-cut-1:0 100%;--t-main-cut-2:100% 100%;--t-stub-cut-1:0 0;--t-stub-cut-2:100% 0;--t-main-radius:var(--_radius) var(--_radius) 0 0;--t-stub-radius:0 0 var(--_radius) var(--_radius);flex-direction:var(--t-dir);border:1px solid rgb(var(--color-default-20));border-radius:var(--_radius);background-color:rgb(var(--color-surface));display:flex;position:relative;overflow:hidden}.ticket[data-v-08ccc9b1]:not(.ticket-cut){color:rgb(var(--color-default-dark))}.ticket-row[data-v-08ccc9b1]{--t-dir:row;--t-seam-w:var(--_seam);--t-seam-h:auto;--t-dots-l:calc(50% - var(--_dot-size) / 2);--t-dots-r:auto;--t-dots-t:var(--_dot-inset);--t-dots-b:var(--_dot-inset);--t-dots-w:var(--_dot-size);--t-dots-h:auto;--t-dots-tile:var(--_dot-size) var(--_dot-gap);--t-dots-repeat:repeat-y;--t-dot-center:50% var(--_dot-at);--t-main-cut-1:100% 0;--t-main-cut-2:100% 100%;--t-stub-cut-1:0 0;--t-stub-cut-2:0 100%;--t-main-radius:var(--_radius) 0 0 var(--_radius);--t-stub-radius:0 var(--_radius) var(--_radius) 0}.ticket-stub-above[data-v-08ccc9b1]{--t-dir:column-reverse;--t-main-cut-1:0 0;--t-main-cut-2:100% 0;--t-stub-cut-1:0 100%;--t-stub-cut-2:100% 100%;--t-main-radius:0 0 var(--_radius) var(--_radius);--t-stub-radius:var(--_radius) var(--_radius) 0 0}.ticket-main[data-v-08ccc9b1],.ticket-seam[data-v-08ccc9b1],.ticket-stub[data-v-08ccc9b1]{z-index:1;position:relative}.ticket-stub[data-v-08ccc9b1]{flex-shrink:0}.ticket-row .ticket-main[data-v-08ccc9b1]{flex:auto}.ticket-seam[data-v-08ccc9b1]{width:var(--t-seam-w);height:var(--t-seam-h);flex:none}.ticket-dots[data-v-08ccc9b1]{top:var(--t-dots-t);right:var(--t-dots-r);bottom:var(--t-dots-b);left:var(--t-dots-l);width:var(--t-dots-w);height:var(--t-dots-h);background:radial-gradient(circle at var(--t-dot-center),var(--_dot) calc(var(--_dot-size) / 2 - var(--_dot-edge)),transparent calc(var(--_dot-size) / 2)) var(--_dot-offset)/var(--t-dots-tile) var(--t-dots-repeat);position:absolute}.ticket-notch[data-v-08ccc9b1]{border:1px solid rgb(var(--color-default-20));background-color:var(--_ground);border-radius:999px;width:20px;height:20px;position:absolute}.ticket:not(.ticket-row) .ticket-notch-a[data-v-08ccc9b1]{top:0;left:-11px}.ticket:not(.ticket-row) .ticket-notch-b[data-v-08ccc9b1]{top:0;left:auto;right:-11px}.ticket-row .ticket-notch-a[data-v-08ccc9b1]{top:-11px;left:0}.ticket-row .ticket-notch-b[data-v-08ccc9b1]{top:auto;bottom:-11px;left:0}@media (width>=640px){.ticket-row-from-sm[data-v-08ccc9b1]{--t-dir:row;--t-seam-w:var(--_seam);--t-seam-h:auto;--t-dots-l:calc(50% - var(--_dot-size) / 2);--t-dots-r:auto;--t-dots-t:var(--_dot-inset);--t-dots-b:var(--_dot-inset);--t-dots-w:var(--_dot-size);--t-dots-h:auto;--t-dots-tile:var(--_dot-size) var(--_dot-gap);--t-dots-repeat:repeat-y;--t-dot-center:50% var(--_dot-at);--t-main-cut-1:100% 0;--t-main-cut-2:100% 100%;--t-stub-cut-1:0 0;--t-stub-cut-2:0 100%;--t-main-radius:var(--_radius) 0 0 var(--_radius);--t-stub-radius:0 var(--_radius) var(--_radius) 0}.ticket-row-from-sm .ticket-main[data-v-08ccc9b1]{flex:auto}.ticket.ticket-row-from-sm .ticket-notch-a[data-v-08ccc9b1]{top:-11px;left:0}.ticket.ticket-row-from-sm .ticket-notch-b[data-v-08ccc9b1]{inset:auto auto -11px 0}}@media (width>=768px){.ticket-row-from-md[data-v-08ccc9b1]{--t-dir:row;--t-seam-w:var(--_seam);--t-seam-h:auto;--t-dots-l:calc(50% - var(--_dot-size) / 2);--t-dots-r:auto;--t-dots-t:var(--_dot-inset);--t-dots-b:var(--_dot-inset);--t-dots-w:var(--_dot-size);--t-dots-h:auto;--t-dots-tile:var(--_dot-size) var(--_dot-gap);--t-dots-repeat:repeat-y;--t-dot-center:50% var(--_dot-at);--t-main-cut-1:100% 0;--t-main-cut-2:100% 100%;--t-stub-cut-1:0 0;--t-stub-cut-2:0 100%;--t-main-radius:var(--_radius) 0 0 var(--_radius);--t-stub-radius:0 var(--_radius) var(--_radius) 0}.ticket-row-from-md .ticket-main[data-v-08ccc9b1]{flex:auto}.ticket.ticket-row-from-md .ticket-notch-a[data-v-08ccc9b1]{top:-11px;left:0}.ticket.ticket-row-from-md .ticket-notch-b[data-v-08ccc9b1]{inset:auto auto -11px 0}}@media (width>=1024px){.ticket-row-from-lg[data-v-08ccc9b1]{--t-dir:row;--t-seam-w:var(--_seam);--t-seam-h:auto;--t-dots-l:calc(50% - var(--_dot-size) / 2);--t-dots-r:auto;--t-dots-t:var(--_dot-inset);--t-dots-b:var(--_dot-inset);--t-dots-w:var(--_dot-size);--t-dots-h:auto;--t-dots-tile:var(--_dot-size) var(--_dot-gap);--t-dots-repeat:repeat-y;--t-dot-center:50% var(--_dot-at);--t-main-cut-1:100% 0;--t-main-cut-2:100% 100%;--t-stub-cut-1:0 0;--t-stub-cut-2:0 100%;--t-main-radius:var(--_radius) 0 0 var(--_radius);--t-stub-radius:0 var(--_radius) var(--_radius) 0}.ticket-row-from-lg .ticket-main[data-v-08ccc9b1]{flex:auto}.ticket.ticket-row-from-lg .ticket-notch-a[data-v-08ccc9b1]{top:-11px;left:0}.ticket.ticket-row-from-lg .ticket-notch-b[data-v-08ccc9b1]{inset:auto auto -11px 0}}.ticket-cut[data-v-08ccc9b1]{--_dot-inset:var(--ticket-dot-inset,0px);--_seam:var(--ticket-seam,4px);--_dot-size:var(--ticket-dot-size,4px);--_dot-gap:var(--ticket-dot-gap,12px);--_dot-edge:var(--ticket-dot-edge,.4px);--_dot-at:var(--ticket-dot-at,2px);background:0 0;border:0;border-radius:0;overflow:visible}.ticket-cut .ticket-main[data-v-08ccc9b1]{background-color:var(--_fill);--t-cut-1:var(--t-main-cut-1);--t-cut-2:var(--t-main-cut-2);border-radius:var(--t-main-radius)}.ticket-cut .ticket-stub[data-v-08ccc9b1]{background-color:var(--_stub-fill);--t-cut-1:var(--t-stub-cut-1);--t-cut-2:var(--t-stub-cut-2);border-radius:var(--t-stub-radius)}.ticket-cut .ticket-seam[data-v-08ccc9b1]{z-index:2;background-color:var(--_seam-fill)}.ticket-cut .ticket-notch[data-v-08ccc9b1]{display:none}.ticket-cut .ticket-main[data-v-08ccc9b1],.ticket-cut .ticket-stub[data-v-08ccc9b1]{--t-cut:radial-gradient(circle var(--_cut) at var(--t-cut-1), #0000 calc(-.5px + var(--_cut)), #000 var(--_cut)), radial-gradient(circle var(--_cut) at var(--t-cut-2), #0000 calc(-.5px + var(--_cut)), #000 var(--_cut));-webkit-mask-composite:source-in;-webkit-mask:var(--t-cut);-webkit-mask:var(--t-cut);mask:var(--t-cut);-webkit-mask-composite:source-in,xor;-webkit-mask-composite:source-in;mask-composite:intersect}.ticket-frozen[data-v-08ccc9b1]{--_dot:rgb(var(--color-primary-20));background-color:rgb(var(--color-primary-5))}.ticket-frozen[data-v-08ccc9b1],.ticket-frozen .ticket-notch[data-v-08ccc9b1]{border-color:rgb(var(--color-primary-20))}@media (prefers-reduced-motion:no-preference){.ticket-grow[data-v-08ccc9b1]{animation:.3s ease-out both ticket-freeze-08ccc9b1}.ticket-melt[data-v-08ccc9b1]{animation:.3s ease-out both ticket-thaw-08ccc9b1}}@keyframes ticket-freeze-08ccc9b1{0%{border-color:rgb(var(--color-default-20));background-color:rgb(var(--color-surface))}}@keyframes ticket-thaw-08ccc9b1{0%{border-color:rgb(var(--color-primary-20));background-color:rgb(var(--color-primary-5))}}.ticket-accent[data-v-08ccc9b1]{--_dot:var(--_ground);--_dot-size:3px}.ticket-accent .ticket-stub[data-v-08ccc9b1]{background-color:rgb(var(--color-highlight));color:rgb(var(--color-on-highlight))}
