.tag-customizer{display:flex;flex-direction:column;align-items:center;gap:26px;width:100%}.reassure{color:#a89fa5;font-size:10.5px;margin:0}.microcopy{font-size:11px;color:#9a919e;margin:14px 0 0;text-align:center}.tag-customizer__shapes{display:inline-flex;gap:10px;background:#f2ece8;padding:8px 14px;border-radius:30px}.tag-customizer__shape-btn{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:2px solid transparent;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none}.tag-customizer__shape-btn img{width:30px;height:100%;object-fit:contain;display:block}.tag-customizer__shape-btn:hover{background:#ff9b7b1a;border-color:#ff9b7b66}.tag-customizer__shape-btn.active{background:#fff;border-color:#ff9b7b;box-shadow:0 2px 8px #ff9b7b4d}.tag-customizer__stage{display:flex;flex-direction:column;align-items:center;gap:8px;perspective:1000px;-webkit-perspective:1000px;position:relative;width:fit-content;background:transparent}.tag-customizer__card{width:180px;height:180px;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tag-customizer__card.flipped{transform:rotateY(180deg)}.tag-customizer__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tag-customizer__face--back{transform:rotateY(180deg);visibility:hidden}.tag-customizer__card.flipped .tag-customizer__face--front{visibility:hidden}.tag-customizer__card.flipped .tag-customizer__face--back{visibility:visible}.tag-customizer__img-wrap{position:relative;width:100%;height:100%;display:block}.tag-customizer__img-wrap img{width:100%;height:100%;object-fit:contain;display:block}.tag-customizer__overlay{position:absolute;left:50%;transform:translate(-50%);pointer-events:none;text-align:center;z-index:2}.tag-customizer__overlay--name{font-family:Dancing Script,cursive;color:#1a1a1a;white-space:nowrap}.tag-customizer__overlay--back-text{font-family:Arial,sans-serif;font-weight:600;color:#1a1a1a;white-space:normal;word-break:break-word;line-height:1.4;font-size:13px;width:55%;transform:translate(-50%)}.tag-customizer__overlay--phone{font-family:Arial,sans-serif;font-weight:700;color:#1a1a1a;white-space:nowrap;font-size:13px;transform:translate(-50%);max-width:60%;overflow:hidden}#tagCard[data-shape=cat] .tag-customizer__overlay--name{top:48%;left:50%}#tagCard[data-shape=cat] .tag-customizer__overlay--back-text{top:32%;left:50%;width:75%;font-size:16px}#tagCard[data-shape=cat] .tag-customizer__overlay--phone{top:56%;left:50%;font-size:15px}#tagCard[data-shape=fish] .tag-customizer__overlay--name{top:58%;left:52%}#tagCard[data-shape=fish] .tag-customizer__overlay--back-text{top:40%;left:46%;width:61%}#tagCard[data-shape=fish] .tag-customizer__overlay--phone{top:59%;left:45%}#tagCard[data-shape=paw] .tag-customizer__overlay--name{top:56%;left:50%}#tagCard[data-shape=paw] .tag-customizer__overlay--back-text{top:56%;left:50%;width:61%}#tagCard[data-shape=paw] .tag-customizer__overlay--phone{top:74%;left:50%}#tagCard[data-shape=crown] .tag-customizer__overlay--name{top:62%;left:50%}#tagCard[data-shape=crown] .tag-customizer__overlay--back-text{top:49%;left:50%;width:61%}#tagCard[data-shape=crown] .tag-customizer__overlay--phone{top:66%;left:50%}.tag-customizer__inputs{display:flex;text-align:left;gap:16px;padding:0 6px;margin-bottom:10px}.tag-customizer__field{flex:1}.tag-customizer__field label{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--meowify-cta);margin-bottom:4px}.tag-customizer__field input{width:100%;border:none;border-bottom:1.5px solid #e5dcd7;background:transparent;font-family:inherit;font-size:14px;color:var(--meowify-text);padding:4px 0;outline:none}.tag-customizer__field input:focus{border-color:#ff9b7b;box-shadow:0 0}.tag-customizer__field input::placeholder{color:#2d243859;font-weight:400}@media screen and (max-width:749px){.tag-customizer__card{width:170px;height:170px}.tag-customizer__overlay--back-text,.tag-customizer__overlay--phone{font-size:12px}#tagCard[data-shape=cat] .tag-customizer__overlay--name{top:50%;left:50%}#tagCard[data-shape=cat] .tag-customizer__overlay--back-text{top:36%;left:50%;width:70%;font-size:14px}#tagCard[data-shape=cat] .tag-customizer__overlay--phone{top:58%;left:50%;font-size:14px}#tagCard[data-shape=fish] .tag-customizer__overlay--name{top:58%;left:52%}#tagCard[data-shape=fish] .tag-customizer__overlay--back-text{top:40%;left:46%;width:60%}#tagCard[data-shape=fish] .tag-customizer__overlay--phone{top:58%;left:46%}#tagCard[data-shape=paw] .tag-customizer__overlay--name{top:66%;left:50%}#tagCard[data-shape=paw] .tag-customizer__overlay--back-text{top:57%;left:50%;width:60%}#tagCard[data-shape=paw] .tag-customizer__overlay--phone{top:76%;left:50%}#tagCard[data-shape=crown] .tag-customizer__overlay--name{top:62%;left:50%}#tagCard[data-shape=crown] .tag-customizer__overlay--back-text{top:50%;left:50%;width:60%}#tagCard[data-shape=crown] .tag-customizer__overlay--phone{top:68%;left:50%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-tag-customizer.css.map */