.note-field{width:100%}.note-field__heading{margin-bottom:1rem}.note-field:has(.note-field__description) .note-field__heading{margin-bottom:.2rem}.note-field__description{margin-bottom:1rem;opacity:.8}.note-field__label{display:block;margin-bottom:.8rem;line-height:calc(1 + 1 / var(--font-body-scale))}.note-field__summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;text-decoration:none}.note-field__summary::-webkit-details-marker{display:none}.note-field__summary:hover .note-field__summary-text,.note-field__details[open] .note-field__summary-text{text-decoration:underline;text-underline-offset:.3rem}.note-field__summary .icon{width:1rem;height:1rem;flex-shrink:0}.note-field__summary .icon--open,.note-field__summary .icon--close{border:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.note-field__summary .icon--close,.note-field__details[open] .note-field__summary .icon--open{display:none}.note-field__details[open] .note-field__summary .icon--close{display:flex}.note-field__summary .icon-caret{width:.9rem;height:.9rem}.note-field__details[open] .note-field__summary .icon-caret{transform:rotate(180deg)}.note-field__details .note-field__body{margin-top:1.2rem}.note-field__input{display:block;min-height:auto;resize:vertical;line-height:1.4}.note-field__counter{margin-top:.6rem;text-align:right;opacity:.6;font-variant-numeric:tabular-nums}.note-field__error:not([hidden]){display:flex;align-items:center;font-size:1.2rem;margin-top:1rem;background:#eff6fc;border:1px solid #d8e2eb;border-radius:4px;color:#223345;padding:8px}.note-field--error .note-field__input,.note-field--error .note-field__input:focus{border-color:rgba(var(--color-foreground-rgb),1)}.cart-item__note{display:block;margin-top:1rem}.cart-item__note .note-field__summary{justify-content:flex-start}.cart-item__note .note-field__preview{display:flex;gap:.4rem;margin-bottom:.4rem;word-break:break-word}.cart-item__note .note-field__preview dt{flex-shrink:0}.cart-item__note .note-field__input{min-height:7rem}.cart-item__note .note-field__buttons{margin-bottom:0}.cart-item__note[aria-busy=true]{opacity:.5;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-note.css.map */