.motif-builder{margin:1.5rem 0}.motif-builder__ring-group{border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius, .4rem);padding:1.2rem 1.5rem;margin-bottom:1.5rem}.motif-builder__ring-title{font-weight:700;font-size:1.3rem}.motif-builder__instruction{font-size:1.2rem;margin-bottom:1rem;color:rgba(var(--color-foreground),.7);margin-top:.5rem}.motif-builder__count{font-size:1.1rem;color:rgba(var(--color-foreground),.5)}.motif-builder__btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.motif-builder__btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, .4rem);background:rgb(var(--color-background));cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,opacity .15s;min-width:8rem;text-align:center}.motif-builder__btn img{width:6rem;height:6rem;object-fit:cover;border-radius:.4rem}.motif-builder__btn-label{font-size:1.1rem;color:rgb(var(--color-foreground))}.motif-builder__btn.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.motif-builder__selections{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.motif-builder__selection-item{border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius, .4rem);padding:.8rem 1rem;background:rgba(var(--color-foreground),.02)}.motif-builder__selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.motif-builder__selection-title{font-size:1.2rem;font-weight:700;color:rgb(var(--color-foreground))}.motif-builder__selection-remove{background:none;border:none;cursor:pointer;font-size:1.4rem;color:rgba(var(--color-foreground),.4);padding:0 .4rem;line-height:1;transition:color .15s}.motif-builder__selection-remove:hover{color:rgb(var(--color-foreground))}.motif-builder__sub-option{margin-top:.4rem}.motif-builder__sub-select{width:100%;padding:.5rem .8rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, .4rem);font-size:1.2rem;font-family:inherit;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.motif-builder__sub-btns{display:flex;flex-wrap:wrap;gap:.5rem}.motif-builder__sub-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .8rem;border:.2rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, .4rem);background:rgb(var(--color-background));cursor:pointer;font-family:inherit;font-size:1.1rem;transition:border-color .15s;min-width:6rem;text-align:center}.motif-builder__sub-btn.is-selected{border-color:rgb(var(--color-foreground));border-width:.2rem;font-weight:700}.motif-builder__color-swatch{display:block;width:2.4rem;height:2.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15)}
/*# sourceMappingURL=/cdn/shop/t/32/assets/motif-builder.css.map */