:root{--medallion-primary: #4A90E2;--medallion-primary-light: #E3F2FD;--medallion-secondary: #81C784;--medallion-secondary-light: #E8F5E9;--medallion-accent: #5BA4CF;--medallion-success: #66BB6A;--medallion-error: #EF5350;--medallion-text: rgb(var(--color-foreground, 18, 18, 18));--medallion-text-muted: rgba(var(--color-foreground, 18, 18, 18), .65);--medallion-border: rgba(var(--color-foreground, 18, 18, 18), .12);--medallion-bg: rgb(var(--color-background, 255, 255, 255));--medallion-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--medallion-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--medallion-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--medallion-radius: 12px;--medallion-radius-sm: 8px}.medallion-customizer{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,var(--medallion-primary-light) 0%,var(--medallion-secondary-light) 100%);border-radius:var(--medallion-radius);box-shadow:var(--medallion-shadow-md);position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.medallion-customizer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--medallion-primary),var(--medallion-secondary))}.medallion-customizer__heading{font-size:2.2rem;font-weight:700;margin:0 0 .5rem;color:var(--medallion-text);letter-spacing:-.02em;line-height:1.2}.medallion-customizer__subheading{font-size:1.4rem;color:var(--medallion-text-muted);margin:0 0 2.5rem;font-weight:400;line-height:1.4}.medallion-customizer__field{margin-bottom:3rem}.medallion-customizer__field .form__label{display:block;margin-bottom:.8rem;font-size:1.4rem;font-weight:600;color:var(--medallion-text);letter-spacing:-.01em}.medallion-customizer__field .form__label .required{color:var(--medallion-primary);margin-left:.3rem;font-weight:700}.select-wrapper{position:relative;width:100%}.select-wrapper:after{content:"";position:absolute;top:50%;right:1.4rem;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--medallion-primary);pointer-events:none}.medallion-customizer__field .field__input,.medallion-customizer__field .select__select{width:100%;padding:1.2rem 1.6rem;font-size:1.4rem;line-height:1.6;color:var(--medallion-text);background-color:var(--medallion-bg);border:2px solid var(--medallion-border);border-radius:var(--medallion-radius-sm);box-shadow:var(--medallion-shadow-sm);transition:all .2s ease;font-family:inherit;box-sizing:border-box;height:5rem;display:flex;align-items:center}.medallion-customizer__field .field__input:focus,.medallion-customizer__field .select__select:focus{outline:none;border-color:var(--medallion-primary);box-shadow:0 0 0 3px #4a90e226}.medallion-customizer__field textarea.field__input{min-height:10rem;resize:vertical}.medallion-customizer__field select.select__select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:3.5rem}.medallion-preview-container{margin-top:1.2rem;padding:1.2rem;background:var(--medallion-bg);border:1px solid var(--medallion-border);border-radius:var(--medallion-radius-sm);animation:slideIn .3s ease-out}.preview-label{margin:0 0 .8rem;font-size:1.2rem;color:var(--medallion-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.preview-image-wrapper{width:100%;border-radius:6px;overflow:hidden;background:#f5f5f5;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.preview-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.medallion-font-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.2rem;margin-top:1.2rem}.font-option{position:relative;cursor:pointer;display:block}.font-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.font-option__card{background:var(--medallion-bg);border:2px solid var(--medallion-border);border-radius:var(--medallion-radius-sm);padding:1rem;transition:all .2s ease;box-shadow:var(--medallion-shadow-sm);text-align:center;height:100%}.font-option:hover .font-option__card{border-color:var(--medallion-accent);transform:translateY(-2px)}.font-option input:checked+.font-option__card{border-color:var(--medallion-primary);border-width:2px;background:linear-gradient(135deg,#4a90e20d,#81c7840d);box-shadow:0 0 0 3px #4a90e226}.font-option__image{width:100%;aspect-ratio:4/3;border-radius:4px;overflow:hidden;margin-bottom:.8rem;background:#f5f5f5}.font-option__image img{width:100%;height:100%;object-fit:cover;display:block}.font-option__label{font-size:1.2rem;font-weight:600;color:var(--medallion-text)}.medallion-customizer__milestone-display{margin-top:1rem;padding:1.2rem;background:linear-gradient(135deg,var(--medallion-secondary-light),#F1F8F4);border-left:4px solid var(--medallion-success);border-radius:var(--medallion-radius-sm);display:flex;flex-direction:column;gap:.5rem;animation:slideIn .3s ease-out}.medallion-customizer__milestone-display span{display:flex;align-items:center;gap:.8rem;font-size:1.4rem}.milestone-check{flex-shrink:0;width:18px;height:18px;color:var(--medallion-success)}.medallion-customizer__milestone-display strong{color:var(--medallion-success);font-weight:700}.milestone-note{margin:0;font-size:1.1rem;color:var(--medallion-text-muted);font-style:italic;padding-left:2.6rem}.medallion-customizer__price-summary{margin-top:2.5rem;padding:2rem;background:var(--medallion-bg);border:2px solid var(--medallion-primary);border-radius:var(--medallion-radius);box-shadow:var(--medallion-shadow-lg)}.medallion-customizer__price-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;font-size:1.4rem}.medallion-customizer__price-row.medallion-customizer__addon{color:var(--medallion-text-muted);border-bottom:1px solid var(--medallion-border)}.medallion-customizer__price-row.medallion-customizer__total{margin-top:1.2rem;padding-top:1.5rem;border-top:2px solid var(--medallion-primary);font-size:1.8rem;font-weight:700;color:var(--medallion-text)}.medallion-customizer__total .medallion-customizer__price-value{font-size:2.2rem;color:var(--medallion-success)}.medallion-customizer__char-count{margin-top:.5rem;font-size:1.2rem;color:var(--medallion-text-muted);text-align:right}.medallion-customizer__error{display:none;margin-top:.8rem;padding:.8rem 1rem;background:#ef53501a;border-left:3px solid var(--medallion-error);border-radius:4px;font-size:1.2rem;color:var(--medallion-error);font-weight:500;animation:shake .4s ease-out}.field--error{border-color:var(--medallion-error)!important;box-shadow:0 0 0 3px #ef53501a!important}.medallion-customizer__step-indicator{display:flex;align-items:center;gap:.8rem;margin-top:2rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--medallion-primary-light),#FFF9E6);border-left:3px solid var(--medallion-accent);border-radius:var(--medallion-radius-sm);animation:pulse 2s ease-in-out infinite}.step-number{font-size:1.3rem;font-weight:700;color:var(--medallion-primary);text-transform:uppercase;letter-spacing:.05em}.step-arrow{color:var(--medallion-accent);animation:bounce 1.5s ease-in-out infinite}.font-helper-text{margin:.5rem 0 1rem;font-size:1.3rem;color:var(--medallion-text-muted);font-style:italic}.medallion-customizer__conditional .medallion-font-options{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media screen and (max-width: 749px){.medallion-customizer{padding:1.5rem;margin:2rem 0;border-radius:var(--medallion-radius-sm)}.medallion-customizer__heading{font-size:1.8rem}.medallion-customizer__field{margin-bottom:1.5rem}.medallion-customizer__field .field__input,.medallion-customizer__field .select__select{padding:1rem 1.2rem;font-size:1.4rem}.preview-image-wrapper{max-width:100%}.medallion-font-options{grid-template-columns:repeat(2,1fr);gap:1rem}.medallion-customizer__price-summary{padding:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/medallion-customizer.css.map */