.ob-credit *,.ob-credit-ring *{box-sizing:border-box}.ob-credit__heading,.ob-credit-ring__tip-heading,.ob-credit-ring__ladder th{font-family:var(--font-heading-family);font-style:var(--font-heading-style);text-transform:uppercase}.ob-credit__sr,.ob-credit-ring__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ob-credit-ring{--ob-credit-ink: rgb(var(--colors-text-header));position:relative;display:flex;align-items:center}.ob-credit-ring__trigger{position:relative;display:block;width:30px;height:30px;padding:0;background:none;border:0;color:inherit;cursor:pointer;line-height:0}.ob-credit-ring__trigger:focus-visible{outline:2px solid var(--ob-credit-ink);outline-offset:3px;border-radius:999px}.ob-credit-ring__dial{display:block;width:100%;height:100%;overflow:visible}.ob-credit-ring__groove,.ob-credit-ring__arc{fill:none;stroke-width:2.5}.ob-credit-ring__groove{stroke:var(--ob-credit-ink);opacity:.25}.ob-credit-ring__arc{stroke:rgb(var(--color-success));stroke-linecap:round;stroke-dasharray:84.823;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .6s ease-in-out}.ob-credit-ring__amount{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--ob-credit-ink)}.ob-credit-ring__amount--pending{font-weight:500;opacity:.75}.ob-credit-ring__tip{position:absolute;top:calc(100% + .625rem);inset-inline-end:0;z-index:30;width:min(15rem,calc(100vw - 2rem));padding:.875rem 1rem;background:rgb(var(--background-color));color:rgb(var(--colors-heading-base));border:1px solid rgb(var(--colors-line-and-border-base));box-shadow:0 8px 24px #0000001f;text-align:start;line-height:1.45}.ob-credit-ring__tip--rounded{border-radius:.5rem}.ob-credit-ring__tip-heading{margin:0 0 .25rem;font-size:.8125rem;font-weight:700;letter-spacing:.04em}.ob-credit-ring__tip-earned{margin:0;font-size:.8125rem;font-weight:600}.ob-credit-ring__tip-summary{margin:0;font-size:.8125rem}.ob-credit-ring__ladder{width:100%;margin-top:.75rem;border-collapse:collapse;font-size:.75rem}.ob-credit-ring__ladder th{padding:0 0 .25rem;font-weight:400;text-align:start;letter-spacing:.06em;opacity:.6}.ob-credit-ring__ladder td{padding:.1875rem 0;text-align:start}.ob-credit-ring__ladder th:last-child,.ob-credit-ring__ladder td:last-child{text-align:end}.ob-credit-ring__rung{opacity:.55}.ob-credit-ring__rung--reached{opacity:1;font-weight:600}.ob-credit-ring__check{margin-inline-start:.3125rem}.ob-credit{display:block;margin:0 0 .625rem;color:rgb(var(--colors-text));line-height:1.4}.ob-credit--page{margin-bottom:2rem}.ob-credit__panel{padding:.875rem 1rem .75rem;background:rgba(var(--color-success),.08);border:1px solid rgba(var(--color-success),.35)}.ob-credit--rounded .ob-credit__panel{border-radius:.5rem}@media(min-width:1024px){.ob-credit--page .ob-credit__panel{padding:1.125rem 1.25rem 1rem}}.ob-credit__heading{margin:0;font-size:.9375rem;font-weight:700;letter-spacing:.04em}.ob-credit__subheading{margin:.125rem 0 0;font-size:.8125rem;opacity:.8}.ob-credit__summary{margin:.5rem 0 0;font-size:.8125rem}.ob-credit__summary>span{display:block}.ob-credit__earned{font-weight:600}.ob-credit__ladder{position:relative;margin-top:1.125rem}.ob-credit__track{position:relative;height:3px;border-radius:999px;background:rgba(var(--colors-text),.18);overflow:hidden}.ob-credit__fill{width:0;height:100%;border-radius:inherit;background:rgb(var(--color-success))}.ob-credit__fill--filled{width:var(--ob-credit-fill, 0%);transition:width 1s ease-in-out}.ob-credit__rungs{display:flex;margin:0;padding:0;list-style:none}.ob-credit__rung{position:relative;flex:1 1 0;min-width:0}.ob-credit__dot{position:absolute;top:-6px;inset-inline-end:0;width:9px;height:9px;border-radius:999px;background:rgb(var(--background-color));border:1.5px solid rgba(var(--colors-text),.28);transform:translate(50%)}[dir=rtl] .ob-credit__dot{transform:translate(-50%)}.ob-credit__rung--reached .ob-credit__dot{background:rgb(var(--color-success));border-color:rgb(var(--color-success))}.ob-credit__labels{position:absolute;top:.375rem;inset-inline-end:0;display:flex;flex-direction:column;align-items:center;width:3rem;transform:translate(50%);text-align:center}[dir=rtl] .ob-credit__labels{transform:translate(-50%)}.ob-credit__rung--last .ob-credit__labels{align-items:flex-end;transform:none}[dir=rtl] .ob-credit__rung--last .ob-credit__labels{align-items:flex-start;transform:none}.ob-credit__reward{font-size:.6875rem;font-weight:600;opacity:.55;white-space:nowrap}.ob-credit__spend{font-size:.625rem;opacity:.5;white-space:nowrap}@media(min-width:1024px){.ob-credit--page .ob-credit__labels{width:4rem}.ob-credit--page .ob-credit__reward{font-size:.8125rem}.ob-credit--page .ob-credit__spend{font-size:.75rem}}.ob-credit__rung--reached .ob-credit__reward{opacity:1}.ob-credit__rung--reached .ob-credit__spend{opacity:.75}.ob-credit__ladder:after{content:"";display:block;height:2.25rem}@media(prefers-reduced-motion:reduce){.ob-credit__fill--filled,.ob-credit-ring__arc{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/235/assets/credit-progress.css.map */