.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)}:root{--hm-accent: #F43F5E;--hm-accent-2: #FB923C;--hm-accent-weak: rgba(244,63,94,.26)}.hm-bubble{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,.p-tray ::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:has(input:checked){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);border-color:#000;color:#fff}.hm-ink-pills[data-ink=Blue] .hm-pill.is-selected{background:linear-gradient(180deg,#2563eb,#1d4ed8);border-color:#1d4ed8;color:#fff}.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;box-shadow:none!important;position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;margin:8px 0 14px;padding:13px 16px;border-radius:var(--p-radius, 14px);background:var(--p-trigger-fill, #ffffff);color:var(--p-ink, #111827);font-weight:800;letter-spacing:.2px;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;filter:drop-shadow(6px 6px 0 #1a1446) drop-shadow(0 6px 12px rgba(0,0,0,.06));transition:transform .12s cubic-bezier(.2,.8,.2,1),filter .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent!important}.p-trigger__wrap{display:grid;justify-items:center;width:100%;gap:2px}.p-trigger__title{display:inline-flex;align-items:center;gap:8px;justify-content:center}.p-trigger__preview{font-size:.95rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-tray-trigger:active{transform:translate(3px,3px) scale(.985);filter:drop-shadow(4px 4px 0 #1a1446) drop-shadow(0 5px 10px rgba(0,0,0,.06));box-shadow:inset 0 1px #fff9,inset 0 -1px #0000000f}.hm-bubble .p-tray-trigger{--p-trigger-fill: linear-gradient(180deg,#F0F9FF 0%, #EDE9FE 100%)}.hm-bubble[data-trigger-theme=green] .p-tray-trigger{--p-trigger-fill: linear-gradient(180deg,#ECFDF5 0%, #D1FAE5 100%)}.p-tray-root.has-message .p-tray-trigger{--p-trigger-fill: #ffffff}.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)}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 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: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:grid;grid-template-rows:auto auto auto 1fr auto}dialog.p-tray{overscroll-behavior:contain}html.hm-lock,body.hm-lock{position:fixed;width:100%;overflow:hidden}.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__field{padding:0 16px var(--hm-footer-h, 72px);overflow:auto;-webkit-overflow-scrolling:touch}.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)}textarea.p-tray__input{min-height:240px;max-height:min(50svh,360px);font-size:16px}@media (min-width:990px){textarea.p-tray__input{min-height:260px}}.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:8px;display:flex;justify-content:space-between;align-items:center;color:var(--p-muted)}.p-tray__counter{font-variant-numeric:tabular-nums}.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 12px;border:1px solid var(--p-border);background:#fff;border-radius:999px;font-size:.85rem;cursor:pointer}.p-copy:hover{background:#f8fafc}.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}.p-tray__preview{padding:8px 16px 6px}.p-tray__preview-card{overflow:visible!important;padding:18px 16px}.p-tray__preview-text{line-height:1.65;padding-bottom:6px;transform:translateZ(0)}.p-tray__field{padding:6px 16px var(--hm-footer-h, 72px)}textarea.p-tray__input{min-height:clamp(260px,38vh,460px);line-height:1.55;letter-spacing:.01em;resize:vertical}.p-tray__helper{padding:2px 16px 0}.p-tray__tip{margin-top:4px}.p-tray__field{padding:4px 16px var(--hm-footer-h, 72px)}textarea.p-tray__input{height:auto;min-height:clamp(150px,22vh,260px);max-height:48svh;line-height:1.55;resize:vertical}@media (min-width: 990px){textarea.p-tray__input{min-height:180px}}.p-tray__preview-text{white-space:pre-wrap;padding-bottom:6px;line-height:1.65}
/*# sourceMappingURL=/cdn/shop/t/4/assets/personalization-tray.css.map */