.pack-builder{--pack-lavado: 27, 169, 181;--pack-honey: 245, 162, 27;--pack-natural: 58, 143, 217;display:block;margin-bottom:2rem}.pack-builder__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.pack-builder__title{margin:0}.pack-builder__progress{font-size:1.4rem;font-variant-numeric:tabular-nums;color:rgba(var(--color-foreground),.75)}.pack-builder__box{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.8rem;padding:1rem;margin-bottom:1.2rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--variant-pills-radius, 1.2rem);background:rgba(var(--color-foreground),.03)}.pack-builder__slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;aspect-ratio:1;border:.15rem dashed rgba(var(--color-foreground),.2);border-radius:1rem;background:rgb(var(--color-background));overflow:hidden}.pack-builder__slot.is-filled{border-style:solid;border-color:rgba(var(--color-foreground),.12)}.pack-builder__slot.is-new{animation:pack-drop .25s ease-out}.pack-builder__slot .pack-builder__media{width:62%;height:auto;aspect-ratio:1}.pack-builder__slot-name{font-size:1.2rem;line-height:1.2;text-align:center;padding:0 .4rem}@keyframes pack-drop{0%{transform:scale(.85);opacity:0}}.pack-builder__list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.pack-builder__item{display:grid;grid-template-columns:5.6rem 1fr auto;align-items:center;gap:1.2rem;padding:.8rem 1rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:1.2rem;transition:border-color var(--duration-short) ease}.pack-builder__item.is-active{border-color:rgb(var(--color-foreground))}.pack-builder__media{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:.8rem;overflow:hidden}.pack-builder__media img{width:100%;height:100%;object-fit:cover}.pack-builder__name{display:flex;flex-direction:column;font-size:1.5rem;line-height:1.3}.pack-builder__note{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.pack-builder__note:empty{display:none}.pack-builder__stepper{display:flex;align-items:center;gap:.4rem}.pack-builder__step{width:4.4rem;height:4.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.3);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:2rem;line-height:1;cursor:pointer;transition:background-color var(--duration-short) ease,opacity var(--duration-short) ease}.pack-builder__step:not(:disabled):hover{background:rgba(var(--color-foreground),.06)}.pack-builder__step:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.pack-builder__step:disabled{opacity:.3;cursor:default}.pack-builder__count{min-width:2.4rem;text-align:center;font-size:1.6rem;font-variant-numeric:tabular-nums}.pack-builder__rules{margin:1rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.pack-builder__rules:empty{display:none}.pack-builder__bag{display:block;width:60%;height:72%;color:rgba(var(--color-foreground),.55)}.pack-builder__bag svg{width:100%;height:100%;fill:currentColor}.pack-builder__bag--lavado{color:rgb(var(--pack-lavado))}.pack-builder__bag--honey{color:rgb(var(--pack-honey))}.pack-builder__bag--natural{color:rgb(var(--pack-natural))}.pack-builder.is-nudged .pack-builder__box{animation:pack-nudge .4s ease}@keyframes pack-nudge{25%{transform:translate(-.6rem)}75%{transform:translate(.6rem)}}.pack-incomplete .shopify-payment-button{opacity:.4;pointer-events:none}@media(prefers-reduced-motion:reduce){.pack-builder__slot.is-new,.pack-builder.is-nudged .pack-builder__box{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-pack-builder.css.map */