.wall-texture{background-color:#f5f5f4;background-image:radial-gradient(#d6d3d1 1px,transparent 1px);background-size:24px 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}#swapModal{animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}#swapModal .modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none;opacity:1;transform:none}}.name-display-area{min-height:200px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:2rem;background-color:#fafaf9;border:2px dashed #e7e5e4;border-radius:.5rem;position:relative}.name-display-area img{width:6rem;height:6rem;object-fit:contain;border:1px solid #e7e5e4;border-radius:.25rem;background-color:#fafaf9;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0000001a}.name-display-area img:hover{transform:scale(1.1);box-shadow:0 4px 6px #00000026;z-index:10}.placeholder-text{color:#78716c;font-style:italic;text-align:center;width:100%}.name-input-wrapper input{text-transform:uppercase;letter-spacing:.1em}.name-input-wrapper input:focus{outline:2px solid #047857;outline-offset:2px;border-color:#047857;box-shadow:0 0 0 3px #05966933}.framing-options{padding:1rem;background-color:#f5f5f4;border-radius:.5rem;border:1px solid #e7e5e4}.framing-options label{-webkit-user-select:none;user-select:none}.framing-options input[type=checkbox]{accent-color:#047857}#name-builder-section .framing-color-option{text-align:center;display:flex;align-items:center;justify-content:flex-start}#name-builder-section .framing-color-option>div:last-child{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}#name-builder-section .framing-color-option div div{text-align:center;width:100%;margin-left:auto;margin-right:auto}#name-builder-section .mt-8 p,#name-builder-section .mt-8 h3{text-align:center}.price-display{padding:1rem;background-color:#ecfdf5;border:2px solid #10b981;border-radius:.5rem;margin:1rem 0}.price-display span{color:#065f46}#AddToCartBtn{transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}#AddToCartBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}#AddToCartBtn:disabled{opacity:.6;cursor:not-allowed}.hidden{display:none!important}@media(max-width:640px){.name-display-area img{width:4rem;height:4rem}.name-input-wrapper{flex-direction:column}.name-input-wrapper input{width:100%}}#NameDisplayArea img,#altLetterContainer img,#altLetterGrid img,.letter-variation-option img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}#altLetterContainer,#altLetterGrid{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}#NameDisplayArea .butterfly-letter{flex:1 1 0;aspect-ratio:3 / 4;min-width:0;max-width:100px}.butterfly-letter{position:relative;min-width:0;min-height:0;background-color:#1c1917;background-size:cover!important;background-position:center!important;display:flex!important;overflow:hidden}.butterfly-letter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;pointer-events:none}#name-builder-section{background:linear-gradient(180deg,#fafaf9,#f5f5f4)}#AddToCartBtn{position:relative;overflow:hidden}#AddToCartBtn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}#AddToCartBtn:hover:before{left:100%}#NameInput:focus{box-shadow:0 0 0 3px #04785726,0 1px 2px #0000000d}#name-builder-section button{transition:all .2s cubic-bezier(.4,0,.2,1)}.pricing-card{transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes fadeInPremium{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in-premium{animation:fadeInPremium .4s cubic-bezier(.4,0,.2,1) forwards;opacity:0}#NameDisplayArea .butterfly-letter{border-radius:.5rem;box-shadow:0 4px 15px #00000026,inset 0 1px #ffffff1a;transition:transform .2s ease,box-shadow .2s ease}#NameDisplayArea .butterfly-letter:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0003,inset 0 1px #ffffff1a}#FramingCheckboxWrapper label{transition:all .2s ease}#FramingCheckboxWrapper label:has(input:checked){background-color:#d1fae5;border-color:#10b981}.premium-frame{box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #00000005}.premium-frame-inner{box-shadow:inset 0 2px 4px #0000000d,0 1px 2px #0000000d}.decorative-bar{background:linear-gradient(90deg,transparent,#059669,transparent)}@media(prefers-reduced-motion:reduce){#AddToCartBtn:before{display:none}#name-builder-section button,.pricing-card,#NameDisplayArea .butterfly-letter,#FramingCheckboxWrapper label{transition:none}.fade-in-premium{animation:none;opacity:1;transform:none}}#shareDesignModal{animation:modalFadeIn .2s ease-out}#shareDesignModal .modal-content{animation:modalSlideUp .3s ease-out;max-width:360px!important;width:100%!important;margin:0 auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#shareDesignModal input[type=email],#shareDesignModal input[type=text]{font-size:16px}#submitShareEmail:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){#shareStep2 .flex.gap-3 a{padding-left:.5rem;padding-right:.5rem;font-size:.75rem}}@media(prefers-reduced-motion:reduce){#shareDesignModal,#shareDesignModal .modal-content{animation:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#cartSuccessPopup{animation:slideInRight .3s ease-out forwards;transition:opacity .3s ease,transform .3s ease}.animate-slide-in{animation:slideInRight .3s ease-out forwards}@media(prefers-reduced-motion:reduce){#cartSuccessPopup,.animate-slide-in{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/name-builder.css.map */