.trade-in-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-block:2rem}.trade-in-step{text-align:center;padding:1.5rem;background:var(--color-background-secondary, rgba(0, 0, 0, .02));border-radius:.75rem;position:relative}.trade-in-step-number{width:2.5rem;height:2.5rem;background:var(--color-primary, #000);color:var(--color-primary-text, #fff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;margin:0 auto 1rem}.trade-in-step-title{font-weight:600;font-size:1rem;margin-bottom:.5rem}.trade-in-step-description{font-size:.875rem;color:var(--color-text-secondary, #666);line-height:1.5}.trade-in-process-details{margin-top:1.5rem;border:1px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:.75rem;overflow:hidden}.trade-in-process-summary{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;cursor:pointer;font-weight:500;font-size:.875rem;background:var(--color-background-secondary, rgba(0, 0, 0, .02));transition:background .2s ease;list-style:none}.trade-in-process-summary::-webkit-details-marker{display:none}.trade-in-process-summary:hover{background:#0000000a}.trade-in-process-icon{width:1.25rem;height:1.25rem;color:var(--color-primary, #000);flex-shrink:0}.trade-in-process-chevron{width:1.25rem;height:1.25rem;margin-left:auto;color:var(--color-text-secondary, #666);transition:transform .2s ease}.trade-in-process-details[open] .trade-in-process-chevron{transform:rotate(180deg)}.trade-in-process-content{padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--color-border, rgba(0, 0, 0, .1))}.trade-in-process-intro{font-size:.875rem;color:var(--color-text-secondary, #666);margin:0 0 .75rem}.trade-in-process-list{margin:0 0 1rem;padding-left:1.5rem;font-size:.8125rem;line-height:1.8;color:var(--color-text-primary, #000)}.trade-in-process-list li{padding-left:.25rem}.trade-in-process-list li::marker{color:var(--color-primary, #000);font-weight:600}.trade-in-process-note{font-size:.75rem;color:var(--color-text-secondary, #666);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);padding:.75rem 1rem;border-radius:.5rem;margin:0}.trade-in-process-note strong{color:#92400e}.trade-in-form-container{max-width:600px;margin:0 auto}.trade-in-form-section{margin-bottom:2rem}.trade-in-form-section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #666);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .1))}.trade-in-drop-zone{border:2px dashed var(--color-border, rgba(0, 0, 0, .2));border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-background-secondary, rgba(0, 0, 0, .02))}.trade-in-drop-zone:hover,.trade-in-drop-zone.drag-over,.trade-in-drop-zone:focus-visible{border-color:var(--color-primary, #000);background:#0000000a}.trade-in-drop-zone:focus-visible{outline:2px solid var(--color-primary, #000);outline-offset:2px}.trade-in-drop-zone-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--color-text-secondary, #666)}.trade-in-drop-zone-text{font-size:.9375rem;margin-bottom:.5rem}.trade-in-drop-zone-hint{font-size:.8125rem;color:var(--color-text-secondary, #666)}.trade-in-file-count{font-size:.875rem;color:var(--color-text-secondary, #666);margin-top:.75rem;text-align:center}.trade-in-file-count.has-files{color:var(--color-success, #22c55e);font-weight:500}.trade-in-photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;margin-top:1rem}.trade-in-photo-preview{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:var(--color-background-secondary, #f5f5f5)}.trade-in-photo-preview img{width:100%;height:100%;object-fit:cover}.trade-in-photo-remove{position:absolute;top:.25rem;right:.25rem;width:1.5rem;height:1.5rem;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease}.trade-in-photo-remove:hover{background:#dc2626e6}.trade-in-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trade-in-photos-error{font-size:.8125rem;color:var(--color-error, #dc2626);margin-top:.5rem;text-align:center}.trade-in-upload-progress{font-size:.875rem;color:var(--color-text-secondary, #666);text-align:center;margin-bottom:1rem;display:none}.trade-in-status-content{display:flex;align-items:flex-start;gap:.75rem;text-align:left}.trade-in-status-icon{flex-shrink:0;margin-top:.125rem}.trade-in-status-content strong{display:block;margin-bottom:.25rem}.trade-in-status-content p{margin:0;font-size:.875rem;line-height:1.5}.trade-in-submit-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.trade-in-submit-spinner{display:none;width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:trade-in-spin .8s linear infinite}@keyframes trade-in-spin{to{transform:rotate(360deg)}}.trade-in-logged-in-notice{font-size:.875rem;color:var(--color-text-secondary, #666);background:var(--color-background-secondary, rgba(0, 0, 0, .02));padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.trade-in-form-container .fieldset-row{align-items:start}.trade-in-form-container .fieldset-row .form-control{min-height:auto}.trade-in-auth-notice{background:linear-gradient(135deg,#fbbf241a,#f59e0b14);border:1px solid rgba(245,158,11,.3);border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.trade-in-auth-notice-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.trade-in-auth-notice-icon{width:1.25rem;height:1.25rem;color:#d97706;flex-shrink:0}.trade-in-auth-notice-title{font-weight:600;font-size:.9375rem;color:#92400e}.trade-in-auth-notice-text{font-size:.8125rem;color:#78350f;line-height:1.5;margin:0}.trade-in-condition-grades{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:.75rem}.trade-in-condition-grade{display:flex;flex-direction:column;align-items:center;padding:.75rem .25rem;border:2px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:.5rem;cursor:pointer;transition:all .2s ease;background:var(--color-background, #fff)}.trade-in-condition-grade:hover{border-color:var(--color-primary, #000);background:#00000005}.trade-in-condition-grade.selected{border-color:var(--color-primary, #000);background:var(--color-primary, #000);color:var(--color-primary-text, #fff)}.trade-in-condition-grade input{position:absolute;opacity:0;pointer-events:none}.trade-in-condition-grade-letter{font-weight:700;font-size:1rem;margin-bottom:.125rem}.trade-in-condition-grade-label{font-size:.625rem;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.trade-in-condition-description{font-size:.8125rem;color:var(--color-text-secondary, #666);padding:.75rem;background:var(--color-background-secondary, rgba(0, 0, 0, .02));border-radius:.5rem;min-height:2.5rem;transition:all .2s ease}.trade-in-condition-description:empty:before{content:"Select a condition grade above";font-style:italic;opacity:.6}.trade-in-price-input-wrapper{display:flex;align-items:center;gap:0;border:1px solid var(--color-border, rgba(0, 0, 0, .2));border-radius:.5rem;overflow:hidden;background:var(--color-background, #fff);transition:border-color .2s ease}.trade-in-price-input-wrapper:focus-within{border-color:var(--color-primary, #000);outline:2px solid var(--color-primary, #000);outline-offset:1px}.trade-in-price-currency{padding:.75rem 0 .75rem .875rem;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary, #666);background:transparent}.trade-in-price-input{flex:1;border:none;padding:.75rem .5rem;font-size:.9375rem;background:transparent;-moz-appearance:textfield}.trade-in-price-input::-webkit-outer-spin-button,.trade-in-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.trade-in-price-input:focus{outline:none}.trade-in-price-currency-code{padding:.75rem .875rem .75rem 0;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary, #666);background:transparent}.trade-in-asking-price-hint{font-size:.75rem;color:var(--color-text-secondary, #666);margin-top:.375rem;margin-bottom:0}.trade-in-photo-requirements{margin-top:1rem;padding:1rem;background:var(--color-background-secondary, rgba(0, 0, 0, .02));border-radius:.5rem}.trade-in-photo-requirements-title{font-weight:600;font-size:.8125rem;margin-bottom:.5rem;color:var(--color-text-primary, #000)}.trade-in-photo-requirements-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem 1rem;margin:0;padding:0;list-style:none;font-size:.75rem;color:var(--color-text-secondary, #666)}.trade-in-photo-requirements-list li{display:flex;align-items:flex-start;gap:.375rem}.trade-in-photo-requirements-list li:before{content:"\2713";color:var(--color-success, #22c55e);font-weight:700;flex-shrink:0}@media screen and (max-width:640px){.trade-in-steps{grid-template-columns:1fr;gap:1rem}.trade-in-step{display:flex;align-items:flex-start;gap:1rem;text-align:left;padding:1rem}.trade-in-step-number{margin:0;flex-shrink:0}.trade-in-step-content{flex:1}.trade-in-drop-zone{padding:1.5rem}.trade-in-photo-previews{grid-template-columns:repeat(4,1fr)}.trade-in-condition-grades{grid-template-columns:repeat(5,1fr);gap:.375rem}.trade-in-condition-grade{padding:.5rem .125rem}.trade-in-condition-grade-letter{font-size:.875rem}.trade-in-condition-grade-label{font-size:.5rem}.trade-in-photo-requirements-list{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/trade-in-form.css.map */