.charm-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.charm-selector--single{grid-template-columns:1fr}.charm-selector__pill{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px dashed #ebebeb;border-radius:6px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;text-align:center;min-height:31px}.charm-selector__pill:hover{border-color:#333}.charm-selector__pill--has-value{border-style:solid;border-color:#f9f9f9;background:#f9f9f9;justify-content:space-between;gap:6px}.charm-selector__pill-text{font-size:.75rem;letter-spacing:.06em}.charm-selector__pill--has-value .charm-selector__pill-text{color:#000}.charm-selector__pill:not(.charm-selector__pill--has-value) .charm-selector__pill-text{color:#000}.charm-selector__pill--optional:not(.charm-selector__pill--has-value) .charm-selector__pill-text{color:#000}.charm-selector__pill:disabled{cursor:not-allowed;border-color:#ebebeb}.charm-selector__pill:disabled .charm-selector__pill-text{color:#0006}.charm-selector__pill:disabled:hover{border-color:#333}.charm-selector__pill--full-width{grid-column:span 2}.charm-selector__remove{display:flex;flex-shrink:0}.charm-selector__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0;justify-items:center;align-content:start}.charm-selector__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem;background-color:#f9f9f9;border:1px solid #f1f1f1;border-radius:5px;cursor:pointer;transition:border-color .2s ease;width:100%;height:auto}.charm-selector__option--selected{border-color:#333}.charm-selector__option:disabled{opacity:.5;cursor:not-allowed}.charm-selector__option-image-wrapper{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#fff;border-radius:50%}.charm-selector__option-image{width:53px;height:53px;object-fit:cover;border-radius:50%}.charm-selector__option-placeholder{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;font-size:1.25rem;font-weight:500;text-transform:uppercase;color:#1c1c1c}.charm-selector__option-label{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.05em;text-align:center;word-break:break-word;color:#1c1c1c;margin-top:.5rem}.charm-selector__option-placeholder+.charm-selector__option-label{display:none}.charm-selector__option-price{font-family:Inter,sans-serif;font-size:9.5px;letter-spacing:.06em;color:#5d5d5d;text-align:center}.charm-selector__pill--error{border-color:rgb(var(--error-text));animation:charm-pill-shake .4s ease-in-out}@keyframes charm-pill-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.charm-inline__count-values{display:flex;flex-wrap:wrap;gap:.75rem}.charm-inline__count-pill{min-width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ebebeb;border-radius:6px;background:#fff;color:#1c1c1c;cursor:pointer;transition:border-color .2s ease}.charm-inline__count-pill:hover:not(:disabled){border-color:#333}.charm-inline__count-pill--active{border-color:#000;box-shadow:inset 0 0 0 1px #000}.charm-inline__slots{margin-top:1.25rem}.charm-inline__slot{margin-top:2rem}.charm-inline__slot-header{border:0;padding:0;margin:0 0 1.25rem}.charm-inline__slot-required{line-height:1}.charm-inline__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:20px 16px;justify-items:center;align-items:start}.builder-charm--inline-error legend.text-subdued{color:rgb(var(--error-text, 220 38 38))}.builder-charm--inline-error .charm-inline__grid{animation:charm-pill-shake .4s ease-in-out}.builder-charm--inline-error .charm-inline__option-label{color:rgb(var(--error-text, 220 38 38))}.charm-inline__option{background:transparent;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.625rem;width:100%}.charm-inline__option-image-wrapper,.charm-inline__option-placeholder{width:46px;height:46px;border-radius:9999px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 2px #00000024,0 1px 2px #00000014;border:6px solid #fff}.charm-inline__option-image{width:46px;height:46px;object-fit:cover;border-radius:9999px}.charm-inline__option-placeholder{font-size:2rem;font-weight:500;text-transform:uppercase}.charm-inline__option-label{font-size:.625rem;letter-spacing:.02em;color:#1c1c1c;text-align:center;max-width:92px}.charm-inline__option--selected .charm-inline__option-image-wrapper,.charm-inline__option--selected .charm-inline__option-placeholder{box-shadow:0 1px 10px #00000029,0 0 0 1px #000,0 1px 2px #00000014}.charm-inline__slot--error legend.text-subdued{color:rgb(var(--error-text, 220 38 38))}.charm-inline__slot--error .charm-inline__grid{animation:charm-pill-shake .4s ease-in-out}.charm-inline__slot--error .charm-inline__option-label{color:rgb(var(--error-text, 220 38 38))}.charm-inline__grid--error{animation:charm-pill-shake .4s ease-in-out}.charm-inline__grid--error .charm-inline__option-label{color:rgb(var(--error-text, 220 38 38))}@media(max-width:599px){.charm-inline__grid{gap:16px 12px}.charm-inline__option{width:100%}.charm-inline__option-label{font-size:.625rem;line-height:1.1;max-width:70px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}.charm-inline-popup__count-values{display:flex;flex-wrap:wrap;gap:.75rem}.charm-inline-popup__slots{margin-top:1.25rem}.charm-inline-popup__slot{margin-top:1.5rem}.charm-inline-popup__slot:first-child{margin-top:0}.charm-inline-popup__slot-header{border:0;padding:0;margin:0 0 .75rem}.charm-inline-popup__pill{width:100%;justify-content:center}.charm-inline-popup__pill.charm-selector__pill--has-value{justify-content:space-between}.charm-inline-popup__slot--error legend.text-subdued{color:rgb(var(--error-text, 220 38 38))}.charm-inline-popup__slot--error .charm-inline-popup__pill{border-color:rgb(var(--error-text, 220 38 38));animation:charm-pill-shake .4s ease-in-out}[id*=builder-select]::part(body),[id*=builder-select]::part(content){padding:0}[id*=builder-select] .popover__value-option{padding:.625rem var(--popover-padding-inline);border-bottom:1px solid #ebebeb}[id*=builder-select] .popover__value-option:last-child{border-bottom:none}[id*=builder-select] .popover__value-option[aria-selected=true],[id*=builder-select] .popover__value-option:has(:checked){font-weight:500}[id*=builder-select] .popover__value-option[aria-selected=true]:after,[id*=builder-select] .popover__value-option:has(:checked):after{content:"SELECTED";font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-left:auto;color:#767676;background:none;width:auto;height:auto}.text-input-overlay__grid{display:flex;flex-direction:column;gap:1.5rem}.text-input-overlay__field{position:relative;display:flex;flex-direction:column;gap:.25rem}.text-input-overlay__label{font-size:.75rem}.text-input-overlay__optional{font-weight:400;opacity:.7}.text-input-overlay__input{padding-right:3.5rem}.text-input-overlay__input:disabled{opacity:.5;cursor:not-allowed}.text-input-overlay__input--error{border-color:rgb(var(--error-text))!important;animation:text-input-shake .4s ease-in-out}.text-input-overlay__counter{position:absolute;right:.75rem;bottom:.6rem;font-size:.625rem;letter-spacing:.04em;color:#999;pointer-events:none}.text-input-overlay__grid .text-input-overlay__counter{bottom:.6rem}.text-input-overlay__error{color:rgb(var(--error-text));margin-top:.25rem}.text-input-overlay__dropdown{position:relative;margin-bottom:1rem}.text-input-overlay__dropdown .select-input-overlay__button{width:100%}.text-input-overlay__dropdown-label{display:block;font-size:.75rem;margin-bottom:.5rem}.text-input-overlay__price-diff{font-size:.85em;color:#888;margin-left:.25em}.select-input-overlay__dropdown{position:relative;margin-bottom:1rem}.select-input-overlay__dropdown .select-input-overlay__button{width:100%}.select-input-overlay__dropdown-label{display:block;font-size:.75rem;margin-bottom:.5rem}.select-input-overlay__price-diff{font-size:.85em;color:#888;margin-left:.25em}text-input-overlay[data-text-transform=capitalize] .text-input-overlay__input{text-transform:capitalize}text-input-overlay[data-text-transform=uppercase] .text-input-overlay__input{text-transform:uppercase}text-input-overlay[data-text-transform=lowercase] .text-input-overlay__input{text-transform:lowercase}@keyframes text-input-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}[id*=select-popover]::part(body),[id*=select-popover]::part(content){padding:0}[id*=select-popover] .popover__value-option{padding:.625rem var(--popover-padding-inline);border-bottom:1px solid #ebebeb}[id*=select-popover] .popover__value-option:last-child{border-bottom:none}[id*=select-popover] .popover__value-option[aria-selected=true],[id*=select-popover] .popover__value-option:has(:checked){font-weight:500}[id*=select-popover] .popover__value-option[aria-selected=true]:after,[id*=select-popover] .popover__value-option:has(:checked):after{content:"SELECTED";font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-left:auto;color:#767676;background:none;width:auto;height:auto}[id*=select-popover] .popover__value-option--clear{color:var(--text-subdued);font-style:italic}[id*=select-popover] .popover__value-option--clear:has(:checked):after{content:none}.select-input-overlay__grid{display:flex;flex-direction:column;gap:1.5rem}.select-input-overlay__field{display:flex;flex-direction:column;gap:.25rem}.select-input-overlay__label{font-size:.75rem}.select-input-overlay__optional{font-weight:400;opacity:.7}.select-input-overlay__button{position:relative;width:100%;border:none;border-bottom:1px solid rgba(51,51,51,.1);border-radius:0;padding-inline:0;display:flex;align-items:center;justify-content:space-between}.select-input-overlay__button>svg{position:static;flex-shrink:0}.select-input-overlay__button:disabled{opacity:.5;cursor:not-allowed}.select-input-overlay__button:focus-visible{border-color:#3333334d;outline:none}.select-input-overlay__button--error{border-color:rgb(var(--error-text))!important;animation:select-input-shake .4s ease-in-out}@keyframes select-input-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.grouped-input-overlay__grid{display:flex;flex-direction:column;gap:1.5rem}.grouped-input-overlay__slot{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;border:1px dashed #ebebeb;padding:.625rem;margin:0;min-inline-size:0;border-radius:6px}.grouped-input-overlay__slot-heading{grid-column:1 / -1;font-size:.75rem;padding:0;margin:0 0 .5rem}.grouped-input-overlay__slot:has(>.grouped-input-overlay__slot-heading)>:last-child:nth-child(2n){grid-column:1 / -1}.grouped-input-overlay__slot:not(:has(>.grouped-input-overlay__slot-heading))>:last-child:nth-child(odd){grid-column:1 / -1}.grouped-input-overlay__field,.grouped-input-overlay__select-field,.grouped-input-overlay__text-field,.grouped-input-overlay__charm-field{display:flex;flex-direction:column;gap:.25rem}.grouped-input-overlay__label{font-size:.75rem}.grouped-input-overlay__optional{font-weight:400;opacity:.7}.grouped-input-overlay__button{position:relative;width:100%;border:none;border-bottom:1px solid rgba(51,51,51,.1);border-radius:0;padding-inline:0;display:flex;align-items:center;justify-content:space-between}.grouped-input-overlay__button>svg{position:static;flex-shrink:0}.grouped-input-overlay__button:disabled{opacity:.5;cursor:not-allowed}.grouped-input-overlay__button:focus-visible{border-color:#3333334d;outline:none}.grouped-input-overlay__button--error{border-color:rgb(var(--error-text))!important;animation:grouped-input-shake .4s ease-in-out}.grouped-input-overlay__text-wrapper{position:relative}.grouped-input-overlay__input{width:100%;padding-right:3.5rem}.grouped-input-overlay__input:disabled{opacity:.5;cursor:not-allowed}.grouped-input-overlay__input--error{border-color:rgb(var(--error-text))!important;animation:grouped-input-shake .4s ease-in-out}.grouped-input-overlay__counter{position:absolute;right:.75rem;bottom:.6rem;font-size:.625rem;letter-spacing:.04em;color:#999;pointer-events:none}.grouped-input-overlay__charm-pill{position:relative;width:100%;border:none;border-bottom:1px solid rgba(51,51,51,.1);border-radius:0;padding-inline:0;display:flex;align-items:center;justify-content:space-between;background:transparent;cursor:pointer;font-family:var(--instrument-sans-font-family);font-weight:400;font-size:12px;line-height:16.8px;letter-spacing:.48px;padding-block:.5rem;color:inherit;text-align:start}.grouped-input-overlay__charm-pill>svg{position:static;flex-shrink:0}.grouped-input-overlay__charm-pill:disabled{opacity:.5;cursor:not-allowed}.grouped-input-overlay__charm-pill:focus-visible{border-color:#3333334d;outline:none}.grouped-input-overlay__charm-pill--has-value{font-weight:500}.grouped-input-overlay__charm-pill--error{border-color:rgb(var(--error-text))!important;animation:grouped-input-shake .4s ease-in-out}.grouped-input-overlay__charm-pill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.grouped-input-overlay__charm-list{display:flex;flex-direction:column}.grouped-input-overlay__charm-option{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:.5rem .75rem;cursor:pointer;text-align:start;font:inherit;color:inherit}.grouped-input-overlay__charm-option:hover{background:#0000000a}.grouped-input-overlay__charm-image{width:32px;height:32px;object-fit:contain;border-radius:4px}[id*=grouped-charm-popover] .popover__value-option--clear{color:var(--text-subdued);font-style:italic}.grouped-input-overlay__dropdown{position:relative;margin-bottom:1rem}.grouped-input-overlay__dropdown .grouped-input-overlay__button{width:100%}.grouped-input-overlay__dropdown-label{display:block;font-size:.75rem}.grouped-input-overlay__price-diff{font-size:.85em;color:#888}[id*=grouped-select-popover] .popover__value-option--clear{color:var(--text-subdued);font-style:italic}[id*=grouped-select-popover] .popover__value-option--clear:has(:checked):after{content:none}@keyframes grouped-input-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.builder-text-input__wrapper,.builder-text-input__wrapper .form-control{position:relative}.builder-text-input__wrapper .input{padding-right:3.5rem}.builder-text-input__counter{position:absolute;right:.75rem;bottom:.6rem;font-size:.625rem;letter-spacing:.04em;color:#999;pointer-events:none}.builder-field--text .input--error{border-color:rgb(var(--error-text))!important;animation:builder-text-shake .4s ease-in-out}.builder-field--select .select.input--error{border-color:rgb(var(--error-text))!important}.builder-field--select .select.shake{animation:builder-text-shake .4s ease-in-out}.builder-field--image-upload .builder-upload__label.input--error{border-color:rgb(var(--error-text))!important}.builder-field--image-upload .builder-upload__label.shake{animation:builder-text-shake .4s ease-in-out}.builder-field--charm .charm-selector__pill.input--error{border-color:rgb(var(--error-text))!important}.builder-field--charm .charm-selector__pill.shake{animation:builder-text-shake .4s ease-in-out}.builder-field__error{color:rgb(var(--error-text));font-size:.75rem;margin-top:.25rem;margin-bottom:0}builder-text-input[data-text-transform=capitalize] .input{text-transform:capitalize}builder-text-input[data-text-transform=uppercase] .input{text-transform:uppercase}builder-text-input[data-text-transform=lowercase] .input{text-transform:lowercase}@keyframes builder-text-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.builder-inputs{margin-block:var(--product-block-item-margin, 1rem)}.builder-inputs:first-child{margin-block-start:0}.builder-inputs:last-child{margin-block-end:0}.builder-field .select,.select-input-overlay .select,.overlay--select-input .select,.overlay--grouped-input .select,.variant-picker .select{font-family:var(--instrument-sans-font-family);font-weight:400;font-size:12px;line-height:16.8px;letter-spacing:.48px}.variant-picker .select{display:flex;align-items:center;justify-content:space-between}.variant-picker .select>svg{position:static;flex-shrink:0}.builder-field .input,.text-input-overlay .input,.overlay--text-input .input,.overlay--grouped-input .input{font-family:var(--instrument-sans-font-family);font-weight:400;font-size:12px;line-height:16.8px;letter-spacing:.48px}.builder-field .input::placeholder,.text-input-overlay .input::placeholder,.overlay--text-input .input::placeholder,.overlay--grouped-input .input::placeholder{color:#d2d2d2}.builder-duplicate-warning{margin-block:.5rem;border:2px solid #e6a817;border-radius:4px;overflow:hidden}.builder-duplicate-warning__stripe{height:8px;background:repeating-linear-gradient(-45deg,#f5c518,#f5c518 10px,#1a1a1a 10px 20px)}.builder-duplicate-warning__content{padding:.5rem .75rem;background:#fef9e7;color:#1a1a1a;font-size:.8125rem;line-height:1.4}.builder-duplicate-warning__content code{background:#00000014;padding:.1em .3em;border-radius:3px;font-size:.875em}.builder-field label,.builder-field legend,.overlay--charm-selector legend,.overlay--text-input legend,.overlay--text-input label,.overlay--select-input legend,.overlay--select-input label,.overlay--grouped-input legend,.overlay--grouped-input label,.variant-picker__option legend,.variant-picker__option label{color:#333;font-family:var(--instrument-sans-font-family);font-weight:400;font-size:12px;line-height:16.8px;letter-spacing:0}@media screen and (min-width:1000px){[data-options-count="9"] .charm-inline__count-values,[data-options-count="10"] .charm-inline__count-values{display:grid;grid-template-columns:repeat(5,auto);width:fit-content}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/product-builder.css.map */