.payout-step{min-width:0;container-type:inline-size}.payout-step .signature-stack{--as-art-scale:.72;--as-sticker-reserve:var(--nx-space-20);--as-title-size:var(--nx-text-title-lg-size);--as-title-line:var(--nx-text-title-lg-line-height);--as-subtitle-size:var(--nx-text-body-sm-size);--as-subtitle-line:var(--nx-text-body-sm-line-height)}.payout-step .signature-card{padding-right:var(--nx-space-3)}.payout-step .signature-disc .ob-partner-logo{background:0 0;border-radius:0;width:65%;height:65%;padding:0}.payout-step .signature-cardAnnotation{right:var(--as-sticker-reserve);bottom:0}.payout-step .signature-cardAnnotation .signature-oval{width:var(--nx-space-10);height:var(--nx-space-6)}.payout-step .signature-cardAnnotation img{width:var(--nx-space-5);height:var(--nx-space-3);object-fit:cover}.payout-step .signature-tape>span{font-size:var(--nx-text-body-lg-size)}.payout-step .signature-tape{padding-inline:var(--nx-space-2)}.payout-step .signature-smiley{right:var(--nx-space-1);top:var(--nx-space-1);width:var(--nx-space-5);height:var(--nx-space-5)}.payout-step .signature-widgetChip{padding:var(--nx-space-1) var(--nx-space-2);gap:var(--nx-space-1)}.payout-step .signature-widgetSwap{width:var(--nx-space-6);height:var(--nx-space-6);font-size:var(--nx-text-title-md-size)}@container (max-width:340px){.payout-step .signature-stack{--as-art-scale:.62;--as-sticker-reserve:var(--nx-space-16);--as-copy-inset:calc(var(--nx-space-16) + var(--nx-space-2));--as-disc:var(--nx-space-10);--as-disc-inset:var(--nx-space-4)}}@media (min-width:48rem){.payout-step .signature-stack{--as-art-scale:1;--as-sticker-reserve:var(--as-measured-sticker-reserve);--as-title-size:var(--as-measured-title-size);--as-title-line:var(--as-measured-title-line)}}
.ob-page{background:var(--nx-color-bg);min-height:100dvh;color:var(--nx-color-text);padding:var(--nx-space-6)}.ob-column{max-width:560px;padding-block:var(--nx-space-2) var(--nx-space-8);margin-inline:auto;position:relative}.ob-brand{width:calc(var(--nx-space-20) * 2);height:auto;margin-bottom:var(--nx-space-6)}.ob-chrome{gap:var(--nx-space-4);justify-content:space-between;align-items:center;display:flex}.ob-meter{align-items:center;gap:var(--nx-space-2);max-width:calc(var(--nx-space-20) * 2);flex:1;display:flex}.ob-meter-track{height:var(--nx-space-2);border-radius:var(--nx-radius-full);background:var(--nx-color-border);flex:1;overflow:hidden}.ob-meter-track>span{background:var(--nx-color-accent);border-radius:inherit;height:100%;transition:width var(--nx-duration-slow) var(--nx-ease-emphasized);display:block}.ob-step-number{font-size:var(--nx-text-body-sm-size);color:var(--nx-color-text-muted);font-variant-numeric:tabular-nums}.ob-headline{font:var(--nx-text-display-lg-weight) var(--nx-text-display-lg-size)/var(--nx-text-display-lg-line-height) var(--nx-font-display);letter-spacing:var(--nx-text-display-lg-tracking);margin-top:var(--nx-space-6);outline:none;max-width:12ch}.ob-headline em{color:var(--nx-color-accent);font-style:italic}.ob-hint{font-size:var(--nx-text-body-sm-size);line-height:var(--nx-text-body-sm-line-height);color:var(--nx-color-text-muted);margin-block:var(--nx-space-3) var(--nx-space-5);max-width:44ch}.ob-matching{margin-top:var(--nx-space-1);display:block}.ob-fields{gap:var(--nx-space-5);border:0;flex-direction:column;min-width:0;padding:0;display:flex}.ob-stack{flex-direction:column;gap:10px;display:flex}.ob-payout-wrap{min-width:0;animation:ob-enter var(--nx-duration-base) var(--nx-ease-enter) both;animation-delay:var(--ob-stagger,0s);position:relative}.ob-payout{align-items:center;gap:var(--nx-space-3);text-align:left;width:100%;min-height:84px;padding:var(--nx-space-3) calc(var(--nx-space-4) + var(--nx-space-1) / 2);background:var(--nx-color-surface-raised);color:var(--nx-color-text);transition:transform var(--nx-duration-fast) var(--nx-ease-standard);border-radius:22px;display:flex;position:relative}.ob-payout:active{transform:scale(.98)}.ob-payout:disabled{opacity:.5;cursor:not-allowed}.ob-payout[aria-pressed=true]{outline:2px solid var(--nx-color-accent);outline-offset:3px}.ob-partner-logo{width:calc(var(--nx-space-10) - var(--nx-space-1) / 2);height:calc(var(--nx-space-10) - var(--nx-space-1) / 2);padding:var(--nx-space-2);object-fit:contain;background:var(--fp-paper);border-radius:var(--nx-radius-sm);flex-shrink:0}.ob-payout-copy{gap:var(--nx-space-1);min-width:0;padding-right:var(--nx-space-2);display:grid}.ob-payout-copy strong{font-size:calc(var(--nx-text-title-md-size) + var(--nx-space-1));line-height:var(--nx-text-title-lg-line-height);overflow-wrap:anywhere;font-weight:700}.ob-payout-copy small{font-size:var(--nx-text-body-sm-size);line-height:var(--nx-text-body-sm-line-height);opacity:.8}.ob-payout-wrap:has(.ob-payout-sticker) .ob-payout{padding-right:var(--nx-space-16)}.ob-payout-wrap:has(.ob-payout-sticker) .ob-payout-left{padding-left:var(--nx-space-16);padding-right:var(--nx-space-5)}.ob-payout-sticker.kit-sticker{top:calc(-1 * var(--nx-space-4));right:calc(-1 * var(--nx-space-5))}.ob-payout-sticker.kit-sticker[data-side=left]{left:calc(-1 * var(--nx-space-5));right:auto}.ob-payout-sticker.kit-sticker img{width:var(--nx-space-20);height:var(--nx-space-20);object-fit:contain}.ob-payout-sticker[data-neutral=true] img{filter:grayscale()}.ob-page .ob-popular{top:calc(-1 * var(--nx-space-3));right:var(--nx-space-16);z-index:3;font-size:var(--nx-text-label-sm-size);line-height:var(--nx-text-body-sm-line-height);padding:var(--nx-space-1) var(--nx-space-2);display:block;position:absolute}.ob-popular img{width:var(--nx-space-4);height:var(--nx-space-3);vertical-align:middle;border-radius:0}.ob-payout-meta{margin:var(--nx-space-1) var(--nx-space-4) 0;color:var(--nx-color-text-muted);font-size:var(--nx-text-label-sm-size);line-height:var(--nx-text-body-sm-line-height);display:block}.ob-selected{right:var(--nx-space-3);bottom:var(--nx-space-2);align-items:center;gap:var(--nx-space-1);background:var(--fp-paper);color:var(--fp-ink);border-radius:var(--nx-radius-full);padding:var(--nx-space-1);animation:ob-stamp var(--nx-spring-snappy-duration) var(--nx-spring-snappy);z-index:4;display:flex;position:absolute;transform:rotate(-8deg)}.ob-selected>img{animation:ob-pop var(--nx-spring-snappy-duration) var(--nx-spring-snappy)}.ob-grid{gap:var(--nx-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ob-character{min-height:calc(var(--nx-space-24) * 2);min-width:0;padding:var(--nx-space-4);border-radius:var(--nx-radius-lg);background:var(--nx-color-surface-raised);text-align:left;animation:ob-enter var(--nx-duration-base) var(--nx-ease-enter) both;animation-delay:var(--ob-stagger,0s);flex-direction:column;align-items:flex-start;display:flex;position:relative}.ob-character:nth-child(3n+1){background:var(--nx-color-primary);color:var(--nx-color-on-primary)}.ob-character:nth-child(3n+2){background:var(--nx-color-accent);color:var(--nx-color-on-accent)}.ob-character-art{width:100%;height:calc(var(--nx-space-16) * 2);object-fit:contain;margin-top:calc(-1 * var(--nx-space-6));margin-bottom:var(--nx-space-2)}.ob-character strong{font-size:var(--nx-text-title-lg-size);overflow-wrap:anywhere}.ob-character small{font-size:var(--nx-text-body-sm-size)}.ob-character[aria-pressed=true]{outline-color:var(--fp-paper)}.ob-tick{top:var(--nx-space-2);right:var(--nx-space-2);background:var(--fp-paper);color:var(--fp-ink);border-radius:var(--nx-radius-full);padding:var(--nx-space-1);animation:ob-stamp var(--nx-spring-snappy-duration) var(--nx-spring-snappy);position:absolute;transform:rotate(-8deg)}.ob-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ob-avatar{min-width:0;padding:var(--nx-space-2);border-radius:var(--nx-radius-md);background:var(--nx-color-surface-raised);text-align:center;position:relative}.ob-avatar:disabled{opacity:.45}.ob-avatar-art{width:100%;height:var(--nx-space-24);object-fit:contain}.ob-avatar strong{font-size:var(--nx-text-body-sm-size);overflow-wrap:anywhere;display:block}.ob-avatar small{align-items:center;gap:var(--nx-space-1);font-size:var(--nx-text-label-sm-size);color:var(--nx-color-text-muted);display:inline-flex}.ob-label,.ob-times legend{font-size:var(--nx-text-label-md-size)}.ob-label{margin-bottom:calc(-1 * var(--nx-space-3))}.ob-fields select{min-height:calc(var(--nx-space-12) + var(--nx-space-2));border-radius:var(--nx-radius-lg);background:var(--nx-color-surface);color:var(--nx-color-text);padding-inline:var(--nx-space-4);width:100%}.ob-country{align-items:center;gap:var(--nx-space-3);background:var(--nx-color-surface);padding-left:var(--nx-space-4);border-radius:var(--nx-radius-lg);display:flex}.ob-country select{padding-left:0}.ob-times{gap:var(--nx-space-2);flex-wrap:wrap;display:flex}.ob-times legend{margin-bottom:var(--nx-space-3)}.ob-times [aria-pressed=true]{background:var(--nx-color-accent);color:var(--nx-color-on-accent);border-color:var(--nx-color-accent)}.ob-bonus{border-radius:var(--nx-radius-lg);background:var(--nx-color-surface-raised);padding:var(--nx-space-4)}.ob-bonus>div{align-items:center;gap:var(--nx-space-2);display:flex}.ob-bonus span{font-size:var(--nx-text-body-sm-size);color:var(--nx-color-text-muted);margin-left:auto}.ob-bonus progress{width:100%;height:var(--nx-space-2);appearance:none;border-radius:var(--nx-radius-full);accent-color:var(--nx-color-accent);margin-block:var(--nx-space-3);border:0;overflow:hidden}.ob-bonus progress::-webkit-progress-bar{background:var(--nx-color-border)}.ob-bonus progress::-webkit-progress-value{background:var(--nx-color-accent)}.ob-bonus progress::-moz-progress-bar{background:var(--nx-color-accent)}.ob-bonus p{font-size:var(--nx-text-body-sm-size);color:var(--nx-color-text-muted)}.ob-continue{margin-top:var(--nx-space-6);background:var(--nx-color-accent);width:100%;color:var(--nx-color-on-accent)}.ob-message,.ob-notice{border:1px solid var(--nx-color-border);border-radius:var(--nx-radius-lg);background:var(--nx-color-surface);padding:var(--nx-space-5);gap:var(--nx-space-3);margin-bottom:var(--nx-space-4);display:grid}.ob-notice{font-size:var(--nx-text-body-sm-size)}.ob-notice a{text-decoration:underline}.ob-field-error{color:var(--nx-color-danger);font-size:var(--nx-text-body-sm-size)}.ob-skeleton{border-radius:22px;height:84px}.ob-footer{justify-content:center;align-items:center;gap:var(--nx-space-3);margin-top:var(--nx-space-6);font:var(--nx-text-body-md-size)/var(--nx-text-body-md-line-height) var(--nx-font-mono);color:var(--nx-color-text-muted);display:flex}.ob-footer svg{width:var(--nx-space-12);height:var(--nx-space-8)}.ob-celebration{padding-top:var(--nx-space-10);position:relative}.ob-goal-wrap{isolation:isolate;margin:var(--nx-space-6) var(--nx-space-3) var(--nx-space-10);animation:ob-goal-in var(--nx-spring-gentle-duration) var(--nx-spring-gentle) both;position:relative}.ob-goal{gap:var(--nx-space-3);min-height:calc(var(--nx-space-24) * 2);padding:var(--nx-space-6);border-radius:var(--nx-radius-lg);background:var(--nx-color-primary);color:var(--nx-color-on-primary);flex-direction:column;display:flex;position:relative;transform:rotate(-4deg)}.ob-goal-logo{width:var(--nx-space-16);height:var(--nx-space-12);object-fit:contain;border-radius:var(--nx-radius-sm);background:var(--fp-paper);padding:var(--nx-space-2)}.ob-goal>strong{font-size:var(--nx-text-headline-md-size)}.ob-goal-brand{width:calc(var(--nx-space-20) * 1.5);height:auto;margin-top:var(--nx-space-3)}.ob-award{gap:var(--nx-space-2);font-size:var(--nx-text-display-lg-size);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;font-weight:800;display:flex}.ob-award small{width:100%;font-size:var(--nx-text-body-md-size);font-weight:400}.ob-coin-burst{pointer-events:none;animation:ob-pop var(--nx-spring-gentle-duration) var(--nx-spring-gentle) both;position:absolute;top:0;right:0}.ob-coin-burst>img{width:calc(var(--nx-space-24) * 2);filter:drop-shadow(0 0 var(--nx-space-5) var(--nx-color-primary))}@media (min-width:768px){.ob-column{padding-top:var(--nx-space-6)}.ob-page{padding-block:var(--nx-space-8)}.ob-headline{max-width:14ch}}@media (min-width:1100px){.ob-column:before,.ob-column:after{content:"";width:var(--nx-space-24);height:var(--nx-space-24);filter:grayscale();pointer-events:none;opacity:.8;background:url(/art/stickers/smiley.png) 50%/contain no-repeat;position:absolute}.ob-column:before{top:var(--nx-space-24);left:calc(-1 * (var(--nx-space-24) + var(--nx-space-10)));transform:rotate(-12deg)}.ob-column:after{top:calc(var(--nx-space-24) * 4);right:calc(-1 * (var(--nx-space-24) + var(--nx-space-10)));background-image:url(/coin/coin.png);transform:rotate(12deg)}}@keyframes ob-enter{0%{opacity:0;transform:translateY(var(--nx-space-3))}to{opacity:1;transform:translateY(0)}}@keyframes ob-stamp{0%{opacity:0;transform:rotate(-18deg)scale(1.4)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@keyframes ob-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes ob-goal-in{0%{opacity:0;transform:translateY(var(--nx-space-20)) rotate(12deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.ob-page *{transition:none!important;animation-delay:0s!important}.ob-payout-wrap,.ob-character,.ob-goal-wrap,.ob-selected,.ob-tick,.ob-coin-burst{animation:ob-fade var(--nx-duration-base) linear both!important}}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}.ob-column:before,.ob-column:after{content:none}.ob-next{text-align:center;margin-block:var(--nx-space-5)}.ob-next strong{font-size:var(--nx-text-title-md-size);font-weight:var(--nx-text-title-md-weight)}.ob-next p{color:var(--nx-color-text-muted);font-size:var(--nx-text-body-sm-size);margin-top:var(--nx-space-2)}.ob-country{gap:var(--nx-space-3)}.ob-country>div{flex:1}.ob-fields:disabled{opacity:1}.ob-hint{font-size:var(--nx-text-body-md-size);line-height:var(--nx-text-body-md-line-height)}.ob-headline{margin-bottom:var(--nx-space-4)}.ob-character:nth-child(n){background:var(--nx-color-surface-raised);color:var(--nx-color-text)}.ob-character-art{object-position:bottom;margin-top:0}.ob-character[aria-pressed=true],.ob-avatar[aria-pressed=true]{outline:2px solid var(--nx-color-primary);outline-offset:-2px}.ob-tick{background:var(--nx-color-primary);color:var(--nx-color-on-primary);transform:none}.ob-grid:not(.ob-avatar-grid)>:last-child:nth-child(odd){grid-column:1/-1}.ob-times{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:768px){.ob-grid:not(.ob-avatar-grid){grid-template-columns:repeat(6,minmax(0,1fr))}.ob-grid:not(.ob-avatar-grid)>*,.ob-grid:not(.ob-avatar-grid)>:last-child:nth-child(odd){grid-column:span 2}.ob-grid:not(.ob-avatar-grid):has(>:nth-child(5):last-child)>:nth-child(4){grid-column:2/span 2}}.ob-payoutGrid{gap:var(--nx-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ob-payoutTile{justify-content:center;align-items:center;gap:var(--nx-space-2);min-width:0;padding:var(--nx-space-4);min-height:calc(var(--nx-space-20) * 2);border-radius:var(--nx-radius-lg);background:var(--nx-color-surface-raised);color:var(--nx-color-text);text-align:center;flex-direction:column;display:flex;position:relative}.ob-payoutTile strong{font-size:var(--nx-text-title-md-size)}.ob-payoutTile>span{font-size:var(--nx-text-body-sm-size);color:var(--nx-color-text-muted)}.ob-payoutTile[aria-pressed=true]{outline:2px solid var(--nx-color-primary);outline-offset:-2px}.ob-payoutCheck{right:var(--nx-space-2);top:var(--nx-space-2);width:var(--nx-space-5);height:var(--nx-space-5);color:var(--nx-color-primary);position:absolute}.ob-payoutTile .ob-partner-logo{width:var(--nx-space-12);height:var(--nx-space-12)}@media (min-width:768px){.ob-payoutGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ob-payoutGrid>:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:768px){.ob-payoutGrid>:last-child:nth-child(odd){grid-column:auto}.ob-payoutGrid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.ob-payoutGrid>:last-child:nth-child(3n+1){grid-column:1/-1}}
