:root{--drop-ncp-ink: 31, 26, 28;--drop-ncp-cream: 252, 250, 243;--drop-ncp-rose: 119, 91, 99;--drop-ncp-rose-dark: 72, 57, 61;--drop-ncp-blush: 201, 172, 173;--drop-ncp-ease: cubic-bezier(.22, 1, .36, 1)}.drop-necklace-personalizer,.drop-necklace-personalizer *{box-sizing:border-box}.drop-necklace-personalizer{margin:12px 0 14px;color:rgb(var(--drop-ncp-ink))}.drop-necklace-personalizer__trigger{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:58px;padding:13px 17px;border:1px solid rgba(var(--drop-ncp-rose),.18);border-radius:20px;background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.76),transparent 34%),radial-gradient(circle at 95% 8%,rgba(var(--drop-ncp-blush),.32),transparent 38%),linear-gradient(135deg,rgba(var(--drop-ncp-cream),.92),#ffffff94),#ffffff8f;box-shadow:inset 0 1px #ffffffbd,inset 0 -18px 34px rgba(var(--drop-ncp-rose-dark),.06),0 12px 30px rgba(var(--drop-ncp-ink),.08),0 0 0 1px #ffffff3d;color:rgb(var(--drop-ncp-ink));cursor:pointer;text-align:left;touch-action:manipulation;transition:border-color .18s ease,box-shadow .22s ease,transform .18s ease,filter .22s ease}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.drop-necklace-personalizer__trigger{-webkit-backdrop-filter:blur(16px) saturate(155%);backdrop-filter:blur(16px) saturate(155%)}}.drop-necklace-personalizer__trigger:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.58),rgba(255,255,255,.1) 42%,transparent 68%),radial-gradient(circle at 86% 14%,rgba(255,255,255,.28),transparent 36%);pointer-events:none}.drop-necklace-personalizer__trigger:hover{border-color:rgba(var(--drop-ncp-rose),.28);box-shadow:inset 0 1px #ffffffd1,inset 0 -18px 34px rgba(var(--drop-ncp-rose-dark),.08),0 16px 38px rgba(var(--drop-ncp-ink),.1),0 0 0 1px #ffffff47;filter:saturate(1.03);transform:translateY(-1px)}.drop-necklace-personalizer__trigger:active{transform:translateY(0)}.drop-necklace-personalizer__trigger:focus-visible,.drop-necklace-personalizer__summary button:focus-visible,.drop-necklace-personalizer-modal__close:focus-visible,.drop-necklace-personalizer-modal__button:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(var(--drop-ncp-rose),.14),0 0 0 1px rgba(var(--drop-ncp-rose),.28)}.drop-necklace-personalizer__trigger-copy{display:grid;gap:3px;min-width:0}.drop-necklace-personalizer__eyebrow{display:block;color:rgba(var(--drop-ncp-rose-dark),.76);font-size:10px;font-weight:750;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}.drop-necklace-personalizer__label{display:block;color:rgb(var(--drop-ncp-ink));font-size:14px;font-weight:700;line-height:1.25}.drop-necklace-personalizer__summary{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:9px;padding:10px 12px;border:1px solid rgba(var(--drop-ncp-rose),.14);border-radius:16px;background:linear-gradient(135deg,rgba(var(--drop-ncp-cream),.74),#ffffff9e),#ffffff8a;color:rgba(var(--drop-ncp-ink),.72);font-size:12px;line-height:1.35}.drop-necklace-personalizer__summary[hidden]{display:none!important}.drop-necklace-personalizer__summary strong{color:rgb(var(--drop-ncp-ink));font-weight:750;letter-spacing:.04em}.drop-necklace-personalizer__summary button{margin-left:auto;padding:6px 10px;border:1px solid rgba(var(--drop-ncp-rose),.18);border-radius:999px;background:#ffffffa8;color:rgb(var(--drop-ncp-rose-dark));font:inherit;font-size:12px;font-weight:700;cursor:pointer}.drop-necklace-personalizer-modal[hidden]{display:none!important}.drop-necklace-personalizer-modal{position:fixed;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483001;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100vw;min-width:100vw;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;margin:0!important;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;transform:none!important;contain:none!important}.drop-necklace-personalizer-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.drop-necklace-personalizer-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.18),transparent 34%),radial-gradient(circle at 78% 0%,rgba(var(--drop-ncp-blush),.2),transparent 42%),#1f1a1c52;cursor:default}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.drop-necklace-personalizer-modal__backdrop{-webkit-backdrop-filter:blur(18px) saturate(155%);backdrop-filter:blur(18px) saturate(155%)}}.drop-necklace-personalizer-modal__panel{position:relative;width:min(680px,100%);max-height:min(760px,calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));overflow:auto;padding:18px;border:1px solid rgba(var(--drop-ncp-rose),.18);border-radius:28px;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.86),transparent 34%),radial-gradient(circle at 92% 7%,rgba(var(--drop-ncp-blush),.22),transparent 40%),linear-gradient(145deg,rgba(var(--drop-ncp-cream),.92),#ffffffbd),#ffffffb8;box-shadow:inset 0 1px #ffffffd6,0 28px 90px rgba(var(--drop-ncp-ink),.22),0 0 0 1px #ffffff38;opacity:0;transform:translateY(12px) scale(.99);transition:opacity .19s ease,transform .23s var(--drop-ncp-ease);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.drop-necklace-personalizer-modal__panel{-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}}.drop-necklace-personalizer-modal.is-open .drop-necklace-personalizer-modal__panel{opacity:1;transform:translateY(0) scale(1)}.drop-necklace-personalizer-modal__top{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}.drop-necklace-personalizer-modal__close{position:relative;flex:0 0 auto;display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgba(var(--drop-ncp-rose),.16);border-radius:14px;background:#ffffff94;color:rgb(var(--drop-ncp-ink));font:inherit;font-size:0;line-height:1;cursor:pointer;touch-action:manipulation}.drop-necklace-personalizer-modal__close span{display:none}.drop-necklace-personalizer-modal__close:before,.drop-necklace-personalizer-modal__close:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.6px;border-radius:999px;background:currentColor;transform-origin:center}.drop-necklace-personalizer-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.drop-necklace-personalizer-modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.drop-necklace-personalizer-modal__copy{text-align:center}.drop-necklace-personalizer-modal__copy h2{margin:0;color:rgb(var(--drop-ncp-ink));font-size:clamp(22px,4vw,32px);line-height:1.08}.drop-necklace-personalizer-modal__copy p{max-width:520px;margin:10px auto 0;color:rgba(var(--drop-ncp-ink),.64);font-size:14px;line-height:1.45}.drop-necklace-personalizer-modal__stage{position:relative;min-height:124px;margin:22px 0 6px;padding:28px clamp(8px,2.2vw,18px);border:1px solid rgba(var(--drop-ncp-rose),.14);border-radius:24px;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.8),transparent 32%),linear-gradient(135deg,rgba(var(--drop-ncp-cream),.62),#ffffff5c),#ffffff5c;box-shadow:inset 0 1px #ffffffad,inset 0 -14px 26px rgba(var(--drop-ncp-rose-dark),.04);cursor:text}.drop-necklace-personalizer-modal__letters{--drop-ncp-count: 10;--drop-ncp-letter-gap: clamp(3px, 1.15vw, 8px);position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--drop-ncp-count),minmax(0,1fr));align-items:center;justify-content:center;gap:var(--drop-ncp-letter-gap);width:100%;min-width:0}.drop-necklace-personalizer-modal__letter{--drop-ncp-letter-size: clamp(27px, 6.5vw, 48px);position:relative;justify-self:center;display:grid;place-items:center;width:min(100%,var(--drop-ncp-letter-size));max-width:var(--drop-ncp-letter-size);height:auto;aspect-ratio:1;border:1px solid rgba(255,255,255,.62);border-radius:52% 48% 55% 45%/48% 52%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.28) 22%,transparent 48%),linear-gradient(145deg,#ffffff75,#ffffff24),#ffffff38;box-shadow:inset 0 2px 7px #ffffffb8,inset 0 -5px 11px rgba(var(--drop-ncp-rose-dark),.08),0 8px 18px rgba(var(--drop-ncp-ink),.1);color:rgb(var(--drop-ncp-ink));font-family:Georgia,Times New Roman,serif;font-size:calc(var(--drop-ncp-letter-size) * .42);font-weight:700;line-height:1;text-transform:uppercase;transition:background .18s ease,box-shadow .18s ease,transform .18s var(--drop-ncp-ease)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.drop-necklace-personalizer-modal__letter{-webkit-backdrop-filter:blur(2px) saturate(130%);backdrop-filter:blur(2px) saturate(130%)}}.drop-necklace-personalizer-modal__letter.is-filled{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,1) 0%,rgba(255,255,255,.34) 22%,transparent 50%),linear-gradient(145deg,#ffffff9e,rgba(var(--drop-ncp-blush),.16)),#ffffff57;box-shadow:inset 0 2px 7px #ffffffc7,inset 0 -5px 11px rgba(var(--drop-ncp-rose-dark),.1),0 10px 22px rgba(var(--drop-ncp-rose-dark),.16);transform:translateY(-2px)}.drop-necklace-personalizer-modal__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;caret-color:transparent;opacity:0;cursor:text}.drop-necklace-personalizer-modal__error{margin:10px 0 0;padding:10px 12px;border:1px solid rgba(157,34,53,.22);border-radius:14px;background:#9d223512;color:#9d2235;font-size:12px;font-weight:700;line-height:1.35}.drop-necklace-personalizer-modal__error[hidden]{display:none!important}.drop-necklace-personalizer-modal__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px}.drop-necklace-personalizer-modal__button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:116px;padding:12px 16px;border-radius:999px;font:inherit;font-size:13px;font-weight:800;line-height:1.15;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,opacity .18s ease,filter .22s ease}.drop-necklace-personalizer-modal__button[hidden]{display:none!important}.drop-necklace-personalizer-modal__button--ghost,.drop-necklace-personalizer-modal__button--clear{border:1px solid rgba(var(--drop-ncp-rose),.18);background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.72),transparent 32%),linear-gradient(135deg,rgba(var(--drop-ncp-cream),.86),#ffffff8f),#ffffff7a;box-shadow:inset 0 1px #ffffffb3,0 10px 26px rgba(var(--drop-ncp-ink),.08),0 0 0 1px #ffffff3d;color:rgb(var(--drop-ncp-rose-dark))}.drop-necklace-personalizer-modal__button--primary{overflow:hidden;border:1px solid rgba(255,255,255,.54);background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.42),transparent 30%),radial-gradient(circle at 88% 8%,rgba(var(--drop-ncp-blush),.18),transparent 38%),linear-gradient(135deg,#8f6d74fa,rgba(var(--drop-ncp-rose),.98),rgba(var(--drop-ncp-rose-dark),.98));box-shadow:inset 0 1px #ffffff9e,inset 0 -16px 28px rgba(var(--drop-ncp-ink),.14),0 12px 28px rgba(var(--drop-ncp-rose-dark),.24),0 0 0 1px #fff3;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.22)}.drop-necklace-personalizer-modal__button--primary:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.42),rgba(255,255,255,.07) 40%,transparent 68%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.18),transparent 38%);pointer-events:none}.drop-necklace-personalizer-modal__button:not([disabled]):hover{transform:translateY(-1px);filter:saturate(1.04)}.drop-necklace-personalizer-modal__button--primary:not([disabled]):hover{box-shadow:inset 0 1px #ffffffb8,inset 0 -16px 28px rgba(var(--drop-ncp-ink),.12),0 16px 34px rgba(var(--drop-ncp-rose-dark),.3),0 0 0 1px #ffffff42}.drop-necklace-personalizer-modal__button[disabled]{opacity:.58;cursor:not-allowed;filter:saturate(.84)}@media screen and (max-width:749px){.drop-necklace-personalizer-modal{align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.drop-necklace-personalizer-modal__panel{width:min(100%,430px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px;border-radius:26px}.drop-necklace-personalizer-modal__copy{text-align:left}.drop-necklace-personalizer-modal__stage{min-height:112px;margin-top:18px;padding-left:12px;padding-right:12px}.drop-necklace-personalizer-modal__letters{--drop-ncp-letter-gap: 3px}.drop-necklace-personalizer-modal__letter{--drop-ncp-letter-size: 38px;font-size:clamp(12px,4.4vw,16px)}.drop-necklace-personalizer-modal__actions{display:grid;grid-template-columns:1fr}.drop-necklace-personalizer-modal__button{width:100%}}@media(prefers-reduced-motion:reduce){.drop-necklace-personalizer__trigger,.drop-necklace-personalizer-modal,.drop-necklace-personalizer-modal__panel,.drop-necklace-personalizer-modal__letter,.drop-necklace-personalizer-modal__button{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/drop-necklace-personalizer.css.map */