.jf-personalizer{display:grid;gap:18px;margin:0 0 22px}.jf-personalizer *{box-sizing:border-box}.jf-field{display:grid;gap:6px}.jf-field>span{font-weight:600;font-size:.9rem}.jf-personalizer input[type=text],.jf-personalizer select{width:100%;padding:12px;border:1px solid currentColor;border-radius:4px;background:var(--color-background,#fff);color:inherit;font:inherit}.jf-swatches{display:flex;flex-wrap:wrap;gap:8px}.jf-swatch{width:34px;height:34px;border-radius:50%;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;border:1px solid rgba(var(--color-foreground-rgb,0 0 0),.35);background-color:var(--chip)}.jf-swatch--marble{background-image:radial-gradient(var(--fleck) 17%,transparent 18%),radial-gradient(var(--fleck) 13%,transparent 14%);background-size:9px 9px,13px 13px;background-position:0 0,4px 6px}.jf-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-background,#fff),0 0 0 4px currentColor}.jf-swatch:focus-visible,.jf-personalizer input[type=text]:focus-visible,.jf-personalizer select:focus-visible{outline:2px solid currentColor;outline-offset:2px}.jf-note{margin:0;font-size:.85rem;line-height:1.4;opacity:.8}.jf-overlay{display:grid;place-items:center;background:#f1ecec;overflow:hidden}.jf-overlay--pinned{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;opacity:0;visibility:hidden;transition:opacity .18s ease}.jf-overlay--pinned.is-on{opacity:1;visibility:visible}.jf-overlay--inline{position:relative;border-radius:10px;margin:0 0 18px}.jf-overlay--inline:not(.is-on){display:none}.jf-overlay canvas{width:100%;max-width:min(100%,520px);height:auto;display:block}.jf-cap{margin:0;padding:6px 10px 10px;font-size:.8rem;text-align:center;color:#3d4b63}.jf-toggle{position:absolute;top:10px;right:10px;z-index:5;border:0;border-radius:999px;padding:7px 13px;font:inherit;font-size:.78rem;cursor:pointer;background:#122038c7;color:#fff}.jf-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.jf-3d{display:none;min-width:0;min-height:0}.jf-overlay--3d{place-items:stretch;grid-template-rows:minmax(0,1fr) auto}.jf-overlay--3d .jf-3d{display:block;width:100%;height:100%}.jf-overlay--inline.jf-overlay--3d .jf-3d{height:auto;aspect-ratio:1}.jf-overlay--3d>canvas{display:none}.jf-overlay .jf-3d-canvas{width:100%;height:100%;max-width:none;cursor:grab}.jf-overlay .jf-3d-canvas:active{cursor:grabbing}@media(prefers-reduced-motion:reduce){.jf-overlay--pinned{transition:none}}.jf-offer{display:grid;gap:4px;margin:0 0 20px;padding:16px 18px 14px;border:var(--joy-line,2px solid #1f2a44);border-radius:var(--joy-radius,18px);background:var(--joy-butter,#fff0c7);box-shadow:var(--joy-shadow,4px 4px 0 #1f2a44);color:var(--joy-ink,#1f2a44)}.jf-offer p{margin:0}.jf-offer__flag{justify-self:start;padding:3px 11px;border:2px solid var(--joy-ink,#1f2a44);border-radius:999px;background:var(--joy-coral,#f26b4b);color:var(--joy-ink,#1f2a44);font-weight:800;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-2deg)}.jf-offer__deal{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding-top:6px}.jf-offer__big{font-size:clamp(1.55rem,5.5vw,2rem);font-weight:800;line-height:1.1}.jf-offer__deal s{font-size:1.05rem;font-weight:700;opacity:.6}.jf-offer__save{font-weight:700}.jf-offer__timer{font-size:.92rem}.jf-offer__timer strong{display:inline-block;padding:1px 8px;border-radius:6px;background:var(--joy-ink,#1f2a44);color:#fff;font-variant-numeric:tabular-nums}.jf-offer__how{padding-top:4px;font-size:.86rem;line-height:1.4}.jf-offer--unlocked .jf-offer__how{font-weight:800}.jf-offer-ribbon{position:absolute;top:12px;inset-inline-start:12px;z-index:6;display:grid;padding:7px 14px 8px;border:var(--joy-line,2px solid #1f2a44);border-radius:14px;background:var(--joy-coral,#f26b4b);color:var(--joy-ink,#1f2a44);box-shadow:var(--joy-shadow,4px 4px 0 #1f2a44);transform:rotate(-4deg);line-height:1.1;text-align:center;pointer-events:none}.jf-offer-ribbon b{font-size:1.15rem;font-weight:800}.jf-offer-ribbon small{font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/27/assets/keychain-personalizer.css.map */