.wm-input,.wm-input--on-dark,.field__input{--wm-input-bg: rgba(255, 255, 255, .4);--wm-input-fg: var(--color-text-primary);--wm-input-placeholder: color-mix(in srgb, var(--color-text-primary) 55%, transparent);--wm-input-border: transparent;--wm-input-border-focus: var(--color-border-focus);--wm-input-border-error: var(--color-border-error);display:block;width:100%;box-sizing:border-box;padding:var(--spacing-lg);background-color:var(--wm-input-bg);color:var(--wm-input-fg);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);line-height:var(--line-height-sm);letter-spacing:0;border:var(--border-width-thin) solid var(--wm-input-border);border-radius:var(--radius-xs);outline:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-webkit-appearance:none;appearance:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.wm-input--on-dark{--wm-input-bg: rgba(0, 0, 0, .2);--wm-input-fg: var(--color-text-inverse);--wm-input-placeholder: color-mix(in srgb, var(--color-text-inverse) 55%, transparent)}.wm-input::placeholder,.field__input::placeholder{color:var(--wm-input-placeholder)}@media(hover:hover){.wm-input:hover,.field__input:hover{background-color:color-mix(in srgb,var(--wm-input-bg) 130%,transparent)}}.wm-input:focus-visible,.field__input:focus-visible{border-color:var(--wm-input-border-focus);box-shadow:0 0 0 var(--border-width-thin) var(--wm-input-border-focus);background-color:color-mix(in srgb,var(--wm-input-bg) 130%,transparent)}.wm-input:disabled,.wm-input[aria-disabled=true],.field__input:disabled,.field__input[aria-disabled=true]{background-color:var(--color-interactive-disabled);color:var(--color-text-disabled);cursor:not-allowed;backdrop-filter:none;-webkit-backdrop-filter:none}.wm-input[aria-invalid=true],.wm-input.is-error,.field__input[aria-invalid=true]{border-color:var(--wm-input-border-error);box-shadow:0 0 0 var(--border-width-thin) var(--wm-input-border-error)}textarea.wm-input,textarea.field__input{min-height:calc(var(--line-height-sm) * 4 + var(--spacing-lg) * 2);resize:vertical}select.wm-input,select.field__input{padding-right:calc(var(--spacing-lg) * 2 + var(--size-lg));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right var(--spacing-lg) center;cursor:pointer}select.wm-input--on-dark{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23f6f4ee' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>")}input[type=number].wm-input::-webkit-outer-spin-button,input[type=number].wm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].wm-input{-moz-appearance:textfield}.wm-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.wm-field__label{font-family:var(--font-family-accent);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-primary)}.wm-field__label--required:after{content:" *";color:var(--color-text-error)}.wm-field__hint,.wm-field__error{font-family:var(--font-family-accent);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.wm-field__hint{color:var(--color-text-muted)}.wm-field__error{color:var(--color-text-error)}.wm-field--on-dark .wm-field__label,.wm-field--on-dark .wm-field__hint{color:var(--color-text-inverse)}.wm-field--on-dark .wm-field__error{color:var(--color-feedback-error-subtle)}input[type=checkbox],input[type=radio]{--wm-check-bg: rgba(255, 255, 255, .4);--wm-check-border: var(--color-border-default);--wm-check-fg: var(--color-text-inverse);--wm-check-active: var(--color-text-primary);--wm-check-focus: var(--color-border-focus);appearance:none;-webkit-appearance:none;display:inline-block;width:var(--size-2xl);height:var(--size-2xl);margin:0;background-color:var(--wm-check-bg);border:var(--border-width-thin) solid var(--wm-check-border);flex-shrink:0;cursor:pointer;vertical-align:middle;position:relative;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}input[type=checkbox]{border-radius:var(--radius-xxs)}input[type=radio]{border-radius:var(--radius-round)}@media(hover:hover){input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--wm-check-active)}}input[type=checkbox]:checked{background-color:var(--wm-check-active);border-color:var(--wm-check-active);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'><path d='M1.5 6L5.5 10L12.5 2' stroke='%23f6f4ee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:60% 60%;background-position:center;background-repeat:no-repeat}input[type=radio]:checked{border-color:var(--wm-check-active);background-image:radial-gradient(var(--wm-check-active) 38%,transparent 40%)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{box-shadow:0 0 0 var(--border-width-thin) var(--wm-check-focus)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox].wm-check--on-dark,input[type=radio].wm-check--on-dark{--wm-check-bg: rgba(0, 0, 0, .2);--wm-check-border: var(--color-border-subtle);--wm-check-active: var(--color-text-inverse)}input[type=checkbox].wm-check--on-dark:checked{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'><path d='M1.5 6L5.5 10L12.5 2' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.wm-check-label{display:inline-flex;align-items:center;gap:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-body);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-primary)}.wm-check-label:has(input:disabled){opacity:.5;cursor:not-allowed}@media(max-width:768px){.wm-input,.wm-input--on-dark,.field__input{font-size:var(--font-size-md);line-height:var(--line-height-md)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/wm-input.css.map */