.ccb{--ccb-border: #ddd;--ccb-border-strong: #bbb;--ccb-bg: #fafafa;--ccb-text: #1c1c1c;--ccb-accent: #1c1c1c;--ccb-accent-contrast: #fff;--ccb-danger: #c0392b;--ccb-radius: 0px;--ccb-gap: 12px;--ccb-charm-scale: 24%;max-width:100%;margin:2rem 0;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ccb-text)}.ccb__title{margin:0 0 1rem;font-size:1.4rem;font-weight:700}.ccb__layout{display:flex;gap:24px;flex-wrap:wrap}.ccb__track-wrap{flex:1 1 320px;min-width:280px}.ccb__palette-wrap{flex:1 1 280px;min-width:240px}.ccb__hint,.ccb__palette-label{font-size:.85rem;color:#666;margin:0 0 8px}.ccb .ccb__launch,.ccb .ccb__add-to-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;background:transparent!important;color:var(--ccb-text)!important;border:1.5px solid var(--ccb-text)!important;border-radius:var(--ccb-radius)!important;padding:16px 28px!important;font-family:inherit!important;font-size:12.5px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.22em!important;line-height:1.1;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease,border-color .2s ease}.ccb .ccb__launch{margin:14px 0}.ccb .ccb__launch:after{content:"\2192";display:inline-block;opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease}.ccb .ccb__launch:hover,.ccb .ccb__launch:focus-visible{background:var(--ccb-text)!important;color:var(--ccb-accent-contrast)!important;box-shadow:0 6px 18px #00000024}.ccb .ccb__launch:hover:after,.ccb .ccb__launch:focus-visible:after{opacity:1;transform:translate(0)}.ccb .ccb__add-to-cart{background:var(--ccb-text)!important;color:var(--ccb-accent-contrast)!important}.ccb .ccb__add-to-cart:hover,.ccb .ccb__add-to-cart:focus-visible{background:transparent!important;color:var(--ccb-text)!important;box-shadow:0 6px 18px #00000024;transform:translateY(-1px)}.ccb .ccb__launch:active,.ccb .ccb__add-to-cart:active{transform:translateY(0);box-shadow:none}.ccb .ccb__launch:focus-visible,.ccb .ccb__add-to-cart:focus-visible{outline:2px solid var(--ccb-text);outline-offset:3px}.ccb .ccb__add-to-cart:disabled{opacity:.45;cursor:not-allowed;background:var(--ccb-text)!important;color:var(--ccb-accent-contrast)!important;box-shadow:none;transform:none}.ccb__clear{background:none;border:none;color:#666;text-decoration:underline;text-underline-offset:3px;font-size:.8rem;letter-spacing:.03em;cursor:pointer;padding:0;font-family:inherit;transition:color .15s ease}.ccb__clear:hover{color:var(--ccb-text)}.ccb [data-ccb-base]{display:block;width:100%;max-width:540px;padding:12px;margin:10px 0 12px;font:inherit;border:1px solid var(--ccb-border);border-radius:var(--ccb-radius);background:#fff;color:var(--ccb-text)}.ccb__photo-frame{position:relative;width:100%;border-radius:var(--ccb-radius);overflow:hidden;margin-bottom:var(--ccb-gap);background:#f2f2f2}.ccb__photo{display:block;width:100%;height:auto}.ccb__photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ccb__photo-charm{position:absolute;width:var(--ccb-charm-scale, 18%);aspect-ratio:1 / 1;transform:translate(-50%,-10%);pointer-events:none;overflow:visible}.ccb__photo-charm img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.ccb__track{list-style:none;margin:0 0 10px;padding:16px;display:flex;flex-wrap:wrap;gap:var(--ccb-gap);min-height:96px;background:var(--ccb-bg);border:1px solid var(--ccb-border);border-radius:var(--ccb-radius)}.ccb__slot{position:relative;width:64px;height:64px;border-radius:50%;border:2px dashed var(--ccb-border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff}.ccb__slot--filled{border-style:solid;cursor:grab;touch-action:none}.ccb__slot--filled:active{cursor:grabbing}.ccb__slot--dragging{opacity:.5}.ccb__slot img{width:82%;height:82%;object-fit:contain;pointer-events:none}.ccb__slot:focus-visible,.ccb__charm:focus-visible{outline:2px solid var(--ccb-text);outline-offset:3px}.ccb__slot-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:var(--ccb-danger);color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.ccb__charm-section{margin-bottom:18px}.ccb__charm-section:last-child{margin-bottom:0}.ccb__charm-section-title{margin:0 0 8px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#666}.ccb__palette{list-style:none;margin:0;padding:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--ccb-gap);max-height:600px;overflow-y:auto}.ccb__palette--scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.ccb__palette--scroll>li{flex:0 0 92px;scroll-snap-align:start}.ccb__palette--scroll .ccb__empty{flex:1 1 auto;white-space:normal}.ccb__debug{margin:-6px 0 12px;padding:6px 10px;font-size:.7rem;font-family:SFMono-Regular,Consolas,monospace;color:#8a5a00;background:#fff7e0;border:1px dashed #e0b84a}.ccb__charm{width:100%;position:relative;border:1px solid var(--ccb-border);border-radius:var(--ccb-radius);padding:8px;text-align:center;cursor:pointer;background:#fff;color:inherit;font:inherit;transition:border-color .15s ease,transform .1s ease}.ccb__charm:hover{border-color:var(--ccb-text)}.ccb__charm:active{transform:scale(.97)}.ccb__charm img{width:100%;aspect-ratio:1 / 1;object-fit:contain;margin-bottom:6px}.ccb__charm-title{display:block;font-size:.75rem;line-height:1.2}.ccb__charm-price{display:block;font-size:.75rem;color:#666}.ccb__charm--oos{opacity:.45;cursor:not-allowed;pointer-events:none}.ccb__charm-oos{position:absolute;top:6px;right:6px;font-size:.65rem;background:#eee;padding:2px 6px;border-radius:4px}.ccb__empty{grid-column:1 / -1;color:#888;font-size:.85rem}.ccb__summary{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.ccb__total{font-size:1.1rem}.ccb__total strong{margin-left:6px}.ccb__message{margin:0;font-size:.85rem;color:var(--ccb-danger);min-height:1.1em}.ccb .ccb__dialog:not([open]){display:none!important}.ccb .ccb__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(940px,94vw);max-width:94vw;max-height:90dvh;padding:32px;border:0;border-radius:var(--ccb-radius);background:#fff;color:var(--ccb-text);font-family:inherit;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}.ccb .ccb__dialog::backdrop{background:#0000008c}.ccb .ccb__close{position:sticky;top:0;float:right;z-index:2;width:40px;height:40px;border:1px solid var(--ccb-text);border-radius:var(--ccb-radius);background:#fff;color:var(--ccb-text);font-size:22px;line-height:1;cursor:pointer}.ccb .ccb__dialog .ccb__photo-frame{max-width:360px;margin:0 auto 20px}.ccb .ccb__dialog .ccb__title{padding-right:48px}html:has(.ccb__dialog[open]){overflow:hidden}@media(max-width:600px){.ccb__layout{flex-direction:column}.ccb__track-wrap,.ccb__palette-wrap{min-width:0}.ccb__slot{width:52px;height:52px}.ccb__track{padding:8px;gap:8px}.ccb .ccb__dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;padding:16px}.ccb .ccb__dialog .ccb__photo-frame{max-width:260px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/bracelet-charm-builder.css.map */