.slide-div{width:0;height:100%;color:var(--text-white);z-index:333;justify-content:start;align-items:center;transition:width .5s;display:flex;position:fixed;top:0;right:0;overflow:hidden}.slide-div.open{width:500px}.close-btn{color:var(--text-white);cursor:pointer;z-index:555;background:0 0;border:none;font-size:24px;position:absolute;top:20px;right:20px}.left-bullets-div{background-color:#666;border-top-left-radius:20px;border-bottom-left-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:55px;height:150px;padding:20px 0;display:flex;position:absolute;top:30px;left:0}.bullet{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:50%;width:12px;height:12px;transition:background-color .3s}.bullet.active{background-color:orange}.content{background-color:#666;flex-direction:column;width:90%;height:100%;display:flex;position:absolute;top:0;bottom:0;right:0}.customer-info{flex-direction:column;align-items:start;gap:20px;width:100%;padding:30px 20px;display:flex}.customer-info h3{font-size:20px;font-weight:700;line-height:auto}.checkbox-div{align-items:center;gap:10px;display:flex;position:relative}.checkbox-div input[type=checkbox]{appearance:none;cursor:pointer;box-sizing:border-box;background-color:#0000;border:1px solid red;width:20px;height:20px;position:relative;border-radius:0!important}.checkbox-div input[type=checkbox]:checked{background-color:#fff}.checkbox-div input[type=checkbox]:checked:after{contain:"";z-index:9999;background-color:#0000;border:3px solid #000;border-width:0 3px 3px 0;width:10px;height:16px;display:block;position:absolute;top:50%;left:50%;transform:rotate(45deg)translate(-50%,-50%)}.checkbox-div label{font-size:12px;font-weight:300;line-height:auto}.other-billing-address-div{visibility:hidden;flex-direction:column;gap:20px;width:100%;height:0;transition:height,transform .3s;display:flex;overflow:hidden;transform:translateY(100%)}.other-billing-address-div.display-other-billing{visibility:visible;height:auto;transform:translateY(0%)}.other-billing-state-and-town,.first-and-last-name-input-div,.town-zip-and-state-input-div{gap:10px;width:100%;display:flex}@media only screen and (max-width:480px){.slide-div{display:none}}@media only screen and (max-width:1080px){.slide-div.open{width:420px}}
.continue-cart-button{width:100%;height:80px;color:var(--text-white);font-size:20px;line-height:auto;cursor:pointer;background-color:#ffc750;border:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;bottom:0;right:0}
.costumer-info-div{width:100%;height:100%;color:var(--text-white);z-index:333;flex-direction:column;transition:width .5s;display:flex;position:absolute;top:0;right:0;overflow:hidden}.payment-info-div{width:0;height:100%;color:var(--text-white);z-index:333;background-color:#666;flex-direction:column;transition:width .5s;display:flex;position:absolute;top:0;right:0;overflow:hidden}.payment-info-div.payment-inner-open{width:100%}.cart-payment-info{flex-direction:column;gap:10px;padding:30px 20px;display:flex}.cart-payment-info h3{color:var(--text-white);font-size:20px;font-weight:700;line-height:30px}.card-types-div{gap:10px;width:100%;margin-bottom:15px;display:flex;position:relative;overflow:hidden}.card-name-div{border-bottom:2px solid #ffc750;justify-content:center;align-items:center;width:max-content;padding:0 0 5px;display:flex}.card-types-div h3{cursor:pointer;font-size:15px;font-weight:500;line-height:23px}.active-card-type{font-weight:700;line-height:35px;color:#ffc750!important;font-size:18px!important}.cards-images-type-div{flex-direction:column;gap:15px;width:100%;margin-bottom:30px;display:flex}.cards-images-type-div p{font-size:18px;font-weight:500;line-height:27px}.cards-images{justify-content:start;align-items:center;gap:10px;width:100%;padding-left:20px;display:flex}.cards-images img{object-fit:cover;width:auto;height:36px}.cart-payment-inputs{flex-direction:column;gap:20px;width:100%;display:flex}.input-type-name{flex-direction:column;width:100%;font-size:12px;font-weight:400;line-height:12px;display:flex}.input-type-name input{border:none;border-bottom:1px solid var(--border-color);color:var(--text-white);background-color:#0000;outline:none;padding:5px 2px;font-size:15px;font-weight:500;line-height:23px}.input-type-name input::placeholder{color:var(--text-white)}.expire-and-pin-div{gap:30px;width:100%;display:flex}
.customer-info input{border:1px solid var(--border-color);width:100%;height:40px;color:var(--text-white);font-size:15px;font-weight:400;line-height:auto;background-color:#0000;border-radius:8px;outline:none;padding:8px 10px}.customer-info input::placeholder{color:var(--text-white);font-size:15px;line-height:auto;font-weight:400}
