.retailer-note{margin-top:2rem;padding:clamp(1rem,3vw,2rem);border:1px solid #d6cfea;border-radius:18px;background:#f8f5ff;max-width:100%}.retailer-note h3{font-size:1.35rem;margin:0 0 .75rem}.retailer-note p{max-width:76ch}.retailer-note form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.retailer-note label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;min-width:0}.retailer-note small{font-weight:400;color:#514765;line-height:1.5}.retailer-note input,.retailer-note textarea{width:100%;box-sizing:border-box;font:inherit;background:white;border:1px solid #aba0c1;border-radius:8px;padding:.7rem;color:#100b20;min-width:0}.retailer-note input:focus,.retailer-note textarea:focus{outline:3px solid #7752c9;outline-offset:2px}.retailer-note form button{justify-self:start;align-self:end}.retailer-note [data-note-result]{margin-top:1.5rem;outline-offset:5px}.retailer-note [data-note-result] label{margin:1rem 0}.retailer-note [data-note-result] textarea{font-size:.9rem;line-height:1.5}.retailer-note-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.retailer-note [role=status]{font-weight:600;min-height:1.5em}.retailer-note [data-note-new]{width:1.1rem;height:1.1rem;vertical-align:middle;margin-right:.35rem}.retailer-note [hidden]{display:none!important}@media(max-width:600px){.retailer-note form{grid-template-columns:1fr}.retailer-note-actions .button{white-space:normal;text-align:center}}