.charm-builder{--cb-accent: #000;--cb-bg: transparent;--cb-radius: 12px;--cb-img-size: 80px;--cb-heading-size: 15px;--cb-desc-size: 12px;--cb-label-size: 11px;--cb-price-size: 11px;--cb-gap: 10px;--cb-pt: 12px;--cb-pb: 16px;--cb-card-border: #e5e5e5;--cb-card-bg: #ffffff;--cb-text-color: inherit;--cb-popup-radius: 10px;--cb-popup-grid-cols: 3;--cb-transition: .2s ease}.charm-builder{padding-top:var(--cb-pt);padding-bottom:var(--cb-pb);background:var(--cb-bg)}.charm-builder__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}.charm-builder__heading{margin:0;font-size:var(--cb-heading-size);font-weight:600;color:var(--cb-text-color);line-height:1.3}.charm-builder__meta{display:flex;align-items:center;gap:6px;font-size:var(--cb-desc-size);color:var(--cb-text-color);opacity:.75;white-space:nowrap}.charm-builder__meta-badge{display:inline-flex;align-items:center;gap:4px}.charm-builder__meta-badge[hidden]{display:none}.charm-builder__count,.charm-builder__price-delta{font-weight:600;color:var(--cb-accent)}.charm-builder__meta-separator{opacity:.5}.charm-builder__view-all{display:inline-flex;align-items:center;gap:3px;font-size:var(--cb-desc-size);font-weight:600;color:var(--cb-accent);background:transparent;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:opacity var(--cb-transition);white-space:nowrap;flex-shrink:0}.charm-builder__view-all:hover,.charm-builder__view-all:focus-visible{opacity:.75;outline:none}.charm-builder__description{margin:0 0 10px;font-size:var(--cb-desc-size);color:var(--cb-text-color);opacity:.65;line-height:1.5}.charm-builder__carousel{display:block;overflow:visible;padding-bottom:4px;-webkit-user-select:none;user-select:none}.charm-builder__track{display:flex;flex-wrap:wrap;gap:var(--cb-gap, 8px);width:100%;align-items:flex-start}.charm-builder__card{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;background:transparent;border:none;padding:0;text-align:center;transition:opacity var(--cb-transition);position:relative;-webkit-tap-highlight-color:transparent;width:100%}.charm-builder__card[hidden]{display:none!important}.charm-builder__track .charm-builder__card{flex:0 0 calc((100% - (var(--cb-gap, 8px) * 4)) / 5);max-width:calc((100% - (var(--cb-gap, 8px) * 4)) / 5);width:calc((100% - (var(--cb-gap, 8px) * 4)) / 5);box-sizing:border-box}.charm-builder__card:focus-visible{outline:2px solid var(--cb-accent);outline-offset:4px;border-radius:var(--cb-radius)}.charm-builder__card-img-wrap{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:var(--cb-radius);border:2px solid var(--cb-card-border);background:var(--cb-card-bg);overflow:hidden;position:relative;flex-shrink:0;transition:border-color var(--cb-transition),box-shadow var(--cb-transition);display:flex;align-items:center;justify-content:center}.charm-builder__card-img-wrap img{width:100%;height:100%;object-fit:contain;display:block;padding:2px;transition:transform var(--cb-transition);border-radius:calc(var(--cb-radius) - 2px)}.charm-builder__card--none .charm-builder__card-img-wrap{border-style:dashed}.charm-builder__card[aria-pressed=true] .charm-builder__card-img-wrap{border-color:var(--cb-accent);border-width:2px}.charm-builder__card[aria-pressed=true] .charm-builder__card-img-wrap:after{content:"";position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--cb-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px;z-index:2;pointer-events:none}.charm-builder__card[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.charm-builder__card-label{display:block!important;font-size:var(--cb-label-size);font-weight:600;color:var(--cb-text-color);line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.charm-builder__card[aria-pressed=true] .charm-builder__card-label{color:var(--cb-accent)}.charm-builder__card-variant-label{display:block!important;font-size:var(--cb-label-size);font-weight:700;color:var(--cb-accent);line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center;letter-spacing:.02em}.charm-builder__card-price{display:block!important;font-size:var(--cb-price-size);color:var(--cb-text-color);opacity:.65;line-height:1.2;width:100%;text-align:center}.charm-builder__card[aria-pressed=true] .charm-builder__card-price{color:var(--cb-accent);opacity:1}.charm-builder__limit-msg{margin-top:8px;font-size:var(--cb-desc-size);color:var(--cb-accent);font-weight:500;min-height:1.4em;transition:opacity var(--cb-transition)}.charm-builder__limit-msg[hidden]{display:none}.charm-builder__popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9998;opacity:0;pointer-events:none;transition:opacity .25s ease}.charm-builder__popup-backdrop.is-open{opacity:1;pointer-events:auto}.charm-builder__popup{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:#fff;z-index:9999;display:flex;flex-direction:column;border-radius:var(--cb-popup-radius) 0 0 var(--cb-popup-radius);box-shadow:-4px 0 32px #00000026;transform:translate(100%);visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.32,0,.24,1),visibility .3s linear;overflow:hidden}.charm-builder__popup.is-open{transform:translate(0);visibility:visible;pointer-events:auto}.charm-builder__popup-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.charm-builder__popup-title{margin:0;font-size:17px;font-weight:700;color:var(--cb-text-color);line-height:1.3}.charm-builder__popup-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:#f5f5f5;cursor:pointer;color:#333;transition:background var(--cb-transition),color var(--cb-transition);flex-shrink:0}.charm-builder__popup-close:hover,.charm-builder__popup-close:focus-visible{background:#e0e0e0;outline:none}.charm-builder__popup-close svg{width:16px;height:16px;display:block}.charm-builder__popup-body{flex:1;overflow-y:auto;padding:16px 20px 100px;-webkit-overflow-scrolling:touch}.charm-builder__popup-grid{display:grid;grid-template-columns:repeat(var(--cb-popup-grid-cols, 3),1fr);gap:12px}.charm-builder__popup .charm-builder__card{width:100%}.charm-builder__popup .charm-builder__card-img-wrap{width:100%;height:auto;aspect-ratio:1 / 1}.charm-builder__popup .charm-builder__card-img-wrap img{width:100%;height:100%;object-fit:contain}.charm-builder__popup .charm-builder__card-label{display:block!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.charm-builder__popup-footer{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;z-index:2}.charm-builder__popup-done{display:block;width:100%;padding:14px 20px;font-size:15px;font-weight:700;color:#fff;background:var(--cb-accent);border:none;border-radius:30px;cursor:pointer;text-align:center;transition:background var(--cb-transition),opacity var(--cb-transition);letter-spacing:.02em}.charm-builder__popup-done:hover,.charm-builder__popup-done:focus-visible{opacity:.88;outline:none}@media only screen and (min-width:769px){.charm-builder__card:not([aria-disabled=true]):hover .charm-builder__card-img-wrap{border-color:var(--cb-accent)}}@media only screen and (max-width:768px){.charm-builder__popup{top:auto;left:0;right:0;bottom:0;width:100%;border-radius:0;max-height:100%;height:100%;transform:translateY(100%)}.charm-builder__popup.is-open{transform:translateY(0)}.charm-builder__popup-grid{--cb-popup-grid-cols: 3}}@media only screen and (max-width:480px){.charm-builder__track .charm-builder__card{flex:0 0 calc((100% - (var(--cb-gap, 8px) * 3)) / 4);max-width:calc((100% - (var(--cb-gap, 8px) * 3)) / 4);width:calc((100% - (var(--cb-gap, 8px) * 3)) / 4)}.charm-builder__popup-grid{--cb-popup-grid-cols: 3;gap:8px}.charm-builder__header{flex-wrap:wrap;gap:6px}}@media(prefers-reduced-motion:reduce){.charm-builder__popup,.charm-builder__popup-backdrop,.charm-builder__card-img-wrap,.charm-builder__card-img-wrap img,.charm-builder__view-all,.charm-builder__popup-done{transition:none!important}}.charm-builder__variant-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:10000;opacity:0;pointer-events:none;transition:opacity .25s ease}.charm-builder__variant-popup-backdrop.is-open{opacity:1;pointer-events:auto}.charm-builder__variant-popup{position:fixed;z-index:10001;background:#fff;display:flex;flex-direction:column;overflow:hidden;pointer-events:none;visibility:hidden;transition:transform .3s cubic-bezier(.32,0,.24,1),opacity .25s ease,visibility .3s linear;top:50%;left:50%;width:min(480px,92vw);max-height:min(80vh,680px);border-radius:16px;box-shadow:0 8px 40px #00000038;transform:translate(-50%,-50%) scale(.94);opacity:0}.charm-builder__variant-popup.is-open{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible;pointer-events:auto}.charm-builder__variant-popup-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.charm-builder__variant-popup-title{margin:0;font-size:17px;font-weight:700;line-height:1.3;color:var(--cb-text-color)}.charm-builder__variant-popup-body{flex:1;overflow-y:auto;padding:20px 20px 8px;-webkit-overflow-scrolling:touch}.charm-builder__variant-option-label{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--cb-accent);text-transform:capitalize;letter-spacing:.03em;line-height:1.4}.charm-builder__variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.charm-builder__variant-chip{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8px;min-height:44px;min-width:0;border-radius:8px;border:1.5px solid #e5e5e5;background:#fff;font-size:13px;font-weight:500;color:#222;cursor:pointer;transition:border-color var(--cb-transition),background var(--cb-transition),color var(--cb-transition),transform var(--cb-transition);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}.charm-builder__variant-chip:hover:not([disabled]){border-color:var(--cb-accent)}.charm-builder__variant-chip[aria-pressed=true]{border-color:var(--cb-accent);border-width:2px;background:color-mix(in srgb,var(--cb-accent) 8%,#fff);color:var(--cb-accent);font-weight:700}.charm-builder__variant-chip[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none;text-decoration:line-through}.charm-builder__variant-popup-footer{padding:14px 20px 20px;border-top:1px solid #f0f0f0;flex-shrink:0}@media only screen and (max-width:640px){.charm-builder__variant-popup{top:auto;left:0;right:0;bottom:0;width:100%;max-height:88vh;border-radius:16px 16px 0 0;box-shadow:0 -4px 32px #0000002e;transform:translateY(100%);opacity:1}.charm-builder__variant-popup.is-open{transform:translateY(0);opacity:1}.charm-builder__variant-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}}@media(prefers-reduced-motion:reduce){.charm-builder__variant-popup,.charm-builder__variant-popup-backdrop{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/156/assets/charm-builder.css.map */