.mileage-page-checkout .mileage-page-header{padding:21px 38px;border-bottom:1px solid #d9d9d9}.mileage-page-checkout .mileage-page-header img{display:block}.mileage-page-checkout .checkout-container{font-family:Helvetica Neue,sans-serif;grid-area:shell-content;display:grid;grid-template-areas:"main order-summary";grid-template-columns:minmax(min-content,calc(50% + 4rem)) 1fr}.mileage-page-checkout .checkout-container .form-container{grid-area:main;border-right:1px solid #d9d9d9;display:flex;justify-content:flex-end}.mileage-page-checkout .checkout-container .form-container .form-container-inner{padding:38px;max-width:660px;width:100%}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.account{padding:10px 0;border-bottom:1px solid #d9d9d9}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.account label{color:#707070;font-family:Helvetica Neue,sans-serif;font-size:14px;line-height:21px;font-weight:400;letter-spacing:nomal}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.account .account-email{padding-top:5px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.account .account-email span{color:#000;font-family:Helvetica Neue,sans-serif;font-size:14px;line-height:21px;font-weight:400;letter-spacing:nomal}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-account .comfirmed{display:flex;align-items:center;gap:20px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-account .comfirmed svg{max-width:48px;max-height:48px;color:#1773b0}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-account .comfirmed .thank-you p{font-size:20px;font-weight:500;line-height:28.5px;font-weight:600;margin:0}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-account .comfirmed .thank-you p span{padding-left:5px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-account .comfirmed .thank-you p:last-child{font-size:17px;font-weight:500}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details{margin-top:30px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container{padding:15px;border:1px solid #717171;border-radius:5px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-header{padding-bottom:15px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-header h2{font-size:16px;font-weight:600;margin-bottom:0}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-content .order-details-info .info-content{padding-top:15px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-content .order-details-info .info-content:first-child{padding-top:0}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-content .order-details-info .info-content h3.content-header{font-size:14px;margin-bottom:0;padding-bottom:5px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-content .order-details-info .info-content .content-body span{font-size:14px;font-weight:400}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-content .order-details-payment .payment-content h3.content-header{font-size:14px;margin-bottom:0;padding-bottom:5px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-content .order-details-payment .payment-content .content-body{font-size:14px;font-weight:400;margin-bottom:0;padding-bottom:5px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-details .order-details-container .order-details-content .order-details-payment .payment-content .content-body span:last-child{padding-left:5px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.order-continue-shopping{padding-top:15px;text-align:right}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form{padding-top:30px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-title{color:#000;font-size:20px;line-height:21px;font-weight:600;letter-spacing:nomal}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-content{padding-top:15px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-content .form-group{padding-top:15px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(auto,max-content);grid-auto-rows:minmax(auto,max-content);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:1.4rem;row-gap:1.4rem}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-content .form-group:first-child{padding-top:0}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-content .form-group:last-child{padding-top:30px}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-content .form-group .form-item{position:relative}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-content .form-group .form-item label{position:absolute;top:7px;left:11px;font-size:12px;font-weight:400;color:#707070;line-height:18px;font-family:Helvetica Neue,sans-serif}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-content .form-group .form-item .input-aria,.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-content .form-group .form-item .select-aria{padding:21px 11px 6px;font-size:14px;font-weight:400;border-radius:4px;border-color:#cecece;font-family:Helvetica Neue,sans-serif;width:100%}.mileage-page-checkout .checkout-container .form-container .form-container-inner section.form-input form .form-content .form-group .form-item button{font-size:19px;line-height:28.5px;font-weight:600;background-color:#000;width:100%;padding:13.5px;border-radius:4px;background-color:#0080ff;color:#fff}.mileage-page-checkout .checkout-container .checkout-product-container{grid-area:order-summary}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner{padding:30px;max-width:520px;width:100%}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product{display:flex;padding-top:15px}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product:first-child{padding-top:0}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product .product-image{flex-direction:column;justify-content:flex-start;display:flex}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product .product-image .product-image-wrap{background-color:#f1f1f1;width:64px;height:64px}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product .product-image .product-image-wrap .product-image-wrap-inner{position:relative;padding-bottom:100%}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product .product-image .product-image-wrap .product-image-wrap-inner picture img{border:1px solid #dadada;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;object-fit:contain}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product .product-image .product-image-wrap .product-image-wrap-inner .item-num{position:absolute;top:0;right:0;transform:translate(25%,-50%);background-color:#0000008f;min-width:22px;min-height:22px;border-radius:100px;padding:0 7px;color:#fff;font-weight:400}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product .product-name{flex-grow:1;flex-direction:column;justify-content:center;display:flex;padding-left:15px}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product .product-name span{font-size:14px;font-weight:400}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product .product-mileage{flex-direction:column;justify-content:center;display:flex}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .product-list .product .product-mileage span{font-size:14px;font-weight:400}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .mileage-table{display:flex;justify-content:space-between;padding-top:30px}.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .mileage-table .table-title span,.mileage-page-checkout .checkout-container .checkout-product-container .checkout-product-container-inner .checkout-product .mileage-table .table-content .mileage-total strong{font-size:19px;font-weight:500;line-height:28.5px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mileage-lp-checkout.scss.css.map */