.charm-builder{font-family:var(--font-paragraph--family)}.charm-builder__intro{max-width:62rem;margin:0 auto 3.2rem;text-align:center}.charm-builder__heading{font-family:var(--font-h2--family);font-size:var(--font-h2--size);margin:0 0 1rem}.charm-builder__subheading{font-size:1.6rem;color:rgb(var(--color-foreground-rgb) / .75);margin:0}.charm-builder__app{display:grid;grid-template-columns:1fr 32rem;gap:4rem;align-items:start}@media screen and (max-width:989px){.charm-builder__app{grid-template-columns:1fr}}.charm-builder__step{margin-bottom:4.8rem}.charm-builder__step-head{margin-bottom:2rem}.charm-builder__step-label{display:inline-block;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .6);margin-bottom:.6rem}.charm-builder__step-head h3{font-family:var(--font-h3--family);font-size:var(--font-h3--size);margin:0}.charm-builder__step-hint{margin:.6rem 0 0;font-size:1.4rem;color:rgb(var(--color-foreground-rgb) / .65)}.charm-builder__tabs{display:flex;gap:.8rem;margin-bottom:2.4rem;flex-wrap:wrap}.charm-builder__tab{border:.1rem solid rgb(var(--color-foreground-rgb) / .35);background:transparent;color:var(--color-foreground);padding:1rem 2.2rem;border-radius:999px;font-size:1.4rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.charm-builder__tab.is-active{background:var(--color-primary-button-background, var(--color-foreground));color:var(--color-primary-button-text, var(--color-background));border-color:var(--color-primary-button-background, var(--color-foreground))}.charm-builder__base-grid,.charm-builder__charm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.charm-builder__base-grid[hidden]{display:none!important}@media screen and (max-width:749px){.charm-builder__base-grid,.charm-builder__charm-grid{grid-template-columns:repeat(2,1fr)}}.charm-builder__base-card,.charm-builder__charm-card{display:flex;flex-direction:column;align-items:flex-start;background:rgb(var(--color-foreground-rgb) / .03);border:.1rem solid rgb(var(--color-foreground-rgb) / .12);border-radius:1.2rem;padding:1.2rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;font-family:var(--font-paragraph--family);color:var(--color-foreground)}.charm-builder__base-card{cursor:pointer;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease}.charm-builder__base-card:hover{border-color:rgb(var(--color-foreground-rgb) / .4);transform:translateY(-2px)}.charm-builder__base-card.is-selected,.charm-builder__charm-card.is-selected{border-color:var(--color-primary-button-background, var(--color-foreground));box-shadow:0 0 0 .15rem var(--color-primary-button-background, var(--color-foreground));background:rgb(var(--color-foreground-rgb) / .05)}.charm-builder__base-card:disabled{opacity:.4;cursor:not-allowed}.charm-builder__charm-info{width:100%;display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.charm-builder__charm-select{width:100%;font-size:1.2rem;padding:.6rem .7rem;border-radius:.6rem;border:.1rem solid rgb(var(--color-foreground-rgb) / .25);background:var(--color-background);color:var(--color-foreground);font-family:var(--font-paragraph--family);cursor:pointer}.charm-builder__charm-toggle{width:100%;font-size:1.2rem;padding:.8rem 1rem;border-radius:999px;border:.1rem solid rgb(var(--color-foreground-rgb) / .35);background:transparent;color:var(--color-foreground);cursor:pointer;font-family:var(--font-paragraph--family);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.charm-builder__charm-toggle:hover:not(:disabled){border-color:rgb(var(--color-foreground-rgb) / .6)}.charm-builder__charm-toggle:disabled{opacity:.4;cursor:not-allowed}.charm-builder__charm-card.is-selected .charm-builder__charm-toggle{background:var(--color-primary-button-background, var(--color-foreground));color:var(--color-primary-button-text, var(--color-background));border-color:var(--color-primary-button-background, var(--color-foreground))}.charm-builder__base-media,.charm-builder__charm-media{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:.8rem;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .06);margin-bottom:1rem}.charm-builder__base-media img,.charm-builder__charm-media img{width:100%;height:100%;object-fit:cover}.charm-builder__badge{position:absolute;top:.8rem;left:.8rem;background:var(--color-background);font-size:1.1rem;padding:.3rem .8rem;border-radius:999px}.charm-builder__charm-check{position:absolute;top:.8rem;right:.8rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--color-primary-button-background, var(--color-foreground));color:var(--color-primary-button-text, var(--color-background));opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.charm-builder__charm-check:after{content:"";position:absolute;top:50%;left:50%;width:.9rem;height:.5rem;border-left:.2rem solid currentColor;border-bottom:.2rem solid currentColor;transform:translate(-50%,-65%) rotate(-45deg)}.charm-builder__charm-card.is-selected .charm-builder__charm-check{opacity:1;transform:scale(1)}.charm-builder__base-title,.charm-builder__charm-title{font-size:1.25rem;font-weight:500;line-height:1.3}.charm-builder__base-price,.charm-builder__charm-price{font-size:1.15rem;color:rgb(var(--color-foreground-rgb) / .65);margin-top:.3rem}.charm-builder__empty{grid-column:1 / -1;color:rgb(var(--color-foreground-rgb) / .6);font-size:1.4rem}.charm-builder__summary{position:sticky;top:2.4rem}.charm-builder__summary-inner{border:.1rem solid rgb(var(--color-foreground-rgb) / .12);border-radius:1.2rem;padding:2.4rem;background:var(--color-background)}.charm-builder__summary-inner h3{font-family:var(--font-h3--family);font-size:2rem;margin:0 0 1.6rem}.charm-builder__summary-empty{font-size:1.4rem;color:rgb(var(--color-foreground-rgb) / .6);margin:0}.charm-builder__summary-base{display:flex;align-items:center;gap:1.2rem;padding-bottom:1.6rem;border-bottom:.1rem solid rgb(var(--color-foreground-rgb) / .12);margin-bottom:1.2rem}.charm-builder__summary-base.has-item img{width:5.4rem;height:5.4rem;object-fit:cover;border-radius:.8rem}.charm-builder__summary-base-text{flex:1}.charm-builder__summary-base-text .title{font-size:1.4rem;font-weight:500}.charm-builder__summary-base-text .price{font-size:1.3rem;color:rgb(var(--color-foreground-rgb) / .65)}.charm-builder__summary-charms{list-style:none;margin:0 0 1.6rem;padding:0;display:flex;flex-direction:column;gap:1rem;max-height:24rem;overflow-y:auto}.charm-builder__summary-charms li{display:flex;align-items:center;gap:1rem;font-size:1.3rem}.charm-builder__summary-charms img{width:3.6rem;height:3.6rem;object-fit:cover;border-radius:.6rem;flex-shrink:0}.charm-builder__summary-charms .name{flex:1}.charm-builder__summary-charms .remove{background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground-rgb) / .5);font-size:1.6rem;line-height:1;padding:.2rem .4rem}.charm-builder__summary-charms .remove:hover{color:var(--color-foreground)}.charm-builder__summary-total{display:flex;justify-content:space-between;font-size:1.6rem;font-weight:600;padding-top:1.2rem;border-top:.1rem solid rgb(var(--color-foreground-rgb) / .12);margin-bottom:1.8rem}.charm-builder__add-btn{width:100%}.charm-builder__add-btn[disabled]{opacity:.5;cursor:not-allowed}.charm-builder__summary-note{font-size:1.2rem;color:rgb(var(--color-foreground-rgb) / .55);text-align:center;margin:1rem 0 0}.charm-builder__summary-status{margin-top:1rem;font-size:1.3rem;text-align:center;min-height:1.6rem}.charm-builder__summary-status.is-success{color:var(--color-success, #3f5c2a)}.charm-builder__summary-status.is-error{color:var(--color-error, #b22222)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/charm-builder.css.map */