.trade-in{display:flex;flex-direction:column;--gap-trade: 8px;gap:var(--gap-trade)}@media (max-width: 768px){.trade-in{--gap-trade: 8px}}@media (max-width: 375px){.trade-in{--gap-trade: calc(8 / 375 * 100vw)}}.trade-in .button-group{display:flex;gap:7px}.trade-in .trade_title{font-size:var(--h3-font-size-2508);color:var(--title-color-2508);display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-family:HelveticaNowDisplay-Bold}.trade-in-tip{font-size:var(--secondary-font-size-2508);color:var(--text-color-2508)}.trade-in .trade_learn_more{font-size:var(--smallest-font-size-2508);color:var(--active-color-2508);cursor:pointer;font-family:HelveticaNowDisplay-Medium}.trade-in .device_select{width:100%;padding:var(--item-padding-1-1);font-size:11px;background-color:#fff;cursor:pointer;position:relative;transition:border-color .3s ease;border-radius:8px;border:1px solid var(--border-color)}.trade-in .device_select.active,.trade-in .device_select:hover{border:1px solid var(--active-color-2508)}.trade-in .device_select.active{border-radius:8px 8px 0 0}.trade-in .button-group .trade-in_button{flex:1;padding:8px;text-align:center;border-radius:3px;font-size:11px;background:#efefef;color:#606060;cursor:pointer}.trade-in .button-group .trade-in_button:hover,.trade-in .button-group .trade-in_button.active{background:#008bf1;color:#fff}.trade-in .button-group .trade-in_button.active:hover{background:#0070cc}.trade-in .device-variant{display:none;gap:10px;flex-direction:column}.trade-in .input-field{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--item-padding);box-sizing:border-box;width:100%;border:1px solid var(--bg-color-a-2508);background-color:var(--bg-color-a-2508);border-radius:var(--border-radius);opacity:.8}.trade-in .input-field.active{border:1px solid var(--border-color);color:#000}.trade-in .input-field input,.trade-in .input-field textarea{width:100%;outline:0;height:37px;display:flex;align-items:center;line-height:normal;font-size:var(--font-size-2508);transition:border-color .3s ease;-webkit-box-shadow:0 0 0 1000px var(--bg-color-a-2508) inset!important;box-shadow:0 0 0 1000px var(--bg-color-a-2508) inset!important;color:#000}html[lang=ja] .trade-in .input-field input{width:auto}.trade-in .input-field .valid-icon:after{width:20px;height:20px;box-sizing:border-box;background-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 10.5L8.7932 17.6553C8.8964 17.8273 9.13606 17.8516 9.2716 17.7037L20 6" stroke="black" stroke-width="2"/></svg>');background-repeat:no-repeat;background-size:contain;content:"";border-color:#000;display:inline-block}.trade-in .input-field .valid-icon{width:24px;height:24px;margin-right:4px}.trade-in .input-field.active,.trade-in .input-field:focus{background-color:#fff;outline:none;color:#000}.trade-in .input-field.active input,.trade-in .input-field:focus input{-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;color:#000!important}.trade-in .input-field.active textarea,.trade-in .input-field:focus textarea{-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;color:#000!important}.tips-error{margin-top:11px;flex-direction:column;display:flex}.tips-error .error-message-container{display:flex;gap:3px;align-items:center;line-height:1}.trade-in .tips{font-size:var(--smallest-font-size-2508);color:var(--text-color-2508)}.trade-in .error_checkmark{display:none}.trade-in .error-message{display:none;color:#ff2019;font-size:var(--smallest-font-size-2508);line-height:1}.trade-in .error-message[data-visible=true]{display:block}.device-list{display:flex;flex-direction:column;gap:10px}.trade-in .device_select.options-above{transform-origin:bottom}.trade-in .input-field .sn-submit-btn{line-height:1;border-radius:8px;padding:var(--item-padding-2);border:none;font-size:var(--secondary-font-size-2508);background:var(--bottom-active-bg-color);color:var(--bottom-disabled-color);cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:37px}.trade-in .input-field .sn-submit-btn:disabled{background:#2a6fd31a;cursor:not-allowed;color:var(--bottom-disabled-color);display:none;opacity:.3}.trade-in #trade_email:after{content:"";width:20px;height:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" fill="%23000000"/></svg>');background-repeat:no-repeat;background-size:contain;transition:transform .3s ease;border-radius:100px}.trade-in-error{display:none;background:#ffe6e6;padding:16px 15px;border:1px solid #FFE6E6;border-radius:7px}.trade-in-error .trade-in_li{color:#ff3a3a;font-size:13px;font-family:HelveticaNowDisplay-Medium;line-height:1;display:flex;align-items:center;gap:3px}.trade-in-error .error_checkmark{width:23px;height:23px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:red;color:#fff}.trade-in .custom-select{position:relative;width:100%}.trade-in .select-selected{font-size:var(--font-size-2508);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:HelveticaNowDisplay-Medium;color:#000}.trade-in .select-selected[data-value]:after{width:0;height:0}.trade-in .selected-device-image{width:27px;height:27px;object-fit:contain}.trade-in .selected-device-info{flex:1;display:flex;line-height:2;justify-content:space-between}.trade-in .selected-device-name{color:#212121}.selected-device-price{color:#000}.trade-in .device_select.active .select-selected:after,.trade-in .select-selected:after{content:"";width:20px;height:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" fill="%23000000"/></svg>');background-repeat:no-repeat;background-size:contain;transition:transform .3s ease;border-radius:100px}.trade-in .device_select.active .selected-device-price{display:none}.trade-in .device_select.active .select-selected:after{transform:rotate(180deg)}.trade-in .device_select.active .select-selected{border-bottom-color:#121212;background:#fff}.trade-in .device_select.active .select-items{border-radius:0 0 8px 8px;border-top:0}.trade-in .select-items{position:absolute;top:100%;left:-1px;right:0;background:#fff;color:#606060;border:1px solid var(--active-color-2508);width:calc(100% + 2px);border-radius:3px;display:none;z-index:10;max-height:218px;overflow-y:auto;scrollbar-width:thin}.trade-in .select-items::-webkit-scrollbar{width:3px}.trade-in .select-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:1px}.trade-in .select-items::-webkit-scrollbar-thumb{background:#b6b6b6;border-radius:1px}.trade-in .device_select.active .select-items{display:block}.trade-in .select-item *{font-family:HelveticaNowDisplay-Medium}.trade-in .select-item{padding:var(--item-padding);font-size:var(--secondary-font-size-2508);color:var(--text-color-2508);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,color .3s ease}.trade-in .select-item:hover,.trade-in .select-item.active{background-color:var(--trade-active-color-2508)}.trade-in .select-item.selected{background-color:#e3f2fd;color:#008bf1}.trade_drawer.drawer::part(content){height:auto}.trade-in-success{width:100%}.success-box{background:#fff;padding:var(--item-padding-1);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;margin-bottom:16px}.success-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.device-name{font-family:HelveticaNowDisplay-Medium;color:#000;font-size:var(--font-size-2508)}.edit-btn{width:50px;display:flex;justify-content:flex-end;color:var(--active-color-2508)}.success-message{color:var(--text-color-2508);font-size:var(--secondary-font-size-2508)}.trade-in-value{font-size:var(--h3-font-size-2508);font-family:HelveticaNowDisplay-Medium;color:var(--active-color-2508);margin-top:4px}.drawer .content_lis_footer .trade_button{display:block}
/*# sourceMappingURL=/cdn/shop/t/21/assets/trade-in-2508.css.map */