.olv-tier-bar{--otb-petrol: #18404B;--otb-muted: #4F6A70;--otb-cream: #F6F2EE;--otb-tile: #F4EFE9;--otb-track: #E4DCD1;--otb-border: #D9D1C6;--otb-lock: #B8AC9C;--otb-font-bold: var(--heading-font-family), Helvetica, Arial, sans-serif;--otb-font-semibold: "Muli-SemiBold", var(--text-font-family), Helvetica, Arial, sans-serif;display:block;padding:14px 20px 16px;border-top:1px solid var(--otb-track);border-bottom:1px solid var(--otb-track);background:var(--otb-cream);color:var(--otb-petrol);font-family:var(--text-font-family),Helvetica,Arial,sans-serif}.olv-tier-bar[hidden]{display:none}.otb-msg{display:flex;gap:8px;align-items:flex-start}.otb-text{margin:0;font-size:14px;line-height:20px;font-weight:400;color:var(--otb-petrol);text-wrap:pretty}.otb-text strong{font-family:var(--otb-font-bold);font-weight:700}.otb-done{display:none;flex:none;width:18px;height:18px;margin-top:1px;border-radius:9px;background:var(--otb-petrol);align-items:center;justify-content:center}.otb-done svg{width:10px;height:10px;stroke-width:1.6}.olv-tier-bar.is-done .otb-done{display:flex}.otb-track{position:relative;height:6px;border-radius:3px;background:var(--otb-track);overflow:hidden}.otb-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--otb-petrol);transition:width .7s cubic-bezier(.22,.8,.24,1)}.otb-single{display:flex;align-items:center;gap:14px}.otb-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.otb-tilecol{flex:none;width:52px;display:flex;flex-direction:column;align-items:center;gap:4px}.otb-tile{position:relative;width:52px;height:52px}.otb-tile__box{width:52px;height:52px;border-radius:8px;background:var(--otb-tile);border:1px solid var(--otb-border);box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center}.otb-tile__label{font-family:var(--otb-font-semibold);font-size:11px;line-height:14px;font-weight:600;color:var(--otb-muted);white-space:nowrap}.otb-tile img,.otb-stop__box img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.5;transition:filter .5s ease,opacity .5s ease}.otb-noimg{width:100%;height:100%;background:repeating-linear-gradient(135deg,#ECE5DC 0 5px,var(--otb-tile) 5px 10px);opacity:.5;transition:opacity .5s ease}.is-reached img{filter:none;opacity:1}.is-reached .otb-noimg{opacity:1}.otb-lock,.otb-tick{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;box-sizing:border-box}.otb-lock{background:var(--otb-cream);border:1px solid var(--otb-lock);opacity:1;transition:opacity .2s ease}.otb-tick{background:var(--otb-petrol);box-shadow:0 0 0 2px var(--otb-cream);opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.is-reached .otb-lock{opacity:0}.is-reached .otb-tick{opacity:1;transform:scale(1)}.otb-lock__shackle,.otb-lock__body{position:absolute;box-sizing:border-box}.otb-lock__body{background:var(--otb-muted);border-radius:1px}.otb-lock__shackle{border:1.5px solid var(--otb-muted);border-bottom:none;border-radius:3px 3px 0 0}.otb-tile .otb-lock,.otb-tile .otb-tick{top:-6px;right:-6px;width:20px;height:20px}.otb-tile .otb-tick svg{width:10px;height:10px;stroke-width:1.6}.otb-tile .otb-lock__shackle{width:5px;height:5px;left:calc(50% - 2.5px);top:calc(50% - 4.5px)}.otb-tile .otb-lock__body{width:8px;height:5px;left:calc(50% - 4px);top:calc(50% - .5px)}.otb-multi{display:flex;flex-direction:column;gap:10px}.otb-scale{display:flex;flex-direction:column;gap:4px}.otb-zone{position:relative;height:40px}.otb-zone .otb-track{position:absolute;left:0;right:0;top:17px}.otb-stop{position:absolute;top:0;left:0;width:40px;height:40px}.otb-stop--base{left:0!important}.otb-stop__box,.otb-stop__pct{width:40px;height:40px;border-radius:7px;box-sizing:border-box;box-shadow:0 0 0 3px var(--otb-cream)}.otb-stop__box{background:var(--otb-tile);border:1px solid var(--otb-border);overflow:hidden;transition:border-color .3s ease}.otb-stop--gift.is-reached .otb-stop__box{border-color:var(--otb-petrol)}.otb-stop__pct{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--otb-border);font-family:var(--otb-font-bold);font-size:12px;font-weight:700;color:var(--otb-petrol);white-space:nowrap;transition:background .3s ease,color .3s ease,border-color .3s ease}.otb-stop--pct.is-reached .otb-stop__pct{background:var(--otb-petrol);border-color:var(--otb-petrol);color:#fff}.otb-stop .otb-lock,.otb-stop .otb-tick{top:-5px;right:-5px;width:16px;height:16px}.otb-stop .otb-tick svg{width:8px;height:8px;stroke-width:1.8}.otb-stop .otb-lock__shackle{width:4px;height:4px;border-width:1.2px;border-radius:2px 2px 0 0;left:calc(50% - 2px);top:calc(50% - 3.5px)}.otb-stop .otb-lock__body{width:6px;height:4px;left:calc(50% - 3px);top:calc(50% - .5px)}.otb-labels{position:relative;height:14px;font-size:11px;line-height:14px}.otb-label{position:absolute;top:0;left:0;white-space:nowrap;font-family:var(--otb-font-semibold);font-weight:600;color:var(--otb-muted)}.otb-label.is-reached{font-family:var(--otb-font-bold);font-weight:700;color:var(--otb-petrol)}.otb-label--base{left:0!important;transform:none!important}.olv-tier-bar.otb-noanim *,.olv-tier-bar.otb-noanim{transition:none!important}@media(prefers-reduced-motion:reduce){.olv-tier-bar,.olv-tier-bar *{transition-duration:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/olv-tier-bar.css.map */