.od-order-note{margin:14px 0;min-width:0;border:1px solid var(--border, #ffe0e2);border-radius:12px;background:#fff;overflow:clip}.od-order-note summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.od-order-note summary::-webkit-details-marker{display:none}.od-order-note summary strong{font:800 14px/1.3 var(--font, sans-serif);color:var(--text, #15120c)}.od-order-note__optional{margin-left:5px;color:var(--text3, #71717a);font:500 12px/1.3 var(--font, sans-serif)}.od-order-note__hint{display:block;margin-top:4px;color:var(--text2, #3f3f46);font:400 12px/1.4 var(--font, sans-serif)}.od-order-note__chevron{flex:0 0 auto;color:var(--text2, #3f3f46);font-size:20px;transition:transform .15s ease}.od-order-note[open] .od-order-note__chevron{transform:rotate(180deg)}.od-order-note summary:focus-visible,.od-order-note button:focus-visible{outline:2px solid var(--red, #e60012);outline-offset:-3px}.od-order-note__body{padding:0 14px 12px}.od-order-note__body label{display:block;margin:0 0 7px;font:600 12px/1.4 var(--font, sans-serif);color:var(--text2, #3f3f46)}.od-order-note textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:92px;padding:10px 11px;border:1px solid #dedbd6;border-radius:8px;background:#fffdf9;color:var(--text, #15120c);font:400 16px/1.5 var(--font, sans-serif);resize:vertical}.od-order-note textarea:focus{outline:2px solid var(--red, #e60012);outline-offset:1px}.od-order-note textarea::placeholder{color:#79756e;opacity:1}.od-order-note__help{margin:8px 0 0;color:var(--text3, #71717a);font:400 11px/1.5 var(--font, sans-serif)}.od-order-note__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin-top:4px}.od-order-note__footer [role=status]{min-width:0;color:var(--text3, #71717a);font:500 12px/1.4 var(--font, sans-serif)}.od-order-note[data-save-state=error] [role=status]{color:#b00016}.od-order-note__footer button{flex:0 0 auto;min-height:44px;padding:7px 11px;border:0;border-radius:7px;background:var(--soft-red, #fff0f1);color:var(--red, #e60012);font:700 12px/1.3 var(--font, sans-serif);cursor:pointer}.od-order-note__footer button:disabled{opacity:.55;cursor:default}.od-order-note--product{margin-bottom:14px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/od-order-note.css.map */