promo-progress{display:block}.promo-progress__slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin:0;padding:0;list-style:none}.promo-progress__slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--card-border-radius);border-width:var(--general-border-width);border-style:solid;border-color:rgb(var(--color-scheme-text));background-color:rgb(var(--color-scheme-background));color:rgb(var(--color-scheme-text))}.promo-progress__slot--empty{border-style:dashed;border-color:rgba(var(--color-scheme-text),.35);background-color:transparent}.promo-progress__slot--filled{border-style:solid;background-color:rgb(var(--color-scheme-card));color:rgb(var(--color-scheme-card-text))}.promo-progress__slot-num{font-family:var(--heading-font-stack);font-weight:var(--heading-font-weight);font-size:var(--font-size-lg);line-height:1;opacity:.45}.promo-progress__slot-img,.promo-progress__slot img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:cover}.promo-progress__slot-name{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:.25rem .3rem;background-color:rgba(var(--color-scheme-card),.88);color:rgb(var(--color-scheme-card-text));font-size:var(--font-size-xs);line-height:1.1;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.promo-progress__slot-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}@media(hover:hover)and (pointer:fine){.promo-progress__slot-btn:hover{background-color:rgba(var(--color-scheme-text),.06)}.promo-progress__slot-btn:hover .promo-progress__slot-num{opacity:.85}}.promo-progress__add{position:absolute;top:.25rem;right:.25rem;display:grid;place-items:center;height:1.15rem;width:1.15rem;border-radius:9999px;background-color:rgb(var(--color-scheme-text));color:rgb(var(--color-scheme-background))}.promo-progress__add svg{height:.7rem;width:.7rem}.promo-progress__slot--interactive{border-style:solid;border-color:rgba(var(--color-scheme-text),.55)}.promo-progress__picker[hidden]{display:none}.promo-progress__picker [data-promo-picker-heading]:focus{outline:2px solid rgb(var(--color-scheme-text));outline-offset:3px}.promo-progress__dismiss{padding:0;border:0;background:none;cursor:pointer;color:rgb(var(--color-scheme-text));opacity:.6;transition:opacity .15s ease}.promo-progress__dismiss:hover,.promo-progress__dismiss:focus-visible{opacity:1}@media(prefers-reduced-motion:reduce){.promo-progress__dismiss{transition:none}}.promo-progress__slots--complete .promo-progress__slot--filled{box-shadow:inset 0 0 0 var(--general-border-width) rgb(var(--color-scheme-accent-1))}.promo-progress__tick{position:absolute;top:.25rem;right:.25rem;z-index:2;display:grid;place-items:center;height:1.15rem;width:1.15rem;border-radius:9999px;background-color:rgb(var(--color-scheme-accent-1));color:rgb(var(--color-scheme-accent-1-contrast))}.promo-progress__tick svg{height:.7rem;width:.7rem}.promo-progress__subgoal{border-top-width:var(--general-border-width);border-top-style:solid;border-top-color:rgba(var(--color-scheme-text),.15)}.promo-progress--compact .promo-progress__slots{gap:.375rem}.promo-progress--compact .promo-progress__slot-name{display:none}@media(max-width:380px){.promo-progress__slots{gap:.375rem}.promo-progress__slot-name{font-size:.625rem;padding:.15rem .2rem}}.promo-progress__slot,.promo-progress__bar-fill{transition:border-color .18s ease,background-color .18s ease,width .35s cubic-bezier(.215,.61,.355,1)}@keyframes promo-progress-pop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.promo-progress__slot--just-filled{animation:promo-progress-pop .32s cubic-bezier(.215,.61,.355,1)}@media(prefers-reduced-motion:reduce){.promo-progress__slot,.promo-progress__bar-fill{transition:none}.promo-progress__slot--just-filled{animation:none}}.promo-progress :focus-visible{outline:2px solid rgb(var(--color-scheme-text));outline-offset:2px;border-radius:var(--button-border-radius)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/promo-progress.css.map */