.carousel-builder{border:1px solid rgba(var(--color-foreground),.1);border-radius:1.2rem;overflow:hidden}.carousel-builder__header{padding:2rem 2.4rem 1.2rem}.carousel-builder__heading{margin:0 0 .4rem}.carousel-builder__subheading{font-size:1.4rem;opacity:.65;margin:0}.carousel-builder__steps{display:flex;gap:0;padding:0 2.4rem;margin-bottom:1.6rem}.carousel-builder__step{flex:1;text-align:center;padding:.8rem 0;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.06rem;border-bottom:3px solid rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.4);cursor:pointer;transition:all .2s}.carousel-builder__step.active{border-bottom-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.carousel-builder__step-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:rgba(var(--color-foreground),.1);font-size:1.1rem;margin-right:.5rem;vertical-align:middle}.carousel-builder__step.active .carousel-builder__step-number{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.carousel-builder__panel{display:none;padding:0 2.4rem 2.4rem}.carousel-builder__panel.active{display:block}.carousel-builder__variants{display:flex;flex-direction:column;gap:1rem}.carousel-builder__variant-row{display:grid;grid-template-columns:6rem 1fr auto auto;gap:1.2rem;align-items:center;padding:1.2rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:.8rem;transition:border-color .2s}.carousel-builder__variant-row:hover{border-color:rgba(var(--color-foreground),.25)}@media screen and (max-width:749px){.carousel-builder__variant-row{grid-template-columns:5rem 1fr;gap:.8rem}}.carousel-builder__variant-img{width:6rem;height:6rem;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}@media screen and (max-width:749px){.carousel-builder__variant-img{width:5rem;height:5rem}}.carousel-builder__variant-img img{width:100%;height:100%;object-fit:cover}.carousel-builder__variant-info{display:flex;flex-direction:column;gap:.2rem}.carousel-builder__variant-name{font-size:1.4rem;font-weight:600}.carousel-builder__variant-price{font-size:1.3rem;opacity:.7}.carousel-builder__variant-color{display:flex;gap:.4rem;align-items:center}.carousel-builder__variant-color label{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.04rem;margin-right:.3rem}.carousel-builder__color-btn{width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.15);padding:0;cursor:pointer;transition:border-color .2s,box-shadow .2s}.carousel-builder__color-btn:hover{border-color:rgba(var(--color-foreground),.5)}.carousel-builder__color-btn.active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.carousel-builder__variant-qty{display:flex;align-items:center;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem}@media screen and (max-width:749px){.carousel-builder__variant-qty{grid-column:span 2;justify-self:start}.carousel-builder__variant-color{grid-column:span 2}}.carousel-builder__qty-btn{width:3rem;height:3rem;border:none;background:none;cursor:pointer;font-size:1.6rem;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;padding:0}.carousel-builder__qty-btn:hover{background:rgba(var(--color-foreground),.05)}.carousel-builder__qty-input{width:3rem;height:3rem;text-align:center;border:none;border-left:1px solid rgba(var(--color-foreground),.2);border-right:1px solid rgba(var(--color-foreground),.2);font-size:1.3rem;background:none;color:rgb(var(--color-foreground));-moz-appearance:textfield}.carousel-builder__qty-input::-webkit-inner-spin-button,.carousel-builder__qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.carousel-builder__summary{padding:2rem 2.4rem;background:rgba(var(--color-foreground),.03);border-top:1px solid rgba(var(--color-foreground),.1)}.carousel-builder__summary-title{font-size:1.3rem;font-weight:700;margin-bottom:.8rem}.carousel-builder__summary-items{list-style:none;padding:0;margin:0 0 1rem}.carousel-builder__summary-items li{display:flex;justify-content:space-between;font-size:1.3rem;padding:.3rem 0}.carousel-builder__summary-items li.empty-msg{opacity:.5;font-style:italic}.carousel-builder__summary-total{display:flex;justify-content:space-between;font-weight:700;font-size:1.5rem;padding-top:.8rem;border-top:1px solid rgba(var(--color-foreground),.15);margin-bottom:1.2rem}.carousel-builder__add-btn{width:100%;padding:1.4rem 2rem;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.1rem;border:none;border-radius:.4rem;cursor:pointer;background:rgb(var(--color-foreground));color:rgb(var(--color-background));transition:opacity .2s}.carousel-builder__add-btn:hover{opacity:.85}.carousel-builder__add-btn:disabled{opacity:.35;cursor:not-allowed}.carousel-builder__brand-group{margin-bottom:1.6rem}.carousel-builder__brand-title{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.06rem;margin-bottom:.8rem;padding-bottom:.4rem;border-bottom:2px solid rgba(var(--color-foreground),.08)}.carousel-builder__nav-btns{display:flex;gap:1rem;padding:0 2.4rem 2rem}.carousel-builder__nav-btn{flex:1;padding:1rem;font-size:1.3rem;font-weight:600;border-radius:.4rem;cursor:pointer;text-align:center;transition:opacity .2s}.carousel-builder__nav-btn--secondary{background:none;border:1px solid rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground))}.carousel-builder__nav-btn--primary{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none}.carousel-builder__nav-btn:hover{opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-carousel-builder.css.map */