.pn-letter{color:#121212;background:#fff;padding-top:36px;padding-bottom:36px;font-family:var(--font-body-family, Assistant, sans-serif);font-size:14px;line-height:1.6;letter-spacing:.02em}.pn-letter [hidden]{display:none!important}.pn-letter *{box-sizing:border-box}.pn-letter__studio{display:flex;align-items:flex-start;gap:5%}.pn-letter__preview{flex:1 1 62%;min-width:0;position:sticky;top:30px}.pn-letter__controls{flex:0 0 33%;min-width:0}.pn-letter__topline{display:flex;gap:8px;font-size:12px;padding-bottom:16px}.pn-letter__topline span{color:#666}.pn-letter__stage{position:relative;display:flex;align-items:center;width:100%;height:clamp(360px,42vw,520px);background:#fff;border:1px solid #ececec;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.pn-letter__stage>svg[data-pn-necklace]{display:block;flex:0 0 auto;width:100%;max-width:none;height:auto;max-height:100%}.pn-letter__view-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}.pn-letter__view-controls button{min-height:42px;padding:8px 12px;border-color:#d4d4d4;font-size:11px}.pn-letter__view-controls button[aria-pressed=true]{color:#fff;background:#121212;border-color:#121212}.pn-letter__view-hint{width:100%;margin:0;color:#777;font-size:11px}.pn-letter__empty{position:absolute;left:0;right:0;top:68%;margin:0;text-align:center;color:#777}.pn-letter__bottomline{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #e8e8e8;font-size:12px}.pn-letter__bottomline>span:first-child{font-size:20px;letter-spacing:.13em}.pn-letter__caption{margin:0 0 8px;color:#777;font-size:11px;letter-spacing:.13em}.pn-letter__title{margin:0;font-family:inherit;font-size:28px;font-weight:400;line-height:1.35;letter-spacing:.03em}.pn-letter__subtitle{margin:7px 0 20px;color:#666;font-size:16px}.pn-letter__intro{margin:0 0 22px;font-size:13px}.pn-letter__en{display:block;color:#777;font-size:11px;font-weight:400;line-height:1.55;letter-spacing:.015em}.pn-letter label{display:block;margin:12px 0 7px;font-size:12px}.pn-letter label span{margin-left:8px;color:#777}.pn-letter button,.pn-letter input,.pn-letter select{font-family:inherit;letter-spacing:inherit;border-radius:0}.pn-letter button{cursor:pointer;color:#121212;background:#fff;border:1px solid #121212}.pn-letter button:disabled{cursor:not-allowed;opacity:.4}.pn-letter button:focus-visible,.pn-letter input:focus-visible,.pn-letter select:focus-visible,.pn-letter summary:focus-visible{outline:2px solid #121212;outline-offset:3px}.pn-letter__input-wrap{display:flex;border:1px solid #121212}.pn-letter__input-wrap input{flex:1;width:0;min-width:0;border:0;background:transparent;color:#121212;padding:12px;height:52px;font-size:19px;letter-spacing:.15em;box-shadow:none}.pn-letter__input-wrap button{width:44px;border:0;font-size:24px}.pn-letter__input-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:8px;font-size:11px;color:#777}.pn-letter__error{min-height:10px;margin:8px 0;color:#9e2c2c;font-size:12px}.pn-letter__error .pn-letter__en{color:#9e2c2c}.pn-letter__examples{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.pn-letter__examples button{min-height:38px;padding:6px 12px;font-size:11px;border-color:#d4d4d4}.pn-letter__examples button[aria-pressed=true]{border-color:#121212}.pn-letter select{display:block;width:100%;min-height:44px;padding:10px;color:#121212;background:#fff;border:1px solid #a8a8a8;font-size:13px}.pn-letter__note{color:#666;margin:10px 0 17px;font-size:11px}.pn-letter__rule,.pn-letter__total{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e8e8e8;font-size:12px}.pn-letter__rule strong,.pn-letter__total strong{text-align:right;font-weight:400;font-variant-numeric:tabular-nums}.pn-letter__total{padding-top:18px;font-size:15px}.pn-letter__total strong{font-weight:600}.pn-letter__breakdown{margin-bottom:18px;font-size:12px}.pn-letter summary{cursor:pointer;padding:12px 0}.pn-letter summary span{color:#777;margin-left:8px}.pn-letter__cart,.pn-letter__reset{width:100%;min-height:46px;margin:10px 0 0;padding:10px;font-size:12px}.pn-letter__cart{background:#121212!important;color:#fff!important}.pn-letter__alphabet-details{margin-top:35px;padding-top:12px;border-top:1px solid #e8e8e8}.pn-letter__alphabet{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.pn-letter__alphabet button{width:70px;min-height:105px;padding:6px;border-color:#e2e2e2}.pn-letter__alphabet img{display:block;width:54px;height:76px;object-fit:contain}.pn-letter__alphabet span{display:block;font-size:12px}.pn-letter__editor-note{margin-top:24px;padding:16px;border:1px solid #ddd;background:#f8f8f8;font-size:12px}@media(max-width:749px){.pn-letter{padding-top:24px;padding-bottom:24px}.pn-letter__studio{display:block}.pn-letter__preview{position:static;width:100%;margin-bottom:28px}.pn-letter__stage{height:clamp(260px,75vw,380px)}.pn-letter__controls{width:100%}.pn-letter__title{font-size:26px}.pn-letter__input-wrap input{font-size:18px}.pn-letter__alphabet{gap:8px}.pn-letter__alphabet button{width:calc((100% - 32px)/5)}.pn-letter__alphabet img{max-width:100%;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/pn-letter-customizer.css.map */