.tcb{--tcb-accent:#1b5e8a;--tcb-accent-soft:#e7f0f6;--tcb-line:rgb(var(--text-color)/.18);--tcb-muted:rgb(var(--text-color)/.62);--tcb-card:rgb(var(--background));--tcb-gold:#e2c170;--tcb-silver:#d0d3d6;--tcb-radius:12px;padding-bottom:180px}.tcb *{box-sizing:border-box;min-width:0}.tcb,.tcb__layout,.tcb__panel,.tcb__preview{max-width:100%;overflow-x:clip}.tcb button{font-family:inherit;cursor:pointer;color:inherit}.tcb__layout{display:grid;gap:40px;align-items:start}@media(min-width:1000px){.tcb__layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px}.tcb__preview{position:sticky;top:calc(var(--sticky-area-height,80px) + 16px)}}.tcb__preview-inner{background:rgb(var(--text-color)/.04);border-radius:20px;padding:20px}.tcb__stage{position:relative;display:grid;grid-template-columns:38% 1fr;gap:12px;min-height:260px}.tcb__keychain{width:100%;height:auto;max-height:420px;object-fit:contain;object-position:top;filter:drop-shadow(0 12px 18px rgb(0 0 0/.18))}.tcb__keychain[hidden]{display:none}.tcb__stage--charms{grid-template-columns:1fr}.tcb__discs{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;padding-top:8px}.tcb__disc{position:relative;width:72px;height:84px;background-size:contain;background-position:center bottom;background-repeat:no-repeat;overflow:visible;animation:tcbDrop .32s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(0 3px 4px rgb(0 0 0/.22))}.tcb__disc span{position:absolute;left:14%;right:14%;top:44%;bottom:12%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:7px;line-height:1.05;font-weight:700;letter-spacing:.2px;text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tcb__disc--silber{color:#3b4045}.tcb__disc--gold{color:#5a3d0c}.tcb__disc--img{width:72px;height:84px;display:flex;align-items:flex-end;justify-content:center;filter:none}.tcb__disc--img img{width:100%;height:100%;object-fit:contain}.tcb__disc--empty{width:64px;height:64px;margin-top:20px;border-radius:50%;border:1.5px dashed var(--tcb-line);background:none;color:var(--tcb-muted);font-size:18px;display:flex;align-items:center;justify-content:center;animation:none;filter:none}.tcb__disc--more{width:64px;height:64px;margin-top:20px;border-radius:50%;background:rgb(var(--text-color));color:rgb(var(--background));font-size:14px;display:flex;align-items:center;justify-content:center;filter:none}@keyframes tcbDrop{0%{transform:translateY(-14px) scale(.8);opacity:0}60%{transform:translateY(3px) scale(1.04);opacity:1}to{transform:none}}@media(prefers-reduced-motion:reduce){.tcb__disc{animation:none}}.tcb__preview-caption{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:.85rem;color:var(--tcb-muted)}.tcb__preview-caption strong{color:rgb(var(--text-color))}.tcb__trust{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:.8rem;color:var(--tcb-muted)}.tcb__stars{color:#c9a24a;letter-spacing:2px}.tcb__panel{display:flex;flex-direction:column;gap:36px}.tcb__head .h2{margin:0 0 8px}.tcb__intro{margin:0;color:var(--tcb-muted);max-width:52ch}.tcb__step{display:flex;flex-direction:column;gap:14px}.tcb__step-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.tcb__step-title{margin:0;font-family:var(--heading-font-family);font-size:1.4rem;font-weight:var(--heading-font-weight);letter-spacing:var(--heading-letter-spacing);display:flex;gap:10px;align-items:baseline;text-transform:var(--heading-text-transform)}.tcb__step-title span{font-size:.75rem;font-weight:700;color:var(--tcb-accent);letter-spacing:1px}.tcb__step-title--sm{font-size:1.15rem}.tcb__grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tcb__choice{min-height:48px;padding:8px 12px;border-radius:var(--tcb-radius);border:1.5px solid var(--tcb-line);background:var(--tcb-card);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;font-weight:600;text-align:left;transition:border-color .15s,background .15s}.tcb__choice[aria-pressed=true]{border-color:var(--tcb-accent);background:var(--tcb-accent-soft)}.tcb__choice--stack{flex-direction:column;align-items:flex-start;gap:2px;min-height:60px}.tcb__choice--row{justify-content:space-between;width:100%}.tcb__choice small{font-weight:400;color:var(--tcb-muted);font-size:.8rem}.tcb__choice span>strong,.tcb__choice span>small{display:block}.tcb__swatch{width:18px;height:18px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000001f}.tcb__ladder{display:flex;flex-direction:column;gap:6px}.tcb__bands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tcb__band{min-height:62px;border-radius:var(--tcb-radius);border:1.5px solid var(--tcb-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.75rem;color:var(--tcb-muted);padding:6px 4px;text-align:center}.tcb__band strong{font-family:var(--heading-font-family);font-size:1.15rem;color:rgb(var(--text-color))}.tcb__band--active{border-color:var(--tcb-accent);background:var(--tcb-accent);color:#fff}.tcb__band--active strong{color:#fff}.tcb__hint{margin:0;font-size:.85rem}.tcb__hint--muted{color:var(--tcb-muted);font-size:.8rem}.tcb__straps{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.9rem}.tcb__straps[hidden]{display:none}.tcb__strap-list{display:flex;gap:4px}.tcb__strap{width:44px;height:44px;border:0;background:none;display:flex;align-items:center;justify-content:center;padding:0}.tcb__strap span{width:28px;height:28px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 2px rgb(var(--background)),0 0 0 4px transparent;transition:box-shadow .15s}.tcb__strap[aria-pressed=true] span{box-shadow:0 0 0 2px rgb(var(--background)),0 0 0 4px var(--tcb-accent)}.tcb__search{position:relative}.tcb__search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--tcb-muted)}.tcb__search input,.tcb__custom input,.tcb__pick input{width:100%;height:48px;padding:0 14px;border-radius:var(--tcb-radius);border:1.5px solid var(--tcb-line);background:var(--tcb-card);font:inherit;font-size:1rem;color:inherit}.tcb__search input{padding-left:42px}.tcb__search input:focus,.tcb__custom input:focus,.tcb__pick input:focus{outline:2px solid var(--tcb-accent);outline-offset:1px}.tcb__regions{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:0 4px}.tcb__regions::-webkit-scrollbar{display:none}.tcb__region{height:40px;padding:0 14px;flex-shrink:0;border-radius:20px;border:1.5px solid var(--tcb-line);background:var(--tcb-card);font-size:.85rem;font-weight:600}.tcb__region[aria-selected=true]{background:rgb(var(--text-color));color:rgb(var(--background));border-color:rgb(var(--text-color))}.tcb__places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(min-width:600px){.tcb__places{grid-template-columns:repeat(4,minmax(0,1fr))}}.tcb__place{position:relative}.tcb__place button{width:100%;min-height:54px;padding:6px 8px;border-radius:var(--tcb-radius);border:1.5px solid var(--tcb-line);background:var(--tcb-card);font-size:.85rem;font-weight:600;line-height:1.15;transition:border-color .15s,background .15s}.tcb__place button:hover{border-color:rgb(var(--text-color)/.5)}.tcb__place--on button{border-color:var(--tcb-accent);background:var(--tcb-accent-soft)}.tcb__place-count{position:absolute;top:-6px;left:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--tcb-accent);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.tcb__more{align-self:center;height:44px;padding:0 18px;border-radius:22px;border:1.5px solid var(--tcb-line);background:none;font-size:.85rem;font-weight:600}.tcb__more[hidden]{display:none}.tcb__custom{display:flex;gap:8px}.tcb__btn-outline{height:48px;padding:0 16px;border-radius:var(--tcb-radius);border:1.5px solid var(--tcb-accent);background:var(--tcb-card);color:var(--tcb-accent);font-size:.9rem;font-weight:700;flex-shrink:0}.tcb__picks{display:flex;flex-direction:column;gap:6px}.tcb__pick{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:var(--tcb-radius);background:var(--tcb-card);border:1px solid var(--tcb-line)}.tcb__pick-label{flex-grow:1;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcb__pick input{width:96px;height:44px;padding:0 10px;font-size:.95rem;flex-shrink:0}.tcb__pick-year{height:44px;padding:0 8px;border-radius:9px;border:1.5px solid var(--tcb-line);background:var(--tcb-card);font-size:.8rem;font-weight:600;flex-shrink:0}.tcb__pick-remove{width:44px;height:44px;border:0;background:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#7a2a1e}.tcb__specials-label{display:block;font-size:.8rem;font-weight:700;color:var(--tcb-muted);margin:10px 0 6px}.tcb__specials{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 2px;scrollbar-width:none}.tcb__specials::-webkit-scrollbar{display:none}.tcb__special{width:88px;height:104px;flex-shrink:0;border-radius:14px;border:1.5px solid var(--tcb-line);background:var(--tcb-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:.75rem;font-weight:600;text-align:center;padding:6px}.tcb__special img{width:56px;height:56px;object-fit:contain}.tcb__special[aria-pressed=true]{border-color:var(--tcb-accent);background:var(--tcb-accent-soft)}.tcb__open{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--tcb-radius);border:1.5px solid var(--tcb-line)}.tcb__open>span{flex-grow:1}.tcb__open strong,.tcb__open small{display:block}.tcb__open small{color:var(--tcb-muted);font-size:.8rem}.tcb__open--on{border-color:var(--tcb-accent);background:var(--tcb-accent-soft)}.tcb__stepper{display:flex;align-items:center;gap:6px}.tcb__stepper button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--tcb-line);background:var(--tcb-card);font-size:20px}.tcb__stepper button:last-child{background:var(--tcb-accent);border-color:var(--tcb-accent);color:#fff}.tcb__stepper output{min-width:20px;text-align:center;font-weight:700}.tcb__usps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--tcb-muted)}.tcb__usps li:before{content:"\2713  ";color:var(--tcb-accent);font-weight:700}.tcb__error{margin:0;padding:10px 12px;border-radius:10px;background:rgb(var(--error-background));color:rgb(var(--error-text));font-size:.85rem}.tcb__error[hidden]{display:none}.tcb__bar{position:fixed;overflow:hidden;left:0;right:0;bottom:0;z-index:20;background:rgb(var(--background));border-top:1px solid var(--tcb-line);box-shadow:0 -6px 24px #00000014;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px))}.tcb__bar-inner{display:flex;flex-direction:column;gap:8px}@media(min-width:1000px){.tcb__bar-inner{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px}}.tcb__nudge{padding:8px 12px;border-radius:10px;border:1.5px solid #e6c766;background:#fdf3d6;color:#14273a;font-size:.8rem;line-height:1.3}.tcb__nudge:empty{display:none}.tcb__ship{display:flex;flex-direction:column;gap:4px}.tcb__ship-track{height:4px;border-radius:2px;background:var(--tcb-line);overflow:hidden}.tcb__ship-fill{height:100%;background:var(--tcb-accent);width:0;transition:width .25s}.tcb__ship-text{display:flex;justify-content:space-between;font-size:.75rem;color:var(--tcb-muted)}.tcb__bar-row{display:flex;align-items:center;gap:12px}.tcb__total{display:flex;flex-direction:column;min-width:90px}.tcb__total small{font-size:.75rem;color:var(--tcb-muted)}.tcb__total strong{font-family:var(--heading-font-family);font-size:1.5rem;line-height:1.1}.tcb__cta{flex-grow:1;min-height:52px;white-space:normal;line-height:1.2;padding-inline:14px}.tcb__cta:disabled{opacity:.45;cursor:not-allowed}.tcb__cta.is-loading{opacity:.7;pointer-events:none}@media(max-width:999px){.tcb{padding-bottom:200px}.tcb__layout{gap:24px}.tcb__preview-inner{padding:14px;border-radius:16px}.tcb__stage{grid-template-columns:34% 1fr;gap:8px;min-height:200px}.tcb__keychain{max-height:260px}.tcb__discs{gap:6px;padding-top:4px}.tcb__disc,.tcb__disc--img{width:58px;height:68px}.tcb__disc span{font-size:6px}.tcb__disc--empty,.tcb__disc--more{width:50px;height:50px;margin-top:18px}.tcb__panel{gap:28px}.tcb__head .h2{font-size:1.6rem}.tcb__step-title{font-size:1.2rem}.tcb__band{min-height:56px;font-size:.7rem}.tcb__band strong{font-size:1rem}.tcb__places{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tcb__place button{min-height:50px;font-size:.8rem;padding:6px 4px;overflow-wrap:anywhere}.tcb__pick{padding:4px 4px 4px 10px;gap:6px}.tcb__pick input{width:78px;height:40px;font-size:.9rem}.tcb__pick-year{height:40px;padding:0 6px;font-size:.75rem}.tcb__pick-remove{width:36px;height:40px}.tcb__special{width:76px;height:92px;font-size:.7rem}.tcb__special img{width:44px;height:44px}.tcb__bar{padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px))}.tcb__bar-inner{gap:6px}.tcb__nudge{font-size:.75rem;padding:6px 10px}.tcb__nudge br{display:none}.tcb__ship-text{font-size:.7rem}.tcb__total{min-width:72px}.tcb__total strong{font-size:1.3rem}.tcb__cta{min-height:48px;font-size:.9rem}}.tcb__mini{position:fixed;left:8px;right:8px;top:calc(var(--sticky-area-height,64px) + 8px);z-index:19;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1.5px solid var(--tcb-line);border-radius:14px;background:rgb(var(--background)/.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px -10px #00000059;text-align:left;animation:tcbMiniIn .35s cubic-bezier(.16,1,.3,1)}.tcb__mini[hidden]{display:none}.tcb__mini-kc{width:36px;height:48px;object-fit:contain;flex-shrink:0}.tcb__mini-kc[hidden]{display:none}.tcb__mini-discs{display:flex;gap:4px;flex-grow:1;overflow-x:auto;scrollbar-width:none;padding:2px 0;min-width:0;scroll-behavior:smooth}.tcb__mini-discs::-webkit-scrollbar{display:none}.tcb__mini-discs .tcb__disc,.tcb__mini-discs .tcb__disc--img{width:34px;height:40px;flex-shrink:0;animation:none;filter:none}.tcb__mini-discs .tcb__disc span{font-size:4px;letter-spacing:0}.tcb__mini-discs .tcb__disc--empty,.tcb__mini-discs .tcb__disc--more{width:30px;height:30px;margin-top:8px;font-size:11px}.tcb__mini-count{font-size:.75rem;font-weight:700;white-space:nowrap;flex-shrink:0}.tcb__mini.is-pulse .tcb__mini-discs .tcb__disc:last-child{animation:tcbDrop .35s cubic-bezier(.2,.8,.3,1)}@keyframes tcbMiniIn{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}@media(min-width:1000px){.tcb__mini{display:none!important}}@media(prefers-reduced-motion:reduce){.tcb__mini{animation:none}.tcb__mini.is-pulse .tcb__mini-discs .tcb__disc:last-child{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/charm-builder.css.map */