.field{display:flex;flex-direction:column;gap:var(--space-base)}.field__label{font-size:var(--font-label-size);font-weight:var(--font-label-weight);letter-spacing:var(--font-label-track);text-transform:uppercase;color:var(--color-on-surface-variant)}.field__input,.field__select,.field__textarea{width:100%;padding:12px 16px;border:1px solid var(--color-outline-variant);border-radius:var(--radius);background:var(--color-surface-container-lowest);font-family:var(--font-family);font-size:var(--font-body-md-size);color:var(--color-on-background);outline:none;transition:border-color .15s,box-shadow .15s;line-height:1.5}.field__input:focus,.field__select:focus,.field__textarea:focus{border-color:var(--color-primary-action);box-shadow:0 0 0 3px #ff4d001f}.field__input::placeholder,.field__textarea::placeholder{color:var(--color-outline)}.field__select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23916f65' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.field__textarea{min-height:120px;resize:vertical}.field__error{font-size:13px;color:var(--color-error)}.field__helper{font-size:12px;color:var(--color-outline)}.qty-selector{display:inline-flex;align-items:center;background:var(--color-surface-container);border-radius:999px;padding:4px;gap:2px;margin-bottom:var(--space-sm)}.qty-selector__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:var(--color-on-surface-variant);cursor:pointer;transition:background .15s,color .15s;background:#fff;border:none;border-radius:50%;font-family:var(--font-family);box-shadow:0 1px 2px #0000000f}.qty-selector__btn:hover{background:var(--color-primary-action);color:#fff}.qty-selector__input{width:40px;text-align:center;border:none;padding:0;font-size:14px;font-weight:600;font-family:var(--font-family);outline:none;background:transparent;color:var(--color-on-background);-moz-appearance:textfield}.qty-selector__input::-webkit-outer-spin-button,.qty-selector__input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.size-swatches{display:flex;flex-wrap:wrap;gap:var(--space-base);margin-bottom:var(--space-sm)}.size-swatch{min-width:48px;height:48px;padding:0 var(--space-sm);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s,background .15s;color:var(--color-on-surface-variant);font-family:var(--font-family);background:none}.size-swatch:hover{border-color:var(--color-on-background);color:var(--color-on-background)}.size-swatch.is-active{border-color:var(--color-primary-action);color:var(--color-primary-action);background:#ff4d000f}.size-swatch.is-unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.color-swatches{display:flex;flex-wrap:wrap;gap:var(--space-base);margin-bottom:var(--space-sm)}.color-swatch{width:36px;height:36px;border-radius:var(--radius-full);cursor:pointer;border:3px solid transparent;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s}.color-swatch.is-active{outline-color:var(--color-primary-action);outline-width:2px}.color-swatch:hover{outline-color:var(--color-outline)}.check-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:14px;color:var(--color-on-surface-variant);-webkit-user-select:none;user-select:none}.check-label:hover{color:var(--color-on-background)}.check-label input[type=checkbox],.check-label input[type=radio]{accent-color:var(--color-primary-action);width:16px;height:16px;flex-shrink:0}.search-bar{position:relative;max-width:360px;width:100%}.search-bar__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-outline);font-size:20px;pointer-events:none}.search-bar__input{width:100%;padding:10px 16px 10px 44px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);background:var(--color-surface-container-low);font-family:var(--font-family);font-size:14px;color:var(--color-on-background);outline:none;transition:border-color .15s}.search-bar__input:focus{border-color:var(--color-primary-action)}.search-bar__input::placeholder{color:var(--color-outline)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-forms.css.map */