camellia-bf-tier-progress{--bf-node-size: 26px;--bf-success: #00be00;display:block;box-sizing:border-box;width:100%;min-width:0;margin:8px 0 18px;padding:4px 0 8px;color:#303030;background:transparent;border:0;border-radius:0;font-family:inherit;line-height:1.4}camellia-bf-tier-progress[hidden]{display:none}camellia-bf-tier-progress .bf-tier-progress__intro{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}camellia-bf-tier-progress .bf-tier-progress__campaign{color:#817873;font-weight:400}camellia-bf-tier-progress .bf-tier-progress__count{color:#817873;white-space:nowrap}camellia-bf-tier-progress .bf-tier-progress__message{margin:0;color:#303030;font-size:14px;font-weight:500;line-height:20px;text-align:center;overflow-wrap:anywhere}camellia-bf-tier-progress .bf-tier-progress__milestones{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin:16px 0 0;padding:0}camellia-bf-tier-progress .bf-tier-progress__unlocked{display:table;max-width:100%;margin:9px auto 0;padding:2px 8px;color:green;background:#c3ffc3;border-radius:4px;font-size:13px;font-weight:500;line-height:20px;text-align:center;overflow-wrap:anywhere}camellia-bf-tier-progress .bf-tier-progress__unlocked[hidden]{display:none}camellia-bf-tier-progress .bf-tier-progress__track{position:absolute;z-index:0;right:0;bottom:calc(var(--bf-node-size) / 2 - 2px);left:0;height:4px;overflow:hidden;border:0;background:#e0e3f0}camellia-bf-tier-progress .bf-tier-progress__fill{position:absolute;top:0;left:0;display:block;width:var(--bf-progress, 0%);max-width:100%;height:100%;background:var(--bf-success);transition:width .3s ease}camellia-bf-tier-progress .bf-tier-progress__step,camellia-bf-tier-progress button.bf-tier-progress__step{position:relative;z-index:1;display:flex;box-sizing:border-box;width:auto;min-width:0;height:auto;min-height:0;flex-direction:column;align-items:center;justify-content:flex-end;margin:0;padding:0 2px;color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;font:inherit;letter-spacing:normal;line-height:inherit;text-align:center;text-decoration:none;text-transform:none;-webkit-appearance:none;appearance:none}camellia-bf-tier-progress button.bf-tier-progress__step{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}camellia-bf-tier-progress button.bf-tier-progress__step:before,camellia-bf-tier-progress button.bf-tier-progress__step:after{display:none;content:none}camellia-bf-tier-progress button.bf-tier-progress__step:focus-visible{outline:2px solid #761825;outline-offset:5px;border-radius:3px}camellia-bf-tier-progress button.bf-tier-progress__step:disabled{cursor:default}camellia-bf-tier-progress .bf-tier-progress__discount{color:#595550;font-size:13px;font-weight:600;line-height:18px;white-space:nowrap}camellia-bf-tier-progress .bf-tier-progress__discount>span{font-size:10px;font-weight:500;letter-spacing:0}camellia-bf-tier-progress .bf-tier-progress__pieces{margin-top:2px;color:#616161;font-size:11px;font-weight:400;line-height:15px;white-space:nowrap}camellia-bf-tier-progress .bf-tier-progress__node{position:relative;display:flex;box-sizing:border-box;width:var(--bf-node-size);height:var(--bf-node-size);flex:0 0 var(--bf-node-size);align-items:center;justify-content:center;margin-top:11px;color:#fff;background:#e0e3f0;border:0;border-radius:50%;box-shadow:none;transition:background-color .3s ease,box-shadow .3s ease}camellia-bf-tier-progress .bf-tier-progress__tick{display:block;box-sizing:content-box;width:12px;height:12px;padding:2px;color:var(--bf-success);background:#fff;border-radius:50%;opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s ease}camellia-bf-tier-progress .bf-tier-progress__step.is-reached .bf-tier-progress__tick{opacity:1;transform:scale(1)}camellia-bf-tier-progress .bf-tier-progress__step.is-reached .bf-tier-progress__node{background:var(--bf-success);box-shadow:0 0 0 4px #e1f5db}camellia-bf-tier-progress .bf-tier-progress__step.is-next .bf-tier-progress__node{box-shadow:0 0 0 2px #fff,0 0 0 4px #d8edcf}@media(max-width:550px){camellia-bf-tier-progress{--bf-node-size: 22px;margin-bottom:16px;padding-top:4px;padding-bottom:8px}camellia-bf-tier-progress .bf-tier-progress__intro{gap:2px 7px;font-size:10px;line-height:14px}camellia-bf-tier-progress .bf-tier-progress__message{margin-top:0;font-size:13px;line-height:18px}camellia-bf-tier-progress .bf-tier-progress__milestones{margin-top:14px}camellia-bf-tier-progress .bf-tier-progress__unlocked{padding:2px 6px;font-size:11px;line-height:18px}camellia-bf-tier-progress .bf-tier-progress__discount{font-size:12px;line-height:17px}camellia-bf-tier-progress .bf-tier-progress__discount>span{font-size:9px}camellia-bf-tier-progress .bf-tier-progress__pieces{font-size:10px;line-height:14px}camellia-bf-tier-progress .bf-tier-progress__node{margin-top:8px}camellia-bf-tier-progress .bf-tier-progress__tick{width:10px;height:10px;padding:1.5px}}@media(prefers-reduced-motion:reduce){camellia-bf-tier-progress .bf-tier-progress__fill,camellia-bf-tier-progress .bf-tier-progress__node,camellia-bf-tier-progress .bf-tier-progress__tick{transition:none}}camellia-bf-tier-progress .bf-tier-progress__step.is-next .bf-tier-progress__node:before,camellia-bf-tier-progress .bf-tier-progress__step.is-next .bf-tier-progress__node:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:-1;border:2px solid #c9dfbf;border-radius:50%;pointer-events:none;animation:camellia-bf-tier-ping 3s ease-out infinite}camellia-bf-tier-progress .bf-tier-progress__step.is-next .bf-tier-progress__node:after{animation-delay:1.5s}camellia-bf-tier-progress .bf-tier-progress__step.is-current .bf-tier-progress__discount{color:#3f473d}@keyframes camellia-bf-tier-ping{0%{transform:scale(.85);opacity:.8}75%,to{transform:scale(1.9);opacity:0}}@media(prefers-reduced-motion:reduce){camellia-bf-tier-progress .bf-tier-progress__step.is-next .bf-tier-progress__node:before,camellia-bf-tier-progress .bf-tier-progress__step.is-next .bf-tier-progress__node:after{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/camellia-bf-tier-progress.css.map */