.wm-drag-drop{position:relative;width:100%;margin:18px 0 24px;border:2px dashed var(--dnd-border-color, #d6d3cc);border-radius:var(--dnd-border-radius, 16px);background-color:var(--dnd-bg-color, #fbfaf8);box-sizing:border-box;overflow:hidden;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease}.wm-drag-drop.is-dragover{border-color:var(--dnd-btn-bg, #1a4338);background-color:#f3f1ec;box-shadow:0 0 0 4px #1a43381a;transform:scale(1.005)}.wm-drag-drop.has-warning{border-color:var(--color-warning, #d9383a)!important;background-color:var(--color-warning-bg, #fff5f5)!important;box-shadow:0 0 0 2px #d9383a2e!important;animation:wm-dnd-shake .35s ease-in-out}.wm-drag-drop.has-warning .wm-drag-drop__title{color:var(--color-warning, #d9383a)}.wm-drag-drop__error{display:none;font-family:var(--font-body-family);font-size:14px;font-weight:600;color:var(--color-warning, #d9383a);margin-top:2px;line-height:1.35}.wm-drag-drop.has-warning .wm-drag-drop__error{display:block!important}.wm-drag-drop.has-warning .wm-drag-drop__subtitle{display:none}@keyframes wm-dnd-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.wm-drag-drop.has-warning{animation:none}}.wm-drag-drop__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.wm-drag-drop__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 24px 38px;text-align:center;gap:16px;cursor:pointer;outline:none;width:100%;box-sizing:border-box}.wm-drag-drop__zone:focus-visible{outline:2px solid var(--dnd-btn-bg, #1a4338);outline-offset:-4px}.wm-drag-drop__icon-card{width:58px;height:58px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000012,0 1px 3px #00000008;color:var(--dnd-btn-bg, #1a4338);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.wm-drag-drop:hover .wm-drag-drop__icon-card,.wm-drag-drop.is-dragover .wm-drag-drop__icon-card{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #0000001a}.wm-drag-drop__icon{display:block}.wm-drag-drop__text-group{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:90%}.wm-drag-drop__title{font-family:var(--font-heading-family);font-size:clamp(22px,4vw,30px);font-weight:700;line-height:1.15;color:#121212;letter-spacing:-.015em;margin:0}.wm-drag-drop__subtitle{font-family:var(--font-body-family);font-size:clamp(15px,2.2vw,18px);font-weight:400;color:#707070;line-height:1.35;margin:0}.wm-drag-drop__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--dnd-btn-bg, #1a4338);color:var(--dnd-btn-color, #ffffff);font-family:var(--font-body-family);font-size:15px;font-weight:600;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;box-shadow:0 2px 6px #0000001f;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;margin-top:2px}.wm-drag-drop__button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0000002e}.wm-drag-drop__button:focus-visible{outline:2px solid var(--dnd-btn-bg, #1a4338);outline-offset:3px}.wm-drag-drop__btn-icon{display:block}.wm-drag-drop__info{font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:#555;margin-top:2px;transition:color .2s ease}.wm-drag-drop.has-warning .wm-drag-drop__info,.wm-drag-drop__info.is-error{color:var(--color-warning, #d9383a)!important;font-weight:600;letter-spacing:normal;text-transform:none}.wm-drag-drop__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 24px;gap:16px;text-align:center}.wm-drag-drop__spinner{width:38px;height:38px;border:3.5px solid rgba(26,67,56,.18);border-top-color:var(--dnd-btn-bg, #1a4338);border-radius:50%;animation:wmDndSpin .75s linear infinite}@keyframes wmDndSpin{to{transform:rotate(360deg)}}.wm-drag-drop__loading-text{font-family:var(--font-body-family);font-size:15px;color:#555;margin:0}.wm-drag-drop__preview{padding:20px;box-sizing:border-box}.wm-drag-drop__preview-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e5e3dc;border-radius:12px;padding:14px 18px;box-shadow:0 2px 8px #0000000a}.wm-drag-drop__thumb-wrapper{position:relative;width:64px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f0eee9;border:1px solid rgba(0,0,0,.08)}.wm-drag-drop__thumb{width:100%;height:100%;object-fit:cover;display:block}.wm-drag-drop__check-badge{position:absolute;bottom:3px;right:3px;width:18px;height:18px;background-color:var(--dnd-btn-bg, #1a4338);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.wm-drag-drop__preview-details{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}.wm-drag-drop__preview-status{font-family:var(--font-body-family);font-size:12px;font-weight:600;color:var(--dnd-btn-bg, #1a4338);text-transform:uppercase;letter-spacing:.5px}.wm-drag-drop__filename{font-family:var(--font-body-family);font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-drag-drop__filesize{font-family:var(--font-body-family);font-size:12px;color:#777}.wm-drag-drop__change-btn{display:inline-flex;align-items:center;gap:6px;background:#f5f4ef;color:#333;border:1px solid #dcd8cf;padding:8px 14px;border-radius:6px;font-family:var(--font-body-family);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.wm-drag-drop__change-btn:hover{background:#eae8e1;color:#111;border-color:#cac5ba}@media screen and (max-width:600px){.wm-drag-drop__zone{padding:34px 16px 28px;gap:14px}.wm-drag-drop__icon-card{width:48px;height:48px;border-radius:12px}.wm-drag-drop__icon-card svg{width:22px;height:22px}.wm-drag-drop__button{width:100%;max-width:280px;padding:11px 20px}.wm-drag-drop__preview-card{flex-wrap:wrap}.wm-drag-drop__change-btn{width:100%;justify-content:center;margin-top:4px}}.product-media-swiper-wrapper.is-hidden,.product-media-before-after.is-hidden,.is-hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/103/assets/component-drag-drop-upload.css.map */