.customize-btn{border-width:1px;border-color:#222;text-transform:capitalize;background:transparent;color:#000}#customize-form{--border-color: #ddd;--gap: 20px;text-align:center;background:#fff;overflow:hidden;transition:height .2s ease-in-out}#customize-form.open{margin-top:10px}.customize-form-inner{padding:20px;border:1px solid var(--border-color)}.customize-intro{margin-bottom:var(--gap)}#initials-input{width:100%;padding:5px;font-size:1rem;letter-spacing:1px;border:2px solid var(--border-color);margin-bottom:var(--gap);text-align:center;background:#fcfcfc;font-weight:400;text-transform:uppercase}.radio-selects{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0 var(--gap)}.radio-select{min-width:fit-content}.radio-selects label{display:block;border:2px solid var(--border-color);background:#fcfcfc;color:#242424;padding:8px 15px;font-weight:400;font-size:.9rem}.radio-selects input:checked+label,.radio-selects input.selected+label{background:#242424;color:#fcfcfc;font-weight:600;border:2px solid #242424}.radio-selects input{display:none}.clear-link{cursor:pointer;margin-top:calc(var(--gap) + 20px)}.initials-preview{text-align:center;text-transform:uppercase;letter-spacing:.2rem;color:#c2a970;text-shadow:1px 1px 1px rgba(255,255,255,.2),-1px -1px 1px rgba(0,0,0,.3);font-family:Work Sans,sans-serif;font-weight:500}.initials-preview.script{font-family:JL,cursive}.bag-initials.initials-preview.xl{font-size:calc(var(--bag-preview-size) * 1.4)}.keyring-initials.initials-preview.xl{font-size:calc(var(--keyring-preview-size) * 1.4)}.initials-preview.blind{color:#0003}.keyring-holder{border:2px solid var(--border-color);margin:var(--gap) 0;position:relative}.keyring-holder img{width:100%;height:100%;aspect-ratio:2 / .8;object-fit:cover}.keyring-initials{--keyring-preview-size: 2vw;position:absolute;top:50%;left:62%;transform:translate(-50%,-50%);font-size:min(var(--keyring-preview-size),40px)}.bag-initials{position:absolute;text-align:center;transform:translate(-50%,-50%);top:var(--preview-top);left:var(--preview-left);font-size:var(--bag-preview-size)}.customize-form-inner p{margin:0}button.btn-full{width:100%}.customizer-wrap{margin-bottom:0!important}@media (max-width: 999px){.keyring-initials{font-size:calc(var(--keyring-preview-size) * 3)}}
/*# sourceMappingURL=/cdn/shop/t/339/assets/product-customizer.css.map */