.charm-builder{--lt-bg: #ffffff;--lt-canvas: #ffffff;--lt-ink: #111111;--lt-head: #111111;--lt-olive: #111111;--lt-olive-dark: #062215;--lt-border: #e0e0e0;--lt-card: #ffffff;--cb-blue: #6f9bd6;--cb-blue-strong: #4a78c8;--cb-dot-size: 52px;background:var(--lt-bg);color:var(--lt-ink)}.charm-builder .ff-heading{font-family:var(--font-body, "Jost", sans-serif);text-transform:uppercase;font-weight:600;letter-spacing:.02em;color:var(--lt-head)}.charm-builder.section{max-width:none;padding-inline:clamp(20px,3vw,56px)}.charm-builder__inner{display:grid;grid-template-columns:1fr;gap:var(--spacing-10, 40px);align-items:start;max-width:none;margin-inline:0}@media(min-width:960px){.charm-builder__inner{grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:clamp(48px,5vw,88px)}}.charm-builder__preview{position:relative}@media(min-width:960px){.charm-builder__preview{position:sticky;top:var(--spacing-6, 24px);align-self:start}.charm-builder__canvas{max-height:calc(100vh - 48px);max-height:calc(100svh - 48px)}}.shopify-section:has(.charm-builder){overflow:visible}.charm-builder__panel{display:flex;flex-direction:column;gap:clamp(28px,2vw + 18px,40px)}.charm-builder__masthead{display:flex;flex-direction:column;gap:var(--spacing-2, 8px)}.charm-builder__eyebrow{color:var(--lt-olive, #6e6b41);margin:0;font-size:12px}.charm-builder__heading{margin:0;color:var(--lt-head, #4b4a2c);font-size:16px;line-height:1.15}.charm-builder__subheading{margin:var(--spacing-1, 4px) 0 0;color:var(--lt-ink, #54512f);opacity:.75;max-width:52ch;font-size:12px}.charm-builder__canvas{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:var(--lt-canvas, #ede6d4);border:0;display:flex;align-items:center;justify-content:center;touch-action:none}.charm-builder__base-image{width:100%;height:100%;object-fit:contain;display:block;transition:opacity var(--duration-normal, .5s) var(--easing, cubic-bezier(.33, 0, 0, 1))}.charm-builder__canvas.is-swapping .charm-builder__base-image{opacity:0}.charm-builder__empty{position:absolute;left:0;right:0;bottom:var(--spacing-5, 20px);text-align:center;opacity:0;pointer-events:none;transition:opacity var(--duration-normal, .5s) var(--easing, ease)}.charm-builder__canvas.is-empty .charm-builder__empty{opacity:1}.charm-builder__empty-mark{display:none}.charm-builder__empty-label{margin:0;color:var(--lt-ink, #54512f);opacity:.65}.charm-builder__empty-text{margin:2px 0 0;color:var(--lt-ink, #54512f);opacity:.55}.charm-builder__canvas-note{position:absolute;bottom:8px;left:12px;right:12px;text-align:center;opacity:.7}.charm-builder__canvas-note code{background:#0000000f;padding:1px 5px}.charm-builder__points{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.charm-builder__point{position:absolute;transform:translate(-50%,-50%);width:0;height:0;padding:0;margin:0;border:0;background:transparent;cursor:pointer;pointer-events:auto}.charm-builder__point:before{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%)}.charm-builder__point-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.4);width:var(--cb-dot-size, 52px);height:var(--cb-dot-size, 52px);border-radius:50%;box-sizing:border-box;pointer-events:none;background:#6f9bd633;border:2px dashed var(--cb-blue, #6f9bd6);opacity:0;transition:opacity var(--duration-fast, .3s) var(--easing, ease),transform var(--duration-fast, .3s) var(--easing, ease),background-color var(--duration-fast, .3s) var(--easing, ease)}body.cb-dragging .charm-builder__point:not(.is-occupied) .charm-builder__point-dot,.cb-has-armed .charm-builder__point:not(.is-occupied) .charm-builder__point-dot{opacity:1;animation:cb-point-in .42s var(--easing, cubic-bezier(.33, 0, 0, 1)) both,cb-point-breathe 2.6s ease-in-out .46s infinite;animation-delay:calc(var(--cb-i, 0) * 45ms),calc(.46s + var(--cb-i, 0) * 45ms)}@keyframes cb-point-in{0%{opacity:0;transform:translate(-50%,-50%) rotate(-120deg) scale(.2)}60%{opacity:1;transform:translate(-50%,-50%) rotate(10deg) scale(1.12)}to{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}}@keyframes cb-point-breathe{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(8deg) scale(1.14)}}.charm-builder__point.is-target .charm-builder__point-dot{opacity:1;background:var(--cb-blue-strong, #4a78c8);border-style:solid;border-color:var(--cb-blue-strong, #4a78c8);transform:translate(-50%,-50%) scale(1.18);animation:none}.charm-builder__point.is-occupied .charm-builder__point-dot{opacity:0}.charm-builder__point.is-editor{width:22px;height:22px;border-radius:50%;background:#111;color:#fff;font:12px/1 sans-serif;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.charm-builder__point.is-editor:before{width:22px;height:22px}.charm-builder__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;perspective:900px;perspective-origin:50% 26%}.charm-builder__overlay .cb-charm{position:absolute;left:var(--cb-x, 50%);top:var(--cb-y, 50%);width:var(--cb-w, 14%);max-width:130px;transform-origin:50% 0%;transform:translate(-50%);transform-style:preserve-3d;pointer-events:auto;cursor:grab;touch-action:none;will-change:transform;z-index:1}.charm-builder__overlay .cb-charm:active{cursor:grabbing}.cb-charm__img{display:block;width:100%;height:auto;transform-origin:50% 0%;filter:drop-shadow(0 2px 4px rgba(6,34,21,.16));will-change:transform,opacity;backface-visibility:hidden;-webkit-user-select:none;user-select:none}.cb-charm--entering .cb-charm__img{animation:cb-drop-in .9s var(--easing, cubic-bezier(.33, 0, 0, 1)) both}@keyframes cb-drop-in{0%{opacity:0;transform:translateY(-40px) rotate(-4deg)}60%{opacity:1;transform:translateY(0) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.cb-charm--settled{animation:cb-sway-3d var(--sway-dur, 7s) cubic-bezier(.42,0,.58,1) var(--sway-delay, 0s) infinite alternate}.cb-charm--settled .cb-charm__img{animation:cb-charm-shadow var(--sway-dur, 7s) cubic-bezier(.42,0,.58,1) var(--sway-delay, 0s) infinite alternate}@keyframes cb-sway-3d{0%{transform:translate(-50%) rotate(calc(var(--sway-amp, 2deg) * -1)) rotateY(calc(var(--sway-yaw, 7deg) * -1)) translateZ(0) scale(.992)}to{transform:translate(-50%) rotate(var(--sway-amp, 2deg)) rotateY(var(--sway-yaw, 7deg)) translateZ(12px) scale(1.008)}}@keyframes cb-charm-shadow{0%{filter:drop-shadow(2px 3px 4px rgba(6,34,21,.14))}to{filter:drop-shadow(-3px 7px 11px rgba(6,34,21,.24))}}.cb-charm--jostle{animation:cb-jostle .9s var(--easing, ease) both}@keyframes cb-jostle{0%{transform:translate(-50%) rotate(0)}35%{transform:translate(-50%) rotate(var(--jostle-amp, 2deg))}70%{transform:translate(-50%) rotate(calc(var(--jostle-amp, 2deg) * -.4))}to{transform:translate(-50%) rotate(0)}}.cb-charm--dragging{animation:none!important;transition:none;z-index:5;cursor:grabbing}.cb-charm--dragging .cb-charm__img{animation:none!important;transform:scale(1.14);filter:drop-shadow(0 12px 20px rgba(6,34,21,.32));transition:transform .16s var(--easing, ease),filter .16s var(--easing, ease)}.cb-charm--will-remove .cb-charm__img{opacity:.5;transform:scale(.84);filter:drop-shadow(0 6px 12px rgba(176,0,32,.4)) grayscale(.35)}.cb-charm--leaving{pointer-events:none}.cb-charm--leaving .cb-charm__img{animation:cb-drop-out var(--duration-normal, .5s) var(--easing, ease) both}@keyframes cb-drop-out{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(34px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.charm-builder__overlay .cb-charm,.cb-charm__img,.charm-builder__base-image,.charm-builder__point-dot{animation:none!important;transition:opacity .15s linear!important}body.cb-dragging .charm-builder__point:not(.is-occupied) .charm-builder__point-dot,.cb-has-armed .charm-builder__point:not(.is-occupied) .charm-builder__point-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}}html.prefers-reduced-motion .charm-builder__point-dot{animation:none!important}html.prefers-reduced-motion body.cb-dragging .charm-builder__point:not(.is-occupied) .charm-builder__point-dot,html.prefers-reduced-motion .cb-has-armed .charm-builder__point:not(.is-occupied) .charm-builder__point-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}.cb-drag-ghost{position:fixed;left:0;top:0;width:80px;height:80px;pointer-events:none;z-index:9999;opacity:.92;will-change:transform}.cb-drag-ghost img{width:100%;height:100%;object-fit:contain}body.cb-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.charm-builder__group{border:0;padding:0;margin:0}.charm-builder__group-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1, 4px);margin:0 0 var(--spacing-3, 12px);padding-bottom:var(--spacing-3, 12px);border-bottom:1px solid var(--lt-border, #c9c1a9)}.charm-builder__group-head--inline{flex-direction:row;align-items:baseline;justify-content:space-between}.charm-builder__group-title{margin:0;color:var(--lt-head, #4b4a2c);font-size:12px;line-height:1.2}.charm-builder__group-value{color:var(--lt-ink, #54512f);opacity:.6}.charm-builder__hint{margin:0;color:var(--lt-ink, #54512f);opacity:.7}.charm-builder__cat-head{margin-bottom:var(--spacing-4, 16px)}.charm-builder__cat-title{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--lt-head, #4b4a2c)}.charm-builder__variants{display:grid;gap:var(--spacing-3, 12px);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}@media(min-width:600px){.charm-builder__variants{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}}.charm-builder__variant{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2, 8px);padding:var(--spacing-3, 12px);width:auto;height:auto;cursor:pointer;background:var(--lt-card, #fbf8ef);border:1px solid var(--lt-border, #c9c1a9);border-radius:10px;transition:border-color var(--duration-fast, .3s) var(--easing, ease),box-shadow var(--duration-fast, .3s) var(--easing, ease)}.charm-builder__variant-media{width:100%;aspect-ratio:1 / 1;background:#fff;overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center}.charm-builder__variant-media img{width:100%;height:100%;object-fit:contain;display:block}.charm-builder__variant-name{color:var(--lt-ink, #54512f);text-align:center;line-height:1.25;font-size:12px}.charm-builder__variant:hover{border-color:var(--lt-olive, #6e6b41)}.charm-builder__variant.is-selected{border-color:var(--lt-olive, #6e6b41);box-shadow:inset 0 0 0 1px var(--lt-olive, #6e6b41)}.charm-builder__variant[disabled]{opacity:.4;cursor:not-allowed}.charm-builder__grid{display:grid;gap:var(--spacing-3, 12px)}.charm-builder__grid{gap:var(--spacing-2, 8px)}.charm-builder__grid--charms{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}@media(min-width:600px){.charm-builder__grid--charms{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}@media(min-width:1280px){.charm-builder__grid--charms{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}}.cb-item--charm{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2, 8px);padding:var(--spacing-3, 12px) var(--spacing-2, 8px);background:var(--lt-card, #fbf8ef);border-radius:10px;text-align:center;border:1px solid var(--lt-border, #c9c1a9);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast, .3s) var(--easing, ease),border-color var(--duration-fast, .3s) var(--easing, ease)}.cb-item--charm:hover{border-color:var(--lt-olive, #6e6b41)}.cb-item--charm.is-active{border-color:var(--lt-olive, #6e6b41);box-shadow:inset 0 0 0 1px var(--lt-olive, #6e6b41)}.cb-item--charm.is-armed{border-color:var(--lt-olive, #6e6b41);box-shadow:inset 0 0 0 2px var(--lt-olive, #6e6b41)}.cb-item--charm:focus-visible{outline:1px solid var(--lt-olive, #6e6b41);outline-offset:-1px}.cb-item__media{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.cb-item__image{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.cb-item__meta{display:flex;flex-direction:column;gap:1px}.cb-item__title{margin:0;line-height:1.25;color:var(--lt-ink, #54512f);font-size:12px}.cb-item__price{margin:0;color:var(--lt-ink, #54512f);opacity:.65;font-size:12px}.cb-stepper{display:grid;grid-template-columns:32px 1fr 32px;align-items:stretch;width:100%;max-width:108px;height:30px;border:1px solid var(--lt-border, #c9c1a9);border-radius:999px;background:#fff;overflow:hidden}.cb-stepper__btn{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;color:var(--lt-ink, #54512f);transition:background-color var(--duration-fast, .3s) var(--easing, ease),opacity var(--duration-fast, .3s) var(--easing, ease)}.cb-stepper__btn--minus{border-right:1px solid var(--lt-border, #c9c1a9)}.cb-stepper__btn--plus{border-left:1px solid var(--lt-border, #c9c1a9)}.cb-stepper__btn:hover:not(:disabled){background:#f4efe2}.cb-stepper__btn:active:not(:disabled){background:var(--lt-olive, #6e6b41);color:#fff}.cb-stepper__btn:disabled{opacity:.3;cursor:not-allowed}.cb-stepper__btn:focus-visible{outline:1px solid var(--lt-olive, #6e6b41);outline-offset:-2px}.cb-stepper__icon{width:12px;height:12px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;fill:none}.cb-stepper__count{display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:var(--font-size-body-75, 13px);color:var(--lt-ink, #54512f)}.cb-stepper__count[data-zero=true]{opacity:.4}.charm-builder__bar{position:fixed;left:50%;bottom:var(--spacing-6, 24px);transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var(--spacing-4, 16px);padding:6px 6px 6px var(--spacing-5, 20px);background:var(--lt-card, #fbf8ef);border:1px solid var(--lt-border, #c9c1a9);border-radius:999px;box-shadow:0 2px 6px #4b4a2c1a,0 8px 24px #4b4a2c1f;max-width:calc(100vw - 24px)}.charm-builder__bar-reset{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--lt-ink, #54512f);cursor:pointer;transition:background-color var(--duration-fast, .3s) var(--easing, ease)}.charm-builder__bar-reset:hover{background:#ece5d4}.charm-builder__bar-total{font-size:1.25rem;line-height:1;white-space:nowrap;color:var(--lt-head, #4b4a2c);font-variant-numeric:tabular-nums}.charm-builder__bar-add{border-radius:999px!important;min-height:44px;white-space:nowrap;flex:none}.charm-builder__bar .btn.btn--primary{background:var(--lt-olive, #6e6b41);color:var(--lt-card, #fbf8ef)}.charm-builder__bar .btn.btn--primary:before{display:none}.charm-builder__bar .btn.btn--primary:hover:not([disabled]){background:var(--lt-olive-dark, #5a5836)}.charm-builder__bar .charm-builder__error{position:absolute;left:0;right:0;bottom:calc(100% + 8px);margin:0;text-align:center}.charm-builder__error{margin:0;color:var(--color-text-error, #b00020)}.charm-builder__error[hidden]{display:none}.charm-builder__bar.is-loading [data-cb-add]{opacity:.5;pointer-events:none}.charm-builder{padding-bottom:104px}@media(max-width:959px){.charm-builder__preview{position:static}.charm-builder__panel{gap:clamp(26px,6vw,34px)}.charm-builder__bar{left:var(--space-outer, 16px);right:var(--space-outer, 16px);bottom:var(--spacing-3, 12px);transform:none;max-width:none;justify-content:space-between;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.charm-builder__grid--charms{grid-template-columns:repeat(2,1fr)}.cb-stepper{grid-template-columns:44px 1fr 44px;height:44px;max-width:none}}.charm-builder__notice{padding:24px;border:1px dashed rgba(0,0,0,.3)}.charm-builder__notice code,.charm-builder__editor code{background:#0000000f;padding:1px 5px}.charm-builder__editor{margin-top:24px;padding:16px;border:1px dashed rgba(0,0,0,.35)}.charm-builder__editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.charm-builder__editor-out{width:100%;font-family:monospace;font-size:12px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/charm-builder.css.map */