[data-popy-legacy] { margin: 2rem 0; }
[data-popy-legacy] [data-option-field] { margin-bottom: 1.8rem; }
[data-popy-legacy] label { display: block; font-weight: 700; margin-bottom: .8rem; }
[data-popy-legacy] select, [data-popy-legacy] input[type=text] { width: 100%; min-height: 4.8rem; padding: 1.2rem; border: 2px solid #28222f; border-radius: 1.5rem; color: #28222f; background: #fff9ef; font: inherit; }
[data-popy-legacy] [hidden] { display: none !important; }
[data-popy-legacy] .popy-upload__visual { min-width: 0; }
[data-popy-legacy] .popy-upload__copy { overflow-wrap: anywhere; }


[data-popy-legacy] .popy-upload{position:relative;margin-top:0;border:2px dashed #c3a482;border-radius:1.6rem;background:#fff8ec;transition:border-color .15s,background .15s}
[data-popy-legacy] .popy-upload:hover,[data-popy-legacy] .popy-upload:focus-within{border-color:#f58b00;background:#fff0d9}
[data-popy-legacy] .popy-upload:focus-within{outline:3px solid #f58b00;outline-offset:3px}
[data-popy-legacy] .popy-upload__input{position:absolute;inset:0;z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;margin:0}
[data-popy-legacy] .popy-upload__visual{display:flex;align-items:center;gap:1.4rem;margin:0;padding:1.8rem;pointer-events:none}
.popy-upload__icon{display:grid;place-items:center;flex:0 0 5.6rem;height:5.6rem;border-radius:50%;color:#292332;background:#ffe2a6}
.popy-upload__copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:.4rem}
.popy-upload__copy strong{font-size:1.6rem;color:#292332;line-height:1.3}
.popy-upload__copy>span{font-size:1.3rem;line-height:1.5;color:#775f4e;overflow-wrap:anywhere}
.popy-upload__button{flex-shrink:0;padding:1rem 1.5rem;border-radius:999px;background:#ff9000;color:#292332;font-size:1.3rem;font-weight:700}
.popy-upload__preview{flex:0 0 6.4rem;width:6.4rem;height:6.4rem;object-fit:cover;border-radius:1rem}
.popy-upload.is-selected{border-style:solid;border-color:#9cac86;background:#f4f8ed}
.popy-upload.is-selected .popy-upload__icon{display:none}
.popy-upload.has-error{border-color:#b3261e}
[data-popy-legacy] .popy-upload__status{font-size:1.2rem;margin:.7rem 0 0;line-height:1.5}
.popy-upload__status:empty{display:none}
@media(max-width:749px){[data-popy-legacy] .popy-upload__visual{flex-wrap:wrap;padding:1.4rem;gap:1rem}.popy-upload__copy{flex-basis:calc(100% - 8rem)}.popy-upload__button{margin-left:auto}.popy-upload__icon{flex-basis:4.8rem;height:4.8rem}}