.hz-builder{--hz-ink:#2a1f24;--hz-muted:#76696f;--hz-line:#e4dcdf;--hz-surface:#fff;--hz-soft:#f7f2f3;--hz-blush:#ffeded;--hz-tray:#ececec;--hz-accent:#6e2443;--hz-charcoal:#4a4346;--hz-active:#fabcc3;--hz-active-line:#e79aa6;--hz-active-ink:#2a1f24;--hz-accent-ink:#fff;--hz-warn:#9a4a12;--hz-radius:14px;color:var(--hz-ink);font-family:inherit}.hz-builder *{box-sizing:border-box}.hz-builder .hz-sr{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.hz-defs{position:absolute;width:0;height:0;overflow:hidden}.hz-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start}.hz-stage{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);display:grid;gap:12px;min-width:0}.hz-preview{display:block;width:100%;max-width:660px;height:auto;margin-inline:auto;overflow:visible}.hz-plate{fill:var(--hz-tray)}.hz-center-num{font-size:30px;font-weight:400;letter-spacing:.02em;fill:var(--hz-muted);font-variant-numeric:tabular-nums;font-family:var(--hz-display,inherit)}.hz-center-cap{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;fill:var(--hz-muted)}.hz-slot{cursor:pointer;outline:none}.hz-hit{fill:transparent}.hz-ghost{fill:none;stroke:var(--hz-muted);stroke-width:2;stroke-dasharray:5 6;opacity:.6}.hz-ghost-num{font-size:18px;fill:var(--hz-muted);opacity:.8}.hz-slot.is-empty:hover .hz-ghost{opacity:1;stroke:var(--hz-accent)}.hz-ring{fill:none;stroke:var(--hz-accent);stroke-width:1.75}.hz-slot:focus-visible .hz-hit{stroke:var(--hz-accent);stroke-width:3;stroke-dasharray:4 4}.hz-charm{transition:transform .18s ease;transform-box:fill-box;transform-origin:center}.hz-slot:not(.is-empty):hover .hz-charm{transform:scale(1.04)}.hz-slot.is-selected .hz-charm{transform:scale(.9)}.hz-slot.is-new .hz-charm{animation:hz-pop .42s cubic-bezier(.2,1.4,.4,1)}@keyframes hz-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.hz-slotbar{min-height:48px;margin-top:20px;display:flex;align-items:center;justify-content:center;text-align:center}.hz-hint{margin:0;color:var(--hz-muted);font-size:.95em}.hz-hint--cta{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--hz-blush);color:var(--hz-ink);border:1px solid var(--hz-line)}.hz-hint--cta strong{color:var(--hz-accent)}.hz-arrow{flex:none;width:22px;height:22px;fill:none;stroke:var(--hz-accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:hz-nudge 1.6s ease-in-out infinite}@keyframes hz-nudge{0%,to{transform:translateY(2px)}50%{transform:translateY(-4px)}}.hz-badge{cursor:pointer;outline:none}.hz-badge>circle{fill:var(--hz-surface);stroke:var(--hz-line);stroke-width:1;transition:stroke .15s}.hz-badge:hover>circle,.hz-badge:focus-visible>circle{stroke:var(--hz-accent)}.hz-badge--remove path{stroke:var(--hz-ink);stroke-width:1.5;stroke-linecap:round;fill:none}.hz-badge__letter{fill:var(--hz-accent);font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:400}.hz-badge__plus{font-family:inherit;font-size:11px;font-weight:500}.hz-tip{visibility:hidden;pointer-events:none}.hz-badge:hover .hz-tip,.hz-badge:focus-visible .hz-tip{visibility:visible}.hz-tip rect{fill:#f4f4f4;stroke:#cfcfcf;stroke-width:1}.hz-tip text{fill:#2a1f24;font-size:13px;font-weight:500;letter-spacing:.02em}.hz-letter{font-family:Georgia,Times New Roman,serif;font-weight:700;paint-order:stroke}.hz-selbar{display:grid;gap:12px;justify-items:center;padding:16px 18px;border-radius:var(--hz-radius);background:var(--hz-tray);width:100%}.hz-selbar__name{margin:0;font-weight:600;letter-spacing:.04em}.hz-selbar__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hz-selbar__tip{margin:0;font-size:.85em;color:var(--hz-muted)}.hz-initial{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 16px;border-radius:999px;background:var(--hz-stone,var(--hz-accent));color:var(--hz-stone-ink,var(--hz-accent-ink));font-weight:600;font-size:.95em;cursor:text}.hz-initial em{font-style:normal;font-weight:400;opacity:.85}.hz-initial input{width:2.4em;height:2.4em;text-align:center;font:inherit;font-weight:700;text-transform:uppercase;border:0;border-radius:50%;background:var(--hz-surface);color:var(--hz-ink)}.hz-initial input::placeholder{color:var(--hz-muted);opacity:.6}.hz-initial input:focus{outline:2px solid var(--hz-ink);outline-offset:2px}.hz-btn-remove{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.95em;font-weight:600;padding:.6em 1.1em;border-radius:999px;border:1.5px solid var(--hz-stone,var(--hz-ink));background:var(--hz-surface);color:var(--hz-ink);cursor:pointer}.hz-btn-remove svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.hz-btn-remove:hover{background:var(--hz-stone,var(--hz-ink));color:var(--hz-stone-ink,var(--hz-surface))}.hz-minseg{display:inline-flex;padding:3px;border-radius:999px;background:var(--hz-surface);border:1px solid var(--hz-line)}.hz-minseg label{display:inline-flex;align-items:center;gap:6px;padding:.45em .9em;border-radius:999px;cursor:pointer;font-size:.9em}.hz-minseg input:checked+label{background:var(--hz-active);color:var(--hz-active-ink);box-shadow:inset 0 0 0 1px var(--hz-active-line)}.hz-minseg input:focus-visible+label{outline:2px solid var(--hz-accent);outline-offset:1px}.hz-note{margin:0 0 0 8px;align-self:center;font-size:.85em;line-height:1.35;color:var(--hz-muted);white-space:nowrap}.hz-btn-quiet{font:inherit;font-size:.9em;padding:.45em .9em;border-radius:999px;border:1px solid var(--hz-line);background:var(--hz-surface);color:var(--hz-ink);cursor:pointer}.hz-btn-quiet:hover{border-color:var(--hz-ink)}.hz-link{font:inherit;font-size:.9em;background:none;border:0;padding:0;color:var(--hz-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hz-panel{display:grid;gap:24px;min-width:0}.hz-options{display:grid;gap:18px}.hz-seg{border:0;margin:0;padding:0;min-width:0}.hz-builder .hz-label{display:block;margin:0 0 10px;padding:0;font-family:var(--font-body-family,inherit);font-style:normal;line-height:1.3;font-size:1.05em;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hz-ink)}.hz-seg__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hz-seg--size .hz-seg__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;align-items:stretch}.hz-seg--size label{flex-direction:column;justify-content:center;gap:.3em;line-height:1.15;min-height:3.7em;padding:.6em .5em;width:100%;box-sizing:border-box}.hz-seg__price{display:block;font-size:.9em;opacity:.7;font-variant-numeric:tabular-nums}.hz-customgrp{display:flex;align-items:stretch;min-width:0}.hz-customgrp.is-on{flex-direction:column;justify-content:center;min-height:3.7em;border:1px solid var(--hz-active-line);border-radius:999px;background:var(--hz-active);color:var(--hz-active-ink)}.hz-seg .hz-customgrp.is-on input:checked+label{border:0;border-radius:0;background:none;min-height:0;padding:.35em .5em 0}.hz-customgrp.is-on label .hz-seg__price{display:none}.hz-stepper{display:flex;align-items:center;justify-content:center;gap:2px;padding:.2em 0 .35em}.hz-stepper[hidden]{display:none}.hz-stepper button{font:inherit;font-size:1.05em;line-height:1;width:1.75em;height:1.75em;flex:none;border:0;border-radius:50%;background:var(--hz-surface);color:var(--hz-ink);cursor:pointer}.hz-stepper button:disabled{opacity:.35;cursor:not-allowed}.hz-stepper input{width:2.2em;min-width:0;height:1.75em;padding:0;border:0;text-align:center;font:inherit;font-weight:600;background:transparent;color:inherit;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.hz-stepper input::-webkit-inner-spin-button,.hz-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hz-seg label{display:inline-flex;align-items:center;gap:7px;padding:.55em 1em;border:1px solid var(--hz-line);border-radius:999px;cursor:pointer;font-size:.95em;background:var(--hz-surface);transition:border-color .15s,background .15s}.hz-seg label:hover{border-color:var(--hz-ink)}.hz-seg input:checked+label{background:var(--hz-active);color:var(--hz-active-ink);border-color:var(--hz-active-line)}.hz-seg input:checked+label .hz-seg__price{opacity:.85}.hz-seg input:focus-visible+label{outline:2px solid var(--hz-accent);outline-offset:2px}.hz-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.hz-dot--gold{background:linear-gradient(135deg,#fff3c4,#d6ae55 55%,#8c6720)}.hz-dot--silver{background:linear-gradient(135deg,#fff,#bcc3ca 55%,#737b84)}.hz-colors__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:10px}.hz-builder .hz-colors__head .hz-label{margin:0}.hz-tools{display:flex;gap:16px}.hz-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 10px}.hz-sw{display:grid;gap:6px;justify-items:center;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-align:center}.hz-sw__media{position:relative;display:block;width:100%;aspect-ratio:1;max-width:100%;border-radius:var(--hz-radius);background:var(--hz-soft);border:1px solid var(--hz-line);overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.hz-sw__media img,.hz-sw__media svg{display:block;width:100%;height:100%;object-fit:cover}.hz-sw__media svg{padding:8%}.hz-sw:hover:not(:disabled) .hz-sw__media{transform:translateY(-2px);border-color:var(--hz-stone);box-shadow:0 6px 16px -10px var(--hz-stone)}.hz-sw:focus-visible{outline:none}.hz-sw:focus-visible .hz-sw__media{outline:2px solid var(--hz-accent);outline-offset:2px}.hz-sw.is-in .hz-sw__media{border:2px solid var(--hz-accent)}.hz-swi{position:relative;min-width:0}.hz-zoombtn{position:absolute;top:5px;left:5px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--hz-line);border-radius:50%;background:#ffffffeb;color:#2a1f24;cursor:zoom-in;box-shadow:0 2px 6px -2px #00000040;transition:opacity .15s,transform .15s}.hz-zoombtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.hz-zoombtn:hover{transform:scale(1.08);border-color:var(--hz-accent)}.hz-zoombtn:focus-visible{outline:2px solid var(--hz-accent);outline-offset:2px}@media(hover:hover){.hz-zoombtn{opacity:0}.hz-swi:hover .hz-zoombtn,.hz-zoombtn:focus-visible{opacity:1}}.hz-sw__n{position:absolute;top:5px;right:5px;min-width:24px;padding:2px 6px;border-radius:999px;background:var(--hz-charcoal);color:#fff;font-size:11px;font-weight:400;line-height:1.4}.hz-sw__name{font-size:.82em;line-height:1.3;letter-spacing:.05em;font-weight:500}.hz-sw__out{font-size:.72em;color:var(--hz-muted);text-transform:uppercase;letter-spacing:.08em}.hz-sw:disabled{cursor:not-allowed}.hz-sw:disabled .hz-sw__media{opacity:.4}.hz-summary{display:grid;gap:10px;padding:16px;border-radius:var(--hz-radius);background:var(--hz-blush);border:1px solid var(--hz-line)}.hz-summary__count{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.hz-pips{display:flex;gap:5px}.hz-pip{width:14px;height:14px;border-radius:50%;border:1.5px dashed var(--hz-muted);opacity:.7}.hz-pip.is-on{border:0;opacity:1;background:radial-gradient(circle at 35% 30%,#fff 0,var(--hz-stone) 45%,var(--hz-stone) 100%);box-shadow:inset 0 -2px 3px #00000040}.hz-countline{margin:0;font-variant-numeric:tabular-nums}.hz-breakdown{margin:0;display:grid;gap:4px;font-size:.95em;font-variant-numeric:tabular-nums}.hz-breakdown:empty{display:none}.hz-breakdown div{display:flex;justify-content:space-between;gap:12px}.hz-breakdown dt{color:var(--hz-muted)}.hz-breakdown dd{margin:0}.hz-breakdown__total{padding-top:6px;margin-top:2px;border-top:1px solid var(--hz-line);font-weight:600}.hz-breakdown__total dt{color:var(--hz-ink)}.hz-price{font-weight:600}.hz-add{font:inherit;font-weight:600;font-size:1em;letter-spacing:.02em;padding:1em 1.2em;border:0;border-radius:999px;background:var(--hz-accent);color:var(--hz-accent-ink);cursor:pointer;transition:filter .15s,opacity .15s}.hz-add:hover:not(:disabled){filter:brightness(1.12)}.hz-add:focus-visible{outline:2px solid var(--hz-ink);outline-offset:3px}.hz-add:disabled{background:var(--hz-active);color:var(--hz-active-ink);cursor:not-allowed}.hz-msg{margin:0;min-height:1.3em;font-size:.9em;color:var(--hz-muted)}.hz-msg--warn{color:var(--hz-warn)}.hz-msg a{color:var(--hz-accent)}html.hz-noscroll{overflow:hidden}.hz-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#1e161a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hz-lightbox[hidden]{display:none}.hz-lightbox__card{position:relative;display:grid;gap:14px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:16px;border-radius:calc(var(--hz-radius) + 4px);background:var(--hz-surface);color:var(--hz-ink);box-shadow:0 24px 60px -20px #00000080;box-sizing:border-box;animation:hz-in .18s ease-out}@keyframes hz-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.hz-lightbox__stage{position:relative}.hz-lightbox__img{position:relative;aspect-ratio:1;max-height:calc(100vh - 190px);margin:0 auto;border-radius:var(--hz-radius);background:var(--hz-soft);overflow:hidden;cursor:zoom-in}.hz-lightbox__img img,.hz-lightbox__img svg{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s ease-out;transform-origin:var(--hz-zx,50%) var(--hz-zy,50%)}.hz-lightbox__img svg{padding:6%;box-sizing:border-box}.hz-lightbox__img.is-mag{cursor:zoom-out}.hz-lightbox__img.is-mag img,.hz-lightbox__img.is-mag svg{transform:scale(2.4)}.hz-lightbox__x,.hz-lightbox__nav{display:grid;place-items:center;padding:0;border:1px solid var(--hz-line);border-radius:50%;background:#fffffff0;color:#2a1f24;cursor:pointer;box-shadow:0 2px 8px -3px #0000004d}.hz-lightbox__x{position:absolute;top:24px;right:24px;z-index:2;width:36px;height:36px}.hz-lightbox__nav{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px}.hz-lightbox__nav--prev{left:8px}.hz-lightbox__nav--next{right:8px}.hz-lightbox svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hz-lightbox__x:focus-visible,.hz-lightbox__nav:focus-visible{outline:2px solid var(--hz-accent);outline-offset:2px}.hz-lightbox__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.hz-lightbox__name{margin:0;font-family:var(--hz-display,inherit);font-size:1.3em;letter-spacing:.02em}.hz-lightbox__sub{margin:2px 0 0;font-size:.85em;color:var(--hz-muted)}.hz-lightbox__add{flex:none;padding:.8em 1.4em}.hz-lightbox__add:disabled{opacity:.45;cursor:not-allowed}@media(max-width:820px){.hz-grid{grid-template-columns:minmax(0,1fr)}.hz-stage{position:static}.hz-preview{max-width:520px}.hz-summary{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:2;box-shadow:0 10px 30px -12px #00000059}.hz-swatches{gap:12px 8px}.hz-sw__name{font-size:.74em;letter-spacing:.03em}.hz-summary{padding:10px 12px;gap:8px}.hz-pip{width:10px;height:10px}.hz-add{padding:.8em 1em}.hz-msg:empty{display:none}.hz-note{flex-basis:100%;margin:4px 0 0;white-space:normal}}@media(prefers-reduced-motion:reduce){.hz-builder *{animation:none!important;transition:none!important}}.hz-initbits{display:contents}.hz-letterphoto{display:flex;justify-content:center}.hz-letterphoto:empty{display:none}.hz-letterphoto__btn{display:block;padding:0;border:1px solid var(--hz-line);border-radius:12px;overflow:hidden;background:none;cursor:zoom-in;line-height:0}.hz-letterphoto__btn img{display:block;width:150px;height:150px}.hz-lightbox.is-letter .hz-lightbox__nav,.hz-lightbox.is-letter .hz-lightbox__add{display:none}.hz-selbar__actions{gap:10px;align-items:center}.hz-selbar__actions .hz-minseg label{gap:5px;padding:.4em .6em;font-size:.8em}.hz-selbar__actions .hz-minseg .hz-dot{width:10px;height:10px}.hz-selbar__actions .hz-initial{gap:6px;padding:3px 3px 3px 10px;font-size:.8em}.hz-selbar__actions .hz-btn-remove{gap:4px;padding:.55em .6em;font-size:.8em;border-width:1px}.hz-selbar__actions .hz-btn-remove svg{width:11px;height:11px}.hz-seg--size .hz-seg__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.hz-seg--size label{padding:.6em .25em;font-size:.92em}.hz-customgrp.is-on{min-width:6.6em}.hz-customgrp.is-on .hz-stepper{padding:.1em 0 0}.hz-customgrp.is-on .hz-stepper button{width:1.5em;height:1.5em}.hz-customgrp.is-on .hz-stepper input{width:1.8em;height:1.5em}.hz-customprice{text-align:center;padding:0 0 .35em;font-size:.8em}.hz-customprice[hidden]{display:none}.hz-lightbox__acts{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.hz-lightbox__metal[hidden],.hz-lightbox.is-letter .hz-lightbox__metal{display:none}.hz-seg--size label{text-align:center}@media(max-width:600px){.hz-seg--size .hz-seg__row{gap:4px}.hz-seg--size label{font-size:.78em;padding:.5em .15em}.hz-customgrp.is-on{min-width:0}.hz-customgrp.is-on .hz-stepper{gap:0}.hz-customgrp.is-on .hz-stepper button{width:1.25em;height:1.25em;font-size:.85em}.hz-customgrp.is-on .hz-stepper input{width:1.5em;font-size:.85em}.hz-customgrp.is-on label{font-size:.72em}}@media(max-width:600px){.hz-seg--size .hz-seg__row{display:flex;flex-wrap:nowrap}.hz-seg--size .hz-seg__row>label{flex:1 1 0;width:auto;min-width:0}.hz-seg--size .hz-customgrp{flex:1 1 0}.hz-seg--size .hz-customgrp.is-on{flex:1.6 1 0}.hz-customgrp.is-on .hz-stepper{gap:2px}.hz-lightbox__foot{flex-wrap:wrap}.hz-lightbox__acts{width:100%;flex-wrap:nowrap}.hz-lightbox__acts>*{flex:1 1 auto}}.hz-btn-remove{letter-spacing:inherit}.hz-selbar__actions{width:100%;justify-content:space-evenly}.hz-seg label,.hz-customgrp.is-on{border-radius:var(--hz-radius)}.hz-selbar{padding-inline:6px}.hz-selbar__actions{gap:2px}.hz-selbar__actions .hz-minseg label,.hz-selbar__actions .hz-initial,.hz-selbar__actions .hz-btn-remove{font-size:.76em}.hz-selbar__actions .hz-minseg label{padding:.4em .55em}.hz-selbar__actions .hz-btn-remove{padding:.6em .5em}.hz-selbar__actions .hz-btn-remove svg{display:none}.hz-selbar{padding-inline:12px}.hz-selbar__actions{row-gap:10px;column-gap:8px}.hz-selbar__actions .hz-minseg label,.hz-selbar__actions .hz-initial,.hz-selbar__actions .hz-btn-remove{font-size:.92em}.hz-selbar__actions .hz-minseg label{gap:6px;padding:.5em .8em}.hz-selbar__actions .hz-minseg .hz-dot{width:12px;height:12px}.hz-selbar__actions .hz-initial{gap:8px;padding:4px 4px 4px 14px}.hz-selbar__actions .hz-initial input{width:2.4em;height:2.4em}.hz-selbar__actions .hz-btn-remove{padding:.65em 1.4em;border-width:1.5px}.hz-selbar{padding-inline:4px}.hz-selbar__actions{column-gap:4px}.hz-selbar__actions .hz-minseg label,.hz-selbar__actions .hz-initial,.hz-selbar__actions .hz-btn-remove{font-size:.8em}.hz-selbar__actions .hz-minseg label{gap:5px;padding:.45em .55em}.hz-selbar__actions .hz-minseg .hz-dot{width:11px;height:11px}.hz-selbar__actions .hz-initial{gap:6px;padding:3px 3px 3px 12px}.hz-selbar__actions .hz-initial input{width:2.3em;height:2.3em}.hz-selbar__actions .hz-btn-remove{padding:.6em .8em}@media(max-width:820px){.hz-stage{display:contents}.hz-preview{position:sticky;top:0;z-index:3;width:100%;height:min(36vh,calc(100vw - 32px));max-width:none;padding:6px 0;box-sizing:content-box;background:var(--hz-page,rgb(var(--color-background,255,255,255)))}.hz-slotbar{scroll-margin-top:calc(36vh + 24px);margin-top:4px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hz-charm-builder.css.map */