.license-plate-builder{max-width:100%}.license-plate-builder .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.license-plate-builder .field-description{font-size:.85rem;color:#666;margin-bottom:.5rem;line-height:1.4}.license-plate-builder .field-error{color:#dc3545;font-size:.85rem;margin-top:.25rem}.license-option-group.has-error label{color:#dc3545}.license-option-group.has-error select{border-color:#dc3545;background-color:#fff5f5}.license-option-group.has-error .license-color-swatches{outline:2px solid #dc3545;outline-offset:4px;border-radius:8px}.license-builder-grid{display:grid;gap:2rem;align-items:start}@media(min-width:990px){.license-builder-grid{grid-template-columns:1fr 1fr;gap:4rem}}.license-builder-title{font-size:1.75rem;margin-bottom:.5rem}.license-preview-container{position:relative;max-width:600px;margin:0 auto 2rem}.license-preview-wrapper{position:relative;display:block;width:100%}#license-preview-frame{width:100%;height:auto;display:block}.license-text-overlay{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10}#license-preview-top{top:31%;transform:translateY(-50%)}#license-preview-bottom{bottom:31%;transform:translateY(50%)}#license-text-top,#license-text-bottom{text-transform:uppercase}.license-letter{height:16px;width:auto;margin:0 1px}@media(min-width:768px){.license-letter{height:20px;margin:0 1px}}.license-options-form{max-width:500px;margin:0 auto}.license-option-group{margin-bottom:1.5rem}.license-option-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.license-option-group select,.license-option-group input[type=text]{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;background-color:#fff;transition:border-color .2s ease}.license-option-group select:focus,.license-option-group input[type=text]:focus,.license-option-group input[type=number]:focus{outline:2px solid #ea5a0b;outline-offset:2px;border-color:#ea5a0b}.license-option-group select:focus-visible,.license-option-group input:focus-visible{outline:3px solid #ea5a0b;outline-offset:2px}.license-option-group select[aria-invalid=true],.license-option-group input[aria-invalid=true]{border-color:#dc3545}.license-option-group select[aria-invalid=true]:focus,.license-option-group input[aria-invalid=true]:focus{outline-color:#dc3545;border-color:#dc3545}.license-text-options{display:none;padding:1.5rem;background:#f8f8f8;border-radius:8px;margin-top:1rem}.license-text-options.visible{display:block}.char-counter{font-size:.85rem;color:#666;text-align:right;margin-top:.25rem}.license-builder-price{font-size:1.5rem;font-weight:700;color:#ea0707;margin:1rem 0}.license-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-size:.9rem}.license-notice strong{color:#856404}.license-add-to-cart{width:100%;padding:1rem 2rem;background:#ea5a0b;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:background .2s ease}.license-add-to-cart:hover{background:#d14d08}.license-add-to-cart:focus{outline:3px solid #ea5a0b;outline-offset:3px}.license-add-to-cart:focus-visible{outline:3px solid #333;outline-offset:3px}.license-add-to-cart:disabled{background:#ccc;cursor:not-allowed}.license-add-to-cart[aria-busy=true]{background:#888;cursor:wait}.license-add-to-cart .button-loading{display:inline-flex;align-items:center;gap:.5rem}.license-add-to-cart .button-loading:before{content:"";width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:license-spin .8s linear infinite}@keyframes license-spin{to{transform:rotate(360deg)}}.license-hidden-properties{display:none}@media(max-width:480px){.license-preview-container{margin-bottom:1.5rem}.license-letter{height:14px}.license-option-group{margin-bottom:1rem}.license-builder-price{font-size:1.25rem}}.license-plate-builder.loading .license-preview-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}.license-color-swatches,.license-text-color-swatches{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.license-swatch{width:48px;height:48px;border-radius:50%;border:3px solid transparent;background:var(--swatch-bg, #ccc);cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden;padding:0}.license-swatch:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.license-swatch:focus{outline:3px solid #ea5a0b;outline-offset:3px}.license-swatch:focus-visible{outline:3px solid #333;outline-offset:3px}.license-swatch--active,.license-swatch[aria-checked=true]{border-color:#ea5a0b;box-shadow:0 0 0 2px #fff,0 0 0 4px #ea5a0b}.license-swatch--active:after,.license-swatch[aria-checked=true]:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.license-swatch[data-color=glw][aria-checked=true]:after,.license-swatch[data-color=tsl][aria-checked=true]:after,.license-swatch[data-text-color=wh][aria-checked=true]:after,.license-swatch[data-text-color=sl][aria-checked=true]:after{color:#333;text-shadow:none}.license-swatch-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.6}.license-swatch-pattern--carbon{background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px)}.license-swatch-pattern--carbon-raw{background:repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,.15) 2px,rgba(255,255,255,.15) 4px)}.license-swatch--text{display:flex;align-items:center;justify-content:center}.license-swatch-letter{font-size:24px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none}.license-selected-color{font-size:.9rem;color:#666;margin:.5rem 0 0}.license-selected-color strong{color:#333}.license-hidden-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#license-preview-frame{transition:opacity .3s ease,transform .3s ease}.license-plate-builder.transitioning #license-preview-frame{opacity:.5;transform:scale(.98)}.license-letter{animation:letterFadeIn .15s ease forwards;opacity:0}@keyframes letterFadeIn{0%{opacity:0;transform:translateY(-5px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.license-letter:nth-child(1){animation-delay:0ms}.license-letter:nth-child(2){animation-delay:30ms}.license-letter:nth-child(3){animation-delay:60ms}.license-letter:nth-child(4){animation-delay:90ms}.license-letter:nth-child(5){animation-delay:.12s}.license-letter:nth-child(6){animation-delay:.15s}.license-letter:nth-child(7){animation-delay:.18s}.license-letter:nth-child(8){animation-delay:.21s}.license-letter:nth-child(9){animation-delay:.24s}.license-text-options{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease,padding .3s ease;padding:0 1.5rem}.license-text-options[aria-expanded=true],.license-text-options.visible{max-height:500px;opacity:1;padding:1.5rem}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.license-option-group.shake{animation:shake .5s ease}@keyframes swatchPulse{0%{box-shadow:0 0 0 2px #fff,0 0 0 4px #ea5a0b}50%{box-shadow:0 0 0 2px #fff,0 0 0 6px #ea5a0b80}to{box-shadow:0 0 0 2px #fff,0 0 0 4px #ea5a0b}}.license-swatch.just-selected{animation:swatchPulse .4s ease}@media(max-width:480px){.license-swatch{width:40px;height:40px}.license-swatch-letter{font-size:20px}.license-color-swatches,.license-text-color-swatches{gap:.5rem}}.license-trust-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.license-trust-badge{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#495057}.license-trust-icon{flex-shrink:0;color:#28a745}@media(max-width:480px){.license-trust-badges{grid-template-columns:1fr}}.license-urgency{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;background:linear-gradient(90deg,#fff3cd,#ffe69c);border:1px solid #ffc107;border-radius:8px;font-size:.9rem}.license-urgency-icon{flex-shrink:0;color:#856404;animation:pulse 2s infinite}.license-urgency-text{color:#664d03}.license-urgency-text strong{color:#856404}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.license-urgency-count{display:inline-flex;align-items:center;background:#856404;color:#fff;padding:.125rem .5rem;border-radius:1rem;font-size:.8rem;font-weight:600;margin-left:.25rem}.license-preview-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.license-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #ddd;border-radius:6px;font-size:.85rem;color:#495057;cursor:pointer;transition:all .2s ease}.license-action-btn:hover{background:#f8f9fa;border-color:#adb5bd}.license-action-btn:focus{outline:2px solid #ea5a0b;outline-offset:2px}.license-action-btn svg{flex-shrink:0}.license-share-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.license-share-modal[hidden]{display:none}.license-share-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;cursor:pointer}.license-share-modal-content{position:relative;background:#fff;border-radius:12px;padding:2rem;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.license-share-modal-title{font-size:1.25rem;margin:0 0 .5rem;color:#1a1a1a}.license-share-modal-desc{font-size:.9rem;color:#666;margin:0 0 1rem}.license-share-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;padding:.25rem;cursor:pointer;color:#666;border-radius:4px;transition:color .2s}.license-share-modal-close:hover{color:#1a1a1a}.license-share-modal-close:focus{outline:2px solid #ea5a0b;outline-offset:2px}.license-share-url-container{display:flex;gap:.5rem}.license-share-url-input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#f8f9fa;color:#495057}.license-share-url-input:focus{outline:2px solid #ea5a0b;outline-offset:-2px;border-color:#ea5a0b}.license-copy-btn{padding:.75rem 1.5rem;background:#ea5a0b;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.license-copy-btn:hover{background:#d14d08}.license-copy-btn:focus{outline:2px solid #ea5a0b;outline-offset:2px}.license-share-copy-feedback{font-size:.85rem;color:#28a745;margin:.5rem 0 0;min-height:1.25em}.license-share-social{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.license-share-social span{font-size:.9rem;color:#666}.license-social-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f8f9fa;color:#495057;transition:all .2s}.license-social-btn:hover{background:#ea5a0b;color:#fff}.license-social-btn:focus{outline:2px solid #ea5a0b;outline-offset:2px}.license-save-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;background:#28a745;color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 20px #28a74566;animation:slideUp .3s ease,fadeOut .3s ease 2.7s;z-index:1001}.license-save-notification[hidden]{display:none}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.license-contrast-warning{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(90deg,#fff3cd,#ffe69c);border:1px solid #ffc107;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.license-contrast-warning[hidden]{display:none}.license-contrast-warning svg{flex-shrink:0;color:#856404}.license-contrast-warning .contrast-message{color:#664d03}.license-action-btn--reset{color:#dc3545;border-color:#dc3545}.license-action-btn--reset:hover{background:#dc3545;color:#fff;border-color:#dc3545}@media(max-width:989px){.license-preview-container{position:sticky;top:70px;z-index:100;background:#fff;margin:0 -1rem;padding:1rem;box-shadow:0 2px 10px #0000001a;max-width:none}.license-preview-wrapper{max-width:300px;margin:0 auto}.license-preview-actions{display:none}.license-preview-container:after{content:"";display:block;clear:both}}@media(min-width:990px){.license-builder-grid--preview-right .license-preview-container{order:2}.license-builder-grid--preview-right .license-info-container{order:1}.license-builder-grid--preview-small{grid-template-columns:35fr 65fr}.license-builder-grid--preview-medium{grid-template-columns:1fr 1fr}.license-builder-grid--preview-large{grid-template-columns:60fr 40fr}.license-builder-grid--preview-right.license-builder-grid--preview-small{grid-template-columns:65fr 35fr}.license-builder-grid--preview-right.license-builder-grid--preview-large{grid-template-columns:40fr 60fr}}.license-builder-vendor{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-foreground),.6);margin-bottom:.25rem}.license-builder-title.h0{font-size:3.5rem}.license-builder-title.h1{font-size:2.5rem}.license-builder-title.h2{font-size:2rem}.license-builder-title.h3{font-size:1.5rem}.license-builder-title.h4{font-size:1.25rem}.license-plate-builder.shadow{box-shadow:0 4px 20px #00000014}
/*# sourceMappingURL=/cdn/shop/t/18/assets/license-builder.css.map */