.personalize-with-charms-block,personalize-with-charms{display:block;width:100%}.personalize-with-charms__trigger{width:100%;min-height:var(--height-buy-buttons, 48px);font-weight:700;letter-spacing:.02em}.personalize-with-charms__dialog{width:min(1000px,calc(100vw - 40px));max-width:none;max-height:min(860px,calc(100dvh - 40px));padding:0;border:1px solid rgb(var(--color-foreground-rgb) / .15);border-radius:24px;color:var(--color-foreground);background:var(--color-background);box-shadow:0 24px 80px #0000003d;overflow:hidden}.personalize-with-charms__dialog::backdrop{background:#0000007a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.personalize-with-charms__panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:inherit;background:color-mix(in srgb,var(--color-background) 94%,#fff1e7)}.personalize-with-charms__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);padding:24px 28px 14px}.personalize-with-charms__heading{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.1}.personalize-with-charms__close,.personalize-with-charms__remove{display:inline-grid;place-items:center;border:1px solid rgb(var(--color-foreground-rgb) / .15);border-radius:999px;color:inherit;background:var(--color-background);cursor:pointer}.personalize-with-charms__close{flex:0 0 44px;width:44px;height:44px;padding:0;font-size:1.5rem}.personalize-with-charms__body{min-height:0;padding:4px 28px 24px;overflow-y:auto;overscroll-behavior:contain}.personalize-with-charms__section{margin-block:12px 18px}.personalize-with-charms__section-label{margin-block-end:10px;font-size:var(--font-paragraph--size);font-weight:700}.personalize-with-charms__base-colors,.personalize-with-charms__charm-colors{display:flex;align-items:center;gap:10px;padding-block:2px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain}.personalize-with-charms__base-swatch{position:relative;flex:0 0 30px;width:30px;height:30px;padding:0;border:3px solid var(--color-background);border-radius:999px;outline:1px solid rgb(var(--color-foreground-rgb) / .25);background-color:var(--personalize-swatch-color);background-image:var(--personalize-swatch-image, none);background-size:cover;cursor:pointer}.personalize-with-charms__base-swatch[aria-pressed=true]{outline:2px solid var(--color-foreground);outline-offset:2px}.personalize-with-charms__base-swatch:disabled,.personalize-with-charms__color-pill:disabled,.personalize-with-charms__charm-card:disabled{opacity:.35;cursor:not-allowed}.personalize-with-charms__preview-card{padding:12px;border:1px solid rgb(var(--color-foreground-rgb) / .14);border-radius:18px}.personalize-with-charms__strap{min-height:78px;padding-inline:20px;border-radius:14px;background-color:var(--personalize-strap-color, #d39bd9);background-image:var(--personalize-strap-image, none);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #00000014}.personalize-with-charms__preview-track{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-height:78px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;-webkit-overflow-scrolling:touch}.personalize-with-charms__preview-item{position:relative;display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;scroll-snap-align:end}.personalize-with-charms__preview-item[data-unavailable=true]{border-radius:10px;outline:3px solid #c72c1c;outline-offset:-2px}.personalize-with-charms__preview-item img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 4px rgb(0 0 0 / .18))}.personalize-with-charms__preview-fallback{font-size:2rem;font-weight:800}.personalize-with-charms__remove{position:absolute;top:-7px;right:-4px;width:25px;height:25px;padding:0;font-size:1rem;line-height:1}.personalize-with-charms__preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px 0;font-size:.9rem}.personalize-with-charms__clear{min-width:72px;min-height:38px;padding:6px 14px;border:1px solid rgb(var(--color-foreground-rgb) / .16);border-radius:12px;color:inherit;background:transparent;cursor:pointer}.personalize-with-charms__clear:disabled{opacity:.4;cursor:default}.personalize-with-charms__color-pill{flex:0 0 auto;min-height:44px;padding:8px 17px;border:2px solid transparent;border-radius:999px;color:var(--personalize-charm-text, #191919);background-color:var(--personalize-charm-color);background-image:var(--personalize-charm-image, none);background-size:cover;font-weight:750;cursor:pointer}.personalize-with-charms__color-pill[aria-pressed=true]{border-color:#191919;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px rgb(var(--color-foreground-rgb) / .35)}.personalize-with-charms__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:12px}.personalize-with-charms__charm-card{display:grid;grid-template-rows:minmax(76px,1fr) auto;min-width:0;padding:8px;border:1px solid rgb(var(--color-foreground-rgb) / .15);border-radius:15px;color:inherit;background:color-mix(in srgb,var(--color-background) 96%,white);cursor:pointer}.personalize-with-charms__charm-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.personalize-with-charms__charm-card-media{display:grid;place-items:center;min-height:76px;border-radius:11px;background:#fff;overflow:hidden;font-size:1.8rem;font-weight:800}.personalize-with-charms__charm-card-media img{width:68px;height:68px;object-fit:contain}.personalize-with-charms__charm-card-label{padding-block-start:7px;overflow:hidden;font-size:.82rem;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.personalize-with-charms__error{margin-block:14px 4px;padding:12px 14px;border:1px solid #c72c1c;border-radius:10px;color:#821a10;background:#fff0ed}.personalize-with-charms__footer{display:flex;justify-content:center;padding:14px 28px max(18px,env(safe-area-inset-bottom));border-top:1px solid rgb(var(--color-foreground-rgb) / .1);background:color-mix(in srgb,var(--color-background) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.personalize-with-charms__save{display:grid;width:min(360px,100%);min-height:68px;border-radius:999px;font-weight:800;text-align:center}.personalize-with-charms__save-detail{display:block;font-size:.78rem;line-height:1.2}.personalize-with-charms__editor-message{padding:12px;border:1px dashed currentColor;border-radius:8px;font-size:.9rem}.personalize-with-charms__close:focus-visible,.personalize-with-charms__remove:focus-visible,.personalize-with-charms__base-swatch:focus-visible,.personalize-with-charms__color-pill:focus-visible,.personalize-with-charms__charm-card:focus-visible,.personalize-with-charms__clear:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-foreground);outline-offset:3px}@media screen and (max-width:749px){.personalize-with-charms__dialog{width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.personalize-with-charms__panel{height:100dvh}.personalize-with-charms__header{padding:max(16px,env(safe-area-inset-top)) 16px 10px}.personalize-with-charms__body{padding:2px 16px 18px}.personalize-with-charms__grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px}.personalize-with-charms__charm-card{grid-template-rows:minmax(64px,1fr) auto;padding:6px}.personalize-with-charms__charm-card-media{min-height:64px}.personalize-with-charms__charm-card-media img{width:58px;height:58px}.personalize-with-charms__base-swatch{flex-basis:44px;width:44px;height:44px}.personalize-with-charms__footer{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.personalize-with-charms__dialog,.personalize-with-charms__charm-card,.personalize-with-charms__preview-track{scroll-behavior:auto;transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/personalize-with-charms.css.map */