:root{--drawer-menu-marker-height:40px}.menu-enabled .list-md{padding-top:0;padding-bottom:0}.drawer-menu .title-default{text-transform:uppercase;font-weight:700;-webkit-padding-start:0;padding-inline-start:0}.drawer-menu ion-header{padding:10px 0}.web .drawer-menu ion-header{padding:15px 0}.drawer-menu ion-content,.drawer-menu ion-footer{padding-left:var(--ion-padding);padding-right:var(--ion-padding)}.drawer-menu ion-footer,.drawer-menu ion-header{background-color:var(--okx-menu-background)}.drawer-menu ion-footer{background-image:none;padding-top:10px;padding-bottom:10px;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border-top:1px solid var(--ion-color-gray)}.drawer-menu ion-footer .footer-link{--inner-border-width:0;border-bottom:none}.footer-link.nav-item{--detail-icon-color:transparent!important}.drawer-menu ion-footer:before{background-image:none}.drawer-menu .nav-logo{position:absolute;left:0;background-position:50%;top:15px;width:100%;height:40px;background-size:contain;background-repeat:no-repeat}.drawer-menu .nav-item{--padding-start:0;--min-height:24px;cursor:pointer;padding:5px 0;border-bottom:1px solid var(--okx-menu-separator-color);--detail-icon-opacity:0.5}.drawer-menu-white .nav-item{--detail-icon-color:var(--ion-color-white)}.drawer-menu-dark .nav-item{--detail-icon-color:var(--ion-color-dark)}.drawer-menu .nav-item-last.nav-item,.sidebar-menu-content ion-list>div>.nav-item:last-of-type,.sidebar-menu-content ion-list>div>:last-of-type .nav-item{border-bottom:none}.drawer-menu .nav-item.small-text{padding:.5px 0;font-weight:400}.drawer-menu .nav-item.small-text ion-icon{height:20px;width:20px;margin:0 15px 0 5px}.drawer-menu .nav-icon{font-family:var(--ion-font-primary);stroke:var(--okx-menu-icon-color)}.drawer-menu .nav-label{margin:0!important;--color:var(--okx-menu-color);color:var(--okx-menu-color)}.drawer-menu .nav-item.small-text .strong-text,.drawer-menu .nav-item.small-text>.nav-icon{font-family:var(--ion-font-primary);--color:var(--okx-color-primary);font-weight:400}.drawer-menu ion-header ion-toolbar:last-child{--border-width:0 0 0;--background:transparent}.logo-5l{position:absolute;right:16px;bottom:8px}ion-split-pane{--side-max-width:var(--okx-drawer-width);--side-min-width:var(--okx-drawer-width);--side-width:var(--okx-drawer-width);--border:0 none}.web ion-menu{--max-width:var(--okx-drawer-width);--background:var(--ion-color-white)}.drawer-menu{--border:0 none;--width:95%}.drawer-menu ion-content{--background:var(--okx-menu-background)}.drawer-menu ion-list{color:var(--okx-color-black)}.drawer-menu ion-item{color:inherit}.drawer-menu ion-icon{stroke:var(--okx-box-wrapper-color)}.logo-5l>div{width:100px;padding-top:45%;background:url(/static/media/5loyalty-black.5108bb2e.svg) transparent no-repeat 50% 50%;background-size:85% auto}ion-footer>ion-label[hidden]{display:block!important;color:var(--okx-box-wrapper-color)!important}.collapse-drawer-icon,ion-content.log-status{display:none}.web .drawer-menu ion-header ion-toolbar{position:relative}.web .drawer-menu .nav-logo{top:0}.web .drawer-menu .sidebar-menu-content{--ion-color-base:transparent}.web .drawer-menu .sidebar-menu-content:first-of-type{--padding-start:0px}.web .drawer-menu .sidebar-menu-content:first-of-type ion-item{--background-hover:transparent}.web .drawer-menu .sidebar-menu-content:first-of-type ion-item.okx-nav-selected ion-icon{background-color:var(--okx-menu-icon-color);stroke:var(--okx-menu-background)!important;border-radius:50%;stroke:var(--ion-color-white)}.web .drawer-menu .sidebar-menu-content:first-of-type ion-item.nav-item.small-text.okx-nav-selected:after{width:22px;left:29px;top:0;bottom:0}.sidebar-menu-content{overflow:auto;padding:0 var(--ion-padding);background-color:var(--okx-menu-background);flex:1 1}.drawer-menu ion-content:first-of-type ion-item.nav-item.small-text ion-icon{display:none}.drawer-menu ion-content:first-of-type ion-item.nav-item.small-text{padding-left:6px}.drawer-menu-order-button{margin:0;width:100%}.drawer-menu .nav-icon{height:18px;width:18px;margin:0 5px 0 0;padding:5px}.web .drawer-menu .nav-title{margin:15px 0 8px}.drawer-menu .nav-title{display:block;margin:15px 0 5px 5px;color:var(--okx-menu-color);font-size:var(--okx-subtitle-font-size);font-weight:700!important}.web .small-drawer-header{padding:15px 0 0}.web .small-drawer-header ion-buttons{position:absolute;top:1px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.web .small-drawer-header ion-button{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;margin:0;width:48px;height:48px}.web .small-drawer-header ion-button ion-icon{font-size:1.8rem;color:var(--okx-color-black)}.web .collapse-drawer-icon{display:block;position:absolute;top:50%;right:var(--ion-padding);-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;font-size:25px;color:var(--okx-box-wrapper-color)}.web ion-content.log-status{display:block;max-height:115px}.web .log-status-wrap{background:var(--ion-color-white);border-radius:var(--okx-box-radius);box-shadow:0 0 5px 0 rgba(0,0,0,.2);min-height:56px;margin-top:5px}.web .log-status-wrap ion-item{--padding-start:10px;--padding-end:10px}.web .log-status-wrap ion-item:first-of-type{--background:var(--ion-color-white);--border-radius:var(--okx-box-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2}.web .log-status-wrap ion-item:last-of-type{border-bottom-left-radius:var(--okx-box-radius);border-bottom-right-radius:var(--okx-box-radius);--min-height:35px}.web .log-status-wrap ion-item.logout-box{border-top:1px solid var(--okx-color-black)}.web .log-status-wrap ion-icon{color:var(--okx-color-black)}.web .logout-box>ion-label,.web .logout-box>ion-label>ion-text{display:flex;justify-content:center;align-items:center;margin:0}.web .logout-box>ion-label>ion-icon{font-size:17px;margin-right:5px}.web .logout-box>ion-label>ion-text .normal-text{font-size:15px;margin-left:5px}.web .logout-box{margin-top:-40px;transition:all .3s ease}.web .logout-box.visible{margin-top:0}.fiveloyalty-logo-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:15px 0 10px;justify-content:flex-start;margin-left:5px}.fiveloyalty-logo-wrapper .small-text{color:var(--okx-box-wrapper-color)}.web .fiveloyalty-logo-wrapper{padding:var(--ion-padding) 0}.fiveloyalty-logo-wrapper+ion-label{padding-bottom:var(--ion-padding);display:block;font-size:var(--okx-small-text-font-size);color:var(--okx-menu-color)}.fiveloyalty-logo-wrapper img{height:30px;margin-top:10px}.drawer-menu-order-button{--background:var(--okx-menu-button-background);color:var(--okx-menu-button-text)}.external-icon{line-height:0}.external-icon svg{height:25px;width:25px;stroke:var(--okx-menu-icon-color);padding:5px;margin-right:5px}.icon-placeholder{z-index:5}.icon-placeholder ion-icon{pointer-events:none}.header-md:after{background-image:none}ion-toolbar.dynamic-header{--min-height:var(--ion-toolbar-min-height);--ion-toolbar-background:transparent;--ion-toolbar-color:var(--ion-color-dark);margin-top:-15px}.web ion-toolbar.dynamic-header{margin-top:0;position:absolute;top:80px;z-index:7;pointer-events:none}.web ion-toolbar.dynamic-header ion-buttons{pointer-events:all}.icomoon{font-family:var(--ion-icomoon-font-family);font-size:24px}span>.icomoon{font-size:20px}.icomoon:before{display:block}.icomoon.ico-voucher:before{content:"\e900"}.icomoon.ico-profile:before{content:"\e901"}.icomoon.ico-basket:before{content:"\e902"}.icomoon.ico-map:before{content:"\e903"}.icomoon.ico-home:before{content:"\e904"}.icomoon.ico-order:before{content:"\e905"}.icomoon.ico-social:before{content:"\e906"}.icomoon.ico-orders:before{content:"\e907"}.icomoon.ico-allergens:before{content:"\e908"}.icomoon.ico-logout:before{content:"\e909"}.icomoon.ico-feedback:before{content:"\e90a"}.icomoon.ico-radio:before{content:"\e90b"}ion-header.static{z-index:5}ion-toolbar{--border-color:#fff;--border-width:0!important}ion-button.solo-button{--padding-start:6px;--padding-end:6px}ion-button.basket-button{height:41px}ion-button.basket-button>div>div>.badge{position:absolute;bottom:0;width:16px;height:16px;right:0;z-index:1;padding:2px;font-size:10px;border-radius:50%;border:1px solid}ion-button.basket-button>div>.basket-icon-wrapper{position:relative}ion-toolbar.primary-toolbar{--min-height:80px;--background:transparent no-repeat 50% 50%/auto 90%;background-size:auto 35px;background-repeat:no-repeat;background-position:50%}ion-button.basket-button>div>div>ion-icon{font-size:30px}.primary-toolbar .button{color:var(--ion-color-dark)}.primary-toolbar .image-button{flex:1 1;background:transparent;background:transparent no-repeat 45% 50%/auto 100%;height:40px;--ripple-color:transparent}.web ion-header.static{position:absolute;right:0;background:transparent none;min-height:var(--ion-toolbar-min-height);height:auto;margin:0;z-index:6;pointer-events:none}.web ion-header.static ion-buttons{pointer-events:all}.web ion-toolbar.primary-toolbar{--background:transparent none}ion-header.static.route-dashboard{z-index:6}.web ion-toolbar.dynamic-header ion-buttons:first-of-type,.web ion-toolbar.primary-toolbar ion-buttons:first-of-type,.web ion-toolbar.primary-toolbar ion-buttons:last-of-type{background-color:initial}.web ion-toolbar.primary-toolbar ion-buttons ion-button{height:35px!important;width:35px!important;--padding-top:7px!important;--padding-end:7px!important;--padding-bottom:7px!important;--padding-start:7px!important}.web ion-toolbar.primary-toolbar ion-buttons{margin-right:13px}.web ion-toolbar.primary-toolbar ion-button.image-button{display:none}.web ion-header.static>ion-toolbar:last-child{display:block}.web ion-button.basket-button>div>div>ion-badge.badge{--ion-color-primary:var(--ion-color-tertiary);color:var(--ion-color-black);font-size:9px;min-width:15px;text-align:center;--padding-top:3px;--padding-bottom:3px;--padding-start:3px;--padding-end:3px;width:auto;height:auto;right:0;border-radius:8px;padding:3px}.web ion-button.basket-button>div>div:last-child{--ion-color-gray:var(--ion-color-secondary)}.header-title{text-align:center!important;margin-bottom:0!important;--background:transparent;width:100%;text-transform:none!important;margin:0}.header-title .title{margin:0!important;font-weight:300;font-size:25px}.dark-header-title,.white-header-title{color:var(--ion-color-primary)}.web .header-title{display:none}.small-header-title.title{font-size:var(--ion-font-size);display:flex;align-items:center}#main>ion-content{z-index:5}ion-content.ion-color-transparent{--background:transparent}.ion-page{min-width:285px}.content-spinner{display:flex;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;justify-content:center;align-items:center;border-radius:inherit;background-color:var(--okx-background-color)}.web .content-spinner{background:rgba(0,0,0,.3)}.transparent{background:transparent}.web ion-content.route-delivery{--ion-color-base:transparent}.delivery-wrapper{overflow:auto}.delivery-additional-restaurant-information{display:flex;align-items:center;justify-content:space-between}.delivery-additional-restaurant-information *,.mbsc-mobiscroll .mbsc-fr-btn,.mbsc-mobiscroll .mbsc-fr-hdr{color:var(--ion-color-primary)}.mbsc-mobiscroll .mbsc-cal-days>div{color:var(--ion-color-primary);border-color:var(--ion-color-primary)}.mbsc-mobiscroll .mbsc-cal-cell:focus .mbsc-cal-cell-txt,.mbsc-mobiscroll .mbsc-fr-btn.mbsc-active,.mbsc-mobiscroll.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover,.mbsc-mobiscroll.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,.mbsc-mobiscroll.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt{background:var(--ion-color-primary-tint)}.mbsc-mobiscroll .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt{background:var(--ion-color-primary)}.date-picker-wrapper{display:flex;flex-direction:column;justify-content:flex-start}.date-picker-label{font-size:10px;font-weight:700;color:var(--ion-item-color);margin-left:2px;transition:.1s ease-in}.date-picker-label--red{color:var(--ion-color-primary)}.data-picker-input{border:0;outline:0;color:var(--ion-color-dark);padding:10px 8px 10px 0;width:100%}.mbsc-material .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt{background:rgba(255,26,75,.9);color:#fff}.mbsc-material .mbsc-fr-btn{color:var(--ion-color-primary)}.mbsc-ios .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt{background:var(--ion-color-primary);border-color:var(--ion-color-primary)}.mbsc-mobiscroll .mbsc-sc-whl-l{display:none}.mbsc-comp.time-picker{width:100%;color:var(--ion-color-dark);padding:10px 8px 10px 0;border:0;border-color:rgba(0,0,0,.13);border-left-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))));border-bottom:1px solid;border-bottom-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))));border-right-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))));border-top-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))));outline:none}.mbsc-comp.time-picker::-webkit-input-placeholder{color:var(--ion-color-dark);opacity:.33}.mbsc-comp.time-picker::placeholder{color:var(--ion-color-dark);opacity:.33}.mbsc-fr-btn1 .mbsc-fr-btn-e .mbsc-fr-btn,.mbsc-ios .mbsc-sc-itm-sel,.mbsc-ios .mbsc-sc-whl-gr-3d,.mbsc-material .mbsc-fr-btn-cont .mbsc-fr-btn,.mbsc-material .mbsc-sc-lbl{color:#3880ff;color:var(--ion-color-primary,#3880ff)}.mbsc-fr-btn-cont{display:flex!important;justify-content:space-between}.mbsc-sc-itm-sel{color:#3880ff;color:var(--ion-color-primary,#3880ff);font-weight:600}.time-picker-label{font-size:10px;color:var(--ion-item-color);margin-left:2px}.mbsc-mobiscroll .mbsc-sc-lbl{color:#3880ff;color:var(--ion-color-primary,#3880ff)}.mbsc-material .mbsc-sc-whl-l{display:none}.mbsc-select-input.mbsc-control{width:100%;background:transparent;color:var(--okx-box-wrapper-color);padding:10px 8px 10px 0;border:0 rgba(0,0,0,.13);border-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))));outline:none;text-transform:capitalize}.mbsc-select-input.mbsc-control::-webkit-input-placeholder{color:var(--okx-box-wrapper-color);opacity:.33}.mbsc-select-input.mbsc-control::placeholder{color:var(--okx-box-wrapper-color);opacity:.33}.mbsc-mobiscroll .mbsc-sc-itm{color:var(--okx-box-wrapper-color)}.mbsc-mobiscroll .mbsc-sc-itm.mbsc-sc-itm-sel{color:var(--ion-color-primary)}.mbsc-ios .mbsc-fr-btn,.mbsc-ios .mbsc-sc-itm-sel{color:#3880ff;color:var(--okx-box-wrapper-color,#3880ff);font-size:17px}.mbsc-ios .mbsc-sc-itm-sel{font-size:25px}.mbsc-ios .mbsc-sc-whl-o{background:transparent!important}.mbsc-ios.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c,.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c{background:var(--okx-box-wrapper-background)!important}.select-picker-label{display:block;font-size:var(--okx-small-text-font-size);color:var(--ion-item-color);margin-top:10px;margin-left:2px}.mbsc-fr-btn-cont,.mbsc-fr-c,.mbsc-sel .mbsc-fr-c{background:var(--okx-box-wrapper-background)!important}.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm span{color:var(--okx-box-wrapper-color)}.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm.mbsc-sc-itm-sel span{color:var(--ion-color-primary)}.select-picker-label--primary{color:var(--okx-box-wrapper-color)}.mbsc-fr-btn-w .mbsc-fr-btn-s,.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w{border:0}.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-cont{border:1px solid rgba(0,0,0,.13);border:1px solid var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))))}.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d{color:#a3a3a3}.mbsc-ios .mbsc-sc-itm-sel{color:#3880ff!important;color:var(--ion-color-primary,#3880ff)!important}.alert-wrapper{--background:var(--okx-box-wrapper-background)}.alert-wrapper *{color:var(--okx-box-wrapper-color)!important}.mbsc-ios.mbsc-fr-inline .mbsc-fr-c{border:none}.okx-validate-input-wrapper{display:flex;width:100%;height:50px;align-items:center}.okx-validate-input-wrapper .okx-validate-input-holder{flex:1 1 auto}.okx-validate-input-wrapper .okx-validate-input-holder .normal-text{color:var(--okx-box-wrapper-color)!important}.okx-validate-input-wrapper .okx-validate-input-holder ion-datetime{--padding-start:0;--padding-top:15px}.okx-validate-input-wrapper ion-button{height:30px!important;width:30px!important;margin-top:0}.date-picker-wrapper.modal .data-picker-input{padding-top:15px}.date-picker-wrapper.modal ion-label{font-size:8px}.date-picker-modal-label,.okx-validate-input-wrapper .okx-validate-input-holder ion-label{font-size:var(--okx-small-text-font-size)}.date-picker-modal-label{color:var(--ion-color-dark);margin-left:2px;transition:.1s ease-in}.validate-modal>.modal-wrapper{height:100%;width:100%;border-radius:0;text-align:center;overflow:unset;border-radius:0!important}.web .validate-modal>.modal-wrapper{border-radius:var(--okx-box-radius)}.validate-modal>.modal-wrapper>.ion-page{min-width:100%;padding:30px var(--ion-padding) var(--ion-padding);overflow:auto;background-color:var(--okx-background-color);justify-content:flex-start}.validate-modal .date-picker-wrapper{margin-top:0!important}.validate-modal>.modal-wrapper>.ion-page h2{font-size:var(--ion-font-size);font-family:primary-bold;color:var(--ion-color-primary);text-align:center;text-transform:capitalize;margin-top:10px}.validate-modal>.modal-wrapper>.ion-page .validate-modal-closer ion-icon{height:25px;width:25px;right:10px!important;top:10px;z-index:5;color:var(--ion-color-secondary)}.validate-modal>.modal-wrapper>.ion-page .validate-modal-closer{position:absolute;right:10px;top:22px}.validate-modal>.modal-wrapper>.ion-page ion-icon{position:absolute;right:0;font-size:15px}.validate-modal>.modal-wrapper>.ion-page ion-icon .validate-modal ion-item{--min-height:20px;--inner-padding-end:0}.modal-content{margin-top:20px}.validate-modal>.modal-wrapper .ion-page .inline-input>ion-text .small-text,.validate-modal>.modal-wrapper .ion-page .inline-input>label{font-size:var(--ion-font-size);color:var(--ion-color-gray)}.validate-modal>.modal-wrapper .ion-page .inline-input>ion-text,.validate-modal>.modal-wrapper .ion-page .inline-input>label{flex:0 0 auto;margin-right:10px}.validate-modal>.modal-wrapper .ion-page .inline-input>ion-input[name=email]{text-overflow:ellipsis}.validate-modal>.modal-wrapper .ion-page .inline-input.inline-input--validate .data-picker-input,.validate-modal>.modal-wrapper .ion-page .inline-input>ion-input input{padding:5px 0}.web .validate-modal>.modal-wrapper{max-width:var(--okx-bsmodal-width-md);width:100%;height:var(--okx-modal-height)}.web .validate-modal>.modal-wrapper .validate-modal-closer{display:inline-block;position:absolute;top:0;right:0;cursor:pointer}.web .validate-modal>.modal-wrapper .validate-modal-closer ion-icon{z-index:5}.web .validate-modal>.modal-wrapper .validate-modal-header>br{display:none}.web .validate-modal>.modal-wrapper .validate-modal-header{text-align:left}.web .validate-modal>.modal-wrapper .validate-modal-header ion-text .small-text{color:var(--ion-color-gray)}.error-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--ion-padding);height:100%}.error-page-container *{color:var(--ion-color-dark)!important}ion-modal.modal-classic{--width:70%;--border-radius:10px}.web ion-modal.modal-classic.quantity-modal{--height:20%!important;--width:var(--okx-bsmodal-width-sm)}ion-modal.modal-classic.quantity-modal .modal-classic-action ion-button{text-transform:uppercase}ion-modal.modal-classic .modal-classic-wrapper{flex:1 1 auto;display:flex;flex-direction:column;padding:5px 13px}ion-modal.modal-classic .modal-classic-content{flex:1 1 auto;overflow-y:auto;padding:12px}ion-modal.modal-classic .modal-classic-closer{position:absolute;top:12px;right:12px;padding:0;cursor:pointer;z-index:1;color:var(--okx-box-wrapper-color);font-size:20px!important}ion-modal.modal-classic .modal-classic-action,ion-modal.modal-classic .modal-classic-header{flex:0 1 auto}ion-modal.modal-classic .modal-classic-header{padding:10px 5px}ion-modal.modal-classic .modal-classic-header h3{font-size:14px;font-weight:700;margin:0}ion-modal.modal-classic.modal-with-color-header .modal-classic-header h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:20px}ion-modal.modal-classic.modal-with-color-header .modal-classic-wrapper:after{content:"";position:absolute;left:0;right:0;top:0;height:42px;background-color:var(--ion-color-primary);z-index:-1}ion-modal.modal-classic.modal-with-color-header .modal-classic-closer{padding:11px;font-size:20px}.customIncrementModal{--min-height:250px!important;--height:250px}.modal-wrapper{--background:var(--okx-background-color)}.web ion-modal.modal-classic{--height:var(--okx-modal-height)!important;--width:var(--okx-bsmodal-width-lg)}@media screen and (max-width:1200px){.web ion-modal.modal-classic{--width:var(--okx-bsmodal-width-md)}}@media screen and (max-width:960px){.web ion-modal.modal-classic{--width:var(--okx-bsmodal-width-sm)}}:not(.web) .table-number-picker{--width:100%;--border-radius:0}.web .table-number-picker{--border-radius:var(--okx-box-radius)}.table-number-picker .mbsc-select-input.mbsc-control{display:none!important}@font-face{font-family:"WorkSans-Regular";font-style:normal;font-weight:400;src:url(/static/media/WorkSans-Regular.6f916ce8.ttf)}@font-face{font-family:"WorkSans-Medium";font-style:normal;font-weight:400;src:url(/static/media/WorkSans-Medium.38263ba4.ttf)}@font-face{font-family:"WorkSans-Bold";font-style:normal;font-weight:400;src:url(/static/media/WorkSans-Bold.a0bf66dd.ttf)}:root{--ion-color-primary:orange;--ion-color-primary-rgb:255,165,0;--ion-color-primary-contrast:#fff;--ion-color-primary-contrast-rgb:255,255,255;--ion-color-primary-shade:orange;--ion-color-primary-tint:orange;--ion-color-secondary:#000;--ion-color-secondary-rgb:0,0,0;--ion-color-secondary-contrast:#fff;--ion-color-secondary-contrast-rgb:255,255,255;--ion-color-secondary-shade:#000;--ion-color-secondary-tint:#000;--ion-color-tertiary:#f8bbab;--ion-color-tertiary-rgb:248,187,171;--ion-color-tertiary-contrast:#000;--ion-color-tertiary-contrast-rgb:0,0,0;--ion-color-tertiary-shade:#daa596;--ion-color-tertiary-tint:#f9c2b3;--ion-color-success:#10dc60;--ion-color-success-rgb:16,220,96;--ion-color-success-contrast:#fff;--ion-color-success-contrast-rgb:255,255,255;--ion-color-success-shade:#0ec254;--ion-color-success-tint:#28e070;--ion-color-warning:#ffce00;--ion-color-warning-rgb:255,206,0;--ion-color-warning-contrast:#fff;--ion-color-warning-contrast-rgb:255,255,255;--ion-color-warning-shade:#e0b500;--ion-color-warning-tint:#ffd31a;--ion-color-danger:#f04141;--ion-color-danger-rgb:245,61,61;--ion-color-danger-contrast:#fff;--ion-color-danger-contrast-rgb:255,255,255;--ion-color-danger-shade:#d33939;--ion-color-danger-tint:#f25454;--ion-color-dark:#333;--ion-color-dark-rgb:51,51,51;--ion-color-dark-contrast:#fff;--ion-color-dark-contrast-rgb:255,255,255;--ion-color-dark-shade:#111;--ion-color-dark-tint:#555;--ion-color-gray:#8c8b8b;--ion-color-gray-rgb:235,235,235;--ion-color-gray-contrast:#000;--ion-color-gray-contrast-rgb:0,0,0;--ion-color-gray-shade:#8c8b8b;--ion-color-gray-tint:#8c8b8b;--ion-color-greenlight:#c1d5ae;--ion-color-greenlight-rgb:193,213,174;--ion-color-greenlight-contrast:#000;--ion-color-greenlight-contrast-rgb:0,0,0;--ion-color-greenlight-shade:#ab9;--ion-color-greenlight-tint:#c7d9b6;--ion-color-light:#ebebeb;--ion-color-light-rgb:235,235,235;--ion-color-light-contrast:#000;--ion-color-light-contrast-rgb:0,0,0;--ion-color-light-shade:#d4d4d4;--ion-color-light-tint:#f1f1f1;--ion-color-superlight:#f4f4f4;--ion-color-superlight-rgb:244,244,244;--ion-color-superlight-contrast:#000;--ion-color-superlight-contrast-rgb:0,0,0;--ion-color-superlight-shade:#ebebeb;--ion-color-superlight-tint:#f9f9f9;--ion-color-white:#fff;--ion-color-white-rgb:255,255,255;--ion-color-white-contrast:#222;--ion-color-white-contrast-rgb:34,34,34;--ion-color-white-shade:#d7d8da;--ion-color-white-tint:#f5f6f9;--ion-color-black:#111;--ion-color-black-rgb:17,17,17;--ion-color-black-contrast:#eee;--ion-color-black-contrast-rgb:238,238,238;--ion-color-black-shade:#000;--ion-color-black-tint:#555;--ion-color-form-label:#b0abab;--ion-color-form-label-dark:#1e191a;--ion-color-note:var(--ion-color-dark);--ion-color-box-holder:transparent;--ion-separator-color:#e6e6e6;--ion-feedback-label:#727272;--ion-top-small:5px;--ion-top-medium:30px;--ion-feedback-star:#9ba1a5;--ion-location-arrow:#ccc;--ion-headings-font-weight:300;--ion-color-angular:#ac282b;--ion-color-communication:#8e8d93;--ion-color-tooling:#fe4c52;--ion-color-services:#fd8b2d;--ion-color-design:#fed035;--ion-color-workshop:#69bb7b;--ion-color-food:#3bc7c4;--ion-color-documentation:#b16be3;--ion-color-navigation:#60c;--ion-padding:20px;--ion-toolbar-min-height:48px;--ion-card-radius:20px;--ion-item-color:var(--ion-color-dark);--ion-item-background:transparent;--ion-text-color:#000;--ion-circle-color:#e8e7e9;--ion-font-family:"WorkSans-Medium";--ion-default-font:"WorkSans-Medium";--ion-font-family-regular:"WorkSans-Regular";--ion-font-family-bold:"WorkSans-Bold";--okx-font-primary:var(--ion-default-font);--okx-font-primary-variant:var(--okx-font-primary);--okx-font-secondary:var(--ion-font-family-bold);--okx-font-tertiary:var(--ion-font-family-regular);--okx-dashboard-card-background-gradient:linear-gradient(rgba(0,0,0,0.3) 10%,rgba(0,0,0,0.7));--okx-menu-button-background:var(--ion-color-primary);--okx-menu-button-text:var(--ion-color-contrast);--okx-menu-icon-color:var(--ion-color-primary);--okx-nav-title-color:var(--ion-color-primary);--okx-background-color:#f5f5f5;--okx-dashboard-background:#000;--okx-dashboard-color:#fff;--okx-box-wrapper-background:#fff;--okx-box-wrapper-color:#000;--okx-box-wrapper-border:var(--ion-color-light);--okx-textfield-background:#fff;--okx-textfield-color:#000;--okx-textfield-border:var(--ion-color-gray);--okx-menu-background:#fff;--okx-menu-color:#000;--background:var(--okx-background-color);--ion-font-size:14px;--okx-title-font-size:25px;--okx-subtitle-font-size:18px;--okx-font-size:var(--ion-font-size);--okx-sectiontitle-font-size:14px;--okx-tiny-text-font-size:10px;--okx-medium-font-size:16px;--okx-big-label-font-size:52px;--okx-small-text-font-size:10px;--okx-note-font-size:12px;--okx-error-font-size:11px;--okx-modal-height:90%;--okx-drawer-max-width:320px;--okx-small-drawer-max-width:90px;--okx-drawer-width:var(--okx-drawer-max-width);--okx-sidebar-width:calc(var(--okx-drawer-max-width) + 50px);--okx-padding:var(--ion-padding);--okx-padding-small:16px;--okx-padding-tiny:8px;--okx-margin:16px;--okx-flex-min:5px;--okx-flex-spacer:20px;--okx-big-label-color:#000;--okx-big-label-margin:2px 0;--okx-big-label-padding:0;--okx-title-color:#000;--okx-title-margin:2px 0;--okx-title-padding:0;--okx-subtitle-color:#222;--okx-subtitle-margin:25px 0;--okx-subtitle-padding:0;--okx-sectiontitle-color:#222;--okx-sectiontitle-margin:20px 0;--okx-sectiontitle-padding:0;--okx-error-margin:0 0 10px;--okx-hr-margin:20px auto;--okx-border-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,0.13))));--okx-drawer-padding:32px;--okx-box-radius:10px;--okx-box-padding-left:15px;--okx-box-padding-top:15px;--okx-box-padding-right:15px;--okx-box-padding-bottom:15px;--okx-small-radius:5px;--okx-normal-text-color:var(--ion-color-secondary);--okx-light-text-color:var(--ion-color-gray);--okx-circle-color:var(--ion-circle-color);--okx-incrementer-button-width:30px;--okx-loyalty-badge-width:140px;--okx-loyalty-badge-inner-padding:4px;--okx-loyalty-bar-height:50px;--okx-cancel-button-color:hsla(0,0%,100%,0.2);--okx-scrollbar-handle-color:#dadce0;--okx-scrollbar-track-color:var(--ion-color-light);--okx-scrollbar-color:var(--okx-scrollbar-handle-color) var(--okx-scrollbar-track-color);--okx-color-black:#000;--okx-selected-menu-item-color:var(--okx-color-black)}.web{--okx-bsmodal-top:180px;--okx-bsmodal-width-lg:500px;--okx-bsmodal-width-md:420px;--okx-bsmodal-width-sm:390px;--okx-product-font-size:14px;--okx-hero-height:280px}*{box-sizing:border-box;font-family:var(--ion-font-family)}.ion-color-favorite{--ion-color-base:#69bb7b;--ion-color-base-rgb:105,187,123;--ion-color-contrast:#fff;--ion-color-contrast-rgb:255,255,255;--ion-color-shade:#5ca56c;--ion-color-tint:#78c288}.ion-color-twitter{--ion-color-base:#1da1f4;--ion-color-base-rgb:29,161,244;--ion-color-contrast:#fff;--ion-color-contrast-rgb:255,255,255;--ion-color-shade:#1a8ed7;--ion-color-tint:#34aaf5}.ion-color-google{--ion-color-base:#dc4a38;--ion-color-base-rgb:220,74,56;--ion-color-contrast:#fff;--ion-color-contrast-rgb:255,255,255;--ion-color-shade:#c24131;--ion-color-tint:#e05c4c}.ion-color-vimeo{--ion-color-base:#23b6ea;--ion-color-base-rgb:35,182,234;--ion-color-contrast:#fff;--ion-color-contrast-rgb:255,255,255;--ion-color-shade:#1fa0ce;--ion-color-tint:#39bdec}.ion-color-facebook{--ion-color-base:#3b5998;--ion-color-base-rgb:59,89,152;--ion-color-contrast:#fff;--ion-color-contrast-rgb:255,255,255;--ion-color-shade:#344e86;--ion-color-tint:#4f6aa2}.ion-color-primary-shade{--ion-color-base:var(--ion-color-primary-shade);--ion-color-base-rgb:185,3,11;--ion-color-contrast:#fff;--ion-color-contrast-rgb:255,255,255;--ion-color-shade:var(--ion-color-primary-shade);--ion-color-tint:var(--ion-color-primary)}.ion-color-white{--ion-color-base:var(--ion-color-white);--ion-color-base-rgb:var(--ion-color-white-rgb);--ion-color-contrast:var(--ion-color-white-contrast);--ion-color-contrast-rgb:var(--ion-color-white-contrast-rgb);--ion-color-shade:var(--ion-color-white-shade);--ion-color-tint:var(--ion-color-white-tint)}.ion-color-black{--ion-color-base:var(--ion-color-black);--ion-color-base-rgb:var(--ion-color-black-rgb);--ion-color-contrast:var(--ion-color-black-contrast);--ion-color-contrast-rgb:var(--ion-color-black-contrast-rgb);--ion-color-shade:var(--ion-color-black-shade);--ion-color-tint:var(--ion-color-black-tint)}.ion-color-gray,.ion-color-grey{--ion-color-base:var(--ion-color-gray);--ion-color-base-rgb:var(--ion-color-gray-rgb);--ion-color-contrast:var(--ion-color-gray-contrast);--ion-color-contrast-rgb:var(--ion-color-gray-contrast-rgb);--ion-color-shade:var(--ion-color-gray-shade);--ion-color-tint:var(--ion-color-gray-tint)}.ion-color-superlight{--ion-color-base:var(--ion-color-superlight);--ion-color-base-rgb:var(--ion-color-superlight-rgb);--ion-color-contrast:var(--ion-color-superlight-contrast);--ion-color-contrast-rgb:var(--ion-color-superlight-contrast-rgb);--ion-color-shade:var(--ion-color-superlight-shade);--ion-color-tint:var(--ion-color-superlight-tint)}.ion-color-success{--ion-color-base:var(--ion-color-success);--ion-color-base-rgb:var(--ion-color-success-rgb);--ion-color-contrast:var(--ion-color-success-contrast);--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb);--ion-color-shade:var(--ion-color-success-shade);--ion-color-tint:var(--ion-color-success-tint)}.ion-color-warning{--ion-color-base:var(--ion-color-warning);--ion-color-base-rgb:var(--ion-color-warning-rgb);--ion-color-contrast:var(--ion-color-warning-contrast);--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb);--ion-color-shade:var(--ion-color-warning-shade);--ion-color-tint:var(--ion-color-warning-tint)}.ion-color-danger{--ion-color-base:var(--ion-color-danger);--ion-color-base-rgb:var(--ion-color-danger-rgb);--ion-color-contrast:var(--ion-color-danger-contrast);--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb);--ion-color-shade:var(--ion-color-danger-shade);--ion-color-tint:var(--ion-color-danger-tint)}.okx-color-primary{color:var(--ion-color-primary)}.okx-color-secondary{color:var(--ion-color-secondary)}.okx-color-tertiary{color:var(--ion-color-tertiary)}.okx-color-gray{color:var(--ion-color-gray)}.okx-color-dark{color:var(--ion-color-dark)}.okx-bgcolor-primary{background-color:var(--ion-color-primary)}.okx-bgcolor-secondary{background-color:var(--ion-color-secondary)}.okx-bgcolor-tertiary{background-color:var(--ion-color-tertiary)}.okx-bordercolor-primary{border-color:var(--ion-color-primary)}.okx-bordercolor-secondary{border-color:var(--ion-color-secondary)}.okx-bordercolor-tertiary{border-color:var(--ion-color-tertiary)}.list-ios{margin-bottom:0}ion-modal .ion-page,ion-modal ion-page{min-width:100px}.full-height{height:100%}h1{color:#d3d3d3;position:relative;text-decoration:underline;-webkit-text-decoration-color:red;text-decoration-color:red}h1,h1:after{display:block}h1:after{content:"DON'T USE H1 TAG ! ! !";color:red}h2,h3,h4,h5,h6{display:block;margin:0}.normal-text,.strong-text,div,ion-item,li,p{font-size:var(--ion-font-size)}.normal-text,.strong-text,li,p{color:var(--okx-box-wrapper-color)}.block{display:block}.break-space{white-space:normal!important}.strong-text{font-weight:700}.strong-text,strong{font-family:var(--ion-font-family-bold)}.normal-text{font-weight:400!important;font-family:var(--ion-font-family-medium)}.small-text{font-size:var(--okx-small-text-font-size);color:var(--okx-box-wrapper-color);font-family:var(--ion-font-family);font-weight:400}.uppercase{text-transform:none!important}.light-text{color:var(--okx-light-text-color)}.datetime-text,.masked-input,.sc-ion-input-ios-h,.sc-ion-input-md-h,ion-datetime,ion-input,ion-select{--color:var(--okx-textfield-color);color:var(--okx-textfield-color)}input:-webkit-autofill{-webkit-text-fill-color:var(--okx-textfield-color)!important}ion-datetime.datetime-placeholder{opacity:.33}.big-label{font-size:var(--okx-big-label-font-size);font-weight:700;color:var(--okx-big-label-color);padding:var(--okx-big-label-padding);margin:var(--okx-big-label-margin)}.title{line-height:1.3;font-size:var(--okx-title-font-size);color:var(--ion-color-primary);font-family:var(--ion-font-family-bold);font-weight:400;text-transform:var(--text-transform-title);margin-bottom:10px!important}.subtitle,h2,h3,h4,h5,h6{font-size:var(--okx-subtitle-font-size);color:var(--okx-box-wrapper-color)}ion-label h2,ion-label h3,ion-label h4,ion-label h5,ion-label h6{font-size:var(--okx-sectiontitle-font-size)!important}.sectiontitle{font-size:var(--okx-sectiontitle-font-size);color:var(--okx-sectiontitle-color);padding:var(--okx-sectiontitle-padding);margin:0}.medium-font-size{font-size:var(--okx-medium-font-size)}.sectiontitle:first-child,.subtitle:first-child,.title:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{padding-top:0;margin-top:0}.padded{padding:var(--ion-padding)}.padded-small{padding:var(--okx-padding-small)}.padded-tiny{padding:var(--okx-padding-tiny)}.padded-top{padding-top:var(--ion-padding)}.padded-bottom{padding-bottom:var(--ion-padding)}.padded-left{padding-left:var(--ion-padding)}.padded-right{padding-right:var(--ion-padding)}.margined{margin:var(--okx-margin)}.margined-top{margin-top:var(--okx-margin)}.margined-bottom{margin-bottom:var(--okx-margin)}.margined-right{margin-right:var(--okx-margin)}.no-margin{margin:0}.no-margin-bottom{margin-bottom:0}.no-margin-top{margin-top:0}.no-padding-top{padding-top:0}.no-padding-bottom{padding-bottom:0}.no-padding-left{padding-left:0}.no-padding-right{padding-right:0}.no-padding{padding:0}ion-grid.no-padding{--ion-grid-padding:0}ion-grid.no-padding ion-col{padding:0}.md{--ion-toolbar-background:var(--ion-color-white);--ion-toolbar-color:#fff;--ion-toolbar-color-activated:#fff}.bold{font-weight:700!important}.italic{font-style:italic}.box-holder ion-item{--padding-start:0px}.box-holder ion-item:first-child{border-bottom:1px solid var(--ion-color-gray)}.single-item{margin-bottom:10px}ion-label h2{color:var(--ion-color-form-label-dark);font-weight:500}ion-note{color:var(--ion-color-secondary);font-size:var(--okx-small-text-font-size);font-weight:400}ion-item.item-disabled{opacity:1!important}ion-item.item-disabled>*{opacity:.5!important}ion-item{--padding-start:0;--inner-padding-end:0}ion-item ion-button{margin-bottom:0;height:auto}.float-input-holder{--padding-start:0px;--border-color:var(--ion-color-form-label)}.top-small{margin-top:var(--ion-top-small)}.top-medium{margin-top:var(--ion-top-medium)}.verified-content{text-align:center}ion-button{height:42px;--border-radius:3px;font-weight:400;--background-hover:transparent;--background-activated:transparent;--background-focused:transparent;--background-activated-opacity:0;--background-focused-opacity:0;--background-hover-opacity:0}ion-item{--background-hover:transparent!important;--background-activated:transparent!important;--background-focused:transparent!important;--background-activated-opacity:0!important;--background-focused-opacity:0!important;--background-hover-opacity:0!important;--ripple-color:transparent}ion-button.validation{--background:var(--okx-color-white);--color:var(--ion-color-primary)}ion-button.ion-color-primary{--border-style:solid;--border-width:2px;--border-color:var(--ion-color-primary)}ion-button.ion-color-primary svg{height:20px;width:20px;stroke:var(--ion-color-primary-contrast);margin-right:5px}ion-button.ion-color-white{--border-style:none;--border-width:0;--border-color:transparent}ion-button.cancel{--color:var(--ion-color-primary)}ion-button.cancel,ion-button.link{--background:var(--okx-cancel-button-color)!important}ion-button.link{--color:inherit;font-weight:500;cursor:pointer;--background-hover:red!important}ion-button.rounded{--border-radius:60px}ion-button.button-small{font-size:var(--okx-small-text-font-size)!important}ion-button.link.underlined{font-size:var(--ion-font-size)!important}ion-header ion-title{text-transform:uppercase;font-weight:700}.poo,.pov,.relative{position:relative}.mixed-right,.mixed-right *{text-align:right;justify-content:flex-end;align-items:center;align-self:center;justify-self:flex-end}.mixed-left,.mixed-left *{text-align:left;justify-content:flex-start;align-items:center;align-self:center;justify-self:flex-start}.mixed-left,.mixed-left * .grow{flex-grow:0.5}.contrast-separator{display:block;height:0;line-height:0;border:1px solid hsla(0,0%,100%,.3);margin:16px 0}.contrast-separator.contrast-separator-mini{margin:12px 0}.poster{padding-top:65%;background-color:initial;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.text-link{--ion-toolbar-background:transparent;--background-hover:transparent;--background-activated:transparent;--background-focused:transparent;--color:var(--ion-color-gray);--color-hover:var(--ion-color-dark);--color-activated:var(--ion-color-dark);--color-focused:var(--ion-color-dark);--ripple-color:#fff;text-transform:unset;font-size:inherit}span.link{color:inherit;cursor:pointer;font-weight:500}span.link.link-primary{color:var(--ion-color-primary);cursor:pointer}.paddL{padding-left:0}.paddLR,.paddR{padding-right:0}.paddLR{padding-left:0}.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button.link,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button.link,.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button.link,.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button.link,ion-button.link,ion-buttons ion-button.link{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;--background:transparent;--background-active:transparent;--background-focused:transparent;--background-hover:transparent;--border-color:transparent;--border-style:none;--border-width:0;--box-shadow:none;--ripple-color:transparent;--color:var(--ion-color-primary);--color-hover:var(--ion-color-primary-shade);--color-focused:var(--ion-color-primary-shade);--color-activated:var(--ion-color-primary-shade);font-size:inherit}.segment-holder{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.15)}.segment-holder ion-segment{flex:0 0 auto}.segment-holder .segment-content{flex:1 1 auto;overflow:hidden;overflow-y:auto}.scrollable{overflow:auto}.scrollable-y{overflow:hidden;overflow-y:auto}.scrollable-x{overflow:hidden;overflow-x:auto}.bordered,.bordered-bottom,.bordered-left,.bordered-right,.bordered-top{border:1px solid var(--okx-border-color)}.bordered-primary{border:1px solid var(--ion-color-primary)}.bordered-top{border-width:1px 0 0}.bordered-bottom{border-width:0 0 1px}.bordered-left{border-width:0 0 0 1px}.bordered-right{border-width:0 1px 0 0}.underlined{text-decoration:underline}ion-segment-button{height:50px;border-radius:0;color:var(--ion-color-dark);border:0;font-weight:700}ion-segment-button.segment-button-checked{border-bottom-color:var(--ion-color-primary)}.clickable{cursor:pointer}.field-error{color:var(--ion-color-danger);font-size:var(--okx-small-text-font-size);margin:var(--okx-error-margin)}ion-checkbox{--checkmark-color:#fff}.flex-col-holder,.flex-col-wrapper,.flex-row-holder,.flex-row-wrapper,.flex-wrapper{display:flex}.flex-col-holder,.flex-col-wrapper{flex-direction:row}.flex-col-holder.flex-reverse,.flex-col-wrapper.flex-reverse{flex-direction:row-reverse}.flex-row-holder,.flex-row-wrapper{flex-direction:column}.flex-row-holder.flex-reverse,.flex-row-wrapper.flex-reverse{flex-direction:column-reverse}.flex-col-holder>div,.flex-col-wrapper>div,.flex-row-holder>div,.flex-row-wrapper>div{flex:1 1 auto}.flex-col-holder>div.flex-min,.flex-col-wrapper>div.flex-min,.flex-row-holder>div.flex-min,.flex-row-wrapper>div.flex-min{flex:0 1 var(--okx-flex-min)}.flex-col-holder>div.flex-optional,.flex-col-wrapper>div.flex-optional,.flex-row-holder>div.flex-optional,.flex-row-wrapper>div.flex-optional{flex:1 1}.flex-col-holder>div.flex-spacer,.flex-col-wrapper>div.flex-spacer,.flex-row-holder>div.flex-spacer,.flex-row-wrapper>div.flex-spacer{flex:0 1 var(--okx-flex-spacer)}.flex-align-start{align-items:flex-start}.flex-justify-start{justify-content:flex-start}.flex-align-center{align-items:center}.flex-justify-center{justify-content:center}.flex-align-end{align-items:flex-end}.flex-justify-end{justify-content:flex-end}.flex-align-stretch{align-items:stretch}.flex-justify-stretch{justify-content:stretch}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.absolute-content{position:absolute;left:0;top:0;right:0;bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px);-webkit-padding-end:16px;padding-inline-end:16px;-webkit-padding-end:var(--ion-padding,16px);padding-inline-end:var(--ion-padding,16px);padding-left:16px;padding-left:var(--ion-padding,16px);padding-right:16px;padding-right:var(--ion-padding,16px);padding-top:5px;padding-bottom:16px;padding-bottom:var(--ion-padding,16px)}.web .title.web-only{color:var(--ion-color-primary)}.web .absolute-content{padding-top:16px;padding-top:var(--ion-padding,16px)}.absolute-content>div{position:relative;z-index:1}.centered,.centered *{text-align:center;justify-content:center;align-items:center;align-self:center;justify-self:center}.righted,.righted *{text-align:right;justify-content:flex-end;align-items:flex-end;align-self:flex-end;justify-self:flex-end}.righted,.righted * .grow{flex-grow:0}.righted,.righted * .instruction-grow{flex-grow:1}.lefted,.lefted *{text-align:left;justify-content:flex-start;align-items:flex-start;align-self:flex-start;justify-self:flex-start}.self-aligned{align-self:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-spaces{white-space:break-spaces}.uppercase{text-transform:uppercase}.hidden,.web-only{display:none}.invisible{visibility:hidden}hr{color:transparent;background-color:initial;height:0;min-height:0;line-height:0;margin:var(--okx-hr-margin);border:0;border-top:2px solid var(--ion-color-gray)}ion-badge.small{font-size:7px;--padding-start:2px;--padding-end:2px;--padding-top:2px;--padding-bottom:2px;border-radius:50%;min-width:11px;text-transform:none;position:absolute}.card-thumb{display:inline-block;width:55px;height:35px;position:relative;border-radius:3px;border:1px solid var(--ion-color-light)}.card-thumb.visa:after{display:block;position:absolute;left:0;top:10px;right:0;bottom:0;content:"VISA";color:#2566af;text-align:center;font-weight:900;font-style:italic}.card-thumb.mc:before{left:5px;top:5px;width:26px;height:26px;content:"";border-radius:50%;background-color:#c00}.card-thumb.mc:after,.card-thumb.mc:before{display:block;position:absolute;text-shadow:1px 1px rgba(0,0,0,.3)}.card-thumb.mc:after{left:0;top:2px;right:0;bottom:0;content:"MasterCard";color:#fff;font-size:8px;padding-top:11px;text-align:center;font-weight:700;font-style:italic;background-image:radial-gradient(circle at 36px 16px,rgba(255,153,0,.7) 0 12px,transparent 13px)}.delivery-option-label,.title-bar{padding:12px 0}.delivery-option-label{position:relative}.delivery-option-label .subtitle,.delivery-option-label .title,.title-bar .subtitle,.title-bar .title{margin:0}ion-item.item-label-floating.item-has-focus ion-label,ion-item.item-label-floating.item-has-value ion-label{-webkit-transform:translate3d(0,50%,0) scale(.8)!important;transform:translate3d(0,50%,0) scale(.8)!important}.no-borders{--border-style:none!important}.restaurant-card ion-card-content{padding:var(--ion-padding);font-size:var(--ion-font-size)}.web .mobile-only{display:none}ion-button{--border-radius:20px;--box-shadow:none;margin-bottom:10px;text-transform:none;letter-spacing:normal;font-size:var(--ion-font-size)!important;font-family:var(--ion-font-family-bold)!important}ion-button.small-btn{--padding-start:10px;--padding-end:10px;--padding-top:5px;--padding-bottom:5px;height:-webkit-max-content;height:max-content}.restaurant-card ion-card-content .restaurant-info-title{padding:0 2px;font-weight:700}.restaurant-card ion-card-content .restaurant-info{padding:15px 15px 30px;text-align:center}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.mbsc-ios .mbsc-sc-itm,.mbsc-ios .mbsc-sc-itm-sel,.mbsc-material .mbsc-sc-itm,.mbsc-material .mbsc-sc-itm-sel,.mbsc-sc-itm,.mbsc-sc-itm-sel{background:transparent!important}.pointer{cursor:pointer}.web #main>ion-content.route-history>.no-padding,.web #main>ion-content.route-loyalty>.no-padding,.web .delivery-options-card,.web .ion-padding,.web .raf-card,.web .restaurant-card{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:0!important;margin:auto!important;background-color:var(--okx-background-color)!important;border-radius:var(--okx-box-radius)!important;box-shadow:0 0 32px rgba(0,0,0,.25)!important;max-height:var(--okx-modal-height)!important;overflow:hidden!important;width:var(--okx-bsmodal-width-lg)}.web .click-collect-dialog.show-up{width:var(--okx-bsmodal-width-lg);height:var(--okx-modal-height);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}.unclicked{pointer-events:none}.without-padding{padding:0!important}.inline-input-field-wrapper>div:after{pointer-events:none;content:"\25bc";height:100%;width:15px;position:absolute;right:10px;top:0;bottom:0;font-size:15px;display:flex;align-items:center;justify-content:center;font-weight:700;margin:auto auto auto 5px;padding-left:5px;color:var(--okx-textfield-color)}.inline-input-field-wrapper>div{max-width:90px;position:relative}.inline-input-field-wrapper ion-input{padding-left:var(--okx-padding)!important}.input-field-wrapper.item-has-focus{border:1px solid var(--ion-color-primary)!important}.input-field-wrapper.item-has-focus ion-input{--background:transparent!important}.input-field-wrapper.dropdown-field{position:relative}.input-field-wrapper.dropdown-field:after{content:"\203A";height:100%;width:20px;position:absolute;right:10px;top:0;bottom:0;font-size:20px;display:flex;margin:auto;color:var(--okx-textfield-color);align-items:center;-webkit-transform:rotate(90deg);transform:rotate(90deg);justify-content:center;font-weight:700}.input-field-wrapper,.web .input-field-wrapper{padding:0 10px;background-color:var(--okx-textfield-background);border-radius:var(--okx-box-radius);border:1px solid var(--okx-textfield-border);margin:0 .5px}.input-field-two-columns-wrapper.input-field-wrapper{display:flex;padding:0;margin-top:10px}.input-field-two-columns-wrapper.input-field-wrapper>div{padding:10px}.input-field-two-columns-wrapper.input-field-wrapper>div:first-child{border-right:1px solid var(--okx-textfield-border);width:33%}.input-field-wrapper input,.input-field-wrapper ion-input{height:100%;border:none;outline:none;background-color:initial}.input-field-wrapper ion-textarea{margin:0;-webkit-padding-start:0;padding-inline-start:0;--padding-start:0}.disabled-wrapper,.disabled-wrapper *{pointer-events:none}.disabled-wrapper,.web .disabled-wrapper{opacity:.4}.input-field-container{margin-bottom:10px}.input-field-container.no-margin{margin-bottom:0}.input-field-container .normal-text{margin-bottom:3px;color:var(--okx-box-wrapper-color)!important;display:block;text-align:start}.input-field-container .normal-text.primary-color{color:var(--ion-color-primary)!important}.input-field-container-multiple>:not(:last-of-type){margin-bottom:10px}.primary-color{color:var(--ion-color-primary)!important}.danger-color,.danger-color *{color:var(--ion-color-danger)!important}.warning-color,.warning-color *{color:var(--ion-color-warning)!important}.success-color,.success-color *{color:var(--ion-color-success)!important}.light-color{opacity:.6}.secondary-color{color:var(--ion-color-secondary)!important}ion-app:not(.web){background-color:var(--okx-background-color)}.segment-holder ion-segment{background-color:var(--okx-background-color)!important}.box-with-shadow{box-shadow:2px 2px 5px 0 rgba(0,0,0,.1)}.box-content{background-color:var(--okx-box-wrapper-background)!important;border-radius:var(--okx-box-radius);padding:10px}.box-content--loading>div ion-row{opacity:.4;position:relative}.box-content--loading ion-spinner{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;color:var(--ion-color-primary)!important}.box-wrapper.required-field{border:1px solid var(--ion-color-danger)}.box-wrapper.space-between{padding:10px}.box-wrapper.required-field *{color:var(--ion-color-danger)!important}.box-wrapper{border-radius:var(--okx-box-radius);padding:0}.box-wrapper:not(.stamps-wrapper){background-color:var(--okx-box-wrapper-background)!important}.box-wrapper ion-item{padding:10px}.box-wrapper ion-item ion-label{margin:0!important}.box-wrapper>:not(:last-child)>ion-item,.box-wrapper ion-item:not(:last-child){border-bottom:1px solid var(--ion-color-gray)}.box-content *,.box-wrapper:not(.time-picker-wrapper):not(.required-field) *{color:var(--okx-box-wrapper-color)}.box-wrapper.time-picker-wrapper{border:none;flex:unset;overflow:hidden}.box-wrapper-multiple-items{border-radius:var(--okx-box-radius);padding:0;margin-top:5px;background-color:var(--okx-box-wrapper-background)}.box-wrapper-multiple-items>*{padding:10px;color:var(--okx-box-wrapper-color)}.box-wrapper-list{padding:0!important}.box-wrapper-list>*{padding:5px;border-bottom:1px solid var(--okx-box-wrapper-border)}.box-wrapper-list>:last-child{border-bottom:none}.box-wrapper-multiple-items>:not(:first-child){border-top:1px solid var(--okx-box-wrapper-border)}.box-wrapper.inline-box-wrapper,.box-wrapper.inline-box-wrapper>*{display:flex;align-items:center;height:50px}.box-wrapper.inline-box-wrapper>*{padding:5px}.box-wrapper.inline-box-wrapper input{background-color:initial!important}.inline-box-wrapper>div:first-child{border-right:1px solid var(--okx-box-wrapper-border);width:50px;justify-content:center}.inline-box-wrapper>ion-item{flex:1 1}.unselectable{pointer-events:none}ion-checkbox,ion-radio{--border-radius:3px;--checkmark-color:#fff;--inner-border-radius:3px}ion-checkbox,ion-radio{height:20px;width:20px;margin:0 20px 0 0}ion-radio{border-radius:3px;border:1px solid var(--ion-color-primary)}ion-checkbox{--border-color:var(--ion-color-primary)}.radio-icon{contain:none}ion-radio.radio-checked{background-color:var(--ion-color-primary)!important}.web ion-radio.radio-checked{background-color:initial!important}.web ion-radio{border:none}.search-box-wrapper{display:flex;justify-content:space-between;align-items:center;margin:3px 25px 30px 0;background-color:var(--okx-background-color)}.search-box-wrapper .title{margin:0!important}.web .search-box{position:relative;padding:0;position:-webkit-sticky;position:sticky;z-index:5;top:0;margin:5px var(--ion-padding);width:30%;background-color:initial;border-radius:0}.search-box{position:absolute;top:0;background-color:var(--ion-color-gray);margin-top:0;width:calc(100% - var(--ion-padding) - var(--ion-padding));padding:15px;left:var(--ion-padding);z-index:3;border-radius:15px 0 15px 15px}.search-box>div{position:relative}.search-box ion-icon{position:absolute;margin:auto;top:0;bottom:1px;left:10px;fill:var(--okx-textfield-color);z-index:6}.search-box ion-icon.reset-icon{left:unset;right:10px;cursor:pointer}.search-box ion-input{--padding-start:30px;--padding-end:30px;--padding-top:10px;--padding-bottom:10px;width:100%;--background:var(--okx-textfield-background);border:1px solid var(--okx-textfield-border);border-radius:var(--okx-box-radius);--border-width:0}.search-box ion-input input{border:none}.disclaimer-wrapper,.order-disclaimer-wrapper{flex:unset!important;margin:auto}.disclaimer-wrapper img,.order-disclaimer-wrapper img{width:100%;object-position:center;object-fit:contain}.dashboard-disclaimer-wrapper{position:fixed;bottom:-7px;left:0;width:100%}.dashboard-disclaimer-wrapper img{height:100%;width:100%;object-fit:contain;object-position:bottom}.disabled-element{pointer-events:none;position:relative}.disabled-element>*>*,.web .disabled-element>*{opacity:.2}.web .disabled-element>*>*{opacity:1}ion-toolbar{--padding-end:var(--ion-padding)!important;--padding-start:var(--ion-padding)!important;--padding-bottom:0!important;--padding-top:15px!important;--min-height:40px!important}ion-toolbar ion-button,ion-toolbar ion-buttons,ion-toolbar ion-menu-button{--padding-end:1px!important;--padding-start:1px!important;margin:0!important}.header-title,.image-button,ion-toolbar ion-buttons{padding-bottom:15px}ion-toolbar ion-button,ion-toolbar ion-buttons{width:32px}ion-toolbar ion-buttons.image-button-wrapper{width:100%}.web ion-toolbar ion-buttons.image-button-wrapper{pointer-events:none!important}ion-toolbar ion-buttons.button-active{margin-left:-1px!important;border-radius:10px 10px 0 0;background-color:var(--ion-color-gray)}.is-uppercase{text-transform:uppercase}ion-alert{--background:var(--okx-box-wrapper-background)!important}ion-alert .alert-message *,ion-alert .alert-title{color:var(--okx-box-wrapper-color)!important}.block-separator{display:flex;justify-content:center;position:relative}.block-separator:before{width:100%;height:2px;background-color:var(--ion-color-gray);content:"";position:absolute;top:0;bottom:0;margin:auto;z-index:-1}.block-separator .normal-text{display:block;padding:0 20px;background-color:var(--okx-background-color)}.block-separator{margin:15px 0}.click-collect-dialog{position:fixed;margin:auto;background-color:#fff;width:100%;height:100%;border-radius:0;top:0;left:0;transition:all .3s ease-out;visibility:hidden;opacity:0;pointer-events:none;z-index:999}.web .click-collect-dialog{border-radius:var(--okx-box-radius)}.click-collect-dialog.show-up{visibility:visible;opacity:1;pointer-events:auto}.click-collect-dialog-layout{height:100%;display:flex;flex:1 1 auto;flex-direction:column;padding:var(--ion-padding);background-color:var(--okx-background-color);border-radius:var(--okx-box-radius)}.click-collect-dialog.sc-ion-modal-md{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border:var(--border-width) var(--border-style) var(--border-color);background:var(--background);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.click-collect-dialog-header{flex:0 1 auto;padding:0}.click-collect-dialog-header h3{font-size:var(--okx-title-font-size);font-weight:700;margin:0}.click-collect-dialog-closer{position:absolute;top:var(--ion-padding)!important;right:var(--ion-padding)!important;padding:0;cursor:pointer}.click-collect-dialog-closer ion-icon{font-size:20px;fill:var(--ion-color-secondary)}.click-collect-dialog-content{flex:1 1 auto;padding:0;margin:15px 0;overflow-y:auto}.error-overlay{position:fixed;background:rgba(0,0,0,.5);height:100%;width:100%;left:0;top:0;z-index:10}.default-padding{padding:0 var(--ion-padding)}.default-margin{margin:0 var(--ion-padding)}.restaurant-data{margin-top:5px}.restaurant-data svg{height:15px;width:15px;margin-right:7px}.restaurant-data p{margin:0;font-size:var(--ion-font-size);color:var(--okx-box-wrapper-color)}.restaurant-data>div{display:flex;align-items:center}.tiled-box-wrapper ion-checkbox{display:none}.tiled-box-wrapper img{width:100%;max-height:110px;object-fit:cover}.tiled-box-wrapper.box-wrapper,.tiled-box-wrapper ion-item{border:none!important;background-color:initial!important;padding:0!important;border-radius:0}.tiled-box-wrapper ion-item{margin-bottom:15px}.web .alert-bottom .alert-wrapper{--max-width:350px;top:0;margin:auto;--max-height:400px;border-radius:var(--okx-box-radius)!important}.alert-bottom .alert-wrapper{--max-width:100%;position:absolute;bottom:0;width:100%!important;border-radius:var(--okx-box-radius) var(--okx-box-radius) 0 0!important;padding:calc(var(--ion-padding)*2) var(--ion-padding)}.alert-bottom .web .alert-wrapper{border-radius:var(--okx-box-radius)!important;width:500px!important;top:0!important;margin:auto;max-height:350px!important;display:flex;flex-direction:column;justify-content:space-between}.alert-bottom .alert-wrapper *{padding-left:0!important;padding-right:0!important;padding-top:0!important}.alert-bottom .alert-head{padding:0!important}.alert-bottom .alert-title{font-size:var(--okx-title-font-size)!important;font-weight:700!important;text-align:center;padding-bottom:var(--ion-padding);margin-bottom:var(--spacer-2)!important}.alert-bottom .alert-message{font-size:var(--ion-font-size)!important;color:var(--okx-text-color)!important;text-align:center}.alert-bottom .alert-button-group{display:grid!important;grid-gap:var(--ion-padding)!important;gap:var(--ion-padding)!important;grid-auto-columns:1fr;padding:0!important}.alert-bottom .alert-button-group button{margin:0!important;height:42px;border-radius:30px!important;padding:0 var(--ion-padding)!important;border:1px solid var(--ion-color-primary)!important;text-align:center!important;text-transform:none!important;font-weight:700!important;font-size:var(--ion-font-size)!important}.alert-bottom .alert-button-group button.primary{background-color:var(--ion-color-primary)!important}.alert-bottom .alert-button-group button.secondary{background-color:initial!important}.alert-bottom .alert-button-group span{justify-content:center!important;color:var(--ion-color-primary-contrast)!important}.alert-bottom .alert-button-group button.secondary span{color:var(--ion-color-primary)!important}.alert-bottom .alert-button-group button.link{border:none!important;height:24px}.web .no-padding{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content}.web ::-webkit-scrollbar{width:10px;height:10px}.web ::-webkit-scrollbar-track{background:var(--okx-background-color);border-radius:0}.web ::-webkit-scrollbar-thumb{background:var(--ion-color-gray);border-radius:0}ion-app.ion-page.web{background:var(--okx-box-wrapper-background)}.web .web-only{display:block}.web .static ion-toolbar.primary-toolbar{--background:transparent none}.web .mbsc-select-input{cursor:pointer}.web .mbsc-sel-hdn[disabled]+.mbsc-select-input,.web .mbsc-select-input[disabled]{cursor:default}.web #main>ion-content:not(.route-order)>.ion-padding>.absolute-content>.flex-min:last-of-type>ion-button,.web #main>ion-content:not(.route-order)>.no-padding>.absolute-content>.flex-min:last-of-type>ion-button,.web #main>ion-content:not(.route-order-summary)>.ion-padding>.absolute-content>.flex-min:last-of-type>ion-button,.web #main>ion-content:not(.route-order-summary)>.no-padding>.absolute-content>.flex-min:last-of-type>ion-button,.web .restaurant-card ion-card-content ion-button:last-of-type{margin:0}.web ion-header.route-checkout>ion-toolbar:last-child,.web ion-header.route-order-completed>ion-toolbar:last-child{display:block!important}.web ion-modal.change-table-modal,.web ion-modal.modal-classic.allergen-modal,.web ion-modal.modal-classic.service-charge-box-modal{--width:var(--okx-bsmodal-width-lg)!important}@media screen and (max-width:1200px){.web #main>ion-content:not(.route-order):not(.route-dashboard):not(.route-delivery-options):not(.route-delivery-address-check):not(.route-locations):not(.route-refer-a-friend):not(.route-pick-up-point-check):not(.route-history)>.no-padding,.web #main>ion-content>.ion-padding{width:var(--okx-bsmodal-width-md);margin-left:calc(var(--okx-bsmodal-width-md)/-2)}.web #main>ion-content.route-history>.no-padding,.web #main>ion-content.route-loyalty>.no-padding,.web .click-collect-dialog.show-up,.web .delivery-options-card,.web .ion-padding,.web .raf-card,.web .restaurant-card{width:var(--okx-bsmodal-width-md)}.web ion-modal.change-table-modal,.web ion-modal.modal-classic.allergen-modal,.web ion-modal.modal-classic.service-charge-box-modal,.web ion-modal.modal-classic.service-charge-modal{--width:var(--okx-bsmodal-width-md)!important}}@media screen and (max-width:960px){.web #main>ion-content.route-history>.no-padding,.web #main>ion-content:not(.route-order):not(.route-dashboard):not(.route-delivery-options):not(.route-delivery-address-check):not(.route-locations):not(.route-refer-a-friend):not(.route-pick-up-point-check):not(.route-history)>.no-padding,.web #main>ion-content>.ion-padding,.web .ion-padding,.web .raf-card{width:var(--okx-bsmodal-width-sm);margin-left:calc(var(--okx-bsmodal-width-sm)/-2)}.web #main>ion-content.route-loyalty>.no-padding,.web .click-collect-dialog.show-up,.web .delivery-options-card,.web .restaurant-card{width:var(--okx-bsmodal-width-sm)}.web ion-modal.change-table-modal,.web ion-modal.modal-classic.allergen-modal,.web ion-modal.modal-classic.service-charge-box-modal,.web ion-modal.modal-classic.service-charge-modal{--width:var(--okx-bsmodal-width-sm)!important}}@media screen and (min-width:992px){.web ion-header:not(.route-login)+.content-spinner+ion-toolbar.dynamic-header,.web ion-header:not(.route-login)+ion-toolbar.dynamic-header{top:16px;width:100px}}.web #main>ion-content .ion-padding,.web #main>ion-content .no-padding{-webkit-user-select:none;user-select:none}.dashboard-bars-wrapper{top:80px;z-index:5;width:100%}.dashboard-bar-wrapper{width:100%;background-color:var(--okx-dashboard-background);padding:0 var(--ion-padding) 20px}.dashboard-bar{width:100%;background-color:var(--ion-color-white);border-radius:20px;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:10px;gap:10px;padding:5px 10px;min-height:40px}.dashboard-bar ion-icon{height:25px;width:25px;border-radius:50%}.dashboard-bars-wrapper .strong-text{color:var(--ion-color-black)}ion-content div.dash-layout{background-repeat:no-repeat;background-position:50% 0;background-size:cover}.dash-card{position:absolute;left:30px;right:30px;bottom:0;z-index:1;--background:var(--ion-color-white);border-radius:var(--ion-card-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:15%;box-shadow:0 0 32px rgba(0,0,0,.25);margin-top:0;margin-bottom:0}.dash-menu{padding:0 64px}.dash-menu ion-item{--color:var(--ion-color-dark);--background:trasparent;--background-hover:trasparent;--min-height:32px}.dash-card ion-label{font-weight:700}.dash-menu ion-label{text-align:center}.web .static.route-dashboard,.web ion-content.route-dashboard div.dash-layout.absolute-content{background:transparent none}.web ion-content.route-dashboard div.dash-layout.absolute-content:after{display:none}ion-content.route-dashboard div.dash-layout.absolute-content:after{position:absolute;left:0;top:0;right:0;bottom:0;display:block;content:"";background-image:linear-gradient(#fff,hsla(0,0%,100%,0) 40%)}.web ion-content div.dash-layout:before{background-image:none}.web .dash-card{top:var(--okx-bsmodal-top);bottom:auto;left:auto;right:auto;position:relative;width:50%;max-width:var(--okx-bsmodal-width-md);min-width:280px;padding-top:24px;padding-bottom:80px;margin-left:auto;margin-right:auto;border-radius:var(--okx-box-radius);background-position:50% 108%;background-size:120px auto}.web .dash-menu ion-item{--color:var(--ion-color-white);--background:var(--ion-color-black);margin-bottom:20px;border-radius:var(--okx-small-radius)}.dashboard-card:last-of-type{margin:0}.dashboard-card{height:150px;border-radius:var(--okx-box-radius);background-position:50%;background-size:cover;margin-bottom:20px;position:relative;overflow:hidden;padding:5px 20px;display:flex;align-items:flex-end}.dashboard-card:before{content:"";display:block;position:absolute;left:0;top:0;right:0;height:100%;z-index:0;background-image:var(--okx-dashboard-card-background-gradient)}.dashboard-cards-wrapper{padding:var(--ion-padding);background-color:var(--okx-background-color);overflow:hidden;margin-top:-140px}.dashboard-card .subtitle{color:var(--ion-color-white);z-index:5}.dashboard-card>*{z-index:5}.dashboard-header{padding:10px var(--ion-padding) 170px var(--ion-padding);position:relative;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.colored-header.route-dashboard ion-toolbar.primary-toolbar,.dashboard-header{background-color:var(--okx-dashboard-background)}.white-header.route-dashboard ion-toolbar.primary-toolbar{background-color:var(--ion-color-white)}ion-content.route-dashboard:before{position:fixed;content:"";top:0;background-color:var(--okx-dashboard-background);height:50%;width:100%;z-index:-1}.dashboard-content.dashboard-content-dark *{color:var(--ion-color-dark)!important}.dashboard-card .subtitle,.dashboard-content.dashboard-content-white *{color:var(--ion-color-white)!important}.loyalty-content.scan{padding-bottom:60px}.loyalty-content.scan h2{margin-top:20px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.044em}.loyalty-title-wrap{text-align:left;padding-left:30px}.noQrCode{display:flex;justify-content:center;margin-top:20px}.qr-holder{margin:0!important}.qr-holder.qr-holder-with-consumer-id{background:#fff;border-radius:5px!important;display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;padding-bottom:10px}.qr-holder canvas{border:10px solid #fff;border-radius:5px}.points-tab{background-position:50% 100%;background-size:100% auto;z-index:1}.verified-content{width:190px;margin:0 auto}#main>ion-content.route-loyalty>.no-padding .loyalty-title-wrap>ion-text:last-child>span,.points-tab .normal-text{font-weight:700}#main>ion-content.route-loyalty>.no-padding .absolute-content.points-tab img{width:40%}#main>ion-content.route-loyalty>.no-padding .absolute-content.points-tab .points{font-size:4em}.web #main>ion-content.route-loyalty>.no-padding{position:fixed;left:0;top:0;bottom:0;right:0;margin:auto!important;border-radius:var(--okx-box-radius);box-shadow:0 0 32px rgba(0,0,0,.25);height:var(--okx-modal-height);overflow:hidden;background-color:var(--ion-color-white)}.web .route-loyalty .tabs{position:relative;height:100%;border-radius:inherit}.web .route-loyalty .tabs ion-slides,ion-slide{height:calc(100vh - 350px);min-height:350px}.web ion-content.route-loyalty{background-color:#fff;background-repeat:no-repeat;background-position:50% 0;background-size:cover}.web ion-segment-button.segment-button-checked{border-bottom-color:var(--ion-color-secondary)}.profile-points{font-weight:700;font-size:20px!important}.loyalty-header{padding:20px;color:var(--ion-color-primary-contrast);display:flex;flex-direction:column;background-color:var(--ion-color-primary);margin:var(--ion-padding) var(--ion-padding) 0;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative;overflow:hidden;border-radius:var(--okx-box-radius)}.loyalty-header-content{flex-direction:column-reverse}.web .loyalty-header-content{flex-direction:row}.loyalty-header img{position:absolute;left:0;top:0;z-index:-1;width:100%}.loyalty-header-content{z-index:2}.loyalty-header-name{z-index:2;margin-bottom:5px}.loyalty-header-content .qr-code h5{color:var(--ion-color-primary-contrast)}.loyalty-header-content{flex:1 1}.loyalty-header-content,.loyalty-header-content>div{display:flex;justify-content:space-between}.loyalty-header-content .qr-code{align-self:center;margin:10px 0 var(--ion-padding) 0}.web .loyalty-header-content .qr-code{margin:0}.web .loyalty-header-content>div{flex-direction:column;align-items:flex-start}.loyalty-header-content>div>div:last-child .normal-text{text-align:end}.web .loyalty-header-content>div>div:last-child .normal-text{text-align:start}.loyalty-header .subtitle{text-align:center;font-size:var(--okx-title-font-size)}.web .loyalty-header .subtitle{text-align:start;margin-bottom:10px}.loyalty-header .normal-text,.loyalty-header .small-text,.loyalty-header .subtitle,.loyalty-header .title{color:var(--ion-color-primary-contrast);display:block}.loyalty-content,.loyalty-history,.loyalty-redeem-voucher{padding:var(--ion-padding)}.loyalty-history,.loyalty-redeem-voucher{padding-top:0}.thin-text{opacity:.7;font-size:var(--okx-small-text-font-size)!important}.transactions-wrapper ion-col{padding:0}.transactions-wrapper>div:not(:last-child){border-bottom:1px solid var(--ion-color-gray)}.transactions-wrapper>div{padding:15px}.content-box,.sent-gift-vouchers-wrapper .box-wrapper{background-color:var(--ion-color-light);padding:0 10px}.sent-gift-vouchers-wrapper .box-wrapper{padding:0!important}.loyalty-rewards-wrapper,.transactions-wrapper .content-box{margin-top:10px;min-height:70px;display:grid;align-items:center;position:relative}.loyalty-content-wrapper{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.points-balance-value{font-size:24px!important;line-height:1}.loyalty-content-wrapper .loyalty-content-value{font-size:20px;margin:0;font-weight:700}.loyalty-content-desc{margin-top:10px}.route-loyalty .scrollable-y{height:100%}.web .route-loyalty .scrollable-y{overflow-y:auto}.loyalty-reward{height:150px;width:250px;background-size:cover;border-radius:var(--okx-box-radius);position:relative;overflow:hidden;padding:15px;display:flex;align-items:flex-end}.loyalty-rewards-wrapper{display:grid;grid-gap:10px;gap:10px;grid-auto-flow:column;overflow-x:auto}.loyalty-reward-points{position:absolute;top:10px;right:0;background-color:var(--ion-color-secondary);padding:5px 10px;border-top-left-radius:20px;border-bottom-left-radius:20px}.loyalty-reward-name *,.loyalty-reward-points .strong-text{color:var(--ion-color-white)}.loyalty-reward-name *{line-height:1.2}.route-loyalty .no-padding .scrollable-y{padding:0}.loyalty-name{text-transform:uppercase!important}ion-modal.modal-classic.loyalty-faq-modal .modal-classic-wrapper{padding:0}ion-modal.modal-classic.loyalty-faq-modal .modal-classic-wrapper .modal-classic-content{padding-left:var(--ion-padding);padding-right:var(--ion-padding)}.loyalty-faq-modal>.modal-wrapper{height:100%;width:100%;border-radius:0!important;text-align:center;overflow:unset}.loyalty-faq-modal .modal-classic-content{height:100vh}.web .loyalty-faq-modal>.modal-wrapper{max-width:var(--okx-bsmodal-width-md);width:100%;height:var(--okx-modal-height);border-radius:var(--okx-box-radius)!important;overflow:hidden}.loyalty-points{font-size:22px!important;margin-bottom:0!important;display:flex!important;align-items:center;line-height:1}.web .loyalty-points{line-height:unset}.loyalty-points-value{line-height:2}.loyalty-points ion-icon{margin-left:5px;cursor:pointer}.loyalty-text-12{font-size:12px!important}.loyalty-text-10{font-size:10px!important}.transaction-points-wrapper{background-color:initial;min-width:50px;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:5px;border:1px solid var(--ion-color-gray)}.transaction-points-wrapper .normal-text{line-height:1;display:block;margin-right:5px}.route-loyalty .page-title{margin-left:var(--ion-padding)}.web .route-loyalty .page-title{margin-top:var(--ion-padding)}.loyalty-vouchers-wrapper{margin:var(--ion-padding)}.route-loyalty .redeem-voucher-field-wrapper{margin-bottom:var(--ion-padding)}ion-content.route-loyalty{overflow:hidden}.route-loyalty .input-field-container .normal-text{font-size:var(--okx-subtitle-font-size);color:var(--ion-color-primary)!important}.route-loyalty .input-field-container,.route-loyalty .redeem-gift-voucher-component-wrapper ion-button{margin-bottom:0}.stamps-content{margin:var(--ion-padding)}.stamps-wrapper{padding:var(--ion-padding);border-radius:var(--okx-box-radius)}.stamps-wrapper:not(:last-of-type){margin-bottom:15px}.stamps-wrapper .subtitle{margin-bottom:10px}.stamps-box{margin:20px 0;display:grid;grid-template-columns:repeat(5,50px);grid-auto-rows:50px;grid-gap:15px;gap:15px;justify-content:space-around}.stamps-box>div{background-color:var(--ion-color-white);border-radius:10px}.stamp-photo,.stamps-box img{position:relative}.stamps-box img{width:100%;height:100%;object-fit:contain}.stamps-box-image{width:100%;height:100px;object-fit:cover;margin-bottom:10px;border-radius:10px}.stamps-wrapper ion-icon{height:24px;width:24px}.redeemable-stamp-photo{display:flex;align-items:center;justify-content:center}.redeemable-stamp-photo>img:not(.placeholder-stamp){width:100%;max-width:100%;height:100%}.placeholder-stamp{position:absolute!important;left:0;top:0;bottom:0;right:0;opacity:.3}.stamps-box .locked-stamp-photo img{opacity:.3;-webkit-transform:none!important;transform:none!important;left:0!important;top:0!important}.web .stamps-box{grid-template-columns:repeat(4,60px);grid-auto-rows:60px}.stamps-box-header{display:flex;justify-content:space-between}.stamps-wrapper ion-icon{height:25px;width:25px;cursor:pointer}.loyalty-validation-wrapper{margin:-15px calc(var(--ion-padding) + 10px) calc(var(--ion-padding));padding:20px 0 5px;text-align:center;background-color:var(--ion-color-white);border-radius:0 0 var(--okx-box-radius) var(--okx-box-radius)}.loyalty-validation-wrapper.invalid{background-color:var(--ion-color-danger);cursor:pointer}.loyalty-validation-wrapper .normal-text{color:var(--ion-color-dark)}.wallet-button{margin:0 auto var(--ion-padding);display:flex;--background:transparent}.web .wallet-button{margin:10px 0 0}.wallet-button img{position:relative;width:150px}.web .wallet-button img{width:150px}.loyalty-heading{margin-bottom:10px}.redeem-voucher-btn{display:flex;justify-content:center}.redeem-voucher-btn ion-button{margin-bottom:var(--ion-padding)}ion-content.route-loyalty .no-padding{min-height:100%!important;display:flex;flex-direction:column}ion-content.route-loyalty .no-padding>.scrollable-y{flex:1 1}.web ion-content.route-loyalty .no-padding{min-height:unset!important}.loyalty-header-groups{display:flex;flex-wrap:wrap;margin:10px 0 5px;justify-content:center}.web .loyalty-header-groups{justify-content:flex-start;margin-left:-5px}.loyalty-header-groups .small-text{background-color:var(--ion-color-primary-contrast);color:var(--ion-color-primary);padding:1px 5px;margin:5px;border-radius:5px;display:block}.loyalty-reward:before{content:"";display:block;position:absolute;left:0;top:0;right:0;height:100%;z-index:0;background-image:var(--okx-dashboard-card-background-gradient)}.voucher-box{padding:15px}.box-wrapper>.voucher-box:not(:first-child){border-top:1px solid var(--ion-color-gray)}.keyboard-is-visible{padding-bottom:50%!important}.route-loyalty .redeem-voucher-field-wrapper{padding:0 var(--ion-padding)}.loyalty-code-generator{display:flex;align-items:center;justify-content:space-between}.loyalty-code-generator .subtitle{color:var(--ion-color-primary)!important;font-size:var(--okx-subtitle-font-size);text-align:start;line-height:1.2}.loyalty-code-generator .small-text{color:var(--okx-box-wrapper-color)!important;text-align:start;line-height:1.2}.loyalty-code-generator .title{text-align:end;margin:0!important}.loyalty-code-generator .title b:first-child{margin-right:10px}.loyalty-code-generator .title.success b{color:var(--okx-box-wrapper-color)}.loyalty-code-generator .title.danger b{color:var(--ion-color-danger)}.loyalty-code-generator .title.warning b{color:var(--ion-color-warning)}:root{--reward-red:#6e2b13;--reward-black:#000}.reward{position:relative;margin-bottom:20px}.reward.green .reward-content{background-color:var(--ion-color-primary)}.reward.red .reward-content{background-color:#6e2b13;background-color:var(--reward-red)}.reward.black .reward-content{background-color:#000;background-color:var(--reward-black)}.reward-content{position:relative;display:flex;align-items:center;justify-content:space-between}.reward-cover{position:absolute;display:grid;place-items:center;background:rgba(0,0,0,.6);top:0;left:0;right:0;bottom:0;z-index:3}.reward-cover ion-icon{position:absolute;fill:#fff;font-size:42px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.reward-content:after,.reward-content:before{display:block;content:"";position:absolute;top:8px;bottom:0;width:20px;background:radial-gradient(#fff 0,#fff 6px,transparent 7px,transparent);background-size:20px 20px}.reward-content:before{left:-9px}.reward-content:after{right:-9px}.reward-content div{color:#fff}.reward-spacer{flex-grow:0;flex-shrink:0;flex-basis:20px;min-width:20px}.reward-info,.reward-stamp{flex-grow:1;flex-shrink:1;flex-basis:auto;text-align:center}.reward-stamp{flex-grow:0;flex-shrink:0;flex-basis:85px;min-height:112px;min-width:85px;position:relative}.reward-stamp:after{display:block;content:"";position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-38px 0 0 -38px;border-radius:50%;border:3px solid #fff;background:transparent url(/static/media/social-icon.cb8acc68.svg) no-repeat 50% 50%;background-size:40px 40px}.reward:not(.default-font) .reward-subtitle,.reward:not(.default-font) .reward-title{font-family:primary-regular}.reward-subtitle,.reward-title{text-transform:uppercase}.reward-title{font-size:32px;font-weight:700}.reward-subtitle{font-size:12px}.reward-description{font-size:8px}.reward.default-font .reward-title{line-height:28px;font-weight:400}.reward.default-font .reward-subtitle{font-weight:700}.reward-bar{height:41px;display:flex;align-items:center;border-bottom-left-radius:1px;border-bottom-right-radius:1px;box-shadow:0 2px 5px rgba(0,0,0,.15);background:var(--ion-color-white);margin-top:-4px;overflow:hidden}.reward-bar>div:first-child,.reward-bar>div:last-child{flex-grow:1;flex-shrink:1;flex-basis:auto}.reward-bar>div:first-child{padding-left:16px}.reward-bar>div:last-child{text-align:right;padding-right:12px}.reward-bar ion-button.button-outline{padding:10px 5px;margin-bottom:0;--border-width:1px;--border-color:rgba(var(--ion-color-gray-rgb),0.5);--border-radius:3px;color:var(--ion-color-secondary);font-size:16px;font-weight:700;text-transform:uppercase}.reward-bar p{color:#000;font-family:primary-bold;font-size:16px;text-align:initial;text-transform:uppercase;margin:0}.web ion-modal.modal-classic.reward-modal{--border-radius:var(--okx-box-radius)}ion-modal.modal-classic.reward-modal{--width:100%;--height:100%;--border-radius:0}ion-modal.modal-classic.reward-modal .modal-classic-wrapper{padding:0}ion-modal.modal-classic.reward-modal .modal-classic-header{padding-left:20px}ion-modal.modal-classic.reward-modal .modal-classic-header h3{color:var(--ion-color-primary);font-family:primary-bold;font-size:18px;font-weight:700;text-transform:uppercase}ion-modal .modal-classic-closer{cursor:pointer}ion-modal .modal-classic-closer,ion-modal.modal-classic.reward-modal .modal-classic-closer{color:var(--okx-box-wrapper-color);font-size:18px}ion-modal.modal-classic.reward-modal .modal-classic-content{margin:var(--ion-padding) 0;padding:0 var(--ion-padding)}.reward-modal-content{padding:0 30px}.modal-classic-content>div>img,.reward img{object-fit:cover;object-position:center}.route-loyalty>.ion-padding{position:static!important}ion-content.route-loyalty>.ion-padding .absolute-content .big-number{font-weight:600;font-size:5em;color:var(--ion-color-primary)}#main>ion-content.route-rewards>.ion-padding .absolute-content ion-item{--border-color:var(--ion-color-light)}#main>ion-content.route-rewards>.ion-padding .absolute-content .inline-input>ion-text{flex:0 0 25%}.reward-modal-qr{background-size:contain;width:100%;height:200px;border:10px solid var(--ion-color-white)}.reward-item ion-item ion-input{--placeholder-color:var(--ion-color-primary);--placeholder-opacity:1;text-transform:none;-webkit-margin-start:20px;margin-inline-start:20px}.web .static.route-rewards{background:transparent none}.web ion-content.route-rewards{--background:transparent none;--ion-color-white:transparent}.web #main>ion-content.route-rewards>.ion-padding .absolute-content{border-radius:inherit;overflow:hidden;padding:0}.web #main>ion-content.route-rewards>.ion-padding .absolute-content .flex-min:first-of-type{padding:var(--ion-padding) var(--ion-padding) 0 var(--ion-padding)}.web #main>ion-content.route-rewards>.ion-padding .absolute-content>.scrollable-y{padding:0 var(--ion-padding)}.unlock-rewards-modal .normal-text,.unlock-rewards-modal .subtitle{text-align:start;display:block}.loyalty-reward-name{z-index:2}.milestone-rewards-wrapper{background-color:var(--ion-color-primary);padding:15px;border-radius:var(--okx-box-radius)}.milestone-rewards-wrapper *{color:var(--ion-color-primary-contrast)}.milestone-rewards-wrapper>div{display:flex;align-items:center;padding:5px 0;position:relative}.milestone-rewards-wrapper>div:last-child{padding-bottom:0}.milestone-rewards-wrapper>div>:last-child{flex:1 1;text-align:end}.milestone-rewards-wrapper ion-icon{height:12px;width:12px;padding:3px;border:2px solid var(--ion-color-primary-contrast);border-radius:50%;margin-right:10px;color:transparent!important}.milestone-rewards-wrapper .reward-unlocked ion-icon{border:2px solid var(--ion-color-success)}.milestone-rewards-wrapper .reward-unlocked *{color:var(--ion-color-success)!important}.milestone-rewards-wrapper>div:not(:last-child):after{content:"";height:11px;width:2px;background-color:rgba(var(--ion-color-primary-contrast-rgb),.5);position:absolute;left:10px;bottom:-5px}.validate-button .validate-status{background-color:var(--ion-color-danger);color:var(--ion-color-danger-contrast);border-radius:15px;padding:5px;width:120px;display:inline-block;text-align:center;margin-right:10px;-webkit-user-select:none;user-select:none}.validate-button.valid .validate-status{background-color:var(--ion-color-success);color:var(--ion-color-success-contrast)}.web .validate-button .validate-status{padding:5px}.validate-button,.validate-button ion-col{padding:0}.mobile-code-selection{border-right:1px solid var(--okx-textfield-border)}.mobile-code-selection+*{padding-left:5px}.route-account .alttitle-01{line-height:24px}.input-avatar{display:none}.language-picker{font-family:var(--okx-fond-secondary)}.profile-image-content{width:96px;height:96px;margin:auto}.avatar-image-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.avatar-delete{top:10%;right:115px}.avatar-delete,.avatar-photo{position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.avatar-photo{top:50%;right:-20px;background:rgba(0,0,0,.75);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:var(--ion-color-primary)}.avatar-circle{border:10px solid var(--okx-circle-color);border-radius:65px;position:relative}.line{height:1px;background-color:var(--ion-color-tertiary);margin:20px 0}.top{margin-top:25px}@supports (-webkit-overflow-scrolling:touch){.avatar-delete{position:absolute;top:10%;right:95px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.web ion-content.route-account{overflow:visible}.web .route-account .ion-padding .frm-wrapper,.web .route-account .ion-padding .top-medium{position:absolute}.web .route-account .ion-padding .frm-wrapper{left:32px;right:32px;top:40px;bottom:130px;overflow-y:auto}.web .route-account .ion-padding .top-medium{left:0;right:0;bottom:0;padding:0 32px 32px}.web .route-account .ion-padding ion-button:last-child{margin-bottom:0}.logout-btn,.web .avatar-delete,.web .avatar-photo{cursor:pointer}.logout-btn{color:var(--ion-color-secondary);display:flex;align-items:center;z-index:5;margin-bottom:10px}.logout-btn svg{height:15px;width:15px;margin-left:5px;stroke:var(--okx-box-wrapper-color)}.route-account .title-wrapper{display:flex;justify-content:space-between}.account-subscription{display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;margin-top:3px}.account-subscription ion-icon{height:30px;width:30px}.account-subscription ion-button.link{color:var(--ion-color-primary)!important;margin:0!important}.feedback-label{font-size:10px;color:var(--ion-feedback-label);margin:5px;font-weight:700}.radio-row{padding-left:10px}.stars-row{padding:10px}.star{font-size:20px;color:var(--ion-color-primary);margin-right:5px;cursor:pointer}.box-wrapper.default-color .stars-row .star{color:var(--ion-color-primary)!important}.box-holder-top{margin-top:20px}.separator{height:1px;background-color:var(--ion-separator-color);margin:0 5px}.native-textarea.sc-ion-textarea-ios{-webkit-padding-start:5px;padding-inline-start:5px}.commentTech ion-textarea{--padding-start:0}.item.sc-ion-label-ios-h,.item .sc-ion-label-ios-h{font-weight:700;margin-left:2px}.item.sc-ion-label-ios-h,.item .sc-ion-label-md-h{margin-left:2px}.web ion-content.route-feedback{background-repeat:no-repeat;background-position:100% 0;background-size:100% auto}.web .route-feedback .ion-padding .action-wrapper,.web .route-feedback .ion-padding .frm-wrapper,.web .route-feedback .ion-padding .heading-wrapper{padding:0}.web .route-feedback .ion-padding .frm-wrapper{position:absolute;left:32px;right:32px;top:100px;bottom:100px;overflow-y:auto;--ion-color-success:var(--ion-color-primary)}.web .route-feedback .ion-padding .action-wrapper{position:absolute;left:32px;right:32px;bottom:0;padding-bottom:32px}.web .route-feedback .ion-padding ion-button:last-child{margin-bottom:0}ion-content.route-feedback .box-holder ion-list,ion-content.route-feedback .box-wrapper{padding:0}.box-wrapper .stars-row{height:60px;display:grid;align-items:center}.stars-row .normal-text{color:var(--ion-color-primary)!important}.box-wrapper .stars-row:first-of-type{border-bottom:1px solid var(--ion-color-gray)}ion-content div.refer-a-friend{background-repeat:no-repeat;background-position:50% 40px;background-size:100% auto}ion-content div.refer-a-friend:before{position:absolute;left:0;top:0;right:0;bottom:0;display:block;content:"";background-image:linear-gradient(#fff,hsla(0,0%,100%,0) 40%)}.raf-card{border-radius:var(--ion-card-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0}.raf-card ion-card-content{font-size:var(--ion-font-size);padding:var(--ion-padding)}.raf-card ion-card-content .raf-info-title{padding:0 2px;font-weight:700}.raf-card ion-card-content .raf-info{padding:15px 15px 30px;text-align:center}.web ion-content.route-refer-a-friend{background-repeat:no-repeat;background-position:100% 0;background-size:100% auto}.web ion-content div.refer-a-friend{background:transparent none}.web .route-refer-a-friend .title-bar{display:none}.web .route-refer-a-friend ion-card ion-item{--border-color:var(--ion-color-light)}.tabs{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;overflow:hidden;z-index:0}.tabs .segment-holder{position:sticky;position:-webkit-sticky;flex:0 0 auto;top:0;z-index:2}.tabs ion-segment-button{--indicator-color:var(--ion-color-primary)}.tabs ion-segment-button ion-label{color:var(--okx-box-wrapper-color)}.tabs ion-slides,ion-slide{flex:1 1 auto;margin:0;height:calc(100vh - 163px)}.loyalty-bar>div{flex:1 1 auto}.loyalty-bar>div:last-child{text-align:center}.loyalty-bar .loyalty-balance{margin:0 24px 0 0}.loyalty-badge{width:var(--okx-loyalty-badge-width);padding-top:140px;margin:30px auto 10px;background:url(/static/media/loyalty-icon-02.6cd74df6.svg) transparent no-repeat 50% 0/100% auto;display:inline-block}.loyalty-bar .loyalty-badge{margin:0 8px;width:24px;padding-top:100%;background-position:0 50%}.loyalty-bar{position:absolute;width:100vw;height:var(--okx-loyalty-bar-height);display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;background-color:var(--ion-color-secondary);box-shadow:0 0 15px rgba(0,0,0,.2);left:0;bottom:0;z-index:2;font-weight:700}.web .loyalty-bar{position:static;width:auto}.history-content{text-align:center;padding:var(--ion-padding);height:100%;background-color:var(--okx-background-color);overflow:auto}.history-content.order-tab .history-item{cursor:pointer}.history-content .history-item:not(:last-child){border-bottom:1px solid var(--ion-color-gray)}.history-content .history-item{padding:10px}.history-item h2{margin-top:0;margin-bottom:0;font-weight:700}.history-item ion-col:first-child{text-align:left}.history-item ion-col p:first-child{color:var(--ion-color-gray);font-size:8px;margin-bottom:8px;font-weight:700}.history-item ion-col p:last-child{color:var(--ion-color-medium);font-size:9px;margin-top:2px;margin-bottom:10px}.history-item ion-col:last-child p{text-align:right;font-size:14px;font-weight:500;color:var(--ion-color-dark);margin:0}.history-item ion-col:last-child p:before{content:"▲";position:relative;left:-20px;color:var(--ion-color-success);opacity:.4;font-size:18px;display:inline-block;-webkit-transform:scaleY(.7);transform:scaleY(.7)}.history-item ion-col:last-child p.redeem:before{content:"▼";color:var(--ion-color-primary);opacity:1}.order-button-wrapper .order-button{padding:2px 4px;display:inline-flex;justify-content:center;font-size:10px;font-weight:700;border-color:var(--ion-color-black)}.order-button-wrapper .order-button ion-icon{font-size:10px;margin-left:8px}.web .order-button-wrapper .order-button{cursor:pointer}.no-data-history{display:flex;align-items:center;flex-direction:column;border:2px dashed var(--okx-box-wrapper-color);padding:var(--ion-padding);border-radius:var(--okx-box-radius);opacity:.5}.no-data-history img{opacity:.5}.web .route-history .tabs{height:100%;border-radius:inherit}.reorder-button{--padding-start:4px;--padding-end:4px}.text-box{display:flex;justify-content:center;height:40px;align-items:center;font-weight:bolder}.box-content .order-paid-status{padding:2px 15px;background-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)!important;border-radius:15px;width:-webkit-max-content;width:max-content;margin-bottom:5px;text-transform:uppercase;font-size:var(--okx-small-text-font-size)}.okx-box{border:1px solid var(--okx-border-color);border-radius:var(--okx-box-radius);padding-top:var(--okx-box-padding-top);padding-bottom:var(--okx-box-padding-bottom)}.okx-box-header{margin-top:calc(0px - var(--okx-box-padding-top));border-bottom:1px solid var(--okx-border-color)}.okx-box-footer,.okx-box-header{margin-left:calc(0px - var(--okx-box-padding-left));margin-right:calc(0px - var(--okx-box-padding-right));padding-left:var(--okx-box-padding-left);padding-right:var(--okx-box-padding-right)}.okx-box-footer{margin-bottom:calc(0px - var(--okx-box-padding-bottom));border-top:1px solid var(--okx-border-color)}.incrementer{display:flex;justify-content:space-between;align-items:center}.apply-points-modal .incrementer,.route-apply-points .incrementer{display:grid;grid-template-columns:35px auto 35px;grid-template-areas:"decrease points increase" "note note note"}.incrementer-decrease,.incrementer-incease{flex:0 0 var(--okx-incrementer-button-width);height:var(--okx-incrementer-button-width);--padding-start:0;--padding-end:0;--border-width:1px;--border-style:solid;--border-color:var(--ion-color-gray);--background:#fff;--background-hover:transparent;--color:var(--ion-color-primary);margin:0;height:100%}.apply-points-modal .incrementer-decrease,.route-apply-points .incrementer-decrease{grid-area:decrease}.apply-points-modal .incrementer-incease,.route-apply-points .incrementer-incease{grid-area:increase}.incrementer-quantity{flex:1 1 auto;padding-left:var(--okx-incrementer-button-width);padding-right:var(--okx-incrementer-button-width)}.incrementer-quantity-solo{flex:1 1 auto;text-align:center;font-weight:700}.incrementer-note{font-size:var(--okx-small-text-font-size);color:var(--okx-color-dark);text-align:center}.apply-points-modal .incrementer-note,.route-apply-points .incrementer-note{grid-area:note;margin-top:10px}.apply-points-modal .incrementer-quantity-value,.route-apply-points .incrementer-quantity-value{font-size:46px}.web ion-modal.modal-classic.quantity-modal .incrementer{display:grid;grid-template-columns:35px auto 35px;grid-template-rows:35px;margin:auto 0}.order-content-wrapper ion-row{color:var(--ion-color-primary)}.order-content-wrapper .basket-item-wrapper+ion-row>ion-col{font-weight:400!important}.order-content-wrapper .basket-item-wrapper+ion-row>ion-col.bold{font-weight:700!important}.order-content-wrapper .basket-item-wrapper .sub-item{padding-left:32px;border-top:0!important}.order-content-wrapper .basket-item-wrapper:last-of-type{border-bottom-width:0}.order-content-wrapper .basket-item-wrapper-0 ion-row:first-child{border-top:0}.web .order-summary-sidebar .order-content-wrapper .basket-item-wrapper:last-of-type{border-bottom-width:0}.order-content-wrapper ion-row{border-top:1px solid var(--ion-color-gray);padding:10px}.order-content-wrapper.box-wrapper ion-row:first-child,.order-content-wrapper ion-row:first-child{border-top:none}.subtotal-bordered-top{border-top:2px solid var(--okx-border-color);border-bottom:2px solid var(--okx-border-color)}.total-bordered-bottom{border-bottom:2px solid var(--okx-color-black)}.total-bordered-top{border-top:2px solid var(--okx-border-color);border-bottom:2px solid var(--okx-border-color)}ion-col.grow{flex-grow:3.5}.add-items-btn{font-weight:700;margin:10px 0}.web .order-summary-sidebar .add-items-btn{display:none}.service-charge-values{display:flex}ion-modal .decline-service-charge-btn{display:none}.service-charge-box-wrapper ion-button{flex:1 1;margin:0 2px;--color:var(--okx-box-wrapper-color);--background:transparent!important}.service-charge-values ion-button.is-active{--ion-color-base:var(--ion-color-primary)!important;--ion-color-contrast:var(--ion-color-primary-contrast)!important}.service-charge-values ion-button{--ion-color-base:transparent!important;--ion-color-contrast:var(--ion-color-primary)!important}.service-charge-values ion-button *{pointer-events:none!important}.service-charge-box-wrapper{width:100%;padding:10px;background-color:var(--okx-box-wrapper-background);border-radius:var(--okx-box-radius)}.service-charge-box-wrapper>div{display:flex;justify-content:space-between}.service-charge-box-wrapper .service-charge-values{margin:10px 0}.service-charge-box-modal .modal-wrapper{border-radius:0}.web .service-charge-box-modal .modal-wrapper{border-radius:var(--okx-box-radius)}.decline-service-charge-btn.link.underlined{font-size:calc(var(--ion-font-size) - 2px)!important}.basket-items-wrapper.unclickable *{pointer-events:none!important}.basket-items-wrapper{position:relative}.basket-items-wrapper>div{margin-bottom:15px;display:flex}.basket-items-wrapper .order-item-image{height:70px;width:70px;border-radius:var(--okx-box-radius);background-size:contain;margin-right:10px;background-position:50%;background-repeat:no-repeat;background-color:var(--ion-color-gray);position:relative}.basket-items-wrapper .order-item-image:before{content:"";height:100%;width:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.05)}.basket-items-wrapper .item-content-wrapper{flex:1 1}.basket-items-wrapper .item-content-actions{margin-top:20px}.basket-items-wrapper .item-content-actions .incrementer ion-button ion-icon{color:var(--ion-color-primary-contrast)}.remove-apply-voucher,.web ion-modal.modal-classic.remove-apply-voucher{--height:200px!important}.remove-apply-voucher .modal-classic-content{display:flex;justify-content:center;align-items:center}.order-summary-items-wrapper{margin-right:100px}.web .mutli-basket-items-wrapper .add-items-btn{display:flex}.restautant-order-status{height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:3px;border-radius:10px}.restautant-order-status .normal-text{color:var(--ion-color-white)}.restautant-order-status.restautant-order-status-gray .normal-text{color:var(--ion-color-primary)}.restautant-order-status-success{background-color:var(--ion-color-success)}.restautant-order-status-danger{background-color:var(--ion-color-danger)}.restautant-order-status-gray{background-color:var(--ion-color-gray)}.restautant-order-status-warning{background-color:var(--ion-color-warning)}.restautant-order-status-success *{color:var(--ion-color-success-contrast)!important}.restautant-order-status-danger *{color:var(--ion-color-danger-contrast)!important}.restautant-order-status-gray *{color:var(--ion-color-primary)!important}.restautant-order-status-warning *{color:var(--ion-color-warning-contrast)!important}.basket-items-wrapper-gray{border-bottom:5px solid var(--ion-color-gray)}.basket-items-wrapper-danger{border-bottom:5px solid var(--ion-color-danger)}.basket-items-wrapper-success{border-bottom:5px solid var(--ion-color-success)}.basket-items-wrapper-warning{border-bottom:5px solid var(--ion-color-warning)}div[class*=basket-items-wrapper-]>.box-content:last-of-type{margin-bottom:0}.click-collect-pickers-backdrop{position:fixed;top:0;right:0;background-color:#000;opacity:.3;height:100%;width:100%;z-index:3}.web ion-content.route-click-and-collect,.web ion-content.route-click-and-collect-scheduled{--ion-color-base:transparent}.route-click-and-collect-scheduled .absolute-content,.route-click-and-collect .absolute-content{padding:0}.route-click-and-collect-scheduled .click-and-collect-title,.route-click-and-collect .click-and-collect-title{padding:var(--ion-padding);flex:unset}.route-click-and-collect-scheduled .click-and-collect-locations,.route-click-and-collect .click-and-collect-locations{flex:1 1;overflow:auto;margin-bottom:20px}.route-click-and-collect-scheduled .click-and-collect-time,.route-click-and-collect .click-and-collect-time{height:70%}.route-click-and-collect-scheduled .click-and-collect-locations .box-wrapper,.route-click-and-collect .click-and-collect-locations .box-wrapper{padding:0;margin:0 var(--ion-padding) 10px}.route-click-and-collect-scheduled .click-and-collect-button-wrapper,.route-click-and-collect .click-and-collect-button-wrapper{padding:var(--ion-padding);flex:unset}.route-click-and-collect-scheduled .mbsc-select-input.mbsc-control,.route-click-and-collect .mbsc-select-input.mbsc-control{display:none!important}ion-content.route-history-details>.ion-padding>.absolute-content{padding-left:0;padding-right:0;padding-bottom:0}ion-content.route-history-details>.ion-padding>.absolute-content>.scrollable-y{height:100%;padding-left:16px;padding-left:var(--ion-padding,16px);padding-right:16px;padding-right:var(--ion-padding,16px);padding-bottom:16px;padding-bottom:var(--ion-padding,16px)}.history-details{z-index:1}.history-details ion-grid{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0}.history-details .no-border,.history-details ion-row:last-child{border-bottom:0}.history-details .okx-box-footer{border-top:2px solid var(--okx-border-color);padding-left:0;margin-left:0;padding-right:0;margin-right:0}.history-details .okx-box-footer ion-row{border-bottom:0}.history-details .okx-box,.history-details .okx-box-header{border-color:var(--ion-color-secondary);border-width:0}.web #main>ion-content.route-history-details>.ion-padding>.absolute-content.history-details{background:none}.web #main>ion-content.route-history-details>.ion-padding>.absolute-content.history-details:after{border-radius:var(--okx-box-radius);box-shadow:0 0 32px rgba(0,0,0,.25)}.web #main>ion-content.route-history-details>.ion-padding>.absolute-content.history-details>div.scrollable-y{height:100%}.web .history-details .okx-box,.web .history-details .okx-box-header{border-color:var(--okx-border-color);border-width:0}.history-details .okx-box-header>p br{display:none}.history-details .okx-box-header>p{display:grid;grid-template-columns:auto 1fr;grid-gap:7px 0;align-items:center}.web .history-details .okx-box-header>p{color:var(--ion-color-dark);display:grid;grid-template-columns:repeat(2,minmax(200px,auto));grid-gap:7px 0;align-items:center}.history-details .okx-box-header>p ion-text:nth-of-type(odd) strong{font-weight:400}.history-details .okx-box-header>p ion-text:nth-of-type(2n){text-align:right;font-weight:700}.orderPlacedCol{flex:0.5 1!important}.order-status-details-line{display:grid;grid-template-columns:30px auto;align-items:center;grid-gap:10px;gap:10px}.order-status-details{display:grid;grid-gap:10px;gap:10px;position:relative}.order-status-details:before{position:absolute;content:"";height:100%;width:2px;background-color:var(--ion-color-primary);left:13px;top:0}.order-status-details-line>div:first-of-type{display:flex;align-items:center}.order-status-failed,.order-status-success{height:18px;width:18px;border-radius:50%;padding:2px;border:4px solid var(--okx-background-color);box-sizing:border-box}.order-status-failed{background-color:var(--ion-color-danger)}.order-status-success{background-color:var(--ion-color-success)}:root{--okx-puller-height:30px}.okx-pullup{position:fixed;left:0;right:0;bottom:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.okx-puller{min-height:30px;min-height:var(--okx-puller-height);display:flex;justify-content:center;margin:0 auto;flex-direction:column;padding-top:18px}.okx-pullup-content{position:absolute;left:0;right:0;top:35px;bottom:0;overflow-y:auto}.okx-pullup-content-top-75{top:75px}.okx-pullup-content-top-110{top:110px}.notch{width:40px;height:6px;background:var(--ion-color-gray);border-radius:3px;align-self:center;position:absolute;top:12px}.web .okx-puller{display:none}.gm-holder{position:absolute;left:0;right:0;top:0;bottom:0}.map-holder{position:relative;height:100%}.map{width:100%;height:100%}.gm-style .map-location-holder{z-index:9999999}.map-location-pullup{background-color:var(--okx-box-wrapper-background);border-top-left-radius:var(--ion-card-radius);border-top-right-radius:var(--ion-card-radius)}.map-location-holder{position:absolute;left:0;right:0;bottom:0;top:0;border-radius:5px;display:flex;flex-direction:column;z-index:1;border-radius:var(--ion-card-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:var(--okx-box-wrapper-background)}.map-location-content{flex:1 1 100%;display:flex;justify-content:stretch;align-items:center;padding-top:0}.map-location-content>*{flex:1 1 auto}.map-location-content>.map-location-nav{flex:0 0}.map-location-content>.map-location-nav ion-button{font-size:18px;--padding-start:0;--padding-end:0}.map-location-content .swiper-slide{display:block;text-align:left}.map-location-content ion-content{--padding-start:10px;--padding-end:10px;--padding-top:0}.map-location-content ion-content ion-slide>div{padding-bottom:20px}.map-location-content .sectiontitle{margin:5px 0}.location-info>.location-info-segment{display:flex;justify-content:space-between}.location-times{white-space:pre-line}.location-arrow-btn{--color:var(--okx-box-wrapper-color)}.map-location-holder ion-content{--background:var(--okx-box-wrapper-background)}@supports (-webkit-overflow-scrolling:touch){.map-location-content ion-content{position:absolute;left:50px;right:50px;top:0;bottom:0;width:auto}.map-location-content>.map-location-nav{position:absolute;width:50px}.map-location-content>.map-location-nav:first-child{left:0}.map-location-content>.map-location-nav:last-child{right:0}}.map-location-content .normal-text{color:var(--okx-box-wrapper-color)}.map-location-content .subtitle{color:var(--ion-color-primary)}.web .static.route-locations .buttons-last-slot{display:none}.web .route-locations .map{width:calc(100% - 350px)!important}.web .route-locations .okx-pullup.map-location-pullup{top:0!important;bottom:0!important;width:350px;left:auto;right:0;margin-left:0;border-radius:0;box-shadow:0 0 32px rgba(0,0,0,.25)}.web .route-locations .okx-pullup-content{top:120px;bottom:32px!important}.web .map-location-content{align-items:flex-start}.web .map-location-nav{margin-top:64px;padding:0 5px}@media screen and (max-width:640px){.web .route-locations .map{width:100%!important;height:70%!important}.web .route-locations .okx-pullup.map-location-pullup{top:70%!important;width:100%;left:0}.web .route-locations .okx-pullup-content{top:32px;bottom:32px!important}.web .map-location-content{align-items:center}.web .map-location-nav{margin-top:0}}.route-social .square{background-color:var(--ion-color-primary);display:flex;border-radius:25px;padding:15px;justify-content:center;margin-bottom:10px;cursor:pointer;position:relative}.route-social .square .normal-text{color:var(--ion-color-primary-contrast)}.soc-icon{height:20px;width:20px;position:absolute;left:15px;top:0;bottom:0;margin:auto}.soc-icon ion-icon{height:20px;width:20px;fill:var(--ion-color-primary-contrast)}.okx-password-wrapper{display:flex;align-items:center;width:100%}.okx-password-wrapper .okx-password-holder{flex:1 1 auto}iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}iframe div{width:100%!important}.google-login-button{position:relative;overflow:hidden;width:100%;margin-bottom:10px;display:flex;justify-content:center}.google-login-button>div{height:44px!important}.google-login-button .button-inner{justify-content:flex-start}#appleid-signin div{width:100%!important;max-width:100%!important}#appleid-signin div div{height:2.8em!important}.web #main>ion-header.route-login{z-index:100}.web #main>ion-content.route-login>.ion-padding>.absolute-content{overflow-y:auto}.route-login .absolute-content>div{display:flex;flex-direction:column}.route-register .date-picker-wrapper{border-bottom:1px solid rgba(0,0,0,.13);border-bottom:1px solid var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))));margin-top:10px}.route-register .date-picker-wrapper input{background-color:initial}.route-register .date-picker-wrapper ion-label{font-size:11px;margin-left:5px;opacity:.8}.register-terms-wrapper{display:grid;grid-auto-flow:column;align-items:center;grid-template-columns:auto 1fr}.route-account ion-checkbox,.route-contact-details ion-checkbox,.route-register ion-checkbox{margin-right:20px;--border-radius:2px;--border-color:var(--ion-color-primary);--border-width:1px;--checkmark-color:var(--ion-color-primary-contrast)}.web #main>ion-header.route-reset-password{z-index:100}.web .route-faq .ion-padding>div,.web .route-privacy .ion-padding>div,.web .route-terms .ion-padding>div{overflow-y:auto;max-height:100%;padding-right:8px}:root{--clickup-initial-height:50px;--clickup-open-height:50%}.pill-group{display:flex;flex-wrap:wrap;align-items:center}.pill{display:inline-block;border:1px solid var(--ion-color-primary)!important;background-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)!important;font-size:var(--okx-small-text-font-size);padding:5px 7px;margin:0 5px 5px 0;text-transform:uppercase;border-radius:15px}.pill-action{cursor:pointer}.item-details-image{position:absolute;position:fixed;left:0;top:0;right:0;height:100vw;background:transparent none no-repeat 50% 0;background-size:cover}.item-details-card-header h2,.item-details-card-header h3,.item-details-card-header h4{margin-top:0}.item-details-actions{z-index:5;position:fixed;bottom:0;left:0;right:0;box-shadow:0 0 15px rgba(0,0,0,.2)}.route-item-details ion-button.item-details-add-to-order{margin-top:0;margin-bottom:0;flex:1 1 auto;--padding-start:8px;--padding-end:8px}.item-details-add-to-order.disabled{opacity:.5}.item-details-card{background-color:var(--okx-box-wrapper-background);border-top-left-radius:var(--ion-card-radius);border-top-right-radius:var(--ion-card-radius)}.item-details-card-header{padding:10px var(--ion-padding) 10px;z-index:1}.item-details-card-header .title{font-weight:700;margin:0}.item-details-card-content .sectiontitle{margin:0}.item-details-card-description,.item-details-card-description p,.item-details-card-description p span{color:var(--ion-color-secondary)!important;background:transparent!important}span.item-details-card-description{display:inline-block;margin:0 0 20px}.menu-deal-group-wrapper{margin-top:20px}.item-details-card-price{text-align:right;font-size:var(--okx-subtitle-font-size);font-weight:700;color:var(--okx-box-wrapper-color);margin-bottom:20px}.item-details-card-content .item-details-card-list{padding:0 var(--ion-padding)}.web .item-details-card-content .item-details-card-list{padding:0}.item-details-actions{background-color:var(--okx-box-wrapper-background);padding:20px}.item-details-actions ion-button{margin-top:0;margin-bottom:0}.item-details-actions .incrementer{flex:0 0 85px;padding:10px;border-radius:25px;border:1px solid var(--ion-color-gray)}.route-order-summary .item-content-actions .incrementer,.route-order .item-content-actions .incrementer{visibility:visible;height:auto;pointer-events:all}.item-content-actions .incrementer{flex:0 0 40px;padding:5px;border-radius:25px;border:1px solid var(--ion-color-gray);visibility:hidden;pointer-events:none;height:0}.item-content-actions .incrementer-quantity,.item-content-actions .incrementer-quantity-solo{flex-basis:15px;margin:0 10px!important;padding:0!important;display:flex}.item-content-actions .incrementer-quantity:not(.incrementer-quantity-solo) .incrementer-quantity-value{display:none}.item-details-actions .incrementer-quantity-solo{flex-basis:30px;color:var(--ion-color-secondary)}.item-details-actions-quantity{display:flex;justify-content:center;align-items:center}.item-details-add,.item-details-remove{flex:0 0 40px;height:40px;--padding-start:0;--padding-end:0;--border-width:1px;--border-style:solid;--border-color:var(--ion-color-light);--background:#fff;--background-hover:var(--ion-color-light);--color:var(--ion-color-primary)}.item-details-quantity{flex:0 0 75px;text-align:center}.item-details-background{background:var(--ion-color-gray);position:absolute;left:0;top:0;right:0;opacity:.7;height:100vw}.item-details-product-label{line-height:normal}.route-item-details .okx-pullup-content{padding-bottom:20px}.route-item-details .native-textarea.sc-ion-textarea-ios,.route-item-details .native-textarea.sc-ion-textarea-md{transform:none!important;-webkit-transform:none!important}.modifier-item{margin-bottom:5px;padding-left:5px}.sub-item{display:flex;align-items:center;justify-content:space-between}.price-increment-content p{text-align:end;margin:0 0 5px}.incrementer ion-button{--border-radius:50%;--color:var(--ion-color-primary-contrast);flex:unset;--background:var(--ion-color-primary)}.incrementer .incrementer-quantity-solo{margin:0 20px}@supports (-webkit-overflow-scrolling:touch){.item-details-image{position:absolute}}.item-details-header{display:flex;padding:var(--ion-padding) var(--ion-padding) 15px;position:absolute;top:0;z-index:6;width:100%}.item-details-price{padding:0 var(--ion-padding);margin-bottom:20px}.route-item-details .title{margin-bottom:0!important}.item-details-header.active{background-color:var(--okx-box-wrapper-background)}.item-details-header ion-button{margin:0}.item-details-img{height:300px;width:100%;overflow:hidden;position:relative;background-color:var(--ion-color-gray)}.item-details-name:before{content:"";height:30px;background-color:var(--okx-box-wrapper-background);border-top-left-radius:20px;border-top-right-radius:20px;position:absolute;top:-28px;left:0;z-index:5;width:100%}.item-details-img img{height:100%;width:100%;object-fit:cover}.image-placeholder{height:calc(var(--ion-padding)*2 + 30px)}.web .image-placeholder{height:50px}.item-details-description{flex:1 1;display:flex;align-items:center;padding:10px}.item-details-name{padding:0 var(--ion-padding) 0;position:relative}.item-details-main-wrapper{display:flex;flex-direction:column;height:100vh}.sub-item ion-item{flex:1 1}.sub-item .incrementer .incrementer-quantity-solo{margin:0 10px}.sub-item .pill{font-size:calc(var(--okx-small-text-font-size) - 2px);padding:2px 5px!important}.sub-item .sub-item .product-wrapper{display:flex;justify-content:space-between;width:100%}.special-instructions-wrapper{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.special-instructions-modal-button{display:flex;align-items:flex-end;flex:1 1}.special-instructions-modal-button ion-button{width:100%}.special-instructions-modal .modal-classic-content{display:flex;flex-direction:column}.web .special-instructions-modal .modal-classic-content{justify-content:flex-start!important}.special-instructions-wrapper ion-icon{margin-left:10px}.special-instructions-wrapper ion-button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0}.add-instructions-button{--padding-start:0!important;--padding-end:0!important}.special-instructions-modal .modal-wrapper{border-radius:0}.web .special-instructions-modal .modal-wrapper{border-radius:var(--border-radius)}.special-instructions-modal{--height:100%!important;--width:100%!important}.web .special-instructions-modal{--height:80%!important;--width:500px!important}.special-instructions-wrapper .normal-text{white-space:pre-wrap}.item-details-group-wrapper{overflow:hidden;margin-bottom:20px}.item-details-group-wrapper .sub-item .normal-text,.item-details-group-wrapper .sub-item .small-text{color:var(--okx-box-wrapper-color)}.item-details-group-wrapper .sub-item:last-of-type,.item-details-group-wrapper ion-item:last-of-type{border-bottom:0}.checkbox-placeholder{height:20px;width:20px;border-radius:50%;border:1px solid var(--ion-color-primary);margin-right:20px}.item-detals-background{background-color:var(--okx-box-wrapper-background);height:100%}.item-details-card-content .subtitle,.item-details-card-description,.item-details-card-description p,.item-details-card-description p span,.route-item-details .title{color:var(--okx-box-wrapper-color)!important}.item-details-modal-name{margin-bottom:0!important}.basket-group-label{--min-height:unset}.group-required:not(.with-error) .field-error{color:var(--okx-box-wrapper-color)}ion-content.route-delivery-options{background-repeat:no-repeat;background-position:50% 0;background-size:cover}.web .ion-padding .delivery-options-card{box-shadow:none!important;margin:0!important}.delivery-options-card{position:absolute;max-height:100%!important;border-radius:0!important;background-color:var(--okx-background-color);left:0;top:0;bottom:0;right:0;margin:0!important;padding:var(--ion-padding)!important}.delivery-options-card ion-card-title{font-weight:700;font-family:var(--ion-font-family-bold);font-size:var(--okx-subtitle-font-size);margin-bottom:5px}.delivery-options-menu ion-item{--color:var(--ion-color-primary-contrast);--background:var(--ion-color-primary);--min-height:32px;margin-bottom:16px;border-radius:var(--okx-small-radius);cursor:pointer;text-transform:uppercase;font-weight:700}.delivery-options-menu ion-label{text-align:center;margin:10px auto}ion-card-header+.card-content-md{padding:0}.delivery-options-content,.route-delivery-options .box-wrapper{padding:0!important}.route-delivery-options .box-wrapper ion-checkbox{margin-left:10px}.delivery-options-wrapper{display:flex;flex-direction:column}.delivery-options-wrapper ion-list{overflow:auto}.delivery-address-bg{--background:transparent none;--ion-color-white:transparent;background-color:var(--ion-color-white);background-repeat:no-repeat;background-position:100% 24px;background-size:100% auto}#main>ion-content.route-delivery-address-check{z-index:10}.web #main>ion-content.route-delivery-address-check{z-index:5}.web .delivery-address-bg{background-image:none;background-color:initial}.web ion-content.route-delivery-address-check{--ion-color-base:transparent}.web .route-delivery-address-check .delivery-option-label{display:none}.web .delivery-address-bg{background-position:100% 0;background-repeat:repeat-y}.post-code-input{display:flex}.post-code-input ion-icon{margin-top:10px;margin-right:6px}.native-input.sc-ion-input-md:invalid{box-shadow:none}.native-input.sc-ion-input-md{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);border-radius:var(--border-radius);padding:var(--padding-top) var(--padding-end) var(--padding-bottom) var(--padding-start);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;flex:1 1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;box-sizing:border-box;-webkit-appearance:none;appearance:none}.pac-container{background-color:#fff;position:absolute!important;z-index:1000;border-radius:2px;border-top:1px solid #d9d9d9;font-family:Arial,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.3);box-sizing:border-box;overflow:hidden}.pac-logo:after{content:"";padding:1px 1px 1px 0;height:16px;text-align:right;display:block;background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);background-position:100%;background-repeat:no-repeat;background-size:120px 14px}.hdpi.pac-logo:after{background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)}.pac-item{background-color:var(--okx-box-wrapper-background)!important;cursor:default;padding:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:30px;text-align:left;font-size:11px;color:var(--okx-box-wrapper-color)!important}.pac-item-selected,.pac-item-selected:hover{background-color:#ebf2fe}.pac-matched{font-weight:700}.pac-item-query{font-size:13px;padding-right:3px;color:var(--okx-box-wrapper-color)!important}.pac-icon{width:15px;height:20px;margin-right:7px;margin-top:6px;display:inline-block;vertical-align:top;background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);background-size:34px}.hdpi .pac-icon{background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)}.pac-icon-search{background-position:-1px -1px}.pac-item-selected .pac-icon-search{background-position:-18px -1px}.pac-icon-marker{background-position:-1px -161px}.pac-item-selected .pac-icon-marker{background-position:-18px -161px}.pac-placeholder{color:grey}.route-delivery-address-check .restaurant-card{position:absolute;top:0;border-radius:0}.route-delivery-address-check .restaurant-card>ion-card-content{height:100%;overflow:auto}.ion-margin-top{margin-top:15px!important}.css-1fdsijx-ValueContainer{padding:0!important;height:48px!important}.css-13cymwt-control,.css-t3ipsp-control{border:none!important;box-shadow:none!important}.css-1hb7zxy-IndicatorsContainer{display:none!important}.css-13cymwt-control:hover,.css-t3ipsp-control:hover{border:none!important}.location-search-input *{background-color:var(--okx-textfield-background)!important;color:var(--okx-textfield-color)!important}#main>ion-content.route-delivery-time .mbsc-select-input.mbsc-control{display:none}.route-delivery-time .click-and-collect-timepicker-wrapper{margin:0}.web .route-cards .ion-padding .absolute-content{padding:var(--ion-padding)}.web .route-cards .ion-padding ion-button:last-child{margin-bottom:0}.cards-list-card-image ion-icon{height:30px;width:30px;margin-right:15px}.box-content ion-label{margin:0!important}.cards-list-card ion-button ion-icon{height:25px;width:25px;color:var(--ion-color-danger)}.cards-list-card ion-button{--background:transparent!important}.cards-list-card{margin-bottom:15px}.no-cards-box{background-color:initial!important;border:2px dashed var(--okx-box-wrapper-color);border-radius:var(--okx-box-radius);opacity:.5}.no-cards-box *{color:var(--okx-box-wrapper-color)}.payment-card-input{font-size:var(--ion-font-size);background-color:initial;color:var(--ion-color-secondary)}.payment-card-input::-webkit-input-placeholder{color:var(--okx-textfield-color)!important;opacity:.4;font-size:var(--ion-font-size)}.payment-card-input::placeholder{color:var(--okx-textfield-color)!important;opacity:.4;font-size:var(--ion-font-size)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--okx-textfield-color)!important;opacity:.4}input::placeholder,textarea::placeholder{color:var(--okx-textfield-color)!important;opacity:.4}input,textarea{color:var(--okx-textfield-color)!important}.input-field-two-columns-wrapper .normal-text,.input-field-two-columns-wrapper .strong-text{color:var(--okx-box-wrapper-color)!important}.web-stripe-input{height:15px}.web-stripe-input input{color:var(--okx-textfield-color)!important}.web-stripe-input>.__PrivateStripeElement{height:15px}.card-list ion-item{flex:1 1}.web .route-card-add .ion-padding ion-button:last-child{margin-bottom:0}.web #main>ion-header.route-card-add{z-index:100}.apply-points-spacer{margin:32px 0;height:170px;background:transparent url(/static/media/loyalty-icon-02.6cd74df6.svg) no-repeat 50% 0/auto 100%}.web .route-apply-points{--background:transparent none;--ion-color-white:transparent}.web #main>ion-content.route-apply-points>.ion-padding{position:absolute;left:50%;top:50px;bottom:50px;width:var(--okx-bsmodal-width-lg);margin-left:-200px;background-color:#fff;border-radius:var(--okx-box-radius);box-shadow:0 0 32px rgba(0,0,0,.25)}.web .route-apply-points .ion-padding .absolute-content{padding:var(--ion-padding)}.web .route-apply-points .ion-padding .absolute-content .scrollable-y{padding:0 32px}.web ion-modal.modal-classic.apply-points-modal .modal-classic-closer{font-size:20px;padding:11px}.route-apply-points .incrementer ion-button,.web ion-modal.modal-classic.apply-points-modal .incrementer ion-button{height:35px;width:35px;--background:#var(--ion-color-primary-contrast);--color:var(--ion-color-primary);--border-color:var(--ion-color-primary)}.route-apply-points .incrementer-quantity,.web ion-modal.modal-classic.apply-points-modal .incrementer-quantity{padding:0 10px;text-align:center}.apply-points-content.box-content .incrementer ion-button{height:30px;width:30px;--border-radius:5px;--background:transparent}.apply-points-content.box-content .incrementer ion-button ion-icon{color:var(--ion-color-primary)!important}.validate-content{margin-top:50px}ion-item.contact-number ion-input{--padding-bottom:7px;font-size:14px}.web .route-order-summary .ion-padding .absolute-content{padding:var(--ion-padding);margin-top:0}.web .route-order-summary .ion-padding .absolute-content .scrollable-y .validate-content,.web .route-order-summary .ion-padding .absolute-content .scrollable-y ion-grid.order-content-wrapper{padding:0 var(--ion-padding)}.web .route-order-summary .checkout{margin-bottom:20px}.web .route-order-summary .ion-padding ion-button:last-child{margin-bottom:0}.web .route-order-summary .ion-padding ion-button.add-items-btn,.web .route-order-summary .ion-padding ion-button.redeem-points-btn{margin:10px 0!important}.web .route-order-summary .ion-padding ion-button.redeem-points-btn.disabled,.web .route-order .no-padding ion-button.redeem-points-btn.disabled{--ion-color-dark:grey}.allergen-modal>.modal-wrapper>.ion-page{min-width:100%;overflow:auto}ion-modal.modal-classic.allergen-modal{--height:100%;--width:100%;--border-radius:0}.web ion-modal.modal-classic.allergen-modal .modal-classic-closer{font-size:20px;z-index:5}.contact-number-label{padding-top:3px}.contact-number-btns{position:absolute;right:2px;bottom:2px;height:38px;width:38px}.contact-number-btns ion-button{height:100%;width:100%;--border-radius:50%}.contact-number-icon{position:absolute;right:0;bottom:2px;font-size:15px;cursor:pointer;border-radius:50%;padding:7px;transition:.2s ease-in-out;margin:auto;bottom:0;top:0}.web .contact-number-icon{bottom:4px}.web .contact-number-icon:hover{background:rgba(0,0,0,.13)}ion-button.checkout-btn.greyed{color:var(--ion-color-gray-tint)}.order-summary-header-wrapper{display:flex;background-color:var(--okx-box-wrapper-background);border-radius:var(--okx-box-radius)}.order-summary-header-wrapper *{color:var(--okx-box-wrapper-color)}.order-summary-header-wrapper>div{padding:10px;display:flex;justify-content:center;flex-direction:column;flex:1 1}.web .order-summary-header-wrapper>div{padding:5px 15px}.order-summary-header-wrapper>div:nth-of-type(2){align-items:center;flex:unset;border-left:1px solid var(--ion-color-gray)}.add-items-button-wrapper{position:absolute;top:-35px;right:0}.order-content-wrapper{position:relative}ion-grid.order-content-wrapper,ion-grid.order-content-wrapper ion-col{padding:0!important}.summary-wrapper .add-items-btn{height:30px;border-radius:0}.history-details ion-grid,.order-details ion-grid,.summary-wrapper ion-grid{margin-bottom:15px}.order-summary-additional-buttons-wrapper>*{margin-bottom:15px!important}.order-summary-additional-buttons-wrapper .strong-text{margin-bottom:5px;display:block}.order-summary-additional-button{--border-color:transparent!important;background-color:var(--okx-box-wrapper-background);border-radius:var(--okx-box-radius);--border-radius:0;--padding-start:15px;--padding-end:15px;margin:0}.order-summary-additional-button *{color:var(--okx-box-wrapper-color)}.order-summary-additional-button>ion-text{flex:1 1;text-align:left}.order-summary-sidebar .flex-min{padding:0 var(--ion-padding) var(--ion-padding)}.quantity-modal .incrementer-quantity-value{font-weight:800!important;font-size:var(--okx-medium-font-size)!important}.order-summary-cards-wrapper,.order-summary-points-wrapper{background-color:var(--okx-box-wrapper-background);border-radius:var(--okx-box-radius)}.order-summary-cards-wrapper>div,.order-summary-points-wrapper>div{padding:15px}.tax-alert{display:flex;flex-direction:column;align-items:center;text-align:center}.tax-alert ion-spinner{margin:10px 0}.gift-card-wrapper>div{display:flex;align-items:center;justify-content:space-between}.gift-card-wrapper>div:first-of-type{margin-bottom:10px}.gift-card-wrapper .incrementer{flex:0 0 40px;padding:5px;border-radius:25px;border:1px solid var(--ion-color-gray)}.gift-card-wrapper .incrementer-quantity-value,.gift-card-wrapper .link{margin:0}.change-table-modal .mbsc-select-input.mbsc-control{display:none!important}.change-table-modal{--width:100%!important;--border-radius:0!important}.web .change-table-modal{--border-radius:var(--okx-box-radius)!important}.points-redeem-box-wrapper>div{display:flex;align-items:center;justify-content:space-between}.points-redeem-box-wrapper>div:first-of-type{margin-bottom:10px}.points-redeem-box-wrapper .incrementer{flex:0 0 40px;padding:5px;border-radius:25px;border:1px solid var(--ion-color-gray)}.points-redeem-box-wrapper .incrementer-quantity-value,.points-redeem-box-wrapper .link{margin:0}.web .route-checkout .ion-color-primary{margin-bottom:10px!important}.web .route-checkout{--background:transparent none;--ion-color-white:transparent}.web .route-checkout .ion-padding .absolute-content{padding:var(--ion-padding)}.web .route-checkout .flex-min ion-button:first-child{margin-bottom:10px!important}.web .route-checkout .paymentRequestButton{padding:0}.paymentRequestButton{margin-top:10px;padding:0 2px}.paymentRequestButtonCardAdd{margin-bottom:10px}.delivery-time-modal .modal-wrapper{height:70%;width:90%}.web .delivery-time-modal .modal-wrapper{width:500px}.delivery-time-modal .mbsc-select-input.mbsc-control{display:none!important}.checkout-card{margin-bottom:15px}.checkout-card ion-icon{height:35px;width:35px;color:var(--okx-box-wrapper-color);position:absolute;left:0}.checkout-card.item-radio-checked{background-color:var(--ion-color-primary)!important;color:var(--ion-color-primary-contrast)}.checkout-card.item-radio-checked *{color:var(--ion-color-primary-contrast)!important}.checkout-card.item-radio-checked ion-icon{color:var(--ion-color-primary-contrast)}.checkout-card ion-radio{width:40px;opacity:0}.order-status{display:inline-block;padding:2px 4px;border:1px solid var(--ion-color-black);color:var(--ion-color-black);font-size:9px;text-transform:uppercase}.route-order-completed .okx-box,.route-order-completed .okx-box-header{border-color:var(--ion-color-secondary);border-width:0}.order-details{z-index:1;overflow-y:auto}.order-details ion-grid{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0}.order-details .okx-box-footer{border-top:2px solid var(--okx-border-color);padding-left:0;margin-left:0;padding-right:0;margin-right:0}.order-details .okx-box-footer ion-row{border-bottom:0}.order-details .okx-box-header-grid ion-row:not(:last-child) ion-col{padding:5px 0 0}.order-details ion-col .small-text{font-size:calc(var(--okx-small-text-font-size) - 2px)}.web #main>ion-content.route-order-completed:after{display:none}.web #main>ion-content.route-order-completed>.ion-padding>.absolute-content.order-details{background:none;overflow-y:auto;padding:0}.web #main>ion-content.route-order-completed>.ion-padding>.absolute-content>div{padding:var(--ion-padding)}.web #main>ion-content.route-order-completed>.ion-padding>.absolute-content.order-details:after{border-radius:var(--okx-box-radius);box-shadow:0 0 32px rgba(0,0,0,.25)}.web #main>ion-content.route-order-completed>.ion-padding>.absolute-content.order-details>div.scrollable-y{height:100%}.web .order-details .okx-box,.web .order-details .okx-box-header{border-color:var(--okx-border-color);border-width:0}.order-details .okx-box-header-grid ion-row:not(:last-child) ion-col{padding:7px 0 0}.order-details .okx-box-header-grid ion-row:last-of-type ion-col{padding:7px 0}.web .order-details .okx-box-header-grid ion-row ion-col:nth-of-type(odd) strong{font-weight:400}.web .order-details .okx-box-header-grid ion-row ion-col:nth-of-type(2n){text-align:right;font-weight:700}.card-label{font-size:var(--okx-small-text-font-size)!important}.order-content-details{display:flex;flex-direction:column-reverse;align-items:flex-start}.order-content-details .small-text{line-height:1.6}.order-content-details>div:first-of-type{flex:1 1}.order-content-details .order-status-wrapper{margin-bottom:5px;display:flex;align-items:center;justify-content:center}.order-status-wrapper>div{padding:2px 15px;background-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)!important;border-radius:15px;text-transform:uppercase;font-size:var(--okx-small-text-font-size)}.web ion-content.route-contact-details{--background:transparent;--ion-color-white:transparent}ion-modal.modal-classic.apply-voucher-modal{--width:80%;--height:45%;--border-radius:10px}.web ion-modal.modal-classic.apply-voucher-modal{--width:500px;--height:45%}ion-modal.modal-classic.apply-voucher-modal .modal-classic-wrapper{padding:0}ion-modal.modal-classic.apply-voucher-modal .modal-classic-header{background-color:var(--ion-color-secondary);padding-left:20px}ion-modal.modal-classic.apply-voucher-modal .modal-classic-header h3{color:var(--ion-color-white);text-transform:uppercase}ion-modal.modal-classic.apply-voucher-modal .modal-classic-closer{color:var(--ion-color-white)}ion-modal.modal-classic.apply-voucher-modal .modal-classic-content{padding:15px}ion-modal.modal-classic.apply-voucher-modal .modal-classic-content>.flex-row-wrapper{height:100%}.apply-voucher-modal.voucher-modal-content{padding:0 30px}ion-button.box-button-color{--background:var(--ion-color-gray-tint)}ion-button.box-button-color-tertiary{--background:var(--ion-color-tertiary)}.apply-voucher,.apply-voucher-box{height:150px;margin-right:2px}.apply-voucher-box img,.apply-voucher img{height:100%;width:100%;object-fit:contain}.web .apply-voucher,.web .apply-voucher-box{cursor:pointer;margin:20px 0 0!important}.apply-voucher-box .voucher-card-wrapper svg{fill:var(--ion-color-secondary)}.voucher-svg{height:100%;width:100%}.apply-voucher,.apply-voucher-box{display:flex;justify-content:center}.apply-voucher-box .voucher-card-content,.apply-voucher .voucher-card-content{width:auto}.apply-voucher .voucher-card-wrapper{border:5px solid #1770ff;width:100%;height:100%}.apply-voucher-box .voucher-card-wrapper{width:100%;height:100%}.voucher-icon{padding-left:inherit}.voucher-card-content{display:-webkit-inline-box}.vaucher-list{position:relative}.redeem-voucher-field-wrapper{display:flex;margin:0;align-items:flex-end}.redeem-voucher-field-wrapper>div{flex:1 1;margin-right:10px;margin-bottom:0}.redeem-voucher-field-wrapper ion-button{margin:0;height:48px;--border-radius:30px}.selected-voucher-box{position:relative}.selected-voucher-box:after{background-color:var(--ion-color-primary);opacity:.3;content:"";height:100%;width:100%;position:absolute;top:0;border-radius:var(--okx-box-radius)}.apply-voucher-to-order-btn{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto 70px;--background:var(--ion-color-primary-contrast);--color:var(--ion-color-primary);z-index:5}:root{--voucher-red:#6e2b13;--voucher-black:#000}.voucher.green .voucher-content{background-color:var(--ion-color-primary)}.voucher.red .voucher-content{background-color:#6e2b13;background-color:var(--voucher-red)}.voucher.black .voucher-content{background-color:#000;background-color:var(--voucher-black)}.voucher-content{position:relative;display:flex;align-items:center;justify-content:space-between}.voucher-spacer{flex-grow:0;flex-shrink:0;flex-basis:20px;min-width:20px}.voucher-info,.voucher-stamp{flex-grow:1;flex-shrink:1;flex-basis:auto;text-align:center}.voucher-stamp{flex-grow:0;flex-shrink:0;flex-basis:85px;min-height:112px;min-width:85px;position:relative}.voucher-stamp:after{display:block;content:"";position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-38px 0 0 -38px;border-radius:50%;border:3px solid #fff;background:transparent url(/static/media/social-icon.cb8acc68.svg) no-repeat 50% 50%;background-size:40px 40px}.voucher-card-wrapper{display:flex;align-items:center}.voucher-title-wrapper{width:50%}.voucher-title-wrapper .normal-text,.voucher-title-wrapper .title{color:var(--ion-color-primary-contrast);text-align:start}.voucher:nth-child(2n) .voucher-title-wrapper .normal-text,.voucher:nth-child(2n) .voucher-title-wrapper .title{color:var(--ion-color-light-contrast)}.voucher-description{font-size:8px}ion-modal .voucher-title-wrapper{width:70%}.voucher-bar{display:flex;align-items:center;border-bottom-left-radius:3px;border-bottom-right-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.15)}.voucher-bar>div:first-child,.voucher-bar>div:last-child{flex-grow:1;flex-shrink:1;flex-basis:auto}.voucher-bar>div:first-child{margin:0 10px}.web .route-vouchers .absolute-content{padding:var(--ion-padding) 0 60px}.route-vouchers .absolute-content{padding-bottom:60px;padding-top:0}.voucher-bar>div:last-child{text-align:right;padding-right:12px}.voucher-bar ion-button{margin:0;--border-width:1px;--border-color:rgba(var(--ion-color-gray-rgb),0.5);color:var(--ion-color-secondary);font-weight:700;text-transform:uppercase;height:30px!important}.voucher-bar{padding:5px 0}.voucher-bar p{font-size:var(--okx-small-text-font-size);font-weight:600;text-align:start}ion-modal.modal-classic.voucher-modal{--width:85%;--height:70%;--border-radius:10px}ion-modal.modal-classic.voucher-modal .modal-classic-content,ion-modal.modal-classic.voucher-modal .modal-classic-wrapper{padding:0}ion-modal.modal-classic.voucher-modal .modal-classic-closer{position:absolute;right:var(--ion-padding);top:30px;padding:0;z-index:5}.web ion-modal.modal-classic.voucher-modal .modal-classic-closer{right:15px;top:10px}.voucher-modal .modal-classic-content .title{margin-bottom:20px}.voucher-modal>.modal-wrapper>.ion-page .modal-classic-closer ion-icon{height:25px;width:25px;right:10px!important;top:10px}.voucher-modal-content{text-align:start!important}.modal-classic-content>div>img{object-fit:cover;object-position:center}.reward svg,.voucher svg{height:100%;width:100%;fill:var(--ion-color-primary)}.reward:nth-child(2n) svg,.voucher:nth-child(2n) svg{fill:var(--ion-color-light)}.voucher-card-content{position:absolute;display:flex;justify-content:space-between;padding:20px 30px;width:100%;align-items:center}.voucher-card-content img{height:100%;width:auto}#main>ion-content.route-vouchers>.ion-padding .absolute-content .voucher-modal-content>ion-text>span{font-size:23px}#main>ion-content.route-vouchers>.ion-padding .absolute-content ion-item{--border-color:var(--ion-color-light)}#main>ion-content.route-vouchers>.ion-padding .absolute-content .inline-input>ion-text{flex:0 0 25%}.voucher-modal-qr{background-size:contain;width:100%;height:200px}.voucher-modal svg{fill:var(--ion-color-secondary)}.voucher-modal .voucher-card-wrapper{position:relative;margin:0 30px}.voucher-modal .ion-page{overflow:unset}.web .voucher-modal .voucher-card-wrapper ion-text{font-size:12px}.web .voucher-modal .voucher-card-wrapper .title{font-size:20px}.web .static.route-vouchers{background:transparent none}.web .voucher{margin:10px 0 0;width:100%!important}.web #main>ion-content.route-vouchers>.ion-padding .absolute-content{border-radius:inherit;overflow:hidden}.web #main>ion-content.route-vouchers>.ion-padding{background-color:#fff}.web .clickup{position:absolute}.voucher-description{display:flex;justify-content:space-between;background-color:var(--ion-color-gray);padding:20px 10px 5px;margin-top:-15px;border-radius:0 0 var(--okx-box-radius) var(--okx-box-radius)}.voucher-description *{color:var(--ion-color-dark)}.voucher{width:calc(100vw - var(--ion-padding)*2);height:150px;overflow:hidden;border-radius:var(--okx-box-radius);position:relative;margin-top:15px;background-size:cover;background-position:50%;padding:5px 10px;display:flex;justify-content:flex-end!important;align-items:flex-start!important;flex-direction:column;cursor:pointer}.voucher .subtitle{color:var(--ion-color-white);z-index:5}.voucher>*{z-index:5}.voucher:before{content:"";display:block;position:absolute;left:0;top:0;right:0;height:100%;z-index:0;background-image:var(--okx-dashboard-card-background-gradient)}.voucher-modal>.modal-wrapper>.ion-page{min-width:100%;overflow:auto;background-color:var(--okx-background-color);justify-content:flex-start}.voucher-modal>.modal-wrapper>.ion-page .modal-classic-content{padding:30px var(--ion-padding) var(--ion-padding)}.voucher-modal>.modal-wrapper{height:100%;width:100%;border-radius:0!important;text-align:center;overflow:unset}.web .voucher-modal>.modal-wrapper{max-width:var(--okx-bsmodal-width-lg);width:100%;border-radius:var(--okx-box-radius)!important;height:var(--okx-modal-height);overflow:hidden}.route-apply-loyalty .input-field-container .normal-text{font-size:var(--okx-subtitle-font-size);font-weight:700}.web .voucher{width:calc(var(--okx-bsmodal-width-lg) - var(--ion-padding)*2)}.web .route-apply-loyalty .voucher{width:calc(var(--okx-bsmodal-width-lg) - var(--ion-padding)*2 - 10px)}@media screen and (max-width:1200px){.web .voucher{width:calc(var(--okx-bsmodal-width-md) - var(--ion-padding)*2)}.web .route-apply-loyalty .voucher{width:calc(var(--okx-bsmodal-width-md) - var(--ion-padding)*2 - 10px)}.web .voucher-modal>.modal-wrapper{max-width:var(--okx-bsmodal-width-md)}}@media screen and (max-width:960px){.web .voucher{width:calc(var(--okx-bsmodal-width-sm) - var(--ion-padding)*2)}.web .route-apply-loyalty .voucher{width:calc(var(--okx-bsmodal-width-sm) - var(--ion-padding)*2 - 10px)}.web .voucher-modal>.modal-wrapper{max-width:var(--okx-bsmodal-width-sm)}}.route-order-to-table .absolute-content{padding:0}.route-order-to-table .click-and-collect-title{padding:var(--ion-padding);flex:unset}.route-order-to-table .click-and-collect-locations{height:60%;overflow:auto;margin-bottom:20px}.route-order-to-table .click-and-collect-time{height:60%}.route-order-to-table .click-and-collect-locations .box-wrapper{padding:0;margin:0 var(--ion-padding)}.route-order-to-table .mbsc-select-input.mbsc-control{display:none!important}.service-charge-incrementer-wrapper{padding:var(--ion-padding) 0;margin:var(--ion-padding) 0;background-color:var(--okx-bacground-color)}.service-charge-incrementer-wrapper p{text-align:center}.service-charge-incrementer-wrapper .incrementer-note{font-size:25px;font-weight:700;color:var(--ion-color-secondary)}.incrementer-buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;padding:0 var(--ion-padding);position:absolute;width:100%}.service-charge.absolute-content{padding:var(--ion-padding) 0;background-color:var(--okx-background-color)}.service-charge .incrementer{padding:0 var(--ion-padding)}.service-charge-content .incrementer-quantity-value{color:var(--ion-color-secondary)!important}.service-charge-incrementer-wrapper .incrementer-quantity{display:flex;justify-content:center;align-items:center;font-size:25px}.service-charge-incrementer-wrapper .incrementer-quantity *{font-size:25px!important;margin:0!important}.service-charge .incrementer ion-button{height:44px;width:44px;margin:10px;--border-color:transparent;--border-style:solid}.service-charge-buttons,.service-charge .normal-text,.service-charge .title{margin:0 var(--ion-padding);display:block}.service-charge-item{pointer-events:none}.route-order-summary .service-charge-item,.route-order .service-charge-item{cursor:pointer;pointer-events:all}ion-modal.modal-classic.service-charge-modal,ion-modal.modal-classics.service-charge-box-modal{--height:65%!important;--width:80%}.web ion-modal.modal-classic.service-charge-box-modal,.web ion-modal.modal-classic.service-charge-modal{--height:250px!important;--width:var(--okx-bsmodal-width-lg)}.web ion-modal.modal-classic.service-charge-modal.service-charge-modal-full{--height:var(--okx-modal-height)!important}.service-charge-box-wrapper .normal-text{color:var(--okx-box-wrapper-color)}.route-apply-loyalty .swiper-slide{text-align:left}.route-apply-loyalty .incrementer-quantity-solo{flex:1 1;display:flex;flex-direction:column}.route-apply-loyalty .incrementer-quantity-value{font-size:46px;color:var(--okx-box-wrapper-color)!important;display:flex;flex-direction:column}.route-apply-loyalty .incrementer-quantity{text-align:center}.route-apply-loyalty .incrementer-decrease,.route-apply-loyalty .incrementer-incease{border-radius:4px;--border-width:1px;--border-color:var(--ion-color-primary)}.route-apply-loyalty .incrementer-quantity-unit{font-family:primary-bold}.route-apply-loyalty .redeem-voucher-field-wrapper{margin:var(--ion-padding) 0}.route-my-membership .title{line-height:1.1}.membership-card{background-color:var(--ion-color-gray)!important}.membership-card>div{display:flex;justify-content:space-between;align-items:center}.membership-card>div>div:last-child{text-align:end}.membership-card-content{margin:-1px 15px 0;border-top-left-radius:0;border-top-right-radius:0;z-index:-1}.membership-card{z-index:2}.web .membership-card-content{z-index:1}.membership-card-content>div ion-icon{margin-left:5px}.membership-card-content>div{display:flex;justify-content:center;align-items:center}.membership-card-content>div.subscription-perks{display:unset}.success-icon{font-size:64px;padding-bottom:32px}.description{font-size:var(--okx-sectiontitle-font-size);padding-left:var(--ion-padding);padding-right:var(--ion-padding);padding-top:16px}.web ion-content.route-membership-completed .ion-padding{height:60%}.membership-message{display:flex;justify-content:center;align-items:center;flex-direction:column}.membership-message ion-toolbar{--background:transparent;display:flex;justify-content:center;margin-bottom:50px}.membership-message ion-toolbar ion-buttons.image-button-wrapper{display:flex;justify-content:center;width:100%}.membership-message ion-toolbar ion-buttons.image-button-wrapper ion-button{width:100%}ion-button.link.link-centered{margin:0 auto}.web .route-checkout-membership{--background:transparent none;--ion-color-white:transparent}.web .route-checkout-membership .ion-padding .absolute-content .scrollable-y{padding:0}.paymentRequestButton{margin-bottom:20px}.paymentRequestButtonCardAdd{padding:0 2px}.route-checkout-membership .sectiontitle{margin:5px 0!important}.payment-card-input{border:0;outline:none;flex:1 1;padding-left:0;font-size:13px}.scrollable-y.add-card-scroll{overflow:unset;overflow-y:unset}.web-stripe-input{display:flex;flex:1 1;align-items:center}.web-stripe-input>.__PrivateStripeElement{width:100%}ion-list .card-list ion-item{padding-left:7px}.web-stripe-input-active{border-bottom:none}.card-add-wrapper .data-picker-input{border-color:rgba(0,0,0,.13);border-left-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))));border-bottom:1px solid;border-bottom-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))));border-right-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))));border-top-color:var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,.13))))}.web .scrollable-y.add-card-scroll{overflow:hidden;overflow-y:auto}.web ion-content.route-add-card-membership{--background:transparent none;--ion-color-white:transparent}.web .static.route-add-card-membership,.web ion-content.route-add-card-membership{background-repeat:no-repeat;background-position:100% 0;background-size:100% auto}.web ion-content.route-add-card-membership{background-color:#fff}.web .route-add-card-membership .ion-padding .absolute-content .scrollable-y{padding:0 32px}.web .route-add-card-membership .ion-padding ion-button:first-child{display:none}.web .route-add-card-membership .ion-padding ion-button:last-child{margin-bottom:0}.subscription-desc-wrapper{background-color:var(--ion-color-light);padding:10px;text-align:start;display:flex;flex-direction:column}.subscription-desc-wrapper *{align-self:flex-start!important}.subscription-image{height:350px;background-size:contain;background-position:50%;background-repeat:no-repeat}.web .subscription-image{height:350px;width:auto}.subscription-information{flex:1 1}.subscription-information,.subscription-information *{text-align:start!important}.subscription-perks ion-icon{height:25px;width:25px;margin-right:10px}.subscription-perks>div{display:flex;align-items:center;padding:0 10px}.subscription-perks>div:not(:last-of-type){margin-bottom:10px}.terms-wrapper{display:flex;flex-direction:column}.terms-wrapper a,.terms-wrapper b,.terms-wrapper p{margin:0;font-size:var(--ion-font-size);font-weight:600}.terms-wrapper b{margin-top:10px;display:block}.toggle{display:flex;flex-direction:column}.web #main>ion-content.route-register{z-index:5}.route-create-account .absolute-content{padding:var(--ion-padding);background-color:var(--okx-background-color);text-align:start}.restaurant-select{margin-top:10px;margin-bottom:30px}.table-options-card{box-shadow:none;margin:var(--ion-padding)!important}.table-options-card ion-card-content{padding:0}.web .table-options-card ion-card-content{padding:var(--ion-padding)}.web .table-options-card{position:absolute;display:flex;flex-direction:column;top:50%;left:50%;min-width:280px;margin:0;z-index:2;--background:#fff;border-radius:var(--ion-card-radius);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 32px rgba(0,0,0,.25)}.card-body ion-card-content{display:flex;flex-direction:column;justify-content:space-between}.card-body label.time-picker-label{font-size:10px}.card-body .mbsc-select-input.mbsc-control{font-size:11px;font-weight:100;color:var(--ion-color-black);border-bottom:1px solid var(--ion-color-light);padding-left:3px}.text-label{font-size:13px;color:#000!important;font-weight:700;margin-top:40px}.web #main>ion-content.route-delivery-options{--background:transparent none;--ion-color-base:transparent;background-size:cover}.web ion-content.route-delivery-options:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateZ(0);-webkit-transform:translateZ(0);z-index:-1}.card-title{color:var(--ion-color-primary)!important;font-size:17px!important;margin-bottom:10px}.mbsc-fr-popup mbsc-ltr{position:absolute;top:50%;left:50%}.web ion-content.route-table-bill-pay{width:100%;height:calc(100vh - 79px);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;overflow-y:hidden}.space-between{justify-content:space-between}.restaurants-wrapper{overflow:auto}.pay-table-select-restaurant{display:flex;flex-direction:column;height:100%}#main>ion-content.route-table-bill-pay .mbsc-select-input.mbsc-control{display:none}.route-table-bill-pay .click-and-collect-timepicker-wrapper{margin:0}.web ion-content.route-table-overview{width:100%;height:calc(100vh - 79px);background-image:url(/static/media/fat_hippo_bg.c23f7d04.jpg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;overflow-y:hidden}.route-table-overview ion-grid{margin-bottom:0}ion-modal.set-pay-method-modal.modal-classic{--height:350px!important}ion-modal.set-pay-method-modal.small-modal.modal-classic{--height:220px!important}ion-modal.set-pay-method-modal.small-modal.modal-classic .modal-classic-content{justify-content:space-between;text-align:center;display:flex;flex-direction:column}ion-modal.set-pay-method-modal.modal-classic .box-wrapper{width:100%;margin:0}.bill-pay-title-wrapper{display:flex;align-items:center}.bill-pay-title-wrapper .normal-text{margin-right:15px}.bill-pay-title-wrapper ion-button,.route-table-overview .checkout-btn{margin:0!important}.bill-pay-service-charge-wrapper{display:flex;flex-direction:column;padding:15px;border-radius:var(--okx-box-radius);background-color:var(--okx-box-wrapper-background)}.bill-pay-service-charge-wrapper>div{display:flex}.bill-pay-service-charge-wrapper ion-button{flex:1 1}.bill-pay-service-charge-wrapper *{color:var(--okx-box-wrapper-color)}.bill-pay-service-charge-wrapper ion-button{--ion-color-base:var(--okx-box-wrapper-color)!important}.ion-color-secondary.bill-pay-service-charge-button.is-active{--ion-color-base:var(--ion-color-primary)!important;--ion-color-contrast:var(--ion-color-primary-contrast)!important;--border-color:var(--ion-color-primary)}ion-button.ion-color-secondary.bill-pay-service-charge-button{--ion-color-base:transparent!important;--ion-color-contrast:var(--okx-box-wrapper-color)!important;--border-style:solid;--border-width:1px;--border-color:var(--okx-box-wrapper-color);height:35px;margin-bottom:0}.custom-service-charge-modal .modal-wrapper{padding:var(--ion-padding);height:260px}.custom-service-charge-modal .box-wrapper{padding:5px}.table-items-wrapper.box-wrapper{padding:0}.table-items-wrapper>*{padding:10px}.table-items-wrapper *{-webkit-user-select:none;user-select:none}.table-items-wrapper>:not(:first-child){border-top:1px solid var(--okx-box-wrapper-border);padding:10px}.table-items-overview-including-service-charge{width:100%;display:flex;justify-content:space-between;padding:5px}.table-items-wrapper .small-text{opacity:.6}.payment-history-header div{display:flex;align-items:center}.payment-history-header ion-icon{height:12px;width:12px;margin-left:5px}.payment-history-wrapper{padding:5px 0}.payment-amount-wrapper ion-row{border:none!important}.web ion-content.route-split-bill{width:100%;height:calc(100vh - 79px);background-image:url(/static/media/fat_hippo_bg.c23f7d04.jpg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;overflow-y:hidden}.table-members-wrapper{padding:0}.table-members-wrapper .box-wrapper .mbsc-select-input{background:transparent;margin:0;border-color:transparent}.table-members-wrapper .box-wrapper{height:50px;display:flex;margin:0;padding:10px}.table-members-wrapper .normal-text{display:block;margin-bottom:5px}.route-split-bill ion-grid{margin-bottom:0}.table-members-wrapper ion-col:first-child{padding-left:0}.table-members-wrapper ion-col:last-child{padding-right:0}.web ion-content.route-split-bill-by-amount{width:100%;height:calc(100vh - 79px);background-image:url(/static/media/fat_hippo_bg.c23f7d04.jpg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;overflow-y:hidden}.route-split-bill-by-amount ion-grid{margin-bottom:0}.custom-amount-selector-wrapper .normal-text{display:block;margin-bottom:5px}.web ion-content.route-split-bill-by-items{width:100%;height:calc(100vh - 79px);background-image:url(/static/media/fat_hippo_bg.c23f7d04.jpg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;overflow-y:hidden}.route-split-bill-by-items ion-row.disabled,.route-split-bill-by-items ion-row.disabled *{opacity:.7}.table-items-to-pay-wrapper.box-wrapper{padding:0;overflow:hidden}.table-items-to-pay-wrapper>:not(:last-of-type){border-bottom:1px solid var(--okx-box-wrapper-border)}.table-items-to-pay-wrapper>*>ion-item{border:none!important}.subitem.pay-items{padding-left:10px}.table-items-to-pay-wrapper.box-wrapper ion-item{padding:0 0 0 5px}.table-items-to-pay-wrapper ion-checkbox{margin:0 5px!important}.web ion-content.route-bill-completed{width:100%;height:calc(100vh - 79px);background-image:url(/static/media/fat_hippo_bg.c23f7d04.jpg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;overflow-y:hidden}.route-bill-completed .absolute-content img{height:75px;margin-bottom:10px}.bill-pay-status-wrapper img,.bill-pay-status-wrapper ion-icon{height:75px;width:75px;padding:0;margin:0 auto 10px}.route-bill-completed ion-grid{margin-bottom:0}.payment-confirmation-wrapper{display:flex;align-items:center;padding-top:5px}.payment-confirmation-wrapper img{height:20px!important;width:20px;margin-right:10px;margin-bottom:0!important}.restaurant-card{border-radius:var(--ion-card-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;position:fixed;left:0;right:0;bottom:0;z-index:1;margin:0;background:transparent}.snoozed{text-decoration:line-through;-webkit-text-decoration-color:var(--ion-color-gray-shade);text-decoration-color:var(--ion-color-gray-shade)}.web ion-content.route-pick-up-at-counter,.web ion-content.route-pick-up-at-counter-scheduled{--ion-color-base:transparent}.route-pick-up-at-counter-scheduled .absolute-content,.route-pick-up-at-counter .absolute-content{padding:0}.route-pick-up-at-counter-scheduled .click-and-collect-title,.route-pick-up-at-counter .click-and-collect-title{padding:var(--ion-padding);flex:unset}.route-pick-up-at-counter-scheduled .click-and-collect-locations,.route-pick-up-at-counter .click-and-collect-locations{flex:1 1;overflow:auto;margin-bottom:20px}.route-pick-up-at-counter-scheduled .click-and-collect-time,.route-pick-up-at-counter .click-and-collect-time{height:70%}.route-pick-up-at-counter-scheduled .click-and-collect-locations .box-wrapper,.route-pick-up-at-counter .click-and-collect-locations .box-wrapper{padding:0;margin:0 var(--ion-padding) 10px}.route-pick-up-at-counter-scheduled .click-and-collect-button-wrapper,.route-pick-up-at-counter .click-and-collect-button-wrapper{padding:var(--ion-padding);flex:unset}.route-pick-up-at-counter-scheduled .mbsc-select-input.mbsc-control,.route-pick-up-at-counter .mbsc-select-input.mbsc-control{display:none!important}.click-and-collect-timepicker-wrapper{margin:0 var(--ion-padding);padding:0!important;overflow:hidden}.click-collect-items ion-item{margin:0 var(--ion-padding)}.striked{text-decoration:line-through}.click-and-collect-timepicker-wrapper .mbsc-ios .mbsc-sc-itm{font-size:1.5em!important}.route-pick-up-at-counter .click-and-collect-locations{flex:1 1;overflow:auto;margin-bottom:20px}.table-number-input{--padding-start:0}.route-browse-menu .absolute-content{padding:0}.route-browse-menu .click-and-collect-title{padding:var(--ion-padding);flex:unset}.route-browse-menu .browse-menu-locations{height:60%;overflow:auto;margin-bottom:20px}.route-browse-menu .click-and-collect-time{height:60%}.order-to-table-locations{padding:0 var(--ion-padding)}.route-browse-menu .browse-menu-locations .box-wrapper{padding:0;margin:0 var(--ion-padding);cursor:pointer}.route-browse-menu .click-and-collect-button-wrapper{padding:var(--ion-padding);flex:unset}.unclickable{pointer-events:none}.menu-item-wrapper{padding:10px}.menu-item-wrapper ion-item{padding:0!important}.menu-item-wrapper:not(:last-child){border-bottom:1px solid var(--ion-color-gray)}.menu-item{cursor:pointer}.menu-item,.menu-item>div{display:flex;justify-content:space-between;align-items:center}.menu-item ion-icon{font-size:25px;pointer-events:none}.menu-item ion-item{border-bottom:none!important;width:100%}.menu-times{margin-left:40px}.menu-day{display:inline-block;width:40px}.forward-arrow-icon{position:relative;left:7px;pointer-events:none}.gift-voucher-resend-button .small-text{color:var(--ion-color-primary-contrast)!important}.gift-voucher-user{display:flex;flex-direction:column;justify-content:center;margin:0 20px;flex:1 1;overflow:hidden}.gift-voucher-order-content{display:flex;align-items:flex-start;justify-content:space-between}.gift-voucher-success{background-color:#c9fdd7!important;display:flex;align-items:center}.gift-voucher-success ion-icon{stroke:#1e7105;height:50px;width:50px;margin-right:20px}.vocher-balance-result{display:flex;align-items:flex-start;justify-content:space-between}.vocher-balance-result-error{flex-direction:column;justify-content:center;align-items:center;padding:var(--ion-padding)}.vocher-balance-result svg{stroke:var(--okx-box-wrapper-color);height:50px;width:50px}.vocher-balance-result-error>:not(:last-child){margin-bottom:10px}.vocher-balance-result .pill{text-transform:capitalize;align-items:center;display:flex}.vocher-balance-result .pill svg{margin-right:5px;height:15px;width:15px;stroke:var(--ion-color-primary-contrast)}.route-voucher-balance input::-webkit-inner-spin-button,.route-voucher-balance input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.route-voucher-balance input[type=number]{-moz-appearance:textfield}.route-order ion-toolbar.primary-toolbar{--background:transparent no-repeat 50% 50%/auto 90%}.route-order .segment-holder{padding:0}.order-categories{flex:0 0 auto;padding:0}.order-categories h2{padding:0 25px}.order-categories-inner{display:flex;flex-flow:row;width:100%;overflow-y:auto}.order-content{flex:1 1 100%;overflow:hidden;padding:0 var(--ion-padding)}.category-button{--color:var(--ion-color-secondary);font-weight:700;margin:10px 0!important;border-bottom:1px solid var(--ion-color-primary);opacity:.5;font-size:var(--ion-font-size)!important}.web .category-button{margin:0 0 15px!important}.category-button.active{--background-activated:var(--ion-color-primary);--color:var(--ion-color-secondary);border-bottom:2px solid var(--ion-color-primary);opacity:1}.order-list-items{overflow-y:auto;height:100%}.grid-menus .order-list-items{overflow:hidden}.order-list-items>.list-md{padding-bottom:0;position:relative}.order-list-items ion-item{--min-height:20px;--inner-padding-end:0;cursor:pointer}.order-list-item{display:flex;width:100%;justify-content:space-around;padding:10px;background-color:var(--okx-box-wrapper-background);margin-bottom:10px;border-radius:var(--okx-box-radius);min-height:70px;align-items:center;justify-content:space-between}.order-list-group{display:block;list-style-type:none;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}.order-list-group,.order-list-group>div>ion-item{border-radius:var(--okx-box-radius);overflow:hidden}.order-list-item>div{flex:0 1 auto}.order-list-item>div:first-child{margin-left:0;display:flex;justify-content:flex-end}.order-list-item>div:nth-child(3){text-align:right}.item-content{display:flex;flex-direction:column}.item-content p{margin:0}.item-image{border-radius:5px;background:none transparent no-repeat 50% 50%;background-color:var(--ion-color-gray);background-size:100% auto;padding-top:100%;margin-left:auto;min-width:50px;min-height:50px;width:50px;height:50px;background-size:contain;background-position:50%;position:relative;overflow:hidden}.item-image:before{content:"";height:100%;width:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.05)}.item-price>span:first-child{color:var(--okx-box-wrapper-color);font-size:13px;font-weight:700}.item-price>span.original-price{text-decoration:line-through;font-size:.9em}.order-list-header{padding:25px;margin-bottom:10px}.order-list-header ion-label{font-size:25px;font-weight:600;text-transform:none}.order-sublist-header{padding-left:0;position:sticky;position:-webkit-sticky;top:-1px;background-color:var(--okx-background-color);z-index:2;--color:var(--ion-color-primary);margin-top:20px}.order-sublist-header ion-label{font-size:var(--okx-title-font-size);text-transform:none;color:var(--ion-color-primary);margin-top:0;font-weight:400}.order-intro-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;flex-flow:column}.order-intro-image-wrapper,.order-intro-wrapper{width:100%;display:flex;align-items:center;background:var(--ion-color-light-shade)}.order-intro-image-wrapper{flex:1 1;justify-content:center;color:var(--ion-color-black)}.order-intro-content{height:250px;padding:25px;border-top-left-radius:35px;border-top-right-radius:35px;background:var(--ion-color-medium-contrast)}.order-intro-content p{color:var(--ion-color-black);text-align:center;padding:0 10px;font-size:14px;margin:25px 0}.order-intro-modal>.modal-wrapper{height:320px;width:270px;border-radius:15px}.order-intro-modal>.modal-wrapper>.ion-page{min-width:100%;padding:15px 25px}.order-intro-modal>.modal-wrapper>.ion-page ion-icon{position:absolute;right:15px;font-size:35px}.order-intro-modal>.modal-wrapper>.ion-page h2{font-size:20px;margin-top:4px}.order-intro-modal>.modal-wrapper>.ion-page .order-intro-modal-inner{flex:1 1;display:flex;flex-flow:column;justify-content:space-around}.location-select{--padding-start:0;margin-top:5px;border-bottom:1px solid var(--ion-color-medium)}.popover-content ion-item ion-label{margin-left:10px}.pickup-time{margin-top:5px;border-bottom:1px solid var(--ion-color-medium)}.app{display:grid;grid-template-columns:20% 80%}.navbar,.navbar .nav-link{padding:.5rem}.header{height:80px;overflow:auto;background:#aaa}.container{background:#ddd}.container,.gap{height:500px}.gap.short{height:250px}.gap.tall{height:1000px}.container.relative{overflow-y:auto}.view-order-button{position:fixed;bottom:10px;text-align:center;z-index:3;left:14px;right:14px}.segment-holder.grid-menus{overflow:auto!important}.segment-holder.grid-menus .order-categories{display:flex;flex-direction:column}.order-categories-tiles-wrapper{width:100%;grid-column:span 2}.order-categories-tile{height:150px;width:100%;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:50%;border-radius:10px;margin:0;background-color:rgba(0,0,0,.4);background-blend-mode:darken;text-align:center;padding:20px}.grid-menus .order-categories{padding:0}.grid-menus .title,.route-order>.no-padding>.segment-holder.grid-menus>.order-categories>ion-text>span{padding-left:30px;padding-bottom:10px}.grid-menus .order-categories-tile-title{color:var(--ion-color-white);font-size:var(--okx-subtitle-font-size);font-weight:700;text-transform:uppercase;word-break:break-word}.grid-menus .order-list-item{display:grid;margin:0;grid-gap:10px;gap:10px;grid-template-areas:"image" "desc" "price";justify-items:flex-start;justify-content:unset;padding:0;border-bottom:0}.grid-menus .order-list-items ion-item{--border-style:unset;background-color:var(--okx-box-wrapper-background);padding:10px!important;border-radius:var(--okx-box-radius)}.grid-menus .order-list-items ion-item .small-text{color:var(--okx-box-wrapper-color)}.grid-menus .item-content{margin:0;grid-area:desc}.grid-menus .item-content>div{display:none}.grid-menus .item-price{grid-area:price;margin:0}.grid-menus .item-icon-wrapper{grid-area:icon}.grid-menus .item-icon-wrapper ion-icon{height:20px;width:20px;opacity:.4}.grid-menus .item-price>span:first-child{font-size:var(--ion-font-size);font-weight:400}.grid-menus .default-height{display:none}.grid-menus .item-content>h5{font-size:var(--ion-font-size);font-weight:bolder;font-weight:900;letter-spacing:normal;min-height:40px;text-align:start}.grid-menus .order-list-item>div:first-child{flex:unset}.grid-menus .item-image-wrapper{width:100%;margin:0;grid-area:image}.grid-menus .item-image:before{content:"";height:150px;width:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.1)}.grid-menus .item-image{width:100%;height:150px;padding:0;background-position:50%;background-color:var(--ion-color-gray);background-size:cover}.grid-menus .category-title{margin:10px 10px 10px 30px;color:var(--okx-box-wrapper-color);padding:0;font-weight:400}.grid-menus .order-sublist-holder{width:100%;display:flex;flex-wrap:wrap}.grid-menus .order-list-items ion-list{display:grid;grid-gap:var(--ion-padding);gap:var(--ion-padding);padding:0 var(--ion-padding) var(--ion-padding);grid-template-columns:1fr 1fr}.order-content-with-items .order-list-items ion-list{padding-bottom:80px}.order-header-content>*{display:flex;align-items:center}.order-header-content svg{height:25px;width:25px;margin-right:15px}.order-header-content>div:first-child{margin-bottom:10px}.multi-order-heder-content>div:first-child{display:none}.order-header-content>div:nth-child(2){justify-content:space-between}.no-items-message{display:block;margin:0 var(--ion-padding)}.disabled-opacity{opacity:.3!important}@media (max-width:700px){.app{grid-template-columns:unset}}.web .route-order+ion-toolbar.dynamic-header{--ion-toolbar-background:var(--ion-color-secondary)}.web #main>ion-content.route-order>.no-padding{height:100%;overflow-y:auto}#main>ion-content.route-order>.no-padding{background-color:var(--okx-background-color)}.web .order-summary-sidebar{top:80px}.web .order-list{width:calc(100% - var(--okx-sidebar-width))}.web .order-list.order-list-full{width:100%}.web .web-only.order-list-heading{position:relative;margin-bottom:50px}.restaurant-info-banner{width:350px;background:var(--ion-color-white);height:250px;border-radius:var(--okx-box-radius);position:absolute;top:50px;right:50px;z-index:5;padding:15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 5px 0 rgba(0,0,0,.2)}.restaurant-info-banner *{color:var(--ion-color-dark)}.table-icon{background-image:url(/static/media/table-icon.c6270b49.svg)}.delivery-icon{background-image:url(/static/media/delivery-icon.e354a3b8.svg)}.collection-icon{background-image:url(/static/media/collection-icon.f29ca522.svg)}.restaurant-info-delivery-options{display:flex;width:100%;justify-content:space-between;align-items:center}.restaurant-info-delivery-options .icons-wrapper{display:flex}.restaurant-info-delivery-options .icons-wrapper svg{stroke:var(--ion-color-dark)}.restaurant-info-delivery-options .icons-wrapper>div{height:40px;margin:0 5px;width:40px;object-fit:contain;background-repeat:no-repeat;cursor:pointer;background-position:50%}.restaurant-info-delivery-options .icons-wrapper>div:last-child{margin-right:0}.web .web-only.order-list-heading>.order-list-restaurant-image,.web .web-only.order-list-heading>.order-list-restaurant-info{display:flex;flex-flow:column;position:relative}.web .web-only.order-list-heading>.order-list-restaurant-info{padding:32px 50px}.web .order-list-info-box,.web .order-list-info-box .info-box-list{display:flex}.client-logo{height:50px;width:100px;object-fit:contain;margin-bottom:20px}.web .order-list-info-box{align-items:center;justify-content:flex-start}.web .order-list-info-box>ion-icon{font-size:30px}.web .order-list-info-box .info-box-list{flex-flow:column}.web .order-list-info-box .info-box-list>ion-list{padding:0;display:flex}.web .order-list-info-box .info-box-list>ion-list>ion-button{height:auto;margin:0 5px 0 0}.web .order-list-info-box .info-box-list>ion-list>ion-button:hover{background:var(--ion-color-white)}.web .order-list-restaurant-bg{background-size:cover;background-repeat:no-repeat;flex:0 1 250px;position:relative}.web .order-list-restaurant-bg:before{content:"";background:linear-gradient(90deg,rgba(0,0,0,.1) 40%,#000);position:absolute;left:0;top:0;width:100%;height:100%}.web .order-summary-sidebar,.web .order-summary-sidebar:after,.web .order-summary-sidebar:before{left:calc(100% - var(--okx-sidebar-width))}.web .order-summary-sidebar{position:absolute;top:0;right:10px;bottom:0}.web .order-summary-sidebar .add-items-row{display:none}.web .order-summary-sidebar:after,.web .order-summary-sidebar:before{content:"";position:fixed;top:-200px;bottom:0}.web .order-summary-sidebar:before{width:20px;box-shadow:-13px 0 13px rgba(0,0,0,.12);z-index:5}.web .order-summary-sidebar:after{right:0;background-color:#fff;width:50px;background-color:var(--okx-background-color)}.web .order-summary-sidebar .absolute-content{top:0;z-index:5;padding:0!important;background-color:var(--okx-background-color)}.web .order-summary-sidebar .absolute-content .scrollable-y{padding:var(--ion-padding) var(--ion-padding)}.web .order-summary-sidebar .checkout div.righted:first-of-type{visibility:hidden}.web .order-summary-sidebar .cnc-ordering-for{display:inline-block;width:90%}.web .order-categories{padding:10px 10px 0 50px;position:sticky;position:-webkit-sticky;top:0;z-index:3;background-color:var(--okx-background-color)}.web .order-categories h2{padding:0;font-size:var(--okx-title-font-size)}.web .order-categories-inner{flex-wrap:wrap}.web .order-categories-inner ion-button{text-transform:none;margin-right:5px}.web .order-content{padding:0 10px var(--ion-padding) 50px;overflow:unset}.web .order-list-items{overflow:unset;height:100%}.web .order-sublist-header{top:90px}.order-sublist-header.empty{display:none}.web .order-list-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-items:stretch;align-items:stretch;grid-row-gap:15px;row-gap:15px;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;padding-right:10px}.web .order-list-grid.wrapper-grid{grid-template-columns:1fr}.web .order-list-grid .order-list-item{display:flex;flex-direction:column;width:auto;margin-bottom:0;min-width:0;background-color:var(--okx-box-wrapper-background);padding:10px;cursor:pointer;border-bottom:0;border-radius:var(--okx-box-radius)}.web .order-list-grid .order-list-item .item-image{width:100%;padding-top:100%;background-color:var(--ion-color-gray);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;min-width:0;min-height:0;margin:0;display:block;height:auto;border-radius:4px}.web .order-list-grid .order-list-item .item-bar{margin:5px 0 0;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;width:100%;height:100%;overflow:hidden}.web .route-order .item-bar .item-name,.web .route-order .item-bar .item-price{font-size:var(--okx-product-font-size);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;color:var(--okx-box-wrapper-color)}.web .route-order .item-bar .small-text{color:var(--okx-box-wrapper-color)}.web .route-order .item-bar .item-name.ellipsis{white-space:normal;text-overflow:unset}.web .route-order .item-bar .item-price{text-align:right;align-self:flex-end;flex:0 1 35%}.web .route-order .item-bar .item-price>span:first-child{font-size:inherit;font-weight:400}.web .route-order .item-bar .item-price>span.original-price{text-decoration:line-through;font-size:calc(var(--okx-small-text-font-size) - 1px)}.web ion-modal.modal-classic{--height:var(--okx-modal-height);min-height:400px}.web ion-modal.modal-classic .modal-classic-content,.web ion-modal.modal-classic .modal-classic-wrapper{height:100%}.web ion-modal.modal-classic .modal-classic-content{display:flex;flex-direction:column;overflow:auto}.web ion-modal.modal-classic .item-details-image{position:absolute;left:-12px;width:130px;padding-top:240px;height:auto;background-size:100% auto;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:3}.web ion-modal.modal-classic .item-details-content{height:calc(100% - 90px);overflow-y:auto;padding:0}.web .item-details-card-content,.web .item-details-modal-info>div{padding:0 var(--ion-padding)}.web .item-details-card-content{padding-bottom:70px}.web ion-modal.modal-classic .item-details-card{height:100%;position:relative}.web ion-modal.modal-classic .item-details-card-price{text-align:left}.web ion-modal.modal-classic .item-details-actions{position:absolute;left:-25px;bottom:-17px;right:-25px;margin-left:0;padding:var(--ion-padding);z-index:5;-webkit-transform:translateZ(0)}.web ion-modal.modal-classic .item-details-card-content .item-details-card-list{padding:0}.web ion-modal.modal-classic.allergen-modal,.web ion-modal.modal-classic.apply-points-modal{--height:var(--okx-modal-height)}.web ion-modal.modal-classic.allergen-modal .modal-classic-wrapper,.web ion-modal.modal-classic.apply-points-modal .modal-classic-wrapper{left:calc(100% - var(--okx-sidebar-width))}.web ion-modal.modal-classic.allergen-modal .title.centered{text-align:left}.web ion-modal.modal-classic.allergen-modal .sectiontitle{margin:0;font-weight:700}.web ion-modal.modal-classic.apply-points-modal .incrementer-decrease,.web ion-modal.modal-classic.apply-points-modal .incrementer-incease{--color:var(--okx-color-black)}.web .order-sublist-holder{margin-bottom:30px;grid-column:1/-1}.web .order-list-items>.list-ios,.web .order-list-items>.list-md{position:relative}.restaurant-info{padding:var(--ion-padding)}.web .item-details-modal .item-details-actions{left:0!important;right:0!important;bottom:0!important;background-color:var(--okx-box-wrapper-background)}.item-details-modal .modal-classic-content,.item-details-modal .modal-classic-wrapper{padding:0!important}.item-details-model-header{padding:var(--ion-padding);left:0;background:var(--okx-box-wrapper-background);z-index:1;top:0;position:absolute;box-shadow:0 0 5px 0 rgba(0,0,0,.2);width:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.item-details-model-header.active{-webkit-transform:translateY(0);transform:translateY(0)}.item-details-modal-info img{height:200px;width:100%;object-fit:cover}ion-modal.modal-classic.item-details-modal .modal-classic-closer{background:var(--ion-color-white);right:15px;top:10px;border-radius:2px;height:35px;width:35px;z-index:5;box-shadow:0 0 2px 0 rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}ion-modal.modal-classic.item-details-modal .modal-classic-closer ion-icon{color:var(--ion-color-dark)}@media screen and (max-width:1280px){.web .order-list-grid{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (max-width:860px){.web .order-list-grid{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:640px){.web .order-list-grid{grid-template-columns:1fr 1fr}}.web .route-order .basket-button{display:none}
/*# sourceMappingURL=main.f23db6d0.chunk.css.map */