.layout.checkout{background:#f6f7f8;padding-bottom:40px}.layout.checkout.loading,.layout.checkout .loading{position:relative;pointer-events:none}.layout.checkout.loading:after,.layout.checkout .loading:after{z-index:10;opacity:1}.layout.checkout.loading>*,.layout.checkout .loading>*{opacity:0.8}.layout.checkout .order-details{padding:20px}.layout.checkout .order-details>.title{line-height:28px;margin:20px 0;font-weight:bold;font-size:20px}.layout.checkout .order-details>.sub{line-height:28px;margin:10px 0}.layout.checkout .order-details .form-group{padding:20px;background:white;box-shadow:0 0px 4px rgba(0,0,0,0.1);box-sizing:border-box}.layout.checkout .order-details .form-group.connection{font-size:0}.layout.checkout .order-details .form-group.connection .field{width:calc(100% - 160px);margin:0 0 0 16px}.layout.checkout .order-details .form-group.connection .button{display:inline-block;vertical-align:top;width:140px;line-height:42px;background:var(--primary);text-align:center;color:white;box-sizing:border-box;font-size:14px;cursor:pointer;opacity:0.4;pointer-events:none;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.layout.checkout .order-details .form-group.connection .button.valid{opacity:1;pointer-events:inherit}.layout.checkout .order-details .form-group.connection .button.valid:hover{opacity:0.8}.layout.checkout .order-details .form-group.connection.code .field{width:100%;margin:0}.layout.checkout .order-details .form-group.connection.code .button{display:none}.layout.checkout .order-details .form-group .field{position:relative;display:inline-block;vertical-align:top;width:calc(50% - 30px);margin:10px}.layout.checkout .order-details .form-group .field.full{width:calc(100% - 30px)}.layout.checkout .order-details .form-group .field.required>label:before{content:"*";padding-left:4px;color:red}.layout.checkout .order-details .form-group .field>label{display:block;margin-bottom:10px;font-size:16px;color:var(--text);opacity:0.8}.layout.checkout .order-details .form-group .field>input{width:100%;height:42px;padding:0 10px;border:1px solid var(--light);box-sizing:border-box;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.layout.checkout .order-details .form-group .field>input:focus{border-color:var(--text-light)}.layout.checkout .order-details .form-group .field .select{width:100%;height:42px;padding:0 10px;border:1px solid var(--light);box-sizing:border-box}.layout.checkout .order-details .form-group .field.error>label{color:red}.layout.checkout .order-details .form-group .field.error>input{border:1px solid red}.layout.checkout .order-details .deliveries-box{position:relative}.layout.checkout .order-details .deliveries-box .choose{position:absolute;top:-42px;left:10px;bottom:auto;right:auto}.layout.checkout .order-details .deliveries-box .choose:before{content:"*";padding-left:4px;color:red}.layout.checkout .order-details .deliveries-box .deliveries .delivery{position:relative;display:inline-grid;grid-template:"type name name price" "type address address price" "type date date price";grid-template-columns:25% auto auto 25%;align-items:center;width:calc(50% - 60px);min-height:90px;vertical-align:top;background:white;border:1px solid rgba(0,0,0,0.1);box-shadow:0 0px 4px rgba(0,0,0,0.1);box-sizing:border-box;margin:0 60px 20px 0;cursor:pointer;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.layout.checkout .order-details .deliveries-box .deliveries .delivery:before{content:" ";position:absolute;top:0;left:100%;bottom:0;right:-60px;width:28px;height:28px;border-radius:14px;border:1px solid rgba(0,0,0,0.2);box-sizing:border-box;margin:auto}.layout.checkout .order-details .deliveries-box .deliveries .delivery:after{content:"check";font-family:Material Icons Outlined;position:absolute;top:0;left:100%;bottom:0;right:-60px;width:28px;height:28px;line-height:28px;text-align:center;margin:auto;opacity:0;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.layout.checkout .order-details .deliveries-box .deliveries .delivery .type{grid-area:type;position:relative;display:flex;height:70px;font-size:14px;justify-content:center;align-items:flex-end;align-self:normal;text-align:center;color:var(--text-light);padding:0 4px 20px}.layout.checkout .order-details .deliveries-box .deliveries .delivery .type:before{content:attr(data-icon);font-family:Material Icons Outlined;position:absolute;top:0;left:0;bottom:28px;right:0;height:32px;line-height:32px;font-size:32px;text-align:center;margin:auto}.layout.checkout .order-details .deliveries-box .deliveries .delivery .name{grid-area:name;color:var(--text);line-height:26px;font-weight:bold}.layout.checkout .order-details .deliveries-box .deliveries .delivery .address{grid-area:address;line-height:22px;color:#a4a5ad}.layout.checkout .order-details .deliveries-box .deliveries .delivery .date{grid-area:date;line-height:22px;color:#a4a5ad;font-size:14px}.layout.checkout .order-details .deliveries-box .deliveries .delivery .date>span{display:block}.layout.checkout .order-details .deliveries-box .deliveries .delivery .price{display:flex;grid-area:price;align-items:center;justify-content:center;font-weight:bold;font-size:20px}.layout.checkout .order-details .deliveries-box .deliveries .delivery:hover{border:1px solid var(--primary)}.layout.checkout .order-details .deliveries-box .deliveries .delivery:hover:after{opacity:1}.layout.checkout .order-details .deliveries-box .deliveries .delivery.active{border:1px solid var(--primary)}.layout.checkout .order-details .deliveries-box .deliveries .delivery.active:before{border:1px solid var(--primary)}.layout.checkout .order-details .deliveries-box .deliveries .delivery.active:after{color:var(--primary);opacity:1}.layout.checkout .order-summary .title>span{display:block;font-size:16px;font-weight:normal;line-height:20px}.layout.checkout .order-summary .title>span:before{content:"*";margin-left:4px;color:red}.layout.checkout .order-summary .coupons .item{display:grid;grid-template:"icon title button" "icon reward button" "icon condition button";grid-template-columns:20% auto 30%;grid-template-rows:1fr 28px 24px;margin:20px 0;background:#fff;position:relative;box-shadow:0 0 10px rgba(0,0,0,0.1);border:1px solid white}.layout.checkout .order-summary .coupons .item.disabled,.layout.checkout .order-summary .coupons .item.disconnected{pointer-events:none}.layout.checkout .order-summary .coupons .item.disabled .button,.layout.checkout .order-summary .coupons .item.disconnected .button{color:black;opacity:0.2}.layout.checkout .order-summary .coupons .item .icon{grid-area:icon;display:flex;justify-content:center;align-items:center;font-family:Material Icons Outlined;font-size:32px;color:var(--text-light)}.layout.checkout .order-summary .coupons .item .title{grid-area:title;line-height:20px;font-size:18px;font-weight:bold;padding-top:4px}.layout.checkout .order-summary .coupons .item .reward{grid-area:reward;line-height:28px;font-weight:bold}.layout.checkout .order-summary .coupons .item .condition{grid-area:condition;line-height:24px;color:var(--text-light)}.layout.checkout .order-summary .coupons .item .button{grid-area:button;display:flex;justify-content:center;align-items:center;font-weight:bold;color:var(--primary);cursor:pointer;opacity:0.8;border-right:1px dashed var(--text-light);-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.layout.checkout .order-summary .coupons .item:hover{border:1px solid var(--primary)}.layout.checkout .order-summary .coupons .item:hover .button{opacity:1}.layout.checkout.l-6-3 .section .container{width:70%}.layout.checkout.l-6-3 .section .container:last-child{width:30%}@media (max-width: 768px){.layout.checkout .order-details{padding:20px 10px !important}.layout.checkout .order-details .deliveries-box .choose{position:relative;top:0;left:0;bottom:0;right:0;margin-bottom:10px}.layout.checkout .order-details .deliveries-box .deliveries .delivery{width:calc(100% - 60px)}.layout.checkout+.whatsapp{display:none}.layout.checkout+.whatsapp+.upButton{display:none}.layout.checkout+.upButton{display:none}}