.reef-pb{--reef-pb-track: rgba(var(--color-foreground), .16);--reef-pb-fill: rgb(var(--color-foreground));box-sizing:border-box;width:100%;padding:.9rem 1.5rem}.reef-pb__inner{max-width:54rem;margin:0 auto}.reef-pb__msg{margin:0 0 .8rem;font-size:1.3rem;line-height:1.35;letter-spacing:.04em;text-align:center}.reef-pb__msg b{font-weight:600}.reef-pb__track{position:relative;height:.4rem;border-radius:1rem;background:var(--reef-pb-track);overflow:hidden}.reef-pb__fill{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:1rem;background:var(--reef-pb-fill);transition:width .45s cubic-bezier(.4,0,.2,1)}.reef-pb__ticks{display:flex;margin:.7rem 0 0;padding:0;list-style:none}.reef-pb__tick{flex:1 1 0;text-align:center;font-size:1.1rem;letter-spacing:.03em;opacity:.5;transition:opacity .3s ease}.reef-pb__tick:first-child{text-align:left}.reef-pb__tick:last-child{text-align:right}.reef-pb__tick.is-reached{opacity:1;font-weight:600}.reef-pb__tick-reward{display:block}.reef-pb__tick-qty{display:block;font-size:1rem;opacity:.75}.reef-pb--drawer{padding:1.2rem 0 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);margin-bottom:.4rem}.reef-pb--drawer .reef-pb__inner{max-width:none}.reef-gb{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.reef-gb__img{flex:0 0 auto;width:4.8rem;height:4.8rem;object-fit:cover}.reef-gb__body{flex:1 1 auto;min-width:0}.reef-gb__title{margin:0;font-size:1.4rem;font-weight:600;line-height:1.3}.reef-gb__meta{margin:.2rem 0 0;font-size:1.2rem;opacity:.7;line-height:1.3}.reef-gb__add{flex:0 0 auto;padding:.7rem 1.6rem;font-family:inherit;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground));background:transparent;border:.1rem solid rgb(var(--color-foreground));cursor:pointer;transition:background .2s ease,color .2s ease}.reef-gb__add:hover{color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.reef-gb__add[disabled]{opacity:.5;cursor:default}@media screen and (max-width:749px){.reef-pb{padding:.8rem 1.2rem}.reef-pb__msg{font-size:1.2rem;margin-bottom:.7rem}.reef-pb__tick{font-size:1rem}.reef-pb__tick-qty{font-size:.95rem}.reef-gb__title{font-size:1.3rem}.reef-gb__add{padding:.6rem 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/reef-promo-bar.css.map */