.dpb{--dpb-navy: #0c285d;--dpb-brand: #16285a;--dpb-red: #c9272c;--dpb-ink: #242424;--dpb-inset: 4rem;color:var(--dpb-ink)}.dpb-title{margin:0;font-size:2.2rem;font-weight:700;letter-spacing:-.04rem;color:var(--dpb-navy);text-transform:uppercase}.dpb-sub{margin:0;font-size:1.4rem;color:#666}.dpb-bar{position:relative;margin-top:1.8rem;height:11.2rem}.dpb-rail{position:absolute;top:4.3rem;left:var(--dpb-inset);right:var(--dpb-inset);height:.6rem;border-radius:99px;background:#e9e9e9}.dpb-fill{position:absolute;top:0;left:0;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--dpb-navy) 0%,var(--dpb-brand) 55%,var(--dpb-red) 100%)}.dpb-node{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.dpb-dot{display:grid;place-items:center;width:3rem;height:3rem;margin-top:3.1rem;border-radius:50%;background:#fff;border:.2rem dashed #b5b5b5;box-shadow:0 0 0 .4rem #fff;box-sizing:border-box}.dpb-dot svg{display:none;width:1.9rem;height:1.9rem}.dpb-dot.is-done{background:var(--dpb-navy);border-color:transparent}.dpb-dot.is-done svg{display:block}.dpb-pct{display:flex;align-items:baseline;justify-content:center;gap:.4rem;margin-top:.7rem}.dpb-pct-num{font-size:2.4rem;font-weight:900;font-style:italic;line-height:.9;letter-spacing:-.08rem;color:#3f3f3f;text-shadow:0 1px 0 #e3e3e3,0 2px 0 #d8d8d8,0 3px 0 #cccccc,0 4px 7px rgba(0,0,0,.16)}.dpb-pct-off{font-size:1.7rem;font-weight:900;line-height:1;letter-spacing:-.04rem;color:#3f3f3f;text-shadow:0 1px 0 #e3e3e3,0 2px 0 #d8d8d8,0 3px 0 #cccccc,0 3px 5px rgba(0,0,0,.14)}.dpb-node.is-todo .dpb-pct-num,.dpb-node.is-todo .dpb-pct-off{color:#b3b3b3;text-shadow:0 1px 0 #e9e9e9,0 2px 0 #e0e0e0,0 3px 5px rgba(0,0,0,.1)}.dpb-cond{margin:.4rem 0 0;font-size:1.25rem;font-weight:600;color:#555;white-space:nowrap}.dpb-node.is-todo .dpb-cond{color:#b3b3b3}.dpb-bubble{position:absolute;top:0;left:var(--dpb-inset);transform:translate(-50%);padding:.55rem 1.1rem;background:#fff;border:1px solid #d9d9d9;border-radius:.9rem;font-size:1.25rem;font-weight:600;color:var(--dpb-ink);white-space:nowrap;box-shadow:0 2px 6px #00000014;opacity:0;transition:left .3s ease}.dpb-bubble:after{content:"";position:absolute;top:100%;left:50%;width:1.1rem;height:1.1rem;margin:-.6rem 0 0 -.55rem;background:#fff;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;transform:rotate(45deg)}.dpb.is-ready .dpb-bubble{opacity:1}.dpb-unlocked{display:none;margin:.6rem 0 0;text-align:center;font-size:1.6rem;font-weight:800;color:var(--dpb-navy)}.dpb.is-ready .dpb-unlocked.is-on{display:block}.dpb-apply{display:none;width:100%;margin-top:1rem;padding:1.1rem 1rem;border:0;border-radius:1rem;background:var(--dpb-brand);color:#fff;font-family:inherit;font-size:1.4rem;font-weight:800;letter-spacing:.01em;line-height:1.2;cursor:pointer;transition:background-color .15s ease}.dpb-apply span{opacity:.85;font-weight:700}.dpb-apply:hover:not([disabled]){background:#1d3268}.dpb-apply[disabled]{cursor:default;background:#eef1f7;color:#6a7488}.dpb.is-ready .dpb-apply.is-on{display:block}.dpb--page{max-width:var(--page-width);margin:0 auto 2.4rem;padding:1.5rem 2rem 1.4rem;background:linear-gradient(135deg,#f8f8f8,#fdfdfd 72%,#f4f4f4);border-radius:.8rem;box-sizing:border-box}@media(max-width:419px){.dpb--page{padding:1.3rem 1.2rem 1.2rem;--dpb-inset: 3.6rem}.dpb--page .dpb-bar{margin-top:1.4rem}}.dpb--mini{--dpb-inset: 3.2rem;margin:.6rem 0 1.4rem;padding:1rem .9rem .9rem;background:linear-gradient(135deg,#f8f8f8,#fdfdfd 72%,#f4f4f4);border:1px solid #efefef;border-radius:.8rem;box-sizing:border-box}.dpb--mini .dpb-bar{margin-top:1.2rem;height:10.4rem}.dpb--mini .dpb-rail{top:3.45rem;height:.5rem}.dpb--mini .dpb-dot{width:2.8rem;height:2.8rem;margin-top:2.3rem;box-shadow:0 0 0 .3rem #fff}.dpb--mini .dpb-dot svg{width:1.6rem;height:1.6rem}.dpb--mini .dpb-apply{margin-top:.8rem;padding:1rem .8rem;border-radius:.9rem}
/*# sourceMappingURL=/cdn/shop/t/65/assets/discount-progress-bar.css.map */
