.cb{--cb-border: rgba(var(--color-foreground), .12);--cb-muted: rgba(var(--color-foreground), .6);margin:2rem auto}.cb-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.cb--no-preview .cb-preview,.cb--no-preview .cb-hint,.cb--no-preview .cb-disclaimer{display:none!important}.cb--no-preview{margin-top:0}.cb--no-preview .cb-cols{display:block}.cb--no-preview .cb-pick{min-width:10rem;padding:1.2rem}.cb--no-preview .cb-picker--charms .cb-pick img{width:6.4rem;height:auto}.cb--no-preview .cb-pick-label{font-size:1.25rem}@media screen and (min-width:990px){.cb-cols{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:4rem;align-items:start}.cb-preview{position:sticky;top:2rem}.cb-preview .cb-stage{height:calc(100vh - 18rem);min-height:32rem;display:flex;flex-direction:column}.cb-preview .cb-scroll{flex:1;display:flex}.cb-preview .cb-canvas{min-height:100%}}.cb-stage{border:1px solid var(--cb-border);border-radius:1rem;overflow:hidden}.cb-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.cb-preview{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cb-canvas{position:relative;min-width:100%;width:max-content;min-height:24rem;display:flex;align-items:center;padding:3rem 2rem;transform:translateZ(0)}.cb-base{position:relative;margin:0 auto}.cb-base-img{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-drag:none}.cb-bandline{position:absolute;left:2%;width:96%;border-top:3px solid rgba(var(--color-foreground),.35)}.cb-bandcircle{position:absolute;border:3px solid rgba(var(--color-foreground),.35);border-radius:50%}.cb-slot{position:absolute;transform:translate(-50%,-50%);min-width:4.4rem;min-height:4.4rem;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(var(--color-foreground),.3);border-radius:50%}.cb-slot.cb-filled{border-color:transparent}.cb-slot.cb-target{border:2px solid rgb(var(--color-foreground));background:rgba(var(--color-foreground),.08)}.cb-slot.cb-empty-hint{pointer-events:none}.cb-slot.cb-ghost-slot{border-color:rgba(var(--color-foreground),.55);border-style:dashed}.cb-slot.cb-droppable{border-color:rgba(var(--color-foreground),.65);border-style:dashed}.cb-ghost{position:fixed;z-index:999;pointer-events:none;opacity:.9;transform:translate(-50%,-60%);line-height:0}.cb-slot .cb-del{z-index:3}.cb-item{position:relative;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;line-height:0;flex:0 0 auto}.cb-item.cb-dragging{opacity:.85;cursor:grabbing;transition:none;z-index:5;position:relative}.cb-item img,.cb-item svg{pointer-events:none;display:block;-webkit-user-drag:none}.cb-base.cb-drag-on .cb-del{display:none}.cb-item .cb-engrave-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:500;pointer-events:none;line-height:1}.cb-del{position:absolute;top:-.9rem;right:-.9rem;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--cb-border);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.cb-hint{text-align:left;font-size:1.2rem;color:var(--cb-muted);margin:.8rem 0 0}.cb-disclaimer{text-align:left;font-size:1.1rem;color:var(--cb-muted);margin:.4rem 0 0;line-height:1.6}.cb-sp-only{display:none}.cb-engrave-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cb-engrave-note{font-size:1.2rem;color:var(--cb-muted);margin:0 0 .4rem}.cb-group{margin-top:1.6rem}.cb-group-first{margin-top:0}.cb-group-title{display:flex;align-items:baseline;gap:1rem;font-size:1.4rem;margin:0 0 .8rem}.cb-count{font-size:1.2rem;color:var(--cb-muted)}.cb-warn{font-size:1.2rem;color:#b3261e;display:none}.cb-warn.cb-show{display:inline}.cb-picker{display:flex;gap:.8rem;flex-wrap:wrap}.cb-controls{min-width:0}.cb-picker--charms{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);justify-content:start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.4rem;max-width:100%}.cb-pick{display:flex;flex-direction:column;align-items:center;gap:.4rem;border:1px solid var(--cb-border);border-radius:.8rem;background:transparent;padding:.8rem;cursor:pointer;min-width:7.2rem;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cb-pick:hover{border-color:rgba(var(--color-foreground),.4)}.cb-pick img,.cb-pick svg{pointer-events:none}.cb-pick-label{font-size:1.1rem;color:var(--cb-muted);line-height:1.3;text-align:center}.cb-pick.cb-selected{border-color:rgb(var(--color-foreground));border-width:2px}.cb-pick.cb-picked,.cb-pick[disabled]{opacity:.35;cursor:default}.cb-len{min-width:10rem;padding:1rem 1.4rem;justify-content:center}.cb-font-group{display:inline-flex;align-items:center;gap:.6rem}.cb-font-caption{font-size:1.2rem;color:var(--cb-muted)}.cb-font-toggle{display:inline-flex;border:1px solid var(--cb-border);border-radius:.6rem;overflow:hidden}.cb-font-btn{border:none;background:transparent;color:rgb(var(--color-foreground));font-size:1.2rem;padding:.4rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.1rem}.cb-font-sample{font-size:1.7rem;line-height:1.2}.cb-font-name{font-size:1rem;color:var(--cb-muted)}.cb-font-btn+.cb-font-btn{border-left:1px solid var(--cb-border)}.cb-font-btn.cb-selected{background:rgba(var(--color-foreground),.08);font-weight:500}.cb-engraves{margin-top:1.6rem;display:flex;flex-direction:column;gap:.8rem}.cb-engrave-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cb-engrave-row label{font-size:1.2rem;color:var(--cb-muted);min-width:9rem}.cb-eng-label{display:flex;align-items:center;gap:.6rem;min-width:11rem;cursor:pointer}.cb-eng-thumb{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border:1px solid var(--cb-border);border-radius:.6rem;background:rgb(var(--color-background));overflow:hidden;flex:0 0 auto}.cb-eng-thumb img,.cb-eng-thumb svg{max-width:2.8rem;max-height:2.8rem;width:auto;height:auto}.cb-slot.cb-eng-focus{border:2px solid rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.cb-slot-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.3rem;line-height:1;color:rgba(var(--color-foreground),.45);pointer-events:none}.cb-slot.cb-filled .cb-slot-num{top:auto;bottom:-.8rem;transform:translate(-50%);font-size:1rem;color:rgba(var(--color-foreground),.65);background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);padding:.15rem .5rem;border-radius:1rem}.cb-engrave-row input{border:1px solid var(--cb-border);border-radius:.6rem;padding:1rem 1.2rem;font-size:1.6rem;background:transparent;color:rgb(var(--color-foreground));flex:1;min-width:20rem;max-width:32rem}.cb-engrave-row input.cb-missing{border-color:#b3261e;border-width:2px}.cb-phone-row{display:block;border:1px solid var(--cb-border);border-radius:.8rem;padding:1.2rem 1.4rem;margin:.2rem 0 1rem;max-width:52rem}.cb-phone-row--on{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03)}.cb-phone-check{display:flex;align-items:center;gap:1.2rem;cursor:pointer}.cb-phone-check input[type=checkbox]{width:2rem;height:2rem;flex:0 0 auto;accent-color:rgb(var(--color-foreground))}.cb-phone-texts{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.cb-phone-title{font-size:1.4rem;font-weight:500}.cb-phone-sub{font-size:1.2rem;color:var(--cb-muted)}.cb-phone-price{flex:0 0 auto;font-size:1.5rem;font-weight:500}.cb-phone-input-wrap{margin-top:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cb-phone-input-wrap input[type=tel]{border:1px solid var(--cb-border);border-radius:.6rem;padding:1rem 1.2rem;font-size:1.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));flex:1;min-width:24rem;max-width:32rem}.cb-phone-row input.cb-missing{border-color:#b3261e;border-width:2px}.cb-phone-sample{display:flex;align-items:center;gap:1rem;width:100%;margin-top:.4rem}.cb-phone-sample img{border-radius:.8rem;border:1px solid var(--cb-border);max-width:12rem;height:auto}.cb-phone-sample-note{font-size:1.2rem;color:var(--cb-muted);flex:1;min-width:16rem}@media screen and (max-width:749px){.cb-phone-row{padding-left:0}}.cb-footer{margin-top:2rem;display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;border-top:1px solid var(--cb-border);padding-top:1.6rem}.cb-price-wrap{flex:1;min-width:18rem}.cb-breakdown{font-size:1.2rem;color:var(--cb-muted);margin:0}.cb-total{font-size:2.4rem;font-weight:500;margin:0}.cb-note{width:100%;font-size:1.2rem;color:var(--cb-muted);margin:0}.cb-add[disabled]{opacity:.5;cursor:not-allowed}@media screen and (max-width:989px){.cb-cols{display:block}.cb-preview{position:sticky;top:0;z-index:2;background:rgb(var(--color-background));margin-left:-1.5rem;margin-right:-1.5rem;padding:.6rem 1.5rem .4rem;margin-bottom:1.6rem;box-shadow:0 8px 10px -8px #0000002e}.cb--typing .cb-preview{position:static;box-shadow:none}.cb-slot{min-width:4rem;min-height:4rem}.cb-preview .cb-scroll{overflow-x:hidden}.cb-preview .cb-canvas{justify-content:center}.cb-preview .cb-stage{background:rgb(var(--color-background));height:34rem;display:flex;flex-direction:column}.cb-preview .cb-scroll{flex:1;display:flex}.cb-preview .cb-canvas{min-height:100%;padding:3rem 1.2rem 1.6rem}.cb-pc-only{display:none}.cb-sp-only{display:block}.cb-hint{margin:.4rem 0 0;font-size:1.1rem}.cb-disclaimer.cb-sp-only{text-align:left;margin-top:1.2rem}.cb-del{width:2.1rem;height:2.1rem;font-size:1.3rem;top:-.4rem;right:-.4rem;background:rgba(var(--color-background),.85)}}.cb-select{width:100%;max-width:26rem;padding:1.1rem 1.4rem;font-size:1.5rem;border:1px solid var(--cb-border);border-radius:.8rem;background:#fff;color:inherit}.cb-note-sub{margin:.8rem 0 0;font-size:1.2rem;line-height:1.7;color:#2c2c2aa6}.cb-pick-none svg{opacity:.55}.cb-count.cb-reco-hit{color:#b08d57;font-weight:600}.cb-group-info{display:flex;flex-direction:column;gap:.2rem;margin:.4rem 0 1rem;font-size:1.25rem;line-height:1.7;color:#2c2c2ab3}.cb-group-info span:empty{display:none}.cb-group-info .cb-reco-hit{color:#2e8b57;font-weight:600}.cb-group-info .cb-info-line{display:inline-flex;flex-wrap:wrap;column-gap:1rem;align-items:baseline}.cb-gift-body{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.cb-gift-img{width:16rem;height:16rem;object-fit:cover;border-radius:.8rem;border:1px solid var(--cb-border)}.cb-pick-price{font-size:1.15rem;font-weight:500;line-height:1.2}.cb-charms-wrap{position:relative}.cb-charms-wrap.cb-scrollable:after{content:"";position:absolute;top:0;right:0;bottom:.4rem;width:6rem;background:linear-gradient(to left,rgb(var(--color-background)) 15%,transparent);pointer-events:none;opacity:1;transition:opacity .25s ease}.cb-charms-wrap.cb-scrollable:before{content:"\203a";position:absolute;right:.6rem;top:50%;transform:translateY(-60%);font-size:2.6rem;line-height:1;color:rgba(var(--color-foreground),.55);z-index:1;pointer-events:none;transition:opacity .25s ease}.cb-charms-wrap.cb-scrollable.cb-at-end:after,.cb-charms-wrap.cb-scrollable.cb-at-end:before{opacity:0}.cb-picker--charms{grid-template-rows:repeat(2,1fr);grid-auto-columns:max-content}.cb-picker--charms .cb-pick{height:100%;justify-content:flex-start;row-gap:0;padding:1.4rem 1.6rem}.cb-picker--charms .cb-pick img,.cb--no-preview .cb-picker--charms .cb-pick img{width:auto;height:7.2rem;max-width:11rem;object-fit:contain;flex:0 0 auto;margin:0 0 1.1rem}.cb-picker--charms .cb-pick .cb-pick-label{color:rgb(var(--color-foreground));white-space:nowrap;min-height:0;margin:0}.cb-pick-meta{font-size:1rem;letter-spacing:.06em;color:var(--cb-muted);line-height:1.3;text-align:center;white-space:nowrap;margin-top:.55rem}.cb-picker--charms .cb-pick .cb-pick-price{margin-top:.55rem}.cb-picker--charms .cb-pick-none{justify-content:center;row-gap:.6rem}.cb-picker--charms .cb-pick-none svg{width:3.4rem;height:3.4rem;flex:0 0 auto;margin:0}.cb-pick-price{color:rgb(var(--color-foreground))}.cb-pick-price a{color:inherit!important;text-decoration:none!important}.cb-pick{position:relative}.cb-pick-count{position:absolute;top:-.7rem;left:-.7rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.05rem;line-height:1;padding:.35rem .6rem;border-radius:1rem;pointer-events:none}.cb-pick-minus{position:absolute;top:-1rem;right:-1rem;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--cb-border);background:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 1px 4px #00000024}.cb-select.cb-missing{border-color:#b3435a;box-shadow:0 0 0 1px #b3435a}.cb-pick--soldout{opacity:.45;cursor:default}.cb-pick-soldout{font-size:1rem;color:#b3261e;background:#b3261e14;border-radius:999px;padding:.1rem .6rem}.cb-note--error{color:#b3261e}.cb-stock-banner{margin:0 0 1.4rem;padding:1rem 1.2rem;border-radius:.8rem;background:#b3261e12;border:1px solid rgba(179,38,30,.3);color:#b3261e;font-size:1.3rem;line-height:1.5}.cb-stock-banner[hidden]{display:none}.cb-gift-note{margin:.6rem 0 0;font-size:1.15rem;color:#b3261e}
/*# sourceMappingURL=/cdn/shop/t/5/assets/charm-builder.css.map */