.can-tracker{border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--buttons-radius-outset, .8rem);padding:1.5rem 1.75rem 1.75rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));max-width:42rem}.can-tracker--complete{border-color:rgba(var(--color-button),.9)}.can-tracker__header{margin-bottom:1.2rem}.can-tracker__title{margin:0 0 .4rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.can-tracker__message{margin:0;font-family:var(--font-body-family);font-weight:var(--font-body-weight);color:rgba(var(--color-foreground),.75);transition:color .2s ease}.can-tracker--complete .can-tracker__message{color:rgb(var(--color-foreground));font-weight:600}.can-tracker__nudge{margin:.6rem 0 0;font-family:var(--font-body-family);font-style:italic;color:rgba(var(--color-foreground),.65);max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .25s ease,color .2s ease}.can-tracker--case-mode .can-tracker__nudge{max-height:6rem;opacity:1;margin-top:.8rem}.can-tracker--near-complete .can-tracker__nudge{font-style:normal;font-weight:600;color:rgb(var(--color-foreground))}.can-tracker--complete .can-tracker__nudge{display:none}.can-tracker__grid{display:grid;gap:.8rem;justify-items:center}.can-tracker__grid--6{grid-template-columns:repeat(3,1fr)}.can-tracker__grid--12{grid-template-columns:repeat(4,1fr)}.can-tracker__grid--just-completed{animation:can-tracker-pop .5s ease}@keyframes can-tracker-pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.can-tracker__slot{width:100%;max-width:4.6rem;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.can-tracker__can{width:100%;height:100%;transition:transform .25s ease,opacity .25s ease}.can-tracker__can-lid{fill:rgb(var(--color-background));stroke:rgba(var(--color-foreground),.35);stroke-width:2;transition:fill .25s ease,stroke .25s ease}.can-tracker__can-score{fill:none;stroke:rgba(var(--color-foreground),.25);stroke-width:1;transition:stroke .25s ease}.can-tracker__can-stem,.can-tracker__can-tab{fill:none;stroke:rgba(var(--color-foreground),.4);stroke-width:1.4;transition:stroke .25s ease}.can-tracker__can-rivet{fill:rgba(var(--color-foreground),.4);transition:fill .25s ease}.can-tracker__slot.is-filled .can-tracker__can-lid{fill:rgb(var(--color-button));stroke:rgba(var(--color-foreground),.55)}.can-tracker__slot.is-filled .can-tracker__can-score{stroke:rgba(var(--color-foreground),.35)}.can-tracker__slot.is-filled .can-tracker__can-stem,.can-tracker__slot.is-filled .can-tracker__can-tab{stroke:rgba(var(--color-foreground),.6)}.can-tracker__slot.is-filled .can-tracker__can-rivet{fill:rgba(var(--color-foreground),.6)}.can-tracker__slot.is-filled .can-tracker__can{animation:can-tracker-fill .3s ease}@keyframes can-tracker-fill{0%{transform:scale(.6);opacity:.3}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@media(max-width:380px){.can-tracker{padding:1.2rem}.can-tracker__slot{max-width:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/can-slot-tracker.css.map */