.layout.order-page{background:#f6f7f8;padding-bottom:40px;min-height:100vh}.layout.order-page.loading:after{opacity:1}.layout.order-page.l-6-3 .section .container{width:70%}.layout.order-page.l-6-3 .section .container:last-child{width:30%}.layout.order-page.l-6-3 .section .container.status-page{width:50%}.layout.order-page .status{position:relative;margin-top:68px;padding:20px;box-sizing:border-box}.layout.order-page .status.success .thanks span{font-weight:bold;font-size:46px;color:var(--primary);text-shadow:2px 2px rgba(0,0,0,0.3)}.layout.order-page .status.success .thanks span+span{color:var(--secondary)}.layout.order-page .status.success>span{font-size:20px}.layout.order-page .status.fail{border:1px solid #ED6762;background:rgba(237,103,98,0.2);box-shadow:0 0 4px rgba(237,103,98,0.4)}.layout.order-page .status.message{border:1px solid #ED6762;background:rgba(255,255,255,0.2);box-shadow:0 0 4px rgba(237,103,98,0.4)}.layout.order-page .status .title{line-height:24px;font-size:22px;font-weight:bold;margin-bottom:20px}.layout.order-page .status>span{display:block;line-height:32px}.layout.order-page .status>span>span{text-decoration:underline;cursor:pointer}.layout.order-page .status .connect .form-group{margin-top:20px;padding:20px;background:white;box-shadow:0 0px 4px rgba(0,0,0,0.1);box-sizing:border-box}.layout.order-page .status .connect .form-group .button{display:inline-block;vertical-align:top;width:140px;line-height:42px;background:var(--primary);text-align:center;color:white;box-sizing:border-box;cursor:pointer;opacity:0.4;pointer-events:none;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.layout.order-page .status .connect .form-group .button.valid{opacity:1;pointer-events:inherit}.layout.order-page .status .connect .form-group .button.valid:hover{opacity:0.8}.layout.order-page .status .connect .form-group.code .field{width:100%;margin:0}.layout.order-page .status .connect .form-group.code .button{display:none}.layout.order-page .status .connect .form-group .field{position:relative;display:inline-block;vertical-align:top;width:calc(100% - 160px);margin:0 0 0 16px}.layout.order-page .status .connect .form-group .field>label{display:block;margin-bottom:10px;font-size:16px;color:var(--text);opacity:0.8}.layout.order-page .status .connect .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.order-page .status .connect .form-group .field>input:focus{border-color:var(--text-light)}.layout.order-page .order-tabs{padding:20px}.layout.order-page .order-tabs .tabs{display:flex;margin:20px 0;font-size:20px;line-height:28px}.layout.order-page .order-tabs .tabs .tab{display:inline-block;vertical-align:top;margin:0 10px;padding:6px 10px;background:var(--secondary);border-radius:10px;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.layout.order-page .order-tabs .tabs .tab:hover,.layout.order-page .order-tabs .tabs .tab.router-link-exact-active{background:var(--primary);color:white}.layout.order-page .order-summary .delivery>.title{line-height:28px;margin:20px 0;font-weight:bold;font-size:20px}.layout.order-page .order-summary .delivery .form-group .title{margin-bottom:10px;font-weight:bold}.layout.order-page .order-summary .delivery .form-group .field{width:calc(100% - 20px);margin:4px 0}@media (max-width: 768px){.layout.order-page .order-tabs .tabs .tab{flex:1;padding:2px 0;font-size:14px;text-align:center}}