.p-tray-root,dialog.p-tray{--p-radius: 14px;--p-ring: rgba(34, 197, 94, .35);--p-bg: #fff;--p-border: #e6e6e6;--p-muted: #6b7280;--p-ink: #111827;--p-scrim: rgba(17, 24, 39, .55);--p-shadow: 0 20px 50px rgba(0,0,0,.25);--p-font-ui: ui-sans-serif, system-ui, -apple-system, "Inter", "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";font-family:var(--p-font-ui)}.p-tray-root,dialog.p-tray{--hm-accent: #F43F5E;--hm-accent-2: #FB923C;--hm-accent-weak: rgba(244,63,94,.26)}.hm-bubble{--hm-accent-weak: rgba(244,63,94,.26);margin:12px 0 16px;padding:14px;border-radius:24px;background:linear-gradient(135deg,#fff1f2,#fff7ed);border:1px solid var(--hm-accent-weak);box-shadow:0 6px 18px #0000000a}.hm-bubble__heading{display:flex;align-items:center;gap:8px;margin-bottom:10px}.hm-bubble__icon{font-size:1.1rem;line-height:1}.hm-bubble__title{font-weight:800;letter-spacing:.2px;color:#111827}.hm-row{display:grid;grid-template-columns:1fr;gap:10px}.hm-row--two{grid-template-columns:1fr 1fr}.hm-label{display:block;font-size:.9rem;color:#6b7280;margin-bottom:6px}.hm-input{width:100%;border:1px solid var(--p-border);border-radius:12px;padding:10px 12px;background:#fff}.hm-input:focus{outline:2px solid transparent;box-shadow:0 0 0 3px var(--p-ring)}.hm-ink{margin-top:10px}.hm-ink-pills{display:flex;gap:8px;flex-wrap:wrap}.hm-bubble,.hm-ink-pills,.hm-bubble *,.hm-ink-pills *{-webkit-tap-highlight-color:transparent!important}.hm-bubble ::selection{background:transparent;color:inherit}.hm-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid #E5E7EB;border-radius:999px;padding:8px 14px;background:#fff;cursor:pointer;user-select:none;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease,transform .12s;font-weight:600;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent!important;outline:none}.hm-pill:active{transform:translate(1px,1px)}.hm-pill input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;left:-9999px;-webkit-tap-highlight-color:transparent!important}.hm-pill:hover{background:#f9fafb}.hm-pill:has(input:focus-visible){box-shadow:0 0 0 3px #60a5fa59}.hm-pill span{color:inherit}.hm-pill.is-selected{border-color:var(--hm-accent);background:linear-gradient(180deg,#fff,#fff1f2);box-shadow:0 2px #0000000d}.hm-ink-pills[data-ink=Black] .hm-pill.is-selected{background:linear-gradient(180deg,#111,#000)!important;border-color:#000!important;color:#fff!important;box-shadow:0 2px #00000026!important}.hm-ink-pills[data-ink=Blue] .hm-pill.is-selected{background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;border-color:#1d4ed8!important;color:#fff!important;box-shadow:0 2px #00000026!important}.hm-pill:focus{outline:none!important}@media(hover:hover){.hm-pill:has(input:focus-visible){box-shadow:0 0 0 3px #6ab7ffe6}}.hm-summary{margin-top:8px;display:flex;gap:6px;align-items:center}.hm-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #E5E7EB;font-size:.9rem;font-weight:600}.hm-chip__dot{width:8px;height:8px;border-radius:50%;background:#111}.hm-chip--ink.Blue .hm-chip__dot{background:#2563eb}.hm-chip--ink.Black .hm-chip__dot{background:#111}.p-tray-trigger{border:0!important;position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;margin:8px 0 14px;padding:18px 24px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#dbeafef2,#ede9feed,#fce7f3f0,#fef0dded,#dcfce7f2);background-size:200% 200%;animation:gradientFlow 8s ease infinite;border:1px solid rgba(0,0,0,.15)!important;box-shadow:0 0 0 1px #00000014,0 2px 8px #00000014,0 8px 24px #0000000f,inset 0 1px #ffffffb3,inset 0 -1px #00000008;color:#1f2937;text-shadow:0 1px 0 rgba(255,255,255,.5);font-weight:800;letter-spacing:.4px;line-height:1.3;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent!important}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.p-trigger__wrap{display:grid;justify-items:center;width:100%;gap:4px;position:relative;z-index:1}.p-trigger__title{display:inline-flex;align-items:center;gap:10px;justify-content:center;font-size:1.15rem}.p-trigger__sparkle{font-size:1.3em;animation:sparkleFlow 2s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes sparkleFlow{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.25) rotate(20deg);opacity:.9}}.p-trigger__preview{font-size:.92rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;text-shadow:0 1px 0 rgba(255,255,255,.5)}.p-tray-trigger:active{transform:scale(.96);box-shadow:0 6px 20px #93c5fd59,0 4px 12px #c4b5fd40,inset 0 2px 6px #00000026}.p-tray-root.has-message .p-tray-trigger{background:linear-gradient(135deg,#dcfce7f2,#bbf7d0ed,#d1fae5f0);border-color:#86efac66!important;box-shadow:0 8px 24px #86efac26,0 4px 12px #86efac1a,0 2px 6px #86efac14,inset 0 1px #ffffffb3;animation:none}.p-tray-root.has-message .p-trigger__sparkle{animation:none;transform:none;opacity:.7}.p-tray-reminder{display:none;margin:12px 0 0;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,#fef3c7f2,#fde6c8ed);border:1px solid rgba(251,191,36,.3);color:#92400e;font-size:.95rem;font-weight:600;text-align:center;box-shadow:0 4px 12px #fbbf241a,0 2px 6px #fbbf2414;opacity:0;transform:translateY(-8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.p-tray-reminder.is-visible{display:block;opacity:1;transform:translateY(0)}.p-tray-reminder.is-hiding{opacity:0;transform:translateY(-4px)}@keyframes shake-gentle{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.p-tray-trigger.shake-gentle{animation:shake-gentle .4s ease-in-out}.p-tray:not([open]):not(.is-open){display:none!important}dialog.p-tray{padding:0;border:none!important;outline:none!important;margin:0;background:var(--p-bg);color:var(--p-ink);transition:transform .22s ease;box-shadow:var(--p-shadow);display:flex;flex-direction:column;max-height:92vh}@supports (height: 100dvh){dialog.p-tray{max-height:92dvh}}dialog.p-tray::backdrop{background:var(--p-scrim)}dialog.p-tray.right{inset:0 0 0 auto;max-width:440px;height:100dvh;border-radius:0 0 0 var(--p-radius);transform:translate(100%)}dialog.p-tray.bottom{inset:auto 0 var(--p-kb, 0px) 0;width:100dvw;max-width:none;height:min(var(--p-vvh, 96dvh),720px);border-radius:var(--p-radius) var(--p-radius) 0 0;transform:translateY(100%)}dialog.p-tray.is-open.right{transform:translate(0)}dialog.p-tray.is-open.bottom{transform:translateY(0)}@media(max-width:749px){dialog.p-tray.right{inset:auto 0 0 0;width:100dvw;max-width:none;height:min(96dvh,720px);border-radius:var(--p-radius) var(--p-radius) 0 0;transform:translateY(100%)}dialog.p-tray.is-open.right{transform:translateY(0)}}dialog.p-tray[open]{display:flex}dialog.p-tray{overscroll-behavior:contain}html.hm-lock,body.hm-lock{position:fixed;width:100%;overflow:hidden}.p-tray__header,.p-tray__preview,.p-tray__helper,.p-tray__tip,.p-tray__footer{flex:0 0 auto}.p-tray__field{padding:8px 16px calc(var(--hm-footer-h, 72px) + env(safe-area-inset-bottom,0px));flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}textarea.p-tray__input{width:100%;min-height:clamp(160px,26vh,280px);max-height:45svh;font-size:16px;line-height:1.55;resize:vertical}.p-tray__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--p-border)}.p-tray__title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.2px;color:#111827}.p-tray__req{color:#b91c1c;margin-left:4px}.p-tray__close{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:1.1rem;line-height:1;cursor:pointer;padding:6px}.p-tray__close:hover{background:#f8fafc}.p-tray__close:focus{outline:2px solid transparent;box-shadow:0 0 0 3px #3b82f659}.p-tray__preview{padding:12px 16px 8px}.p-tray__preview-heading{display:none!important}.p-tray__preview-card{padding:20px 18px 30px;border:1px solid var(--p-border);border-radius:16px;background:radial-gradient(120% 120% at 0% 0%,#fff,#fafafa 60%,#f6f6f6);min-height:150px;height:auto;overflow:hidden!important;will-change:height;transition:height .15s ease}.p-tray__preview-text{font-family:"Edu NSW ACT Cursive",Edu NSW ACT Foundation,cursive;font-weight:600;font-size:clamp(1.45rem,1.15rem + 1.4vw,2rem);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;transition:font-size .12s ease}.p-tray__preview-card [data-preview-empty]{color:#a8b1bd;font-style:italic}.p-tray__helper{padding:0 16px;color:var(--p-muted);font-size:.95rem}.p-tray__tip{margin-top:6px;padding:0 16px;color:#71717a;font-size:.9rem}.p-tray__input{display:block;width:100%;max-width:100%;padding:14px 16px;border:1px solid var(--p-border);border-radius:12px;background:#fff;color:var(--p-ink);line-height:1.55;box-shadow:inset 0 1px #00000005;font-family:var(--p-font-ui)}.p-tray__input::placeholder{color:#94a3b8}.p-tray__input:focus{outline:2px solid transparent;box-shadow:0 0 0 3px var(--p-ring)}.p-tray__meta{margin-top:12px;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:var(--p-muted)}.p-tray__counter{font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:500;color:#64748b}.p-tray__counter.is-near-limit{color:#b45309}.p-tray__counter.is-at-limit{color:#b91c1c}.p-tray__meta-actions{display:flex;gap:8px}.p-copy{padding:6px 14px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.p-copy:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.p-copy:focus{outline:2px solid transparent;box-shadow:0 0 0 3px var(--p-ring)}.p-tray__nudge{color:var(--p-muted);font-size:.9rem;padding-top:6px;min-height:1em}.p-tray__error{color:#b00020;display:block;margin-top:6px}.p-tray__footer{position:sticky;bottom:0;z-index:1;background:var(--p-bg);border-top:1px solid #eee;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.p-tray__save{width:100%;padding:13px 16px;border:0;border-radius:12px;background:#111827;color:#fff;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 2px #00000040;-webkit-tap-highlight-color:transparent!important;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s cubic-bezier(.2,.8,.2,1),filter .12s}.p-tray__save:hover{filter:brightness(1.05)}.p-tray__save:focus{outline:2px solid transparent;box-shadow:0 0 0 3px var(--p-ring)}.p-tray__save.is-gradient{background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 8px 20px #7c3aed40}.p-tray__save:active{transform:translate(2px,2px) scale(.985);filter:drop-shadow(3px 3px 0 rgba(17,17,39,.22)) drop-shadow(0 5px 10px rgba(0,0,0,.08));box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000000f}.p-tray[data-ink=Black] .p-tray__preview-text,.p-tray[data-ink=Black] [data-live-preview]{color:#111}.p-tray[data-ink=Blue] .p-tray__preview-text,.p-tray[data-ink=Blue] [data-live-preview]{color:#1d4ed8}.p-tray-root[data-ink=Black] .p-trigger__preview{color:#374151}.p-tray-root[data-ink=Blue] .p-trigger__preview{color:#1d4ed8}@media(prefers-reduced-motion:reduce){dialog.p-tray{transition:none!important}}.hm-bubble .p-tray-preview{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/personalization-tray.css.map */