.trade-in{display:block;position:relative}.trade-in.section{padding-block:calc(var(--section-padding-top) * .58) calc(var(--section-padding-bottom) * .57)}.trade-in__inner{display:block}.trade-in__row--head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}.trade-in__heading{flex:1 1 auto}.trade-in .section-heading__eyebrow{margin-bottom:10px}.trade-in__aside{display:none;text-align:end}.trade-in__note{font:italic 400 12.5px / 1.4 var(--font-display);color:rgb(var(--color-text-rgb) / .5)}.trade-in__note--stacked{margin-top:20px}.trade-in__link{min-height:0}.trade-in__link--aside{margin-top:14px}.trade-in__link--stacked{display:flex;margin-top:22px;padding:16px 0;font-size:var(--caps-10-size);letter-spacing:2.5px}.trade-in__grid{display:flex;flex-direction:column;gap:15px;margin-top:24px;max-width:430px;list-style:none;padding:0}.trade-in__step{min-width:0}.trade-in__step-title{font:500 17px / 1.3 var(--font-display);color:var(--color-accent)}.trade-in__text{margin-top:7px;font:300 12px / 1.65 var(--font-body);color:var(--text-secondary)}.trade-in__text p+p{margin-top:var(--space-3)}.trade-in__block--app{min-width:0}.trade-in__compare{margin-top:20px}.before-after{display:block}.before-after__stage{position:relative;aspect-ratio:var(--ba-ratio-mobile, 4 / 5);overflow:hidden;background:var(--color-background-secondary);isolation:isolate}.before-after__image,.before-after__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;margin:0;transition:none}.before-after__placeholder svg{width:100%;height:100%;object-fit:cover}.before-after__image--before{z-index:1;clip-path:inset(0 calc((100 - var(--ba, 56)) * 1%) 0 0)}.before-after--simulated .before-after__image--before,.before-after__placeholder.before-after__image--before{filter:saturate(.5) sepia(.22) brightness(.92) contrast(.9)}.before-after__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;-webkit-appearance:none;background:transparent}.before-after__rail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;translate:calc(var(--ba, 56) * 1%) 0;pointer-events:none}.before-after__line{position:absolute;top:0;bottom:0;left:0;width:1.5px;background:var(--color-background);transform:translate(-50%);box-shadow:0 0 10px rgb(var(--color-shadow-rgb) / .35)}.before-after__handle{position:absolute;top:50%;left:0;width:32px;height:56px;border-radius:28px;background:rgb(var(--color-background-rgb) / .97);box-shadow:0 8px 22px rgb(var(--color-shadow-rgb) / .24);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px}.before-after__handle i{display:block;width:1px;height:14px;background:rgb(var(--color-text-rgb) / .65)}.before-after__input:focus-visible~.before-after__rail .before-after__handle{outline:2px solid var(--color-accent-hover);outline-offset:3px}.before-after.is-animating .before-after__image--before{transition:clip-path 1.4s var(--ease-out)}.before-after.is-animating .before-after__rail{transition:translate 1.4s var(--ease-out)}.before-after__label{position:absolute;top:14px;z-index:3;padding:6px 10px;font:500 10px / 1 var(--font-body);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;pointer-events:none}.before-after__label--before{left:14px;background:rgb(var(--color-text-rgb) / .55);color:var(--color-background)}.before-after__label--after{right:14px;background:var(--surface-veil);color:var(--color-text)}.before-after__row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:11px}.before-after__caption{font:italic 400 12.5px / 1.4 var(--font-display);color:var(--text-muted)}@media(min-width:750px){.trade-in__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44.5%);column-gap:32px;align-items:center}.trade-in.section{padding-block:calc(var(--section-padding-top) * .63) calc(var(--section-padding-bottom) * .67)}.trade-in__inner>*{grid-column:1}.trade-in__compare{grid-column:2;grid-row:1 / span 4;align-self:center;margin-top:0}.trade-in--no-steps .trade-in__compare{grid-row:1 / span 3}.trade-in .section-heading__eyebrow{margin-bottom:12px}.trade-in .section-heading__title{font-size:27px}.trade-in__link--stacked{display:inline-flex;width:auto;margin-top:26px;padding:15px 26px;font-size:var(--caps-10-5-size);letter-spacing:2.5px;justify-self:start}}@media(min-width:1200px){.trade-in__inner{display:block}.trade-in.section{padding-block:var(--section-padding-top) var(--section-padding-bottom)}.trade-in__aside{display:block}.trade-in__note--stacked,.trade-in__link--stacked{display:none}.trade-in .section-heading__title{font-size:var(--heading-2-size)}.trade-in__grid{display:grid;grid-template-columns:repeat(var(--trade-in-columns, 3),minmax(0,1fr));gap:44px;margin-top:38px;max-width:none}.trade-in__step-title{font:500 var(--heading-4) var(--font-display)}.trade-in__text{margin-top:8px;font:300 var(--body-13) var(--font-body)}.trade-in__compare{max-width:1020px;margin:38px auto 0}.trade-in--no-steps .trade-in__compare{margin-top:38px}.before-after__stage{aspect-ratio:var(--ba-ratio-desktop, 2 / 1)}.before-after__image,.before-after__placeholder{object-position:50% 22%}.before-after__label{top:auto;bottom:14px}}
/*# sourceMappingURL=/cdn/shop/t/194/assets/section-trade-in.css.map */