.cs-upload{border:2px dashed #5C7A4A;background:#faf6ee;border-radius:8px;padding:0 0 14px;margin:18px 0 14px;overflow:hidden}.cs-upload__row{display:block;width:100%;box-sizing:border-box;margin:0 0 14px;padding:20px 18px;background:#5c7a4a;color:#faf6ee;font-size:1.4rem;line-height:1.25;letter-spacing:.01em;text-align:center}.cs-upload__row strong{font-weight:800;text-transform:none}.cs-upload__field{margin:0 18px 14px}.cs-preview,.cs-upload__hint{margin-left:18px;margin-right:18px}.cs-upload__intro{margin:6px 0 12px;font-size:.92rem;line-height:1.5;color:#3a3833}.cs-upload__field input[type=file]{display:block;width:100%;padding:12px;background:#fff;border:1px solid #d6cdb9;border-radius:6px;font-size:.92rem;cursor:pointer}.cs-upload__hint{display:block;margin-top:10px;color:#6b6963;font-size:.82rem}.cs-status--active{color:#3a3833}.cs-preview{display:none;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;opacity:0;transition:opacity .28s ease}.cs-upload.is-ready .cs-preview{display:grid;opacity:1}.cs-preview__col{display:flex;flex-direction:column;gap:6px;min-width:0}.cs-preview__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#5c7a4a;font-weight:600}.cs-preview__box{position:relative;background:#fff;border:1px solid #d6cdb9;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / var(--cs-aspect, 1.33);min-height:160px}.cs-preview__box img,.cs-preview__box canvas{width:100%;height:100%;object-fit:contain;display:block}.cs-preview__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:#6b6963;font-size:.85rem;background:#faf6ee}.cs-preview__placeholder--stitch{background-image:linear-gradient(45deg,rgba(92,122,74,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(92,122,74,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(92,122,74,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(92,122,74,.08) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;background-color:#f5efe2}@media(max-width:480px){.cs-preview{gap:8px}.cs-preview__label{font-size:.7rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/cross-stitch-preview.css.map */