native-personalizer{display:block;--np-accent: #566f99}.np-panel[hidden]{display:none}.np-panel{margin:12px 0;padding:16px 17px 18px;border:1px solid var(--COLOR-BORDER, rgba(0, 0, 0, .15));border-radius:16px}.np-types{display:flex;gap:8px;margin-bottom:18px}.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-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-remove{margin-top:18px;padding:0;border:0;background:none;font-size:14px;text-decoration:underline;cursor:pointer;color:inherit}.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 button.pplr-btn[data-np-open][hidden]{display:none!important}@media(hover:hover){native-personalizer button.pplr-btn[data-np-open]:hover{background-color:var(--BTN-PRIMARY-BG, #1a1a1a)!important;color:var(--BTN-PRIMARY-TEXT, #ffffff)!important}}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  "}
/*# sourceMappingURL=/cdn/shop/t/232/assets/native-personalizer.css.map */