.card{border-radius:var(--radius-03125);inline-size:100%}.card--background-default{background:var(--color-background)}.card--background-light{background:var(--color-background-light)}.card--background-dark{background:var(--color-background-dark)}.card--background-darkest{background:var(--color-background-darkest)}.card--background-accent{--color-foreground-strong:var(--color-foreground-on-light-strong);--color-foreground:var(--color-foreground-on-light);--color-foreground-subtle:var(--color-foreground-on-light-subtle);--color-foreground-secondary:var(--color-foreground-on-light-secondary);background:var(--color-background-accent);color:var(--color-foreground)}.card--background-secondary{--color-foreground-strong:var(--color-foreground-on-dark-strong);--color-foreground:var(--color-foreground-on-dark);--color-foreground-subtle:var(--color-foreground-on-dark-subtle);--color-foreground-accent:var(--color-foreground-on-dark-accent);--color-foreground-secondary:var(--color-foreground-on-dark-secondary);background:var(--color-background-secondary);color:var(--color-foreground)}.card--background-tertiary{--color-foreground-strong:var(--color-foreground-on-dark-strong);--color-foreground:var(--color-foreground-on-dark);--color-foreground-subtle:var(--color-foreground-on-dark-subtle);--color-foreground-accent:var(--color-foreground-on-dark-accent);--color-foreground-secondary:var(--color-foreground-on-dark-secondary);background:var(--color-background-tertiary);color:var(--color-foreground)}
.card-content{inline-size:100%;padding:var(--space-125);flex-direction:column;display:flex}
.money{color:var(--color-foreground-strong);font-family:var(--font-family-monospace);font-size:var(--font-size-xxlarge);align-items:baseline;gap:var(--space-05);letter-spacing:-1%;flex-wrap:wrap;line-height:1.2;display:flex}.money span{color:var(--color-foreground-accent)}.money abbr{color:var(--color-foreground-subtle);font-size:var(--font-size-small);letter-spacing:5%;font-weight:500;text-decoration:none}
.text{line-height:var(--line-height-text)}.text--caption{font-family:var(--font-family-monospace);letter-spacing:5%;text-transform:uppercase;font-weight:500}.text--xxlarge{font-size:var(--font-size-xxlarge)}.text--xlarge{font-size:var(--font-size-xlarge)}.text--large{font-size:var(--font-size-large)}.text--regular{font-size:var(--font-size-regular)}.text--small{font-size:var(--font-size-small)}.text--center{text-align:center}.text--left{text-align:left}.text--right{text-align:right}.text--color-default{color:var(--color-foreground)}.text--color-strong{color:var(--color-foreground-strong)}.text--color-subtle{color:var(--color-foreground-subtle)}
.input-field{gap:var(--space-0375);flex-direction:column;inline-size:100%;display:flex}.input-field>.text{color:var(--color-foreground);font-weight:500}.input-field-box{background:var(--color-background-xxdark);border-radius:var(--radius-03125);align-items:center;gap:var(--space-05);min-block-size:2.75rem;inline-size:100%;padding-inline:var(--space-075);display:flex}.input-field-box:focus-within{outline:2px solid var(--color-primary-dark);outline-offset:2px}.input-field-box input:focus-visible,.input-field-box select:focus-visible{outline:none}.input-field-box input,.input-field-box select{color:var(--color-foreground-strong);font:inherit;background:0 0;border:0;inline-size:100%;min-inline-size:0;padding:0}.input-field-prefix,.input-field-suffix{color:var(--color-foreground-subtle);font-size:var(--font-size-small);flex:none}.input-field-box select{appearance:none;cursor:pointer}.input-field-box select option{background:var(--color-background-xxdark);color:var(--color-foreground-strong)}.input-field-icon{color:var(--color-foreground-subtle);pointer-events:none;flex:none}.input-field--hero{font-family:var(--font-family-monospace);gap:var(--space-05);line-height:1.02}.input-field--hero>.text{color:inherit;font-weight:inherit}.input-field--hero .input-field-box{background:var(--color-background-darkest);padding:var(--space-125);font-weight:600}.input-field--hero .input-field-box input,.input-field--hero .input-field-box select{color:var(--color-foreground-on-dark-strong);font-family:var(--font-family-monospace);font-size:var(--font-size-xxlarge);letter-spacing:1%;line-height:inherit}.input-field--hero .input-field-box select option{background:var(--color-background-darkest);color:var(--color-foreground-on-dark-strong)}.input-field--hero .input-field-prefix{color:var(--color-foreground-on-dark-accent);font-size:var(--font-size-xlarge)}.input-field--hero .input-field-suffix,.input-field--hero .input-field-icon{color:var(--color-foreground-on-dark-subtle)}
