.dop-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--dop-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:4px 9px;border-radius:var(--dop-r-pill);background:var(--dop-surface);border:1px solid var(--dop-line);line-height:1}.dop-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.dop-badge-good{background:#eaf5ee;color:var(--dop-good);border-color:#cde7d6}.dop-badge-low{background:#fdebe5;color:var(--dop-low);border-color:#f5cdc0}.dop-badge-warn{background:#fff5e1;color:#a55b00;border-color:#f5dba8}.dop-badge-info{background:#eef3f9;color:#3457a3;border-color:#cfdaee}.dop-badge-ink{background:var(--dop-ink);color:#fff;border-color:var(--dop-ink)}.dop-badge-accent{background:var(--dop-accent);color:#fff;border-color:var(--dop-accent)}.dop-prog{display:flex;flex-direction:column;gap:8px;width:100%}.dop-prog .dop-prog-row{display:flex;justify-content:space-between;font-size:13px;color:var(--dop-ink-2)}.dop-prog .dop-prog-row b{color:var(--dop-ink);font-weight:600}.dop-prog-track{height:6px;background:var(--dop-line);border-radius:var(--dop-r-pill);overflow:hidden;position:relative}.dop-prog-fill{height:100%;background:var(--dop-accent);border-radius:var(--dop-r-pill);transition:width var(--dop-d-3) var(--dop-ease-out)}.dop-prog-fill.good{background:var(--dop-good)}.dop-ship-threshold{padding:14px 16px;background:var(--dop-page);border-radius:var(--dop-r);border:1px solid var(--dop-line);display:flex;flex-direction:column;gap:10px;width:100%}.dop-ship-threshold .top{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--dop-ink-2)}.dop-ship-threshold .top b{color:var(--dop-ink);font-family:var(--dop-serif);font-weight:500;font-size:15px}.dop-ship-threshold.met .top b{color:var(--dop-good)}.dop-ship-threshold .dop-prog-track{height:5px}.dop-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--dop-ink);color:#fff;border-radius:var(--dop-r);max-width:380px;box-shadow:var(--dop-sh-3);animation:dop-toast-in var(--dop-d-3) var(--dop-ease-spring)}@keyframes dop-toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dop-toast .dop-toast-ico{width:22px;height:22px;border-radius:50%;background:var(--dop-good);color:#fff;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.dop-toast.err .dop-toast-ico{background:var(--dop-low)}.dop-toast.warn .dop-toast-ico{background:#ca8a04}.dop-toast .dop-toast-ico svg{width:13px;height:13px;stroke-width:2.5}.dop-toast .dop-toast-body{flex:1}.dop-toast b{font-family:var(--dop-serif);font-weight:500;font-size:15px;display:block;margin-bottom:2px}.dop-toast p{margin:0;color:#ffffffa6;font-size:13px;line-height:1.45}.dop-toast a{color:var(--dop-low);text-decoration:none;font-weight:600;font-size:13px;border-bottom:1px solid currentColor}.dop-toast .dop-toast-x{margin-left:8px;color:#ffffff80;background:transparent;border:0;cursor:pointer;font-size:18px;line-height:1;padding:0;align-self:flex-start;transition:color var(--dop-d-1) var(--dop-ease-out)}.dop-toast .dop-toast-x:hover{color:#fff}.dop-toast-stack{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none}.dop-toast-stack .dop-toast{pointer-events:auto}@media(max-width:560px){.dop-toast-stack{bottom:auto;top:16px;right:16px;left:16px}.dop-toast{max-width:none}}.dop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141466;z-index:100;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity var(--dop-d-2) var(--dop-ease-out)}.dop-modal-overlay.open{opacity:1;pointer-events:auto}.dop-modal{background:var(--dop-surface);border:1px solid var(--dop-line);border-radius:var(--dop-r);max-width:440px;width:100%;padding:28px 28px 24px;box-shadow:var(--dop-sh-4);transform:translateY(12px) scale(.98);transition:transform var(--dop-d-3) var(--dop-ease-spring)}.dop-modal-overlay.open .dop-modal{transform:translateY(0) scale(1)}.dop-modal h4{font-family:var(--dop-serif);font-weight:500;font-size:24px;margin:0 0 8px;letter-spacing:-.01em;line-height:1.2}.dop-modal p{font-size:14px;color:var(--dop-ink-2);margin:0 0 22px;line-height:1.55}.dop-modal .dop-modal-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:560px){.dop-modal-overlay{align-items:flex-end;padding:0}.dop-modal{border-radius:var(--dop-r-3) var(--dop-r-3) 0 0;max-width:none;padding-bottom:calc(24px + env(safe-area-inset-bottom));transform:translateY(100%)}.dop-modal-overlay.open .dop-modal{transform:translateY(0)}}@keyframes dop-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dop-skel{background:linear-gradient(90deg,#ececec,#f5f5f5,#ececec);background-size:200% 100%;animation:dop-shimmer 1.4s infinite;border-radius:6px}.dop-skel-img{aspect-ratio:1;border-radius:var(--dop-r)}.dop-skel-line{height:14px}.dop-skel-line.short{width:55%}.dop-skel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}.dop-skel-card{display:flex;flex-direction:column;gap:8px}@media(max-width:960px){.dop-skel-grid{grid-template-columns:repeat(2,1fr)}}.dop-li{display:grid;grid-template-columns:80px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--dop-line);align-items:center}.dop-li:last-child{border-bottom:0}.dop-li-img{width:80px;height:80px;border-radius:6px;background:var(--dop-ph);overflow:hidden;flex-shrink:0}.dop-li-img img{width:100%;height:100%;object-fit:cover}.dop-li-info b{font-family:var(--dop-serif);font-weight:500;font-size:16px;letter-spacing:-.005em;display:block;margin-bottom:3px;line-height:1.2}.dop-li-info span{font-size:12.5px;color:var(--dop-ink-3);font-family:var(--dop-mono);letter-spacing:.02em}.dop-li-actions{display:flex;gap:14px;margin-top:8px;font-size:12.5px}.dop-li-actions a{color:var(--dop-ink-2);text-decoration:none;transition:color var(--dop-d-1) var(--dop-ease-out)}.dop-li-actions a:hover{color:var(--dop-ink)}.dop-li-actions a.remove{color:var(--dop-low)}.dop-li-price{font-weight:600;font-size:14px;text-align:right;white-space:nowrap}.dop-li-price small{display:block;color:var(--dop-ink-3);font-weight:400;font-size:12px;margin-top:2px}.dop-addr{padding:18px 20px;border:1px solid var(--dop-line);border-radius:var(--dop-r);background:var(--dop-surface);display:flex;flex-direction:column;gap:6px;position:relative;transition:border-color var(--dop-d-1) var(--dop-ease-out)}.dop-addr.default{border-color:var(--dop-ink)}.dop-addr .dop-addr-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dop-addr b{font-family:var(--dop-serif);font-weight:500;font-size:17px;letter-spacing:-.005em}.dop-addr p{margin:0;font-size:13.5px;color:var(--dop-ink-2);line-height:1.5}.dop-addr .dop-addr-actions{display:flex;gap:14px;margin-top:8px;font-size:13px}.dop-addr .dop-addr-actions a{color:var(--dop-ink-2);text-decoration:none;border-bottom:1px solid var(--dop-line-2);padding-bottom:1px;transition:color var(--dop-d-1) var(--dop-ease-out),border-color var(--dop-d-1) var(--dop-ease-out)}.dop-addr .dop-addr-actions a:hover{color:var(--dop-ink);border-color:var(--dop-ink)}.dop-addr .dop-addr-actions a.del{color:var(--dop-low);border-color:transparent}.dop-addr .dop-addr-actions a.del:hover{border-color:var(--dop-low)}.dop-addr .dop-addr-actions form.dop-address-delete{display:inline;margin:0}.dop-addr .dop-addr-actions form.dop-address-delete .del{background:none;border:0;padding:0 0 1px;font:inherit;font-size:13px;cursor:pointer;color:var(--dop-low);border-bottom:1px solid transparent;transition:border-color var(--dop-d-1) var(--dop-ease-out)}.dop-addr .dop-addr-actions form.dop-address-delete .del:hover{border-bottom-color:var(--dop-low)}.dop-timeline{display:flex;justify-content:space-between;width:100%;position:relative;padding-top:24px}.dop-timeline:before{content:"";position:absolute;top:34px;left:14px;right:14px;height:2px;background:var(--dop-line)}.dop-timeline-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;flex:1}.dop-timeline-step .dop-tl-dot{width:22px;height:22px;border-radius:50%;background:var(--dop-surface);border:2px solid var(--dop-line);display:grid;place-items:center;position:relative;z-index:1;transition:background var(--dop-d-2) var(--dop-ease-out),border-color var(--dop-d-2) var(--dop-ease-out)}.dop-timeline-step.done .dop-tl-dot{background:var(--dop-good);border-color:var(--dop-good)}.dop-timeline-step.done .dop-tl-dot:after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.dop-timeline-step.current .dop-tl-dot{background:var(--dop-accent);border-color:var(--dop-accent);animation:dop-tl-pulse 1.5s infinite}@keyframes dop-tl-pulse{0%,to{box-shadow:0 0 #f2641966}50%{box-shadow:0 0 0 8px #f2641900}}.dop-timeline-step b{font-family:var(--dop-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dop-ink-3);font-weight:600;text-align:center}.dop-timeline-step.current b,.dop-timeline-step.done b{color:var(--dop-ink)}.dop-timeline-step span{font-size:11.5px;color:var(--dop-ink-3);text-align:center;line-height:1.3}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dopamiles-feedback.css.map */