.engraving-picker{--ep-ink: #22355b;--ep-accent: #d1571b;--ep-accent-dark: #b8480f;--ep-ink-70: color-mix(in srgb, var(--ep-ink) 70%, transparent);--ep-line: color-mix(in srgb, var(--ep-ink) 14%, transparent);--ep-line-soft: color-mix(in srgb, var(--ep-ink) 12%, transparent);--ep-line-firm: color-mix(in srgb, var(--ep-ink) 16%, transparent);--ep-display: var(--font-heading-family, "Archivo", system-ui, sans-serif);--ep-sans: var(--font-body-family, "Karla", system-ui, sans-serif);--ep-mono: "Roboto Mono", ui-monospace, monospace;display:block;margin-bottom:2.4rem;color:var(--ep-ink)}.engraving-picker-native{display:none!important}.engraving-picker__colours{margin:0 0 1.6rem;padding:0;border:0;min-width:0}.engraving-picker__legend{padding:0;margin-bottom:1.2rem}.engraving-picker__finishes{display:flex;flex-wrap:wrap;gap:10px}.engraving-picker__finish{flex:calc(var(--ep-finish-count, 1) - 1) 1 auto;background:#fff;border:1.5px solid var(--ep-line);border-radius:10px;padding:10px 8px 8px}.engraving-picker__finish-head{display:flex;align-items:center;gap:7px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--ep-line-soft)}.engraving-picker__chip{flex:none;width:12px;height:12px;border-radius:50%;background:linear-gradient(150deg,var(--ep-finish) 0 50%,color-mix(in srgb,var(--ep-finish) 85%,#000) 50% 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--ep-ink) 20%,transparent)}.engraving-picker__finish-name{font:800 11px var(--ep-display);letter-spacing:.1em;text-transform:uppercase}.engraving-picker__swatches{display:flex;gap:4px;justify-content:space-around}.engraving-picker__swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;border:0;border-radius:8px;background:none;color:inherit;cursor:pointer}.engraving-picker__swatch:hover{background:color-mix(in srgb,var(--ep-ink) 5%,transparent)}.engraving-picker__swatch:focus-visible{outline:2px solid var(--ep-accent);outline-offset:2px}.engraving-picker__swatch[disabled]{opacity:.4;cursor:not-allowed}.engraving-picker__swatch[disabled]:hover{background:none}.engraving-picker__dot{position:relative;width:38px;height:38px;border-radius:50%;background:linear-gradient(150deg,var(--ep-finish) 0 46%,var(--ep-grip) 46% 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--ep-ink) 20%,transparent)}.engraving-picker__ring,.engraving-picker__tick{display:none}.engraving-picker__swatch[aria-pressed=true] .engraving-picker__ring{display:block;position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2.5px solid var(--ep-accent);border-radius:50%}.engraving-picker__swatch[aria-pressed=true] .engraving-picker__tick{display:flex;position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;align-items:center;justify-content:center;border-radius:50%;background:var(--ep-accent);color:#fff;font:700 9px var(--ep-display)}.engraving-picker__label{font:700 11px var(--ep-display);text-align:center}.engraving-picker__engrave{background:#fff;border:1.5px solid var(--ep-line-firm);border-radius:12px;padding:13px 15px;transition:border-color .14s ease,background-color .14s ease}.engraving-picker__engrave.is-on{border-color:var(--ep-accent);background:color-mix(in srgb,var(--ep-accent) 4%,#fff)}.engraving-picker__engrave-main{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.engraving-picker__check{position:relative;flex:1 1 180px;min-width:0;display:flex;align-items:flex-start;gap:11px;cursor:pointer}.engraving-picker__box{position:absolute;top:0;left:0;width:21px;height:21px;margin:0;opacity:0;cursor:pointer}.engraving-picker__mark{flex:none;position:relative;pointer-events:none;width:21px;height:21px;border-radius:6px;background:#fff;border:2px solid color-mix(in srgb,var(--ep-ink) 30%,transparent);transition:background-color .14s ease,border-color .14s ease}.engraving-picker__mark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(.4);opacity:0;transition:opacity .12s ease,transform .12s ease}.engraving-picker__box:checked~.engraving-picker__mark{background:var(--ep-accent);border-color:var(--ep-accent)}.engraving-picker__box:checked~.engraving-picker__mark:after{opacity:1;transform:rotate(45deg) scale(1)}.engraving-picker__box:focus-visible~.engraving-picker__mark{outline:2px solid var(--ep-accent);outline-offset:2px}.engraving-picker__box:disabled~.engraving-picker__mark{opacity:.45}.engraving-picker__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.engraving-picker__title{font:700 15px var(--ep-display);letter-spacing:.01em;text-transform:uppercase}.engraving-picker__price{color:var(--ep-accent);white-space:nowrap}.engraving-picker__note{font:400 13px/1.4 var(--ep-sans);color:var(--ep-ink-70)}.engraving-picker__plate{flex:0 1 200px;width:200px;max-width:100%;height:56px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--ep-accent) 5%,#fff));border:1.5px solid color-mix(in srgb,var(--ep-accent) 30%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--ep-ink) 8%,transparent)}.engraving-picker__canvas{display:block;width:100%;height:100%;font:700 17px var(--ep-display);color:var(--ep-accent-dark);text-align:center;line-height:56px;letter-spacing:.1em}.engraving-picker__field{margin-top:12px}.engraving-picker__field[hidden]{display:none}.engraving-picker__field-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:5px}.engraving-picker__field-label{font:700 11px var(--ep-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ep-ink-70)}.engraving-picker__count{font:500 11px var(--ep-mono);color:var(--ep-ink-70)}.engraving-picker__count.is-full{color:var(--ep-accent-dark)}.engraving-picker__input{width:100%;box-sizing:border-box;padding:11px 14px;background:#fff;border:1.5px solid color-mix(in srgb,var(--ep-accent) 45%,transparent);border-radius:999px;font:500 14px var(--ep-mono);color:var(--ep-ink);letter-spacing:.08em;text-transform:uppercase}.engraving-picker__input:focus,.engraving-picker__input:focus-visible{outline:none;border-color:var(--ep-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ep-accent) 18%,transparent)}.engraving-picker__input::placeholder{color:color-mix(in srgb,var(--ep-ink) 55%,transparent);letter-spacing:.06em}.engraving-picker__engrave.is-invalid .engraving-picker__input{border-color:#c0392b}
/*# sourceMappingURL=/cdn/shop/t/22/assets/engraving-picker.css.map */