.dodo-photo-upload{--dpu-gold: #C4A35A;--dpu-gold-deep: #9B7E3F;--dpu-gold-soft: #E6D2A2;--dpu-gold-tint: #FAF2DD;--dpu-ivory: #FBF7EE;--dpu-ivory-deep: #F4ECD8;--dpu-ink: #1C1D1D;--dpu-ink-soft: #6B5D44;--dpu-ink-mute: #8A7A5E;--dpu-rust: #B14A2B;--dpu-rust-soft: #F4E4DC;--dpu-success: #6B8E5A;--dpu-font-display: var(--typeHeaderPrimary, "Marcellus"), "Cormorant Garamond", Georgia, "Times New Roman", serif;--dpu-font-body: var(--typeBasePrimary, "Inter"), system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;margin:28px 0 22px;font-family:var(--dpu-font-body);color:var(--dpu-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dpu-frame{position:relative;padding:30px 26px 22px;background:radial-gradient(120% 80% at 50% 0%,rgba(196,163,90,.06),transparent 60%),var(--dpu-ivory);border:1px solid var(--dpu-gold);box-shadow:inset 0 0 0 5px var(--dpu-ivory),inset 0 0 0 6px var(--dpu-gold-soft)}.dpu-frame__corner{position:absolute;width:16px;height:16px;pointer-events:none;z-index:2}.dpu-frame__corner:before,.dpu-frame__corner:after{content:"";position:absolute;background:var(--dpu-gold)}.dpu-frame__corner:before{width:16px;height:1px}.dpu-frame__corner:after{width:1px;height:16px}.dpu-frame__corner--tl{top:-1px;left:-1px}.dpu-frame__corner--tl:before,.dpu-frame__corner--tl:after{top:0;left:0}.dpu-frame__corner--tr{top:-1px;right:-1px}.dpu-frame__corner--tr:before{top:0;right:0}.dpu-frame__corner--tr:after{top:0;right:0}.dpu-frame__corner--bl{bottom:-1px;left:-1px}.dpu-frame__corner--bl:before{bottom:0;left:0}.dpu-frame__corner--bl:after{bottom:0;left:0}.dpu-frame__corner--br{bottom:-1px;right:-1px}.dpu-frame__corner--br:before{bottom:0;right:0}.dpu-frame__corner--br:after{bottom:0;right:0}.dpu-head{text-align:center;margin-bottom:20px;position:relative;z-index:1}.dpu-eyebrow{display:inline-block;position:relative;padding:0 14px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--dpu-gold-deep);font-weight:500;margin-bottom:12px;font-feature-settings:"tnum" 1}.dpu-eyebrow:before,.dpu-eyebrow:after{content:"";position:absolute;top:50%;width:28px;height:1px;background:var(--dpu-gold-soft)}.dpu-eyebrow:before{right:100%}.dpu-eyebrow:after{left:100%}.dpu-heading{margin:0 0 8px;font-family:var(--dpu-font-display);font-size:23px;font-weight:400;letter-spacing:.015em;color:var(--dpu-ink);line-height:1.18}.dpu-sub{margin:0 auto;max-width:36ch;font-size:12.5px;line-height:1.55;color:var(--dpu-ink-soft);letter-spacing:.012em}.dpu-dropzone-wrap{position:relative;z-index:1}.dpu-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:196px;padding:32px 18px 28px;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,var(--dpu-gold-tint) 100%),var(--dpu-ivory);border:1px dashed var(--dpu-gold);cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit;color:inherit;transition:background .26s ease,border-color .26s ease,box-shadow .26s ease;text-align:center}.dpu-dropzone:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid transparent;pointer-events:none;transition:border-color .26s ease}.dpu-dropzone:hover{background:linear-gradient(180deg,var(--dpu-gold-tint) 0%,var(--dpu-ivory-deep) 100%);border-color:var(--dpu-gold-deep)}.dpu-dropzone:hover:before{border-color:var(--dpu-gold-soft)}.dpu-dropzone:focus-visible{outline:2px solid var(--dpu-gold-deep);outline-offset:4px}.dpu-dropzone.is-dragging{background:var(--dpu-ivory-deep);border-color:var(--dpu-gold-deep);border-style:solid;animation:dpu-pulse 1.4s ease-in-out infinite}.dpu-dropzone.is-dragging:before{border-color:var(--dpu-gold-deep)}@keyframes dpu-pulse{0%,to{box-shadow:inset 0 0 #9b7e3f00}50%{box-shadow:inset 0 0 48px #9b7e3f2e}}.dpu-icon{width:56px;height:56px;color:var(--dpu-gold);margin-bottom:16px;transition:transform .38s cubic-bezier(.34,1.56,.64,1),color .22s ease}.dpu-dropzone:hover .dpu-icon{transform:translateY(-2px);color:var(--dpu-gold-deep)}.dpu-dropzone.is-dragging .dpu-icon{transform:translateY(-4px) scale(1.04);color:var(--dpu-gold-deep)}.dpu-dropzone__primary{display:block;font-family:var(--dpu-font-display);font-size:17px;font-weight:400;letter-spacing:.018em;color:var(--dpu-ink);margin-bottom:12px}.dpu-dropzone__sep{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 12px;color:var(--dpu-ink-mute)}.dpu-dropzone__sep em{font-family:var(--dpu-font-display);font-style:italic;font-size:12px;letter-spacing:.04em}.dpu-rule{display:block;width:32px;height:1px;background:var(--dpu-gold-soft)}.dpu-link{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--dpu-gold-deep);border-bottom:1px solid var(--dpu-gold);padding:2px 0 3px;font-weight:500;transition:color .2s ease,border-color .2s ease,letter-spacing .2s ease}.dpu-dropzone:hover .dpu-link{color:var(--dpu-ink);border-color:var(--dpu-ink);letter-spacing:.26em}.dpu-dropzone__veil{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#f4ecd8f0,#e6d2a2f0);pointer-events:none}.dpu-dropzone__veil-text{font-family:var(--dpu-font-display);font-size:18px;letter-spacing:.16em;text-transform:uppercase;color:var(--dpu-gold-deep);padding:14px 22px;border-top:1px solid var(--dpu-gold);border-bottom:1px solid var(--dpu-gold)}.dpu-dropzone.is-dragging .dpu-dropzone__veil{display:flex}.dpu-file-input{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dpu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;position:relative;z-index:1}@media(min-width:480px){.dpu-grid{grid-template-columns:repeat(4,1fr);gap:14px}}@media(min-width:768px){.dpu-grid{grid-template-columns:repeat(5,1fr)}}.dpu-thumb{margin:0;position:relative;animation:dpu-rise .36s cubic-bezier(.2,.65,.3,1) backwards}@keyframes dpu-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dpu-thumb__plate{position:relative;aspect-ratio:1 / 1;background:var(--dpu-gold-tint);border:1px solid var(--dpu-gold-soft);overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease}.dpu-thumb:hover .dpu-thumb__plate{border-color:var(--dpu-gold);box-shadow:0 2px 14px -6px #9b7e3f59}.dpu-thumb__plate img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .36s ease}.dpu-thumb[data-has-preview=true] .dpu-thumb__plate img{opacity:1}.dpu-thumb__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--dpu-gold-deep);background:var(--dpu-gold-tint);pointer-events:none}.dpu-thumb__fallback svg{width:42%;height:42%}.dpu-thumb[data-has-preview=true] .dpu-thumb__fallback{display:none}.dpu-thumb__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#fbf7ee8c;opacity:0;transition:opacity .24s ease;pointer-events:none}.dpu-thumb[data-status=uploading] .dpu-thumb__veil{opacity:1}.dpu-thumb__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#9b7e3f2e;opacity:0;transition:opacity .22s ease}.dpu-thumb[data-status=uploading] .dpu-thumb__progress{opacity:1}.dpu-thumb__bar{display:block;height:100%;width:0;background:var(--dpu-gold-deep);transition:width .18s ease-out}.dpu-thumb__seal{position:absolute;top:7px;right:7px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--dpu-ivory);color:var(--dpu-gold-deep);border-radius:50%;box-shadow:0 0 0 1px var(--dpu-gold),0 2px 8px -3px #9b7e3f66;opacity:0;transform:scale(.4) rotate(-18deg);transition:opacity .28s ease,transform .38s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.dpu-thumb__seal svg{width:16px;height:16px}.dpu-thumb[data-status=success] .dpu-thumb__seal{opacity:1;transform:scale(1) rotate(0)}.dpu-thumb[data-status=error] .dpu-thumb__plate{border-color:var(--dpu-rust);background:var(--dpu-rust-soft)}.dpu-thumb[data-status=error] .dpu-thumb__fallback{background:var(--dpu-rust-soft);color:var(--dpu-rust)}.dpu-thumb__remove{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--dpu-ink);color:var(--dpu-ivory);border:1px solid var(--dpu-ivory);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .2s cubic-bezier(.34,1.56,.64,1),background .18s ease;z-index:2}.dpu-thumb__remove svg{width:10px;height:10px}.dpu-thumb:hover .dpu-thumb__remove,.dpu-thumb:focus-within .dpu-thumb__remove,.dpu-thumb[data-status=error] .dpu-thumb__remove{opacity:1;transform:scale(1)}.dpu-thumb__remove:hover{background:var(--dpu-rust)}.dpu-thumb__retry{position:absolute;left:8px;right:8px;bottom:8px;display:none;align-items:center;justify-content:center;gap:5px;padding:6px 10px;background:var(--dpu-ink);color:var(--dpu-ivory);border:none;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-family:var(--dpu-font-body);z-index:2}.dpu-thumb__retry svg{width:11px;height:11px}.dpu-thumb[data-status=error] .dpu-thumb__retry{display:inline-flex}.dpu-thumb__retry:hover{background:var(--dpu-gold-deep)}.dpu-thumb__caption{margin:8px 0 0;font-size:10px;letter-spacing:.05em;color:var(--dpu-ink-mute);line-height:1.35;text-align:center;font-family:var(--dpu-font-body)}.dpu-thumb__name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.dpu-thumb__error{display:block;margin-top:3px;color:var(--dpu-rust);font-weight:500;letter-spacing:.04em}.dpu-status{margin-top:18px;padding-top:14px;border-top:1px solid var(--dpu-gold-soft);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dpu-ink-mute);position:relative;z-index:1;font-family:var(--dpu-font-body)}.dpu-status__count{font-family:var(--dpu-font-display);font-size:17px;letter-spacing:.02em;color:var(--dpu-gold-deep);text-transform:none;font-weight:400;line-height:1}.dpu-status__sep{font-family:var(--dpu-font-display);font-size:14px;color:var(--dpu-gold);line-height:1}.dpu-status__max{font-family:var(--dpu-font-display);font-size:13px;color:var(--dpu-ink-mute);text-transform:none;letter-spacing:.02em;line-height:1}.dpu-status__divider{width:1px;height:12px;background:var(--dpu-gold-soft);margin:0 8px}.dpu-status__label{transition:color .22s ease}.dodo-photo-upload[data-state=success] .dpu-status__label{color:var(--dpu-success)}.dodo-photo-upload[data-state=uploading] .dpu-status__label{color:var(--dpu-gold-deep)}.dodo-photo-upload[data-state=uploading] .dpu-status__label:after{content:"\2026";display:inline-block;margin-left:4px;animation:dpu-dots 1.4s infinite}@keyframes dpu-dots{0%,20%{opacity:.2}50%{opacity:1}80%,to{opacity:.2}}.dpu-error{margin-top:14px;padding:10px 14px;background:var(--dpu-rust-soft);border-left:2px solid var(--dpu-rust);color:var(--dpu-rust);font-size:12.5px;line-height:1.4;position:relative;z-index:1;letter-spacing:.012em}@media(max-width:480px){.dpu-frame{padding:24px 18px 18px}.dpu-heading{font-size:20px}.dpu-sub{font-size:12px}.dpu-dropzone{min-height:168px;padding:26px 14px 22px}.dpu-icon{width:44px;height:44px;margin-bottom:12px}.dpu-dropzone__primary{font-size:15px}.dpu-rule{width:22px}.dodo-photo-upload{margin:22px 0 18px}}.dpu-notes{margin-top:24px;position:relative;z-index:1}.dpu-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px;color:var(--dpu-gold)}.dpu-ornament__rule{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--dpu-gold-soft) 28%,var(--dpu-gold-soft) 72%,transparent 100%)}.dpu-ornament__mark{display:inline-flex;width:12px;height:12px;color:var(--dpu-gold);flex-shrink:0}.dpu-ornament__mark svg{width:100%;height:100%;display:block}.dpu-notes__label{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;font-family:var(--dpu-font-body);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--dpu-ink);font-weight:500;cursor:pointer}.dpu-notes__label-optional{font-family:var(--dpu-font-display);font-style:italic;font-size:12.5px;letter-spacing:.018em;text-transform:none;color:var(--dpu-ink-mute);font-weight:400}.dpu-notes__label-optional:before{content:"("}.dpu-notes__label-optional:after{content:")"}.dpu-notes__field{position:relative}.dpu-notes__textarea{display:block;width:100%;min-height:112px;padding:14px 16px;background:linear-gradient(180deg,#fffcf3,#fbf5e5);border:1px solid var(--dpu-gold-soft);border-radius:0;box-shadow:inset 0 1px 3px #9b7e3f14,inset 0 0 0 1px #ffffff73;font-family:var(--dpu-font-body);font-size:14px;line-height:1.55;color:var(--dpu-ink);letter-spacing:.005em;resize:vertical;appearance:none;-webkit-appearance:none;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.dpu-notes__textarea::placeholder{font-family:var(--dpu-font-display);font-style:italic;font-size:13.5px;letter-spacing:.01em;color:var(--dpu-ink-mute);opacity:.9}.dpu-notes__textarea:hover{border-color:var(--dpu-gold)}.dpu-notes__textarea:focus{outline:none;border-color:var(--dpu-gold-deep);background:linear-gradient(180deg,#FFFEF8 0%,var(--dpu-gold-tint) 100%);box-shadow:inset 0 1px 3px #9b7e3f0f,inset 0 0 0 1px #ffffff8c,0 0 0 3px #c4a35a2e}.dpu-notes__meta{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:8px;padding:0 2px}.dpu-notes__hint{font-family:var(--dpu-font-display);font-style:italic;font-size:11.5px;color:var(--dpu-gold-deep);letter-spacing:.012em;line-height:1.45;flex:1}.dpu-notes__counter{display:inline-flex;align-items:baseline;gap:5px;font-family:var(--dpu-font-display);font-size:12.5px;letter-spacing:.04em;color:var(--dpu-ink-mute);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .2s ease}.dpu-notes__counter-sep{color:var(--dpu-gold);transition:color .2s ease}.dpu-notes__counter.is-over,.dpu-notes__counter.is-over .dpu-notes__counter-sep{color:var(--dpu-rust)}@media(max-width:480px){.dpu-notes{margin-top:20px}.dpu-ornament{margin-bottom:14px}.dpu-notes__textarea{min-height:96px;padding:12px 14px;font-size:13.5px}.dpu-notes__textarea::placeholder{font-size:13px}.dpu-notes__meta{flex-direction:column;align-items:flex-start;gap:6px}}@media(prefers-reduced-motion:reduce){.dodo-photo-upload *,.dodo-photo-upload *:before,.dodo-photo-upload *:after{animation:none!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/361/assets/dodo-photo-upload.css.map */