.inputs{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start;align-self:stretch}.inputs .header{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start;align-self:stretch;position:relative}.inputs .header .label{color:#000;text-align:left;font-size:16px;line-height:24px;font-weight:400}.inputs .header .instruksi{color:gray;text-align:left;font-size:12px;line-height:16px;font-weight:400}.inputs .textInput{background:#fff;border-radius:4px;border:1px solid #000000;padding:12px 16px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;align-self:stretch;position:relative;color:#000;text-align:left;font-size:16px;line-height:24px;font-weight:400;flex:1}.inputs .errorText{color:#dc341e;text-align:left;font-size:14px;line-height:16px;font-weight:400}.container{padding:24px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex:1;position:relative;overflow-y:scroll;scroll-behavior:smooth}.container::-webkit-scrollbar{display:none}.illust{height:100px;-webkit-user-drag:none;user-select:none}.emptycartCard{background:#fff;border-radius:4px;border:1px solid #000000;padding:32px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:flex-start;align-self:stretch;position:relative;transition:all .3s ease}.emptycartCard:hover{border:1px solid #000000;box-shadow:4px 4px #000}.emptycartCard h2{color:#000;text-align:center;font-size:20px;line-height:24px;font-weight:500}.emptycartCard .description{color:#000;text-align:center;font-size:16px;line-height:24px;font-weight:400}.cartItems{width:100%;flex-direction:column;gap:12px;align-items:flex-start;position:relative}.cartItems::-webkit-scrollbar{display:none}.formCustomer{width:100%;background:#fff;border-radius:4px;border:1px solid #000000}.formCustomer .containerForm{padding:20px;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;align-self:stretch;position:relative;transition:all .3s ease}.formCustomer .containerForm:hover{border:1px solid #000000;box-shadow:4px 4px #000;border-radius:4px}.customOptions{width:100%;display:flex;flex-direction:column;gap:8px}.customOptions .header{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start;align-self:stretch;position:relative}.customOptions .header .optionLabel{font-size:16px;line-height:24px;font-weight:400;color:#000}.customOptions .header .optionInstruction{color:gray;text-align:left;font-size:12px;line-height:16px;font-weight:400}.customOptions .options{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.customOptions .options .option{cursor:pointer;transition:all .3s ease;flex:1;background:#fff;border-radius:4px;border:1px solid #000000;padding:16px;display:flex;flex-direction:row;gap:12px;align-items:flex-start;justify-content:flex-start;position:relative}.customOptions .options .option:hover{box-shadow:4px 4px #000;transform:translate(-2px,-2px)}.customOptions .options .option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.customOptions .options .option .optionContent{flex:1;width:100%;background:#fff}.customOptions .options .option .optionContent .optionTitle{font-size:15px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.customOptions .options .option .optionContent .optionDesc{font-size:13px;color:#666;line-height:1.4}.customOptions .options .option input[type=radio]:checked+.optionContent{color:#000}.customOptions .options .option input[type=radio]:checked+.optionContent .optionTitle,.customOptions .options .option input[type=radio]:checked+.optionContent .optionDesc{color:#000}.customOptions .options .option:has(input[type=radio]:checked){box-shadow:4px 4px #000;transform:translate(-2px,-2px)}.customOptions .options .option:has(input[type=radio]:disabled){cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.customOptions .options .option:has(input[type=radio]:disabled):hover{box-shadow:none;transform:none;border-color:#ccc}.customOptions .options .option input[type=radio]:disabled+.optionContent .optionTitle,.customOptions .options .option input[type=radio]:disabled+.optionContent .optionDesc{color:#999}.summaryCart{background:#fff;border-radius:4px;border:1px solid #000000;padding:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;align-self:stretch;position:relative;transition:all .3s ease}.summaryCart:hover{border:1px solid #000000;box-shadow:4px 4px #000}.subtotalContainer{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;align-self:stretch;position:relative}.subtotal{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;align-self:stretch;position:relative}.label,.value{color:#000;text-align:left;font-size:16px;line-height:24px;font-weight:400}.deliveryFee,.totalContainer,.adminFee{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;align-self:stretch;position:relative;overflow:hidden}.valueBig{color:#000;text-align:left;font-size:20px;line-height:24px;font-weight:500}.noteFee,.noteFlip{color:gray;font-size:14px;line-height:16px}.paymentGroup{margin-bottom:16px}.paymentGroupHeader{font-weight:600;font-size:14px;color:var(--color-black);margin-bottom:8px;padding-left:4px}