.stack-builder__header{text-align:center;margin-bottom:3rem}.stack-builder__heading{margin:0 0 .8rem}.stack-builder__subheading{margin:0;opacity:.7}.stack-builder__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:0 0 3rem;padding:0}@media screen and (min-width:750px){.stack-builder__grid{grid-template-columns:repeat(4,1fr)}}.stack-tile{position:relative;display:flex;flex-direction:column;width:100%;padding:0;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--inputs-radius, .4rem);background:rgb(var(--color-background));cursor:pointer;text-align:left;font-family:inherit;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.stack-tile:hover:not([disabled]){border-color:rgba(var(--color-foreground),.35);transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.08)}.stack-tile:active:not([disabled]){transform:translateY(0)}.stack-tile--active{border-color:rgb(var(--color-button));border-width:.2rem}.stack-tile[disabled]{cursor:not-allowed;opacity:.45}.stack-tile.loading{pointer-events:none;opacity:.6}.stack-tile__media{aspect-ratio:1 / 1;background:rgba(var(--color-foreground),.04)}.stack-tile__media img{width:100%;height:100%;object-fit:cover;display:block}.stack-tile__info{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem 1.4rem 1.4rem}.stack-tile__title{font-size:1.4rem;line-height:1.3}.stack-tile__price{font-size:1.3rem;opacity:.7}.stack-tile__add-icon{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-label));box-shadow:0 .2rem .6rem rgba(var(--color-foreground),.15)}.stack-tile__add-icon svg{width:1.4rem;height:1.4rem}.stack-tile__badge[hidden]{display:none}.stack-tile__badge{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;justify-content:center;min-width:2.6rem;height:2.6rem;padding:0 .6rem;border-radius:1.4rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.3rem;font-weight:600;z-index:1}.stack-bar{position:sticky;bottom:1.5rem;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 2rem;padding:1.6rem 2rem;border-radius:calc(var(--inputs-radius, .4rem) + .4rem);border:.1rem solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));box-shadow:0 .6rem 2.4rem rgba(var(--color-foreground),.14)}.stack-bar__tiers{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.stack-bar__tier{display:flex;flex-direction:column;align-items:center;gap:.4rem}.stack-bar__tier-dot{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;border:.15rem solid rgba(var(--color-foreground),.25);color:transparent}.stack-bar__tier--start .stack-bar__tier-dot{width:.8rem;height:.8rem;border-color:rgba(var(--color-foreground),.25);background:rgba(var(--color-foreground),.25)}.stack-bar__tier-dot svg{width:1.2rem;height:1.2rem}.stack-bar__tier.is-reached .stack-bar__tier-dot{border-color:rgb(var(--color-button));background:rgb(var(--color-button));color:rgb(var(--color-button-label))}.stack-bar__tier--start.is-reached .stack-bar__tier-dot{background:rgb(var(--color-button))}.stack-bar__tier-label{font-size:1.1rem;font-weight:600;opacity:.7}.stack-bar__tier.is-reached .stack-bar__tier-label{opacity:1}.stack-bar__tier-line{width:3rem;height:.15rem;background:rgba(var(--color-foreground),.2);flex-shrink:0}.stack-bar__message{flex:1 1 24rem;min-width:0;margin:0;font-size:1.4rem}.stack-bar__totals{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.stack-bar__count{font-size:1.3rem;font-weight:600}.stack-bar__subtotal{font-size:1.2rem;opacity:.7}.stack-bar__cta{flex-shrink:0;min-width:14rem}@media screen and (max-width:749px){.stack-bar{bottom:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;justify-content:center}.stack-bar__message{order:3;flex-basis:100%;text-align:center}.stack-bar__cta{order:4;flex-basis:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-stack-builder.css.map */