.field{position:relative;display:flex;width:100%}.field__input,.text-area{width:100%;font-family:var(--font-body);font-size:1rem;color:var(--color-ink);background:var(--color-paper);border:2px solid var(--color-ink);border-radius:14px;padding:1.4rem 1rem .6rem;transition:box-shadow .3s var(--ease-soft)}.field__input::placeholder{color:transparent}.field__input:focus,.text-area:focus{box-shadow:4px 4px 0 var(--color-diner)}.field__label{position:absolute;top:1.1rem;left:1.05rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;color:var(--color-ink-soft);pointer-events:none;transition:transform .2s var(--ease-soft),font-size .2s var(--ease-soft);transform-origin:left center}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label{transform:translateY(-.65rem) scale(.78)}.form__message{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;margin-top:.5rem;display:flex;gap:.4rem;align-items:center}.form__message--error{color:var(--color-ink);font-weight:500}.quantity{display:inline-flex;align-items:stretch;border:2px solid var(--color-ink);border-radius:999px;background:var(--color-paper);overflow:hidden}.quantity__button{width:2.75rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-mono);font-size:1rem;color:var(--color-ink);transition:background .2s var(--ease-soft)}.quantity__button:hover{background:var(--color-yolk)}.quantity__button.disabled{opacity:.35;cursor:default}.quantity__button.disabled:hover{background:none}.quantity__input{width:3.5rem;text-align:center;font-family:var(--font-mono);font-size:.95rem;background:none;border:none;border-inline:2px solid var(--color-ink);padding:.7rem 0;-moz-appearance:textfield}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input:focus-visible{outline-offset:-3px}.collection-sort-form{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.collection-sort-label{margin:0;white-space:nowrap}.collection-sort-select{appearance:none;-webkit-appearance:none;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink);background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%231a1612' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:.7rem;border:2px solid var(--color-ink);border-radius:999px;padding:.7rem 2.4rem .7rem 1.1rem;cursor:pointer;transition:transform .3s var(--ease-back),box-shadow .3s var(--ease-soft)}.collection-sort-select:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--color-diner)}.collection-sort-select option{font-family:var(--font-body);text-transform:none;letter-spacing:normal}.collection-sort-submit{padding:.7rem 1.2rem;font-size:.75rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-form.css.map */