.wordmark{font-family:var(--font-headline);letter-spacing:-.01em;font-weight:800}.slip{--notch:calc(var(--radius) * 1.5);--slip-r:calc(var(--radius) * 2);filter:drop-shadow(0 1px 0 color-mix(in oklch, var(--foreground) 10%, transparent)) drop-shadow(0 14px 18px color-mix(in oklch, var(--foreground) 10%, transparent));flex-direction:column;display:flex}.slip-body,.slip-stub{min-width:0;position:relative}.slip-body{border-radius:var(--slip-r) var(--slip-r) 0 0;-webkit-mask-image:radial-gradient(circle at 0 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));-webkit-mask-image:radial-gradient(circle at 0 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));mask-image:radial-gradient(circle at 0 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.slip-stub{border-radius:0 0 var(--slip-r) var(--slip-r);-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));mask-image:radial-gradient(circle at 0 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.slip-stub:before{content:"";top:0;left:calc(var(--notch) + .25rem);right:calc(var(--notch) + .25rem);background-image:linear-gradient(to right, var(--ticket-perf) 55%, transparent 55%);background-repeat:repeat-x;background-size:10px 2px;height:2px;position:absolute}@media (min-width:768px){.slip:not(.slip--lg){flex-direction:row}.slip:not(.slip--lg)>.slip-body{border-radius:var(--slip-r) 0 0 var(--slip-r);-webkit-mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));-webkit-mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px))}.slip:not(.slip--lg)>.slip-stub{border-radius:0 var(--slip-r) var(--slip-r) 0;-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));mask-image:radial-gradient(circle at 0 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px))}.slip:not(.slip--lg)>.slip-stub:before{top:calc(var(--notch) + .25rem);bottom:calc(var(--notch) + .25rem);background-image:linear-gradient(to bottom, var(--ticket-perf) 55%, transparent 55%);background-repeat:repeat-y;background-size:2px 10px;width:2px;height:auto;left:0;right:auto}}@media (min-width:1024px){.slip--lg{flex-direction:row}.slip--lg>.slip-body{border-radius:var(--slip-r) 0 0 var(--slip-r);-webkit-mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));-webkit-mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));mask-image:radial-gradient(circle at 100% 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px))}.slip--lg>.slip-stub{border-radius:0 var(--slip-r) var(--slip-r) 0;-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px));mask-image:radial-gradient(circle at 0 0, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px)), radial-gradient(circle at 0 100%, transparent var(--notch), var(--foreground) calc(var(--notch) + .5px))}.slip--lg>.slip-stub:before{top:calc(var(--notch) + .25rem);bottom:calc(var(--notch) + .25rem);background-image:linear-gradient(to bottom, var(--ticket-perf) 55%, transparent 55%);background-repeat:repeat-y;background-size:2px 10px;width:2px;height:auto;left:0;right:auto}}.slip-stub[data-torn=true]{transform:translate(.25rem,.9rem)rotate(-1.5deg)}@media (min-width:768px){.slip-stub[data-torn=true]{transform:translate(1rem,.35rem)rotate(2.5deg)}}.slip-blank{border:1.5px dashed var(--ticket-perf);border-radius:calc(var(--radius) * 2)}.slip-line{background-image:linear-gradient(to right, var(--ticket-perf) 55%, transparent 55%);background-position:0 100%;background-repeat:repeat-x;background-size:8px 1px}.odo{font-variant-numeric:tabular-nums;height:1em;line-height:1;display:inline-flex;overflow:hidden}.odo-col{transform:translateY(calc(var(--odo-i,0) * -1em));flex-direction:column;display:flex}.odo-col>span{height:1em;line-height:1;display:block}.punch{border:1.5px dashed var(--ticket-perf);border-radius:50%;flex:none;width:1.125rem;height:1.125rem;position:relative}.punch:after{content:"";background:var(--ticket-hole);box-shadow:inset 0 1px 2px color-mix(in oklch, var(--foreground) 35%, transparent);border-radius:50%;position:absolute;inset:-1.5px;transform:scale(0)}.punch[data-punched=true]:after{transform:scale(1)}.wallet-slip:first-child{transform:rotate(-2deg)}.wallet-slip:nth-child(2){transform:translate(.75rem)rotate(1deg)}.wallet-slip:nth-child(3){transform:translate(.25rem)rotate(-.5deg)}.wallet:hover .wallet-slip:first-child,.wallet:focus-within .wallet-slip:first-child{transform:translateY(-.5rem)rotate(-3deg)}.wallet:hover .wallet-slip:nth-child(3),.wallet:focus-within .wallet-slip:nth-child(3){transform:translate(.25rem,.5rem)rotate(0)}@media (prefers-reduced-motion:no-preference){.slip-stub{transition:transform .52s cubic-bezier(.2,.7,.1,1)}.odo-col{transition:transform var(--odo-d,.9s) cubic-bezier(.16, 1, .3, 1)}.punch:after{transition:transform .2s cubic-bezier(.3,0,.2,1)}.wallet-slip{transition:transform .26s cubic-bezier(.2,.7,.1,1)}.stage-in{animation:.26s cubic-bezier(.2,.7,.1,1) stage-in}@keyframes stage-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}