.vcz-root{--vcz-black: #1a1a1a;--vcz-white: #ffffff;--vcz-grey-0: #f9f9f9;--vcz-grey-1: #f4f4f4;--vcz-grey-2: #e8e8e8;--vcz-grey-3: #d0d0d0;--vcz-text: #1a1a1a;--vcz-text-2: #555555;--vcz-text-3: #999999;--vcz-green: #2e7d32;--vcz-green-bg: #e8f5e9;--vcz-green-bdr: #a5d6a7;--vcz-red: #c62828;--vcz-red-bg: #ffebee;--vcz-red-bdr: #ef9a9a;--vcz-r-sm: 5px;--vcz-r: 7px;--vcz-r-lg: 11px;--vcz-font: inherit;--vcz-transition: .14s ease;font-family:var(--vcz-font);margin-top:14px}.vcz-root *,.vcz-root *:before,.vcz-root *:after{box-sizing:border-box}.vcz-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--vcz-grey-0);border:1.5px dashed var(--vcz-grey-3);border-radius:var(--vcz-r);cursor:pointer;font-family:var(--vcz-font);font-size:14px;font-weight:500;color:var(--vcz-text-2);transition:border-color var(--vcz-transition),color var(--vcz-transition),background var(--vcz-transition),border-radius var(--vcz-transition);text-align:left;line-height:1}.vcz-trigger:hover{border-color:var(--vcz-grey-3);color:var(--vcz-text);background:var(--vcz-white)}.vcz-trigger[aria-expanded=true],.vcz-trigger.vcz-trigger--open{border-style:solid;border-color:var(--vcz-black);border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--vcz-white);color:var(--vcz-text)}.vcz-trigger.vcz-trigger--done{border-style:solid!important;border-color:var(--vcz-black)!important;border-radius:var(--vcz-r)!important;color:var(--vcz-text)!important;background:var(--vcz-white)!important}.vcz-trigger__inner{display:flex;align-items:center;gap:9px}.vcz-chevron{flex-shrink:0;transition:transform .2s ease;color:var(--vcz-text-3)}.vcz-trigger[aria-expanded=true] .vcz-chevron{transform:rotate(180deg)}.vcz-saved{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:var(--vcz-grey-0);border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r);margin-top:8px;font-size:12px;line-height:1.75;color:var(--vcz-text-2)}.vcz-saved__lines{flex:1}.vcz-saved__edit{flex-shrink:0;background:none;border:none;font-size:12px;color:var(--vcz-text-3);text-decoration:underline;cursor:pointer;padding:1px 0 0;font-family:var(--vcz-font)}.vcz-saved__edit:hover{color:var(--vcz-text)}.vcz-panel{border:1px solid var(--vcz-black);border-top:none;border-radius:0 0 var(--vcz-r-lg) var(--vcz-r-lg);background:var(--vcz-white);overflow:hidden}.vcz-steps-bar{display:flex;align-items:stretch;padding:12px 16px 0;border-bottom:1px solid var(--vcz-grey-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0}.vcz-steps-bar::-webkit-scrollbar{display:none}.vcz-step-pill{display:flex;align-items:center;gap:5px;padding-bottom:11px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font-family:var(--vcz-font);white-space:nowrap;flex-shrink:0;transition:border-color var(--vcz-transition);padding-right:8px}.vcz-step-pill[aria-selected=true]{border-bottom-color:var(--vcz-black)}.vcz-step-sep{font-size:11px;color:var(--vcz-grey-3);padding-bottom:11px;padding-right:8px;flex-shrink:0;display:flex;align-items:center}.vcz-step-num{width:18px;height:18px;border-radius:50%;border:1px solid var(--vcz-grey-3);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--vcz-text-3);flex-shrink:0;transition:background var(--vcz-transition),border-color var(--vcz-transition),color var(--vcz-transition);line-height:1}.vcz-step-pill[aria-selected=true] .vcz-step-num,.vcz-step-pill[data-done=true] .vcz-step-num{background:var(--vcz-black);border-color:var(--vcz-black);color:var(--vcz-white)}.vcz-step-pill[data-done=true] .vcz-step-num-n{display:none}.vcz-step-pill:not([data-done=true]) .vcz-step-num-check{display:none}.vcz-step-label{font-size:11px;color:var(--vcz-text-3);transition:color var(--vcz-transition),font-weight var(--vcz-transition)}.vcz-step-pill[aria-selected=true] .vcz-step-label{color:var(--vcz-text);font-weight:500}.vcz-step-pill[data-done=true] .vcz-step-label{color:var(--vcz-text-2)}.vcz-panel__step[hidden]{display:none}.vcz-panel__step:not([hidden]){display:block}.vcz-step-body{padding:16px 16px 6px}.vcz-step-head{margin-bottom:16px}.vcz-step-head__title{font-size:15px;font-weight:600;color:var(--vcz-text);margin:0 0 4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.3}.vcz-step-head__sub{font-size:12px;color:var(--vcz-text-3);margin:0;line-height:1.55}.vcz-badge{display:inline-block;font-size:10px;font-weight:400;padding:2px 8px;border-radius:99px;background:var(--vcz-grey-1);border:1px solid var(--vcz-grey-2);color:var(--vcz-text-3);vertical-align:middle;line-height:1.4}.vcz-badge--accent{background:#fff8e1;border-color:#ffe082;color:#7b5800}.vcz-upload{display:flex;flex-direction:column;align-items:center;padding:22px 16px;border:1.5px dashed var(--vcz-grey-3);border-radius:var(--vcz-r);background:var(--vcz-grey-0);cursor:pointer;margin-bottom:10px;transition:border-color var(--vcz-transition),background var(--vcz-transition);position:relative;text-align:center}.vcz-upload:hover,.vcz-upload:focus-within{border-color:var(--vcz-grey-2);background:var(--vcz-white)}.vcz-upload:focus{outline:2px solid var(--vcz-black);outline-offset:2px}.vcz-upload.vcz-upload--done{border-style:solid;border-color:var(--vcz-green);background:var(--vcz-green-bg)}.vcz-upload__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.vcz-upload__icon{width:44px;height:44px;border-radius:50%;background:var(--vcz-white);border:1px solid var(--vcz-grey-2);display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--vcz-text-2);transition:background var(--vcz-transition),border-color var(--vcz-transition),color var(--vcz-transition);flex-shrink:0}.vcz-upload.vcz-upload--done .vcz-upload__icon{background:var(--vcz-green-bg);border-color:var(--vcz-green-bdr);color:var(--vcz-green)}.vcz-upload__title{display:block;font-size:13px;font-weight:500;color:var(--vcz-text);margin-bottom:3px}.vcz-upload__sub{display:block;font-size:11px;color:var(--vcz-text-3)}.vcz-field{margin-bottom:14px}.vcz-field__label{display:block;font-size:12px;font-weight:600;color:var(--vcz-text);margin-bottom:3px;line-height:1}.vcz-field__sub{font-size:11px;color:var(--vcz-text-3);margin:0 0 7px;line-height:1}.vcz-input{width:100%;border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r-sm);padding:9px 12px;font-size:13px;font-family:var(--vcz-font);background:var(--vcz-white);color:var(--vcz-text);transition:border-color var(--vcz-transition);appearance:none;-webkit-appearance:none;line-height:1.4}.vcz-input[type=datetime-local]{cursor:pointer}.vcz-textarea{width:100%;border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r-sm);padding:9px 12px;font-size:13px;font-family:var(--vcz-font);background:var(--vcz-white);color:var(--vcz-text);resize:none;line-height:1.5;transition:border-color var(--vcz-transition)}.vcz-input:focus,.vcz-textarea:focus{outline:none;border-color:var(--vcz-black)}.vcz-char-row{font-size:11px;color:var(--vcz-text-3);text-align:right;margin-top:4px}.vcz-font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.vcz-font-card{border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r-sm);padding:12px 8px 10px;text-align:center;cursor:pointer;background:var(--vcz-white);display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color var(--vcz-transition),background var(--vcz-transition);font-family:var(--vcz-font)}.vcz-font-card:hover{border-color:var(--vcz-grey-3);background:var(--vcz-grey-0)}.vcz-font-card[aria-pressed=true]{border-color:var(--vcz-black);background:var(--vcz-grey-0)}.vcz-font-card__preview{font-size:22px;line-height:1;color:var(--vcz-text)}.vcz-font-card__name{font-size:10px;color:var(--vcz-text-3);font-family:inherit}.vcz-font-card[aria-pressed=true] .vcz-font-card__name{color:var(--vcz-text-2);font-weight:500}.vcz-text-preview{display:flex;align-items:baseline;gap:8px;padding:10px 14px;background:var(--vcz-grey-0);border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r-sm);margin-top:-4px;margin-bottom:6px}.vcz-text-preview__label{font-size:11px;color:var(--vcz-text-3);flex-shrink:0}.vcz-text-preview__text{font-size:16px;color:var(--vcz-text);word-break:break-word}.vcz-chain-types{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.vcz-chain-type-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r-sm);background:var(--vcz-white);cursor:pointer;font-family:var(--vcz-font);text-align:left;transition:border-color var(--vcz-transition),background var(--vcz-transition);width:100%}.vcz-chain-type-btn:hover{border-color:var(--vcz-grey-3);background:var(--vcz-grey-0)}.vcz-chain-type-btn[aria-pressed=true]{border-color:var(--vcz-black);background:var(--vcz-grey-0)}.vcz-chain-type-btn__name{font-size:13px;font-weight:600;color:var(--vcz-text);line-height:1}.vcz-chain-type-btn__desc{font-size:11px;color:var(--vcz-text-3)}.vcz-chain-sizes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.vcz-chain-size-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r-sm);background:var(--vcz-white);cursor:pointer;font-family:var(--vcz-font);text-align:center;transition:border-color var(--vcz-transition),background var(--vcz-transition);width:100%}.vcz-chain-size-btn:hover{border-color:var(--vcz-grey-3);background:var(--vcz-grey-0)}.vcz-chain-size-btn[aria-pressed=true]{border-color:var(--vcz-black);background:var(--vcz-grey-0)}.vcz-chain-size-btn__size{font-size:15px;font-weight:600;color:var(--vcz-text);line-height:1}.vcz-chain-size-btn__note{font-size:11px;color:var(--vcz-text-3);line-height:1.3}.vcz-chain-confirm{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--vcz-green);padding:8px 12px;background:var(--vcz-green-bg);border-radius:var(--vcz-r-sm);border:1px solid var(--vcz-green-bdr);margin-bottom:4px}.vcz-chain-confirm__sku{font-size:10px;color:var(--vcz-text-3);font-family:monospace;margin-left:auto}.vcz-charms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}@media(max-width:380px){.vcz-charms-grid{grid-template-columns:repeat(3,1fr)}}.vcz-charm-btn{border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r-sm);padding:10px 4px 8px;text-align:center;cursor:pointer;background:var(--vcz-white);display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color var(--vcz-transition),background var(--vcz-transition);font-family:var(--vcz-font);width:100%}.vcz-charm-btn:hover{border-color:var(--vcz-grey-3);background:var(--vcz-grey-0)}.vcz-charm-btn[aria-pressed=true]{border-color:var(--vcz-black);background:var(--vcz-grey-0)}.vcz-charm-btn__sym{font-size:20px;line-height:1}.vcz-charm-btn__name{font-size:10px;color:var(--vcz-text-3);line-height:1}.vcz-charm-btn[aria-pressed=true] .vcz-charm-btn__name{color:var(--vcz-text-2);font-weight:500}.vcz-skip-btn{display:block;width:100%;text-align:center;font-size:12px;color:var(--vcz-text-3);background:none;border:none;cursor:pointer;font-family:var(--vcz-font);padding:4px 0 0}.vcz-skip-btn:hover{color:var(--vcz-text-2);text-decoration:underline}.vcz-addons{display:flex;flex-direction:column;gap:8px}.vcz-addon{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r-sm);cursor:pointer;transition:border-color var(--vcz-transition),background var(--vcz-transition);background:var(--vcz-white)}.vcz-addon:hover{border-color:var(--vcz-grey-3);background:var(--vcz-grey-0)}.vcz-addon:has(.vcz-addon__input:checked){border-color:var(--vcz-black);background:var(--vcz-grey-0)}.vcz-addon__check{width:18px;height:18px;border:1.5px solid var(--vcz-grey-3);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:background var(--vcz-transition),border-color var(--vcz-transition)}.vcz-addon__input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;margin:0}.vcz-addon__tick{display:none;pointer-events:none}.vcz-addon:has(.vcz-addon__input:checked) .vcz-addon__check{background:var(--vcz-black);border-color:var(--vcz-black)}.vcz-addon:has(.vcz-addon__input:checked) .vcz-addon__tick{display:block}.vcz-footer{display:flex;gap:8px;padding:10px 16px 16px;border-top:1px solid var(--vcz-grey-2)}.vcz-btn{padding:11px 14px;border-radius:var(--vcz-r-sm);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--vcz-font);transition:opacity var(--vcz-transition),background var(--vcz-transition);line-height:1}.vcz-btn--back{background:var(--vcz-white);border:1px solid var(--vcz-grey-2);color:var(--vcz-text-2)}.vcz-btn--back:hover{background:var(--vcz-grey-0)}.vcz-btn--next{flex:1;background:var(--vcz-black);border:none;color:var(--vcz-white)}.vcz-btn--next:hover{opacity:.85}.vcz-hint{font-size:12px;color:var(--vcz-text-3);margin:0 0 6px}.vcz-link{color:var(--vcz-text-2);text-decoration:none;border-bottom:1px solid currentColor}.vcz-link:hover{color:var(--vcz-text)}.vcz-error{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--vcz-red);padding:9px 12px;background:var(--vcz-red-bg);border-radius:var(--vcz-r-sm);border:1px solid var(--vcz-red-bdr);margin-top:10px;line-height:1.4}@media(max-width:480px){.vcz-step-body{padding:14px 14px 4px}.vcz-footer{padding:10px 14px 14px}.vcz-steps-bar{padding:10px 14px 0}.vcz-font-grid{grid-template-columns:repeat(3,1fr)}.vcz-chain-sizes{grid-template-columns:1fr 1fr}}.cw{font-family:inherit;overflow:hidden;background:#fff;margin:0}.cw-tabs{display:flex;border-bottom:1px solid #eee;overflow-x:auto;scrollbar-width:none}.cw-tabs::-webkit-scrollbar{display:none}.cw-tab{flex:1;padding:10px 4px;border:none;background:none;cursor:pointer;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#aaa;white-space:nowrap;transition:.2s;font-family:inherit}.cw-tab.active{color:#000;border-bottom:2px solid #000}.cw-pane{display:none;padding:12px}.cw-pane.active{display:block}.cw-pane-hint{font-size:11px;font-weight:700;color:#000;margin:0 0 10px;letter-spacing:.5px;text-transform:uppercase}.cw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cw-model-card{border:1px solid #eee;border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .2s;background:#fff}.cw-model-card:hover{border-color:#999}.cw-model-card.active{border:1.5px solid #000}.cw-model-card.has-selection{border:1.5px solid #6bad4f}.cw-model-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#f5f5f5}.cw-model-info{padding:6px 8px 8px}.cw-model-name{font-size:10px;font-weight:600;color:#333;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-model-status{font-size:9px;color:#aaa;margin:0}.cw-model-status.chosen{color:#6bad4f;font-weight:600}.cw-drawer{border-top:1px solid #eee;background:#f9f9f9;overflow:hidden;max-height:0;transition:max-height .35s ease}.cw-drawer.open{max-height:500px}.cw-drawer-inner{padding:14px 12px}.cw-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cw-drawer-title{font-size:11px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.8px}.cw-drawer-close{background:none;border:1px solid #ddd;border-radius:50%;width:22px;height:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;line-height:1;padding:0;font-family:inherit}.cw-variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:320px;overflow-y:auto}.cw-variant-card{border:1px solid #eee;border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .2s;background:#fff}.cw-variant-card:hover{border-color:#999}.cw-variant-card.selected{border:1.5px solid #000}.cw-variant-img-wrap{position:relative}.cw-variant-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#f5f5f5}.cw-variant-check{position:absolute;top:4px;right:4px;width:15px;height:15px;border-radius:50%;background:#000;display:none;align-items:center;justify-content:center}.cw-variant-check svg{width:8px;height:8px}.cw-variant-card.selected .cw-variant-check{display:flex}.cw-variant-label{font-size:9px;font-weight:600;text-align:center;padding:4px 2px;color:#333}.cw-summary{display:none;padding:10px 14px;background:#000;color:#fff;border-top:1px solid #eee}.cw-summary.visible{display:flex;justify-content:space-between;align-items:center;gap:12px}.cw-summary-text{flex:1}.cw-summary-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px}.cw-summary-detail{font-size:11px;opacity:.7;margin:0}.cw-clear-btn{background:none;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:5px 10px;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.cw-clear-btn:hover{background:#ffffff1a}.cw-skip-charm{display:block;width:100%;text-align:center;font-size:12px;color:var(--vcz-text-3);background:none;border:none;cursor:pointer;font-family:var(--vcz-font);padding:8px 0 4px}.cw-skip-charm:hover{color:var(--vcz-text-2);text-decoration:underline}.vcz-addon{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--vcz-grey-2);border-radius:var(--vcz-r-sm);transition:border-color var(--vcz-t),background var(--vcz-t);background:var(--vcz-white);margin-bottom:8px}.vcz-addon[style*=cursor]:hover{border-color:var(--vcz-grey-3);background:var(--vcz-grey-0)}.vcz-addon.selected{border-color:var(--vcz-black);background:var(--vcz-grey-0)}.vcz-addon__check{width:18px;height:18px;border:1.5px solid var(--vcz-grey-3);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--vcz-t),border-color var(--vcz-t)}.vcz-addon.selected .vcz-addon__check{background:var(--vcz-black);border-color:var(--vcz-black)}.vcz-addon__tick{display:none}.vcz-addon.selected .vcz-addon__tick{display:block}.vcz-addon__emoji{font-size:20px;flex-shrink:0}.vcz-addon__info{flex:1;min-width:0}.vcz-addon__name{display:block;font-size:13px;font-weight:500;color:var(--vcz-text);margin-bottom:2px}.vcz-addon__desc{display:block;font-size:11px;color:var(--vcz-text-3);line-height:1.4}.vcz-addon__price{font-size:13px;font-weight:500;color:var(--vcz-text);flex-shrink:0;white-space:nowrap}.vcz-addon__price--free{font-size:11px;color:var(--vcz-green)}.vcz-addons-loading{font-size:12px;color:var(--vcz-text-3);padding:8px 0;text-align:center}@media(max-width:480px){.cw-grid{grid-template-columns:repeat(2,1fr)}.cw-variant-grid{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/vcz-personalizer.css.map */