@layer components {
  ._field_1v863_2 {
    font-size: var(--font-size-md);
    line-height: var(--line-height-md);
    position: relative;
  }
  ._field_1v863_2:where([data-invalid=true]) :is(input, textarea, select) {
    border-color: var(--color-error);
  }
  ._field_1v863_2:where([data-invalid=true]) label {
    color: var(--color-error);
  }
  ._field_1v863_2 :where(label) {
    max-inline-size: fit-content;
    font-size: var(--font-size-sm);
    font-weight: 600;
    line-height: var(--line-height-sm);
    margin-block-end: .5rem;
    display: block;
  }
  :is(._field_1v863_2 :where(label)) > span {
    opacity: .5;
    margin-inline-start: .25rem;
    font-size: .75em;
    font-weight: 400;
    transition: opacity .15s linear;
  }
  :is(._field_1v863_2 :where(label)):where(:has(+ [readonly])) {
    opacity: .5;
  }
  ._field_1v863_2 :where(input, textarea, select) {
    --padding:1rem;
    block-size: 4rem;
    inline-size: 100%;
    padding: var(--padding);
    text-overflow: ellipsis;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius);
    transition: border-color .15s linear;
    display: block;
    overflow-x: clip;
  }
  :is(._field_1v863_2 :where(input, textarea, select)):where(:focus-visible) {
    border-color: var(--color-focus);
    outline: #0000;
  }
  :is(._field_1v863_2 :where(input, textarea, select)):where(:disabled, [readonly]) {
    color: #00000080;
  }
  :is(._field_1v863_2 :where(input, textarea, select)):where(:autofill),
  :is(._field_1v863_2 :where(input, textarea, select)):where(:autofill) {
    -webkit-text-fill-color: var(--color-text);
    -webkit-background-clip: text;
    background-clip: text;
  }
  :is(._field_1v863_2 :where(input, textarea, select)):is(textarea) {
    resize: vertical;
    min-block-size: 13.4375rem;
  }
  :is(._field_1v863_2 :where(input, textarea, select)):is(select) {
    background-image: var(--icon-chevron-md);
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 2rem;
    padding-inline-end: 4rem;
  }
  :is(._field_1v863_2 :where(input, textarea, select))::file-selector-button {
    font: inherit;
    color: inherit;
    appearance: none;
    cursor: pointer;
    background-color: #0000;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: right 100% bottom 0;
    background-repeat: no-repeat;
    background-size: 100% .0625em;
    border: none;
    border-radius: 0;
    margin-inline-end: .75rem;
    padding: .0625em 0;
  }
  :is(._field_1v863_2 :where(input, textarea, select))::placeholder {
    opacity: .5;
  }
  :is(._field_1v863_2 :where([type=date], [type=time], [type=datetime-local], [type=month], [type=week])):not([value]) {
    -webkit-text-fill-color: color-mix(in oklab, var(--color-text), transparent);
  }
  :is(._field_1v863_2 :where([type=date], [type=time], [type=datetime-local], [type=month], [type=week]))::-webkit-date-and-time-value {
    text-align: start;
  }
  @supports selector(:has(+ *)) {
    ._field_1v863_2:where([data-variant=float]) :where(label) {
      text-overflow: ellipsis;
      max-inline-size: none;
      font: inherit;
      text-align: start;
      white-space: nowrap;
      pointer-events: none;
      margin-block-end: 0;
      transition:
        font-size .15s linear,
        opacity .15s linear,
        translate .15s linear;
      position: absolute;
      inset-block-start: calc(.625rem + 1px);
      inset-inline: calc(1rem + 1px);
      overflow: clip;
      translate: 0 .625rem;
    }
    :is(._field_1v863_2:where([data-variant=float]) :where(label)):where(:has(+ :is(:focus-visible, :not(:placeholder-shown)):not([value=""][readonly]))) {
      font-size: var(--font-size-xs);
      line-height: var(--line-height-xs);
      opacity: .5;
      translate: none;
    }
    :is(._field_1v863_2:where([data-variant=float]) :where(label)):where(:has(+ :is(:focus-visible, :not(:placeholder-shown)):not([value=""][readonly]))) > span {
      opacity: 0;
    }
    ._field_1v863_2:where([data-variant=float]) :where(input, textarea, select) {
      padding: 1.5rem var(--padding) .625rem;
    }
    :is(._field_1v863_2:where([data-variant=float]) :where(input, textarea, select))::placeholder {
      color: #0000;
    }
  }
  ._checkbox_1v863_166:where([data-variant=text]) {
    text-align: start;
  }
  ._checkbox_1v863_166:where([data-variant=text]) :where(._checkbox-container_1v863_170) {
    flex-wrap: wrap;
    column-gap: .5rem;
    padding-block: .25rem;
    display: flex;
  }
  ._checkbox_1v863_166:where([data-variant=text]) :where(input) {
    aspect-ratio: 1;
    cursor: pointer;
    block-size: 1.25rem;
    inline-size: 1.25rem;
    box-shadow: inset 0 0 0 1px var(--color-text);
    border-radius: .125rem;
    flex-shrink: 0;
    transition:
      color .15s linear,
      background-color .15s linear,
      box-shadow .15s linear;
    overflow: clip;
  }
  :is(._checkbox_1v863_166:where([data-variant=text]) :where(input)):where([data-invalid=true]) {
    color: var(--color-error);
  }
  :is(._checkbox_1v863_166:where([data-variant=text]) :where(input)):after {
    content: "";
    background-color: currentColor;
    block-size: 100%;
    inline-size: 100%;
    transition: scale .15s linear;
    display: block;
    scale: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L7.66667 14L15 6' stroke='%232C2C2C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L7.66667 14L15 6' stroke='%232C2C2C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: contain;
    mask-size: contain;
  }
  :is(._checkbox_1v863_166:where([data-variant=text]) :where(input)):where(:checked) {
    color: #fff;
    background-color: var(--color-accent);
    box-shadow: inset 0 0 0 1px var(--color-accent);
  }
  :is(._checkbox_1v863_166:where([data-variant=text]) :where(input)):where(:checked):after {
    scale: 1;
  }
  ._checkbox_1v863_166:where([data-variant=text]) :where(label) {
    flex: 1;
  }
  ._checkbox_1v863_166:where([data-variant=swatch]) {
    max-inline-size: fit-content;
    position: relative;
  }
  ._checkbox_1v863_166:where([data-variant=swatch]) :where(label) {
    min-block-size: 2.5rem;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    border: 1px solid var(--color-alto);
    border-radius: 3.40282e38px;
    align-items: center;
    column-gap: .5rem;
    padding: .5rem 1.25rem;
    transition: border-color .15s linear;
    display: flex;
  }
  :is(._checkbox_1v863_166:where([data-variant=swatch]) :where(label)):before {
    aspect-ratio: 1;
    content: "";
    background-color: var(--color);
    border: 1px solid var(--color-wild-sand);
    border-radius: 50%;
    flex-shrink: 0;
    inline-size: 1rem;
  }
  ._checkbox_1v863_166:where([data-variant=swatch]) :where(input) {
    z-index: -1;
    border-radius: 3.40282e38px;
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
  }
  :is(._checkbox_1v863_166:where([data-variant=swatch]) :where(input)):where(:checked) + :where(label) {
    border-color: var(--color-accent);
  }
  ._checkbox_1v863_166 :where(input) {
    appearance: none;
  }
  ._checkbox_1v863_166 :where(label) {
    cursor: pointer;
  }
  ._radio_1v863_270 {
    text-align: start;
  }
  ._radio_1v863_270 :where(input) {
    --inset:.625rem;
    appearance: none;
    cursor: pointer;
    border-radius: 50%;
    flex-shrink: 0;
    block-size: 1.25rem;
    inline-size: 1.25rem;
    overflow: clip;
  }
  :is(._radio_1v863_270 :where(input)):where(:checked) {
    color: var(--color-accent);
  }
  :is(._radio_1v863_270 :where(input)):where(:checked):after {
    --inset:.25rem;
  }
  :is(._radio_1v863_270 :where(input)):where([data-invalid=true]) {
    color: var(--color-error);
  }
  :is(._radio_1v863_270 :where(input)):after {
    content: "";
    block-size: 100%;
    inline-size: 100%;
    box-shadow: inset 0 0 0 1px, inset 0 0 0 var(--inset) white;
    background-color: currentColor;
    border-radius: 50%;
    transition: box-shadow .15s linear;
    display: block;
  }
  ._radio_1v863_270 :where(label) {
    cursor: pointer;
    flex: 1;
  }
  ._radio-container_1v863_316 {
    flex-wrap: wrap;
    column-gap: .5rem;
    padding-block: .25rem;
    display: flex;
  }
  ._message_1v863_323 {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    text-align: start;
    margin-block-start: .125rem;
  }
  ._message_1v863_323:where(:first-of-type) {
    margin-block-start: .5rem;
  }
  ._message_1v863_323:where(:last-of-type) {
    margin-block-end: .75rem;
  }
  ._message_1v863_323:where([data-variant=description]) {
    opacity: .5;
  }
  :where([data-valid=true]) ._message_1v863_323[data-variant=status] {
    color: var(--color-success);
  }
  :where([data-invalid=true]) ._message_1v863_323[data-variant=status] {
    color: var(--color-error);
  }
}