.wpu{margin:.4rem 0 1.6rem}.wpu__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.wpu__box{position:relative;border:.15rem dashed rgba(32,88,150,.45);border-radius:1.2rem;background:#f7faff;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.wpu__box:hover,.wpu__box.is-over{border-color:var(--wpp-blue);background:#eef4fb}.wpu__file:focus-visible+.wpu__drop{outline:.2rem solid var(--wpp-blue);outline-offset:.3rem;border-radius:1.2rem}.wpu__drop{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.4rem 1.6rem;text-align:center;cursor:pointer}.wpu__drop-title{color:var(--wpp-ink);font-size:1.6rem;font-weight:700}.wpu__drop-title u{color:var(--wpp-blue)}.wpu__drop-sub,.wpu__name,.wpu__hint{color:var(--wpp-muted);font-size:1.3rem}.wpu__mob{display:none}.wpu__row{display:none;align-items:center;gap:1.4rem;padding:1.2rem 1.4rem}.wpu__box:not([data-state=empty]){border-style:solid;background:#fff}.wpu__box:not([data-state=empty]) .wpu__drop{display:none}.wpu__box:not([data-state=empty]) .wpu__row{display:flex}.wpu__box[data-state=done]{border-color:#2f8f5b;box-shadow:0 0 0 .1rem #2f8f5b}.wpu__box.is-missing{border-color:#d14343;background:#fff6f6;animation:wpu-shake .4s ease}.wpu__thumb{flex:0 0 6.4rem;width:6.4rem;height:6.4rem;overflow:hidden;border-radius:.8rem;background:#eef2f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 18l5-6 4 4 3-3 4 5H4z' fill='%239aa6b2'/%3E%3C/svg%3E") center / 2.8rem no-repeat}.wpu__thumb img{display:block;width:100%;height:100%;object-fit:cover}.wpu__status{flex:1;min-width:0}.wpu__msg{margin:0;color:var(--wpp-ink);font-size:1.5rem;font-weight:700}.wpu__box[data-state=done] .wpu__msg{color:#237a4b}.wpu__box[data-state=error] .wpu__msg{color:#c03636}.wpu__name{margin:.2rem 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wpu__bar{display:none;height:.6rem;margin-top:.8rem;overflow:hidden;border-radius:99rem;background:#e4e8ee}.wpu__box[data-state=uploading] .wpu__bar{display:block}.wpu__bar i{display:block;width:0;height:100%;border-radius:inherit;background:var(--wpp-blue);transition:width .2s ease}.wpu__change{padding:.6rem 1.4rem;border:.1rem solid var(--wpp-line);border-radius:99rem;color:var(--wpp-ink);font-size:1.3rem;font-weight:600;cursor:pointer}.wpu__change:hover{border-color:var(--wpp-ink)}.wpu__file:focus-visible~.wpu__row .wpu__change{outline:.2rem solid var(--wpp-blue);outline-offset:.2rem}.wpu__box[data-state=error] .wpu__name{white-space:normal}.wpu__warn,.wpu__error{margin:.8rem 0 0;padding:.8rem 1.2rem;border-radius:.8rem;font-size:1.3rem;line-height:1.45}.wpu__warn{background:#fff8e6;color:#7a5a00}.wpu__error{background:#fdecec;color:#b42323;font-weight:600}.wpu__hint{margin:.8rem 0 0}.wpu-guide__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.wpu-guide__ex{margin:0}.wpu-guide__ex img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:1rem;border:.3rem solid #d14343}.wpu-guide__ex--yes img{border-color:#2f8f5b}.wpu-guide__ex figcaption{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.8rem;font-size:1.35rem;font-weight:700}.wpu-guide__ex figcaption span{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#d14343;color:#fff;font-size:1.1rem}.wpu-guide__ex--yes figcaption span{background:#2f8f5b}.wpu-guide__tips{margin:2.4rem 0 0;padding:0;list-style:none}.wpu-guide__tips li{position:relative;margin:0 0 1rem;padding-left:2.6rem;font-size:1.45rem;line-height:1.5}.wpu-guide__tips li:before{content:"";position:absolute;top:.55rem;left:.4rem;width:1rem;height:.6rem;border-left:.2rem solid var(--wpp-blue);border-bottom:.2rem solid var(--wpp-blue);transform:rotate(-45deg)}.wpu-guide__cta{width:100%;margin-top:1.6rem}@keyframes wpu-shake{20%,60%{transform:translate(-.5rem)}40%,80%{transform:translate(.5rem)}}@media(hover:none),(max-width:749px){.wpu__desk{display:none}.wpu__mob{display:inline}}@media(max-width:749px){.wpu-guide__grid{grid-template-columns:repeat(2,1fr)}.wpu__drop{padding:2rem 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wp-photo-upload.css.map */