.trade-in{display:flex;flex-direction:column;gap:calc(19 / 1920 * 100vw)}.trade-in .button-group{display:flex;gap:calc(10 / 1920 * 100vw)}.trade-in .trade_title{font-size:calc(32 / 1920 * 100vw);color:#212121;display:flex;align-items:center;gap:calc(10 / 1920 * 100vw);justify-content:space-between}.trade-in .trade_learn_more{font-size:calc(20 / 1920 * 100vw);color:#008bf1;cursor:pointer}.trade-in .device-list{display:none;flex-direction:column;gap:.78125vw;opacity:0;transition:opacity .3s ease;position:relative}.trade-in .device-list.active{display:flex;opacity:1}.trade-in .device_select{width:100%;padding:.625vw .625vw 0;border:1px solid #008BF1;border-radius:calc(5 / 1920 * 100vw);font-size:calc(16 / 1920 * 100vw);background-color:#fff;cursor:pointer;position:relative;transition:border-color .3s ease}.trade-in .device_select:hover{border-color:#008bf1}.trade-in .button-group .trade-in_button{flex:1;padding:.625vw;text-align:center;border-radius:calc(5 / 1920 * 100vw);font-size:calc(16 / 1920 * 100vw);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:.78125vw;flex-direction:column}.trade-in .input-field{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.625vw;box-sizing:border-box;width:100%;border:1px solid #efefef;background-color:#efefef;border-radius:calc(5 / 1920 * 100vw)}.trade-in .input-field input{width:100%;outline:0;display:flex;align-items:center;line-height:2;font-size:calc(16 / 1920 * 100vw);transition:border-color .3s ease;-webkit-box-shadow:0 0 0 1000px #efefef inset!important;box-shadow:0 0 0 1000px #efefef inset!important}html[lang=ja] .trade-in .input-field input{width:65%}.trade-in .input-field .valid-icon{width:1.5625vw;height:1.5625vw;display:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" fill="%23000000"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" fill="%23FFFFFF"/></svg>');background-repeat:no-repeat;background-size:contain}.trade-in .input-field.active,.trade-in .input-field:focus{border:1px solid #56A7F4;background-color:#fff;outline:none}.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}.tips-error{margin-top:calc(8 / 1920 * 100vw)}.trade-in .tips{font-size:calc(14 / 1920 * 100vw);margin-top:calc(5 / 1920 * 100vw);color:#959595}.trade-in .error-message{display:none;color:#ff3a3a;font-size:calc(14 / 1920 * 100vw);margin-top:calc(8 / 1920 * 100vw);line-height:1}.trade-in .error-message[data-visible=true]{display:block}.trade-in .device_select.options-above{transform-origin:bottom}.trade-in .input-field .sn-submit-btn{border-radius:100px;padding:0 .625vw;line-height:2;border:none;font-size:calc(16 / 1920 * 100vw);background:#121212;color:#fff;cursor:pointer;transition:background-color .3s ease}.trade-in .input-field .sn-submit-btn:hover:not(:disabled){background:#121212}.trade-in .input-field .sn-submit-btn:disabled{background:#b6b6b6;cursor:not-allowed;display:none}.trade-in #trade_email:after{content:"";width:1.5625vw;height:1.5625vw;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="%23FFFFFF"/></svg>');background-repeat:no-repeat;background-size:contain;transition:transform .3s ease;background-color:#070707;border-radius:100px}.trade-in-error{display:none;background:#ffe6e6;padding:1.25vw calc(23 / 1920 * 100vw);border:1px solid #FFE6E6;border-radius:calc(10 / 1920 * 100vw)}.trade-in-error .trade-in_li{color:#ff3a3a;font-size:calc(20 / 1920 * 100vw);font-weight:700;line-height:1;display:flex;align-items:center;gap:calc(16 / 1920 * 100vw)}.trade-in-error .error_checkmark{width:calc(34 /1920 * 100vw);height:calc(34 /1920 * 100vw);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:calc(16 / 1920 * 100vw);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:0;padding-bottom:.625vw;border-bottom:2px solid transparent}.trade-in .select-selected[data-value]:after{width:0;height:0}.trade-in .selected-device-image{width:calc(40 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);object-fit:contain}.trade-in .selected-device-info{flex:1;display:flex;line-height:2;justify-content:space-between}.trade-in .selected-device-name{font-weight:500;color:#212121}.selected-device-price{color:#000}.trade-in .device_select.active .select-selected:after,.trade-in .select-selected:after{content:"";width:1.5625vw;height:1.5625vw;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="%23FFFFFF"/></svg>');background-repeat:no-repeat;background-size:contain;transition:transform .3s ease;background-color:#070707;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{border-radius:calc(5 / 1920 * 100vw) calc(5 / 1920 * 100vw) 0 0;border-bottom:0;background:#fff;border-color:#008bf1}.trade-in .device_select.active .select-selected{border-bottom-color:#121212;background:#fff}.trade-in .device_select.active .select-items{border-radius:0 0 calc(5 / 1920 * 100vw) calc(5 / 1920 * 100vw);border-top:0}.trade-in .select-items{position:absolute;top:100%;left:-1px;right:0;background:#fff;color:#606060;border:1px solid #008BF1;width:calc(100% + 2px);border-radius:calc(5 / 1920 * 100vw);display:none;z-index:10;max-height:15.625vw;overflow-y:auto;scrollbar-width:thin}.trade-in .select-items::-webkit-scrollbar{width:calc(4 / 1920 * 100vw)}.trade-in .select-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:calc(2 / 1920 * 100vw)}.trade-in .select-items::-webkit-scrollbar-thumb{background:#b6b6b6;border-radius:calc(2 / 1920 * 100vw)}.trade-in .device_select.active .select-items{display:block}.trade-in .select-item{padding:.625vw;font-size:calc(16 / 1920 * 100vw);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,color .3s ease}.trade-in .select-item:hover{background-color:#f5f5f5}.trade-in .select-item.selected{background-color:#e3f2fd;color:#008bf1}.trade_drawer.drawer::part(content){height:auto}@media screen and (max-width: 999px){.Drawer-content br{display:block}.trade-in{gap:calc(10 / 375 * 100vw)}.trade-in .device-variant{gap:calc(5 / 375 * 100vw)}.trade-in .trade_title{font-size:6.4vw;gap:calc(8 / 375 * 100vw)}.trade-in .trade_learn_more{font-size:calc(13 / 375 * 100vw)}.trade-in .select-selected{padding-bottom:calc(10 / 375 * 100vw)}.trade-in .button-group{gap:calc(8 / 375 * 100vw)}.trade-in .button-group .trade-in_button{padding:calc(10 / 375 * 100vw);font-size:calc(14 / 375 * 100vw);border-radius:calc(5 / 375 * 100vw)}.trade-in .input-field{padding:calc(10 / 375 * 100vw)}.trade-in .input-field input{font-size:calc(14 / 375 * 100vw)}.tips-error{margin-top:1.6vw}.trade-in .tips,.trade-in .error-message{font-size:3.2vw}.trade-in #device_select.options-above option{border-radius:calc(5 / 375 * 100vw);margin-bottom:calc(5 / 375 * 100vw);padding:calc(8 / 375 * 100vw)}.trade-in .input-field .sn-submit-btn{right:calc(10 / 375 * 100vw);padding:0 calc(10 / 375 * 100vw);font-size:calc(14 / 375 * 100vw)}.trade-in-error{padding:3.2vw calc(14 / 375 * 100vw);border-radius:calc(5 / 375 * 100vw);margin-bottom:calc(8 / 375 * 100vw)}.trade-in-error .trade-in_li{font-size:calc(12.5 / 375 * 100vw);gap:calc(8 / 375 * 100vw)}.trade-in-error .error_checkmark{width:4vw;height:4vw;font-size:calc(10 / 375* 100vw)}.trade-in .device_select{padding:calc(10 / 375 * 100vw) calc(10 / 375 * 100vw) 0}.trade-in .input-field,.trade-in .device_select{border-radius:calc(5 / 375 * 100vw)}.trade-in .select-selected{font-size:calc(14 / 375 * 100vw)}.trade-in .device_select.active .select-selected:after,.trade-in .select-selected:after,.trade-in .input-field .valid-icon{width:calc(14 / 375 * 100vw);height:calc(14 / 375 * 100vw)}.trade-in .select-items{border-radius:calc(5 / 375 * 100vw);max-height:calc(200 / 375 * 100vw)}.trade-in .select-items::-webkit-scrollbar{width:.8vw}.trade-in .select-items::-webkit-scrollbar-track{border-radius:.4vw}.trade-in .select-items::-webkit-scrollbar-thumb{border-radius:.4vw}.trade-in .select-item{padding:calc(10 / 375 * 100vw);font-size:calc(14 / 375 * 100vw)}}.trade_drawer{width:calc(1634 / 1920 * 100vw);left:8.28125vw;height:auto}.trade_drawer::part(body){padding:calc(76 / 1920 * 100vw) calc(83 / 1920 * 100vw)}.trade_drawer_content{width:auto;position:relative;padding-bottom:2.03125vw}.trade_drawer_content .content_lis svg{max-width:calc(55 / 1920 * 100vw);height:auto}.trade_button{position:absolute;right:0;bottom:0;font-size:calc(29 / 1920 * 100vw);padding:.9375vw 1.875vw;border-radius:100px;background:#121212;color:#fff;cursor:pointer}.trade_drawer_content button[part=close-button]{position:absolute;right:0;top:0;width:2.239583vw;height:2.239583vw;border-radius:50%;background-color:#d9dad3;display:flex;align-items:center;justify-content:center}.trade_drawer .trade_button{display:block}.trade_drawer .trade_button[disabled]{opacity:.2}@media screen and (max-width: 999px){.content_lis_footer{overflow:hidden}.trade_drawer{height:auto;width:96.93vw;left:2.3854vw;z-index:10005!important}.trade_button{padding:calc(10 / 375 * 100vw) 0vw;text-align:center;font-size:calc(16 / 375 * 100vw);width:100%}.trade_drawer_content{padding-bottom:calc(63 / 375 * 100vw)}.trade_drawer::part(body){padding:9.6vw calc(19 / 375* 100vw) 9.6vw}.trade_drawer_content button[part=close-button]{width:auto;height:auto;background:transparent;top:-6.4vw;right:calc(-10 / 375 * 100vw);color:#666}.Drawer-content .text{font-size:calc(11 / 375 * 100vw);line-height:1.3}.trade_footer br{display:block!important}}.trade-in-success{margin-top:15px;width:100%}.success-box{border:2px solid #0099ff;border-radius:8px;padding:15px}.success-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.device-name{font-weight:700;color:#000}.edit-btn{color:#09f;cursor:pointer}.success-message{color:#333}.trade-in-value{font-size:24px;font-weight:700;color:#09f;margin-top:5px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/trade-in.css.map */