.nameplate-customizer-card{background-color:#f5f5f7!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:14px!important;padding:2.2rem!important;margin:2rem 0!important}.nameplate-customizer-title{font-size:1.5rem!important;font-weight:var(--font-heading-weight)!important;font-family:var(--font-heading-family)!important;color:#333!important;margin-bottom:1.5rem!important;text-transform:uppercase!important;letter-spacing:.05em!important}.nameplate-customizer-fields{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.nameplate-customizer-field{display:flex!important;flex-direction:column!important;gap:.6rem!important}.nameplate-customizer-field label{font-size:1.3rem!important;font-weight:500!important;color:#666!important}.nameplate-customizer-field input,.nameplate-customizer-field select{font-size:1.4rem!important;font-family:var(--font-body-family)!important;padding:1rem 1.4rem!important;border-radius:10px!important;border:1px solid rgba(0,0,0,.08)!important;background-color:#fff!important;color:#333!important;width:100%!important;box-sizing:border-box!important;transition:border-color .2s ease!important}.nameplate-customizer-field input:focus,.nameplate-customizer-field select:focus{border-color:#2d99ae!important;outline:none!important}.nameplate-preview-box{background-color:#ebebef!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:12px!important;height:220px!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;margin-bottom:2rem!important;box-shadow:inset 0 2px 8px #0000000d!important;perspective:600px!important}.nameplate-preview-grid{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-size:20px 20px!important;background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px)!important;z-index:1!important}.nameplate-preview-plate{position:relative!important;z-index:2!important;transform:rotateX(15deg) rotateY(-5deg)!important;transform-style:preserve-3d!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:2.5rem 4rem!important;transition:transform .1s ease!important}.nameplate-preview-line{position:relative!important;white-space:nowrap!important;font-size:2.8rem!important;line-height:1.1!important;text-align:center!important;font-weight:700!important}.nameplate-text-bg{color:#fff!important;-webkit-text-stroke:6px #FFFFFF!important;text-stroke:6px #FFFFFF!important;position:relative!important;z-index:1!important;filter:drop-shadow(.5px .5px 0px rgba(0,0,0,.12)) drop-shadow(1px 1px 0px rgba(0,0,0,.12)) drop-shadow(1.5px 1.5px 0px rgba(0,0,0,.12)) drop-shadow(2px 2px 0px rgba(0,0,0,.12)) drop-shadow(2.5px 2.5px 0px rgba(0,0,0,.12))!important}.nameplate-text-fg{color:#008b8b!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;text-shadow:.5px .5px 0px rgba(0,0,0,.15),1px 1px 0px rgba(0,0,0,.15)!important}.nameplate-color-swatches{display:flex!important;flex-wrap:wrap!important;gap:1rem!important;margin-top:.5rem!important}.nameplate-swatch-label{cursor:pointer!important;position:relative!important}.nameplate-swatch-input{position:absolute!important;opacity:0!important;width:0!important;height:0!important}.nameplate-swatch-circle{display:block!important;width:3.2rem!important;height:3.2rem!important;border-radius:50%!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:inset 0 1px 3px #0000000f!important;transition:transform .2s ease,border-color .2s ease!important;box-sizing:border-box!important}.nameplate-swatch-input:checked+.nameplate-swatch-circle{transform:scale(1.15)!important;border:2px solid #2D99AE!important;box-shadow:0 0 0 2px #fff,0 4px 10px #2d99ae4d!important}.nameplate-swatch-circle:hover{transform:scale(1.1)!important;border-color:#0003!important}.nameplate-preview-box--large{height:520px!important;margin-bottom:0!important;border-radius:14px!important;width:100%!important}.nameplate-preview-box--large .nameplate-preview-line{font-size:8rem!important}@media screen and (max-width:749px){.nameplate-preview-box--large{height:320px!important;margin-bottom:2rem!important}.nameplate-preview-box--large .nameplate-preview-line{font-size:4.8rem!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/nameplate-customizer.css.map */