native-personalizer{display:block;--np-accent: #566f99;margin-bottom:16px}native-personalizer[hidden]{display:none}.np-types{display:flex;gap:8px}.np-type{flex:1 1 0;cursor:pointer}.np-type input{position:absolute;opacity:0;pointer-events:none}.np-type-card{display:block;padding:8px 10px 10px;border:1px solid var(--COLOR-TEXT-A35, rgba(0, 0, 0, .3));border-radius:10px;color:var(--COLOR-TEXT, #1a1a1a);text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.np-type-img{display:block;height:18px;width:auto;margin:0 auto 4px}.np-type-label{display:block;font-size:.8125rem;line-height:1.3}.np-type input:checked+.np-type-card{border-color:var(--np-accent);box-shadow:0 0 0 1px var(--np-accent)}.np-type input:focus-visible+.np-type-card{outline:2px solid var(--np-accent);outline-offset:2px}.np-branch{margin:0;padding:0;border:0}.np-branch[disabled]{display:none}.np-branch>.np-label-row:first-of-type{margin-top:0}.np-field-label{display:block;margin-top:18px;margin-bottom:6px;font-size:15px;font-weight:500}.np-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;margin-bottom:6px}.np-label-row .np-field-label,.np-label-row .np-counter{margin:0}.np-branch .product__personalization-text input,.np-branch input[data-np-initials]{width:100%}native-personalizer .np-branch .product__personalization-text input{margin-top:0}native-personalizer .np-branch .product__personalization-text input,native-personalizer .np-branch input[data-np-initials]{border:1px solid rgba(0,0,0,.25)}native-personalizer .np-branch .product__personalization-text input:focus,native-personalizer .np-branch input[data-np-initials]:focus{outline:none;border-color:var(--np-accent);box-shadow:0 0 0 1px var(--np-accent)}.np-counter{display:block;font-size:13px;opacity:.7}.np-ghost-preview{position:relative;margin:0 auto calc(var(--inner) / 2);max-width:320px;aspect-ratio:4 / 3;overflow:hidden;border-radius:12px;pointer-events:none;user-select:none;-webkit-user-select:none}.np-ghost-canvas{position:absolute}.np-ghost-canvas img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.np-ghost-box{position:absolute;pointer-events:none}.np-ghost-box svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.np-ghost-preview text.np-face-serif,.np-ghost-modal text.np-face-serif{font-family:Times New Roman,serif}.np-ghost-preview text.np-face-script,.np-ghost-modal text.np-face-script{font-family:Roundhand-bold,cursive}.np-ghost-expand{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:transparent;pointer-events:auto;cursor:zoom-in}.np-ghost-expand[hidden]{display:none}.np-ghost-expand-chip{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffffe6;color:var(--COLOR-TEXT, #1a1a1a);box-shadow:0 1px 4px #0000002e}.np-ghost-expand-chip svg{width:16px;height:16px}.np-ghost-modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;height:fit-content;max-width:none;max-height:none;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--COLOR-BG, #ffffff)}.np-ghost-modal::backdrop{background:#0009}.np-ghost-modal-stage{position:relative;width:min(92vw,calc(86vh * 2 / 3),480px);aspect-ratio:2 / 3;user-select:none;-webkit-user-select:none}.np-ghost-modal-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.np-ghost-modal-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:#ffffffeb;color:var(--COLOR-TEXT, #1a1a1a);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 1px 4px #0003}.product__personalization-text.np-has-ghost input{font-family:inherit}native-personalizer button.pplr-btn[data-np-open]{border-radius:var(--btn-radius, 300px);border:1px solid var(--BTN-PRIMARY-BG, #1a1a1a);display:block!important;width:100%!important;box-sizing:border-box;padding:13px!important;font-size:var(--BTN-FONT-SIZE);line-height:var(--line-height-normal);text-align:center;background-color:var(--COLOR-BG, #ffffff)!important;color:var(--COLOR-TEXT, #1a1a1a)!important;font-weight:500;transition:background-color .25s ease-out,color .25s ease-out}native-personalizer .product__personalization-fonts{margin-top:0;padding:2px;gap:2px;background:#0000000f;border-radius:10px}native-personalizer .product__personalization-font{flex:1 1 0;margin:0}native-personalizer .product__personalization-font span{padding:9px 12px;border:0;border-radius:8px;font-size:15px;text-align:center}native-personalizer .product__personalization-font input:checked+span{background-color:var(--COLOR-BG, #ffffff);box-shadow:0 1px 3px #0000001f,0 0 0 1px #0000000a}native-personalizer .product__personalization-colors{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}native-personalizer .product__personalization-color span{width:38px;height:38px;border-color:#0000001f}native-personalizer .product__personalization-color:hover span{border-color:#0000001f}native-personalizer .product__personalization-color input:checked+span{border-color:#0000001f;box-shadow:0 0 0 2px var(--COLOR-BG, #ffffff),0 0 0 4px var(--np-accent)}native-personalizer .product__personalization-font input,native-personalizer .product__personalization-color input{display:inline-block;position:absolute;opacity:0;pointer-events:none}native-personalizer .product__personalization-font input:focus-visible+span,native-personalizer .product__personalization-color input:focus-visible+span{outline:2px solid var(--np-accent);outline-offset:2px}native-personalizer .np-color-name{font-weight:400;opacity:.7}native-personalizer .np-color-name:not(:empty):before{content:"\b7  "}native-personalizer{--np-line-hairline: rgba(26, 26, 26, .1);--np-line-control: rgba(26, 26, 26, .16);--np-line-selected: var(--np-accent);--np-fabric-color: #ffffff;--np-line-fabric: rgba(26, 26, 26, .18);--np-radius-card: 4px;--np-radius-field: var(--personalizer-field-radius, 4px);--np-gap-within: 10px;--np-gap-between: 22px}.np-choice-label-row{display:flex;align-items:baseline;margin-bottom:6px}.np-choice-label-row .np-field-label{margin-top:0}.np-choice-free{margin-left:6px;font-size:12px;color:#1a1a1ab3}native-personalizer button.pplr-btn[data-np-open]{display:flex!important;align-items:center;width:100%!important;height:48px;box-sizing:border-box;padding:0 14px!important;border:1px solid var(--np-line-control)!important;border-radius:var(--np-radius-field)!important;background-color:var(--COLOR-BG, #ffffff)!important;color:#1a1a1a73!important;font-size:16px;font-weight:400;text-align:left;cursor:text;margin-top:0!important;transition:none}native-personalizer button.pplr-btn[data-np-open][hidden]{display:none!important}@media(hover:hover){native-personalizer button.pplr-btn[data-np-open]:hover{border-color:var(--np-accent)!important}}.np-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(30rem,100vw);height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-left:1px solid var(--np-line-control);background:var(--COLOR-BG, #ffffff);display:flex;flex-direction:column}.np-drawer::backdrop{background:#0000004d}@keyframes np-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes np-drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.np-drawer[open]{animation:np-drawer-slide-in .25s cubic-bezier(.32,.72,0,1) forwards}.np-drawer[open][closing]{animation:np-drawer-slide-out .25s cubic-bezier(.32,.72,0,1) forwards}@media(prefers-reduced-motion:reduce){.np-drawer[open],.np-drawer[open][closing]{animation-duration:.01s}}.np-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--np-line-hairline);flex:0 0 auto}.np-drawer-header h2{flex:1 1 auto;min-width:0;margin:0;font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.np-drawer-close{flex:0 0 auto;padding:6px;border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:inherit}.np-drawer-preview{flex:0 0 auto;padding:14px 18px;border-bottom:1px solid var(--np-line-hairline)}.np-drawer input[type=text]{width:100%;height:48px;padding:0 14px;border:1px solid var(--np-line-control);border-radius:var(--np-radius-field);background:var(--COLOR-BG, #ffffff);color:var(--COLOR-TEXT, #1a1a1a);font-size:16px;transition:border-color .12s ease,box-shadow .12s ease;font-family:inherit!important}.np-drawer input[type=text]:focus{border-color:var(--np-accent);box-shadow:0 0 0 3px #566f9929;outline:none}.np-drawer-preview .np-field-label{display:block;margin-top:0;margin-bottom:var(--np-gap-within, 10px)}.np-preview-card{display:flex;align-items:center;justify-content:center;min-height:96px;padding:16px;border:1px solid var(--np-line-fabric);border-radius:var(--np-radius-card);background:var(--np-fabric-color);text-align:center;word-break:break-word}.np-preview-text{font-size:22px;color:var(--COLOR-TEXT, #1a1a1a)}.np-preview-card:not(.np-typewriter) .np-preview-text{color:var(--np-thread-color, var(--COLOR-TEXT, #1a1a1a));text-shadow:0 1px 1px rgba(60,52,40,.55)}.np-preview-card.script:not(.np-typewriter) .np-preview-text{font-family:Roundhand-bold,Times New Roman,Times,serif;font-size:28px}.np-preview-card.serif:not(.np-typewriter) .np-preview-text{font-family:Times New Roman,Times,serif}.np-drawer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:var(--np-gap-between)}.np-drawer-footer{display:flex;flex-direction:column;gap:8px;padding:10px 18px calc(6px + env(safe-area-inset-bottom,0px));flex:0 0 auto}.np-drawer[closing] .np-drawer-header,.np-drawer[closing] .np-drawer-preview,.np-drawer[closing] .np-drawer-scroll,.np-drawer[closing] .np-terms,.np-drawer[closing] .np-drawer-footer{transition:opacity .1s ease-out;opacity:0}.np-drawer-confirm,.np-drawer-cancel{width:100%}.np-confirmed[hidden]{display:none}.np-confirmed{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid var(--np-line-control);border-radius:var(--np-radius-card);background:var(--COLOR-BG, #ffffff)}.np-confirmed-main{min-width:0}.np-confirmed-text{margin:0 0 4px;font-size:20px;color:var(--COLOR-TEXT, #1a1a1a);overflow-wrap:anywhere}.np-confirmed.script .np-confirmed-text{font-family:Roundhand-bold,Times New Roman,Times,serif;font-size:24px}.np-confirmed.serif .np-confirmed-text{font-family:Times New Roman,Times,serif}.np-confirmed-meta{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:#1a1a1a99}.np-confirmed-meta [hidden]{display:none}.np-confirmed-dot{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px var(--COLOR-BG, #ffffff),0 0 0 3px var(--COLOR-TEXT, #1a1a1a)}.np-confirmed-actions{display:flex;gap:6px;flex:0 0 auto}.np-confirmed-edit,.np-confirmed-expand,.np-confirmed-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--np-line-control);border-radius:var(--np-radius-field);background:var(--COLOR-BG, #ffffff);color:var(--COLOR-TEXT, #1a1a1a);font-size:16px;line-height:1;cursor:pointer}.np-removed-note[hidden]{display:none}.np-removed-note{margin:8px 0 0;font-size:12px;color:#0f6e56}.np-preview-mark{display:inline-block;vertical-align:-.05em;width:.75em;height:calc(.75em * 108 / 165);margin-right:.15em}.np-preview-mark[hidden]{display:none}.np-preview-card.np-typewriter,.np-confirmed.np-typewriter .np-confirmed-text{display:flex;flex-direction:column;align-items:center;gap:.1em;font-size:16px}.np-preview-card.np-typewriter .np-preview-text,.np-confirmed.np-typewriter [data-np-confirmed-text-value]{font-size:1.75em;font-weight:400;line-height:1.1}.np-preview-card.np-typewriter .np-preview-mark,.np-confirmed.np-typewriter .np-confirmed-text .np-preview-mark{width:2.2em;height:calc(2.2em * 108 / 165);margin-right:0}.np-typewriter{font-family:American Typewriter,Courier New,Courier,serif}.np-drawer .product__personalization-fonts{margin-top:0;padding:0;gap:8px;background:none;border-radius:0}.np-drawer .product__personalization-font span{padding:8px;border:1px solid var(--np-line-control);border-radius:var(--np-radius-card);background-color:var(--COLOR-BG, #ffffff);font-size:20px;min-height:48px;box-shadow:none}.np-drawer .product__personalization-font input:checked+span{border-color:var(--np-accent);background-color:var(--COLOR-BG, #ffffff);box-shadow:inset 0 0 0 1px var(--np-accent)}.np-drawer .product__personalization-font.script span{font-family:Roundhand-bold,cursive;font-size:24px}.np-drawer .product__personalization-font.serif span{font-family:Times New Roman,serif}.np-ideas-trigger{align-self:flex-start;padding:0;border:0;background:none;color:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.np-ideas{border:0;padding:0;width:min(560px,100vw - 32px);max-width:none;margin:auto;max-height:min(680px,100vh - 48px);border-radius:0;overflow:hidden;color:var(--COLOR-TEXT, #1a1a1a);background:var(--COLOR-BG, #ffffff)}.np-ideas[open]{display:flex}.np-ideas::backdrop{background:#0006}.np-ideas-inner{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;min-height:0;padding:24px}.np-ideas-close{position:absolute;top:8px;right:8px;border:0;background:none;color:inherit;font-size:24px;line-height:1;padding:8px;cursor:pointer}.np-ideas-title{flex:0 0 auto;font-size:18px;margin:0 0 16px}.np-ideas-list{list-style:none;margin:0;padding:0 0 4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;flex:1 1 auto;min-height:0;overflow-y:auto}.np-ideas-list li{display:flex;flex-direction:column;gap:4px}.np-ideas-thumb{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--np-radius-card);margin-bottom:4px}.np-ideas-cat{font-size:15px;font-weight:500;color:#1a1a1a99}.np-ideas-line{font-size:15px}.np-ideas-more{flex:0 0 auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:15px;color:var(--COLOR-TEXT, #1a1a1a);text-decoration:underline;text-underline-offset:3px}.np-ideas-more-icon{display:inline-flex;flex:0 0 auto;width:1.05em;height:1.05em}.np-ideas-more-icon svg{width:100%;height:100%}.np-terms{flex:0 0 auto;margin-top:auto;padding:12px 18px 8px;border-top:1px solid var(--np-line-hairline)}.np-terms p{margin:0 0 4px;font-size:12px;line-height:1.25;color:#1a1a1abf}.np-terms p:last-child{margin-bottom:0}.np-terms strong{color:var(--COLOR-TEXT, #1a1a1a);font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/248/assets/native-personalizer.css.map */