/* Values copied from Android Color.kt, Type.kt and OperationsApp.kt. */
body[data-client-view="true"] {
  --primary: #A71930; --primary-dark: #761020; --primary-light: #F5D8DD;
  --bg: #EEEDEA; --surface: #F9F8F6; --surface-soft: #E5E4E1;
  --text: #202124; --muted: #5F6062; --border: #CBC9C5;
  --consumer-red: #A71930; --consumer-red-dark: #761020;
  --dj-v12-red: #A71930; --dj-v12-red-strong: #761020;
  --dj-v12-text: #202124; --dj-v12-surface: #F9F8F6;
}
body[data-client-view="true"] { color: var(--text); background: var(--bg) !important; font-family: Roboto, Arial, sans-serif; }
body[data-client-view="true"] .view, body[data-client-view="true"] .app-shell { background: var(--bg) !important; box-shadow: none; }
body[data-client-view="true"] .app-shell { padding-top: 0; }
body[data-client-view="true"] :is(h1,h2,h3) { color: var(--text); }
body[data-client-view="true"] :is(.muted,small,.eyebrow) { color: var(--muted); }
body[data-client-view="true"] :is(.primary-button,.consumer-sticky-action,.file-picker-button) {
  background: var(--primary) !important; color: white !important; border-color: var(--primary) !important;
  box-shadow: none !important; border-radius: 24px; min-height: 40px; font-size: 14px;
}
body[data-client-view="true"] :is(.secondary-button,.back-button) {
  background: transparent !important; color: var(--primary) !important; border: 1px solid var(--border);
  box-shadow: none !important; border-radius: 24px; min-height: 40px; font-size: 14px;
}
body[data-client-view="true"] :is(input,textarea,select) { color: var(--text) !important; background: transparent !important; border-color: var(--border) !important; border-radius: 8px; box-shadow: none !important; font-size: 16px; }
body[data-client-view="true"] :is(input,textarea,select):focus { outline-color: var(--primary); border-color: var(--primary) !important; }
body[data-client-view="true"] :is(button,a,input,select,textarea):focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
body[data-client-view="true"] :is(.form-card,.settings-card,.profile-card,.address-form,.saved-address-card,.payment-method-card,.finance-delivery-card,.metric-card,.order-card,.package-form-card,.package-created-card,.courier-package-card,.delivery-offer-card,.active-delivery-card,.owner-order-card) {
  color: var(--text); background: var(--surface) !important; border-color: var(--border) !important;
  border-radius: 20px; box-shadow: none !important;
}
body[data-client-view="true"] .empty-state { color: var(--text); background: transparent !important; border: 0; box-shadow: none; padding: 48px 18px; }
body[data-client-view="true"] .empty-state h2 { font-size: 23px; line-height: 29px; }
body[data-client-view="true"] .empty-state p { color: var(--muted); font-size: 14px; line-height: 20px; }
.native-topbar { display: flex; align-items: center; min-height: 64px; gap: 12px; padding: 0 4px; }
.native-topbar h1 { font-size: 22px; line-height: 28px; margin: 0; font-weight: 700; }
.native-topbar button { display: grid; place-items: center; border: 0; background: transparent; color: var(--text); width: 48px; height: 48px; padding: 12px; }
body[data-client-view="true"] .store-topbar { display: none !important; }
body[data-client-view="true"] #view-home { padding: 12px 18px 28px; }
body[data-client-view="true"] .mobile-home-heading { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 12px; padding: 0; }
body[data-client-view="true"] .mobile-home-heading .mobile-brand { display: flex !important; gap: 8px; align-items: center; order: 0; margin: 0; padding: 0; text-align: left; flex: 1; min-width: 0; }
body[data-client-view="true"] .mobile-home-heading .mobile-brand-logo { width: 46px !important; height: 46px !important; object-fit: contain; }
body[data-client-view="true"] .native-home-brand-copy { display: grid; gap: 2px; }
body[data-client-view="true"] .native-home-brand-copy strong { font-size: 20px; line-height: 25px; color: var(--text); white-space: nowrap; }
body[data-client-view="true"] .native-home-brand-copy small { font-size: 14px; line-height: 18px; color: var(--primary-dark); font-weight: 700; }
body[data-client-view="true"] .mobile-home-heading .mobile-location-button { display: flex !important; order: 1; flex: 0 1 auto; border-radius: 12px; background: var(--surface-soft); padding: 7px 8px; gap: 4px; min-height: 32px; width: auto; color: var(--text); font-size: 14px; }
body[data-client-view="true"] .mobile-location-button #mobile-location-label { max-width: 108px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body[data-client-view="true"] .mobile-location-button .dj-icon { width: 16px; height: 16px; }
body[data-client-view="true"] #mobile-profile-heading, body[data-client-view="true"] #install-promo { display: none !important; }
body[data-client-view="true"] .mobile-search-panel { display: block; margin: 0 0 7px; padding: 0; }
body[data-client-view="true"] .search-box { display: flex; align-items: center; height: 40px; min-height: 40px; padding: 0 12px; gap: 8px; background: var(--surface) !important; border: 1px solid #DDDCD8 !important; border-radius: 14px; box-shadow: none; }
body[data-client-view="true"] .search-box input { height: 38px !important; min-height: 0; border: 0 !important; border-radius: 0; padding: 0 !important; width: 100%; font-size: 14px; }
body[data-client-view="true"] .search-icon { display: flex; transform: none; padding: 0; color: var(--muted); }
body[data-client-view="true"] .search-icon .dj-icon { width: 18px; height: 18px; }
body[data-client-view="true"] .location-search-button { display: none !important; }
body[data-client-view="true"] .consumer-section-title { margin: 14px 0 7px; }
body[data-client-view="true"] .consumer-section-title > span { display: none; }
body[data-client-view="true"] .consumer-section-title h2, body[data-client-view="true"] .native-explore-title { font-size: 23px; line-height: 29px; font-weight: 700; margin: 14px 0 7px; }
body[data-client-view="true"] .home-mode-tabs { gap: 8px; margin: 0 0 14px; }
body[data-client-view="true"] .home-mode-tabs button { min-height: 68px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface) !important; color: var(--text) !important; font-size: 14px; }
body[data-client-view="true"] .home-mode-tabs button.active { background: var(--primary-light) !important; color: var(--primary-dark) !important; border-color: var(--primary-light); }
body[data-client-view="true"] .home-mode-tabs .dj-icon { width: 24px; height: 24px; }
body[data-client-view="true"] .home-banner-carousel { margin: 7px 0; border-radius: 22px; }
body[data-client-view="true"] .highlight-list { gap: 7px; }
body[data-client-view="true"] .highlight-card { flex: 0 0 92px; width: 92px; padding: 0; }
body[data-client-view="true"] .highlight-card img { width: 92px; height: 82px; border-radius: 16px; }
body[data-client-view="true"] .consumer-restaurant-list { display: grid; grid-template-columns: 1fr; gap: 10px; }
body[data-client-view="true"] .consumer-restaurant-card { display: flex; min-height: 110px; background: var(--surface) !important; border: 0 !important; border-radius: 20px; box-shadow: 0 1px 2px #00000015; padding: 12px; gap: 12px; }
body[data-client-view="true"] .consumer-restaurant-image { width: 84px; height: 84px; min-width: 84px; border-radius: 16px; overflow: hidden; }
body[data-client-view="true"] .consumer-restaurant-image img { width: 100%; height: 100%; object-fit: cover; }
body[data-client-view="true"] .consumer-restaurant-body[data-client-view="true"] { padding: 0; flex: 1; min-width: 0; }
body[data-client-view="true"] .consumer-restaurant-title h3 { font-size: 16px; line-height: 21px; }
body[data-client-view="true"] .consumer-restaurant-body[data-client-view="true"] p, body[data-client-view="true"] .consumer-restaurant-meta { font-size: 12px; line-height: 16px; color: var(--muted); }
body[data-client-view="true"] .favorite-store-button { display: none; }
body[data-client-view="true"] .open-badge { display: none; }
body[data-client-view="true"] .consumer-restaurant-title .rating-badge { color: var(--primary-dark); background: transparent; padding: 0; }
body[data-client-view="true"] .consumer-restaurant-title .rating-badge .dj-icon { width: 14px; height: 14px; }
body[data-client-view="true"] .consumer-bottom-nav { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)) !important; position: fixed !important; bottom: 0; left: 0; right: 0; width: 100%; min-height: 80px; height: auto; padding: 0 8px env(safe-area-inset-bottom); margin: 0; border: 0; border-radius: 0 !important; box-shadow: none !important; background: var(--surface) !important; z-index: 60; }
body[data-client-view="true"] .consumer-bottom-nav[hidden] { display: none !important; }
body[data-client-view="true"] .consumer-bottom-nav button { position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; padding: 12px 0 16px; color: var(--muted) !important; background: transparent !important; border-radius: 0; }
body[data-client-view="true"] .consumer-bottom-nav .native-nav-icon { display: grid; place-items: center; width: 64px; height: 32px; border-radius: 16px; font-size: 0; }
body[data-client-view="true"] .consumer-bottom-nav .dj-icon { width: 24px; height: 24px; }
body[data-client-view="true"] .consumer-bottom-nav .native-nav-label { font-size: 12px !important; font-weight: 500; line-height: 16px; width: auto; }
body[data-client-view="true"] .consumer-bottom-nav button.active .native-nav-icon { color: var(--primary-dark); background: var(--primary-light); }
body[data-client-view="true"] .consumer-bottom-nav button.active .native-nav-label { color: var(--text); font-weight: 700; }
body[data-client-view="true"] .consumer-bottom-nav .native-cart-count { position: absolute; top: 9px; left: calc(50% + 8px); min-width: 16px; border-radius: 8px; padding: 0 4px; background: #B3261E; color: white; font-size: 11px; }
body[data-client-view="true"] .consumer-bottom-nav .native-cart-count[hidden] { display: none; }
body[data-client-view="true"][data-screen="home"],body[data-client-view="true"][data-screen="cart"],body[data-client-view="true"][data-screen="packages"],body[data-client-view="true"][data-screen="orders"],body[data-client-view="true"][data-screen="profile"] { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
body[data-client-view="true"] .profile-card { background: var(--primary-light) !important; padding: 16px; }
body[data-client-view="true"] .profile-avatar-image { width: 76px; height: 76px; border-radius: 22px; }
body[data-client-view="true"] .profile-card h1 { font-size: 23px; line-height: 29px; }
body[data-client-view="true"] .profile-edit-form .form-grid { grid-template-columns: 1fr; }
body[data-client-view="true"] .profile-edit-form .primary-button { width: 100%; }
body[data-client-view="true"] .consumer-cart-item, body[data-client-view="true"] .summary-card { background: var(--surface) !important; border-radius: 20px; border: 0; box-shadow: none; }
body[data-client-view="true"] .consumer-cart-item img { width: 78px; height: 78px; border-radius: 16px; }
body[data-client-view="true"] .consumer-sticky-action { position: static !important; width: 100%; margin-top: 12px; }
body[data-client-view="true"] .consumer-cart h1 { font-size: 28px; line-height: 34px; }
body[data-client-view="true"] .consumer-cart h1 > span { display: none; }
body[data-client-view="true"] .restaurant-menu-tabs { background: var(--surface) !important; border-radius: 18px; box-shadow: none; }
body[data-client-view="true"] .restaurant-menu-tabs button.active { background: var(--primary-light) !important; color: var(--primary-dark) !important; }
body[data-client-view="true"] .menu-item, body[data-client-view="true"] .menu-card { background: var(--surface) !important; color: var(--text); border-radius: 20px; box-shadow: none; }
body[data-client-view="true"] .auth-presentation { display: none; }
body[data-client-view="true"] .auth-layout { display: block; max-width: 560px; margin: 0 auto; }
body[data-client-view="true"] .auth-tabs button.active { background: var(--primary-light) !important; color: var(--primary-dark) !important; }
body[data-client-view="true"] .auth-card { background: var(--surface) !important; border-radius: 22px; box-shadow: none; }
body[data-client-view="true"] .native-operation-menu { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 14px 0; }
body[data-client-view="true"] .native-operation-menu button { min-height: 145px; padding: 15px; display: flex; flex-direction: column; align-items: start; text-align: left; gap: 8px; color: var(--text); background: var(--surface); border: 0; border-radius: 20px; }
body[data-client-view="true"] .native-operation-menu .native-menu-symbol { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--primary-light); color: var(--primary); font-weight: 900; font-size: 14px; }
body[data-client-view="true"] .native-operation-menu strong { font-size: 17px; font-weight: 800; }
body[data-client-view="true"] .native-operation-menu small { font-size: 12px; line-height: 16px; }
body[data-client-view="true"] .native-operation-heading { font-size: 24px; font-weight: 800; margin: 14px 0; }
body[data-client-view="true"] .native-section-back { display: flex; align-items: center; gap: 8px; border: 0; background: transparent; padding: 12px 0; color: var(--primary); font-size: 14px; }
body[data-client-view="true"] .native-section-back .dj-icon { width: 20px; height: 20px; }
body[data-client-view="true"] .native-menu-actions { display: flex; gap: 10px; }
body[data-client-view="true"] .native-menu-actions > button { flex: 1; }
body[data-client-view="true"] #view-owner .owner-tabs { display: none !important; }
body[data-client-view="true"] #view-owner[data-native-section="home"] .owner-panel { display: none !important; }
body[data-client-view="true"] #view-owner:not([data-native-section="home"]) .native-owner-menu { display: none; }
body[data-client-view="true"] .native-section-back[hidden],body[data-client-view="true"] .native-owner-menu[hidden] { display: none !important; }
body[data-client-view="true"] #view-courier[data-native-section="home"] #courier-dashboard-content > :not(.courier-header-card):not(.native-courier-menu),
body[data-client-view="true"] #view-courier[data-native-section="packages"] #courier-dashboard-content > :not(#courier-package-section):not(.native-section-back),
body[data-client-view="true"] #view-courier[data-native-section="deliveries"] #courier-package-section,
body[data-client-view="true"] #view-courier:not([data-native-section="home"]) .native-courier-menu { display: none !important; }
body[data-client-view="true"] .native-wizard-step[hidden] { display: none !important; }
body[data-client-view="true"] .native-wizard-actions { display: flex; gap: 10px; margin: 14px 0; }
body[data-client-view="true"] .native-wizard-actions button { flex: 1; }
body[data-client-view="true"] .native-wizard-step > label { display: grid; margin: 12px 0; gap: 6px; }
body[data-client-view="true"] .native-wizard-step h2 { font-size: 20px; }
body[data-client-view="true"] .package-mode-tabs { display: none; }
body[data-client-view="true"] .package-page-head { padding: 0; background: none; box-shadow: none; }
body[data-client-view="true"] .package-page-head .eyebrow, body[data-client-view="true"] .package-page-head p { display: none; }
body[data-client-view="true"] #pix-wallet-dialog { color: var(--text); background: var(--bg); }
body[data-client-view="true"] #pix-wallet-dialog form { display: grid; gap: 12px; }
body[data-client-view="true"] .app-footer { display: none !important; }
body[data-client-view="true"][data-screen="home"] .app-footer { display: block !important; margin: 24px 18px; padding: 18px; background: var(--surface); border: 1px solid var(--border); border-radius: 20px; box-shadow: none; }
body[data-client-view="true"][data-screen="home"] .app-footer .footer-brand { display: none; }
body[data-client-view="true"][data-screen="home"] .app-footer .footer-section { margin: 12px 0; }
@media (max-width: 720px) {
  body[data-client-view="true"] .app-header { display: none !important; }
  body[data-client-view="true"] .app-shell { padding: 0; }
  body[data-client-view="true"] .view { padding: 0 18px 28px; }
  body[data-client-view="true"] .native-home-brand-copy strong { font-size: 18px; }
  body[data-client-view="true"] .profile-edit-form,body[data-client-view="true"] .form-card { padding: 16px; }
  body[data-client-view="true"] :is(.form-grid.two-columns,.form-grid.three-columns,.package-form-grid) { grid-template-columns: 1fr; }
  body[data-client-view="true"] .owner-header { padding: 16px 0; }
  body[data-client-view="true"] .courier-header-card { padding: 16px; display: grid; gap: 14px; }
  body[data-client-view="true"] .courier-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-client-view="true"] #pix-wallet-dialog { width: 100vw !important; max-width: 100vw !important; height: 100dvh; max-height: 100dvh !important; border-radius: 0 !important; margin: 0; padding: 18px !important; }
}
@media (min-width: 721px) {
  body[data-client-view="true"] .app-shell { max-width: 1000px; margin: auto; }
  body[data-client-view="true"] .mobile-home-heading { max-width: 640px; margin-left: auto; margin-right: auto; }
  body[data-client-view="true"] .mobile-search-panel { max-width: 640px; margin-left: auto; margin-right: auto; }
  body[data-client-view="true"] .consumer-bottom-nav { max-width: 1000px; margin: auto; }
}
@media (max-width: 359px) {
  body[data-client-view="true"] .native-home-brand-copy strong { font-size: 16px; }
  body[data-client-view="true"] .native-home-brand-copy small { font-size: 12px; }
  body[data-client-view="true"] .mobile-location-button #mobile-location-label { max-width: 78px; }
  body[data-client-view="true"] .highlight-card { flex-basis: 82px; width: 82px; }
  body[data-client-view="true"] .consumer-bottom-nav .native-nav-icon { width: 54px; }
}
body[data-client-view="true"] #view-owner[data-native-settings="payments"] #owner-finance-panel > :not(.payment-method-management) { display: none !important; }
body[data-client-view="true"] #view-owner[data-native-settings="finance"] .payment-method-management { display: none !important; }
body[data-client-view="true"] #view-owner[data-native-settings="delivery"] #restaurant-settings-form > :not(.three-columns):not(button[type="submit"]) { display: none !important; }
body[data-client-view="true"] #view-owner[data-native-section="home"] #owner-header { background: transparent !important; }
body[data-client-view="true"] #view-owner:not([data-native-section="home"]) #owner-header { display: none !important; }
body[data-client-view="true"] #view-courier:not([data-native-section="home"]) .courier-header-card { display: none !important; }
@media (max-width: 720px) {
  body[data-client-view="true"][data-screen="home"] .app-footer { display: none !important; }
}
/* Override the legacy mobile patches at their original specificity. */
html body[data-client-view="true"] #view-home .mobile-home-heading { display: flex !important; min-height: 46px !important; height: auto !important; margin: 0 0 12px !important; gap: 8px !important; }
html body[data-client-view="true"] #view-home .mobile-home-heading > .mobile-brand { display: flex !important; justify-content: flex-start !important; }
html body[data-client-view="true"] #view-home .mobile-home-heading > .mobile-brand strong { display: block !important; color: var(--text) !important; -webkit-text-fill-color: var(--text) !important; }
html body[data-client-view="true"] #view-home .mobile-location-button { min-height: 32px !important; max-width: 120px; }
html body[data-client-view="true"] #view-home .search-panel.mobile-search-panel { margin: 0 0 7px !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; min-height: 80px !important; height: auto !important; border: 0 !important; border-radius: 0 !important; padding: 0 8px env(safe-area-inset-bottom) !important; box-shadow: none !important; background: var(--surface) !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav[hidden] { display: none !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav > button { display: flex !important; flex-direction: column !important; min-width: 0 !important; width: auto !important; gap: 4px !important; padding: 12px 0 16px !important; background: transparent !important; border-radius: 0 !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav > button > .native-nav-icon { display: grid !important; place-items: center !important; width: 64px !important; height: 32px !important; font-size: 0 !important; border-radius: 16px !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav > button.active > .native-nav-icon { background: var(--primary-light) !important; color: var(--primary-dark) !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav > button > .native-nav-label { width: auto !important; font-size: 12px !important; line-height: 16px !important; color: var(--muted) !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav > button.active > .native-nav-label { color: var(--text) !important; font-weight: 700 !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav > button > .native-cart-count[hidden] { display: none !important; }
html body[data-client-view="true"] #view-home .consumer-restaurant-card { border-radius: 20px !important; }
html body[data-client-view="true"] #view-home .empty-state { border: 0 !important; background: transparent !important; min-height: 0 !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav { max-height: none !important; align-items: stretch !important; overflow: visible !important; backdrop-filter: none !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav > button { height: 80px !important; min-height: 80px !important; max-height: none !important; align-self: stretch !important; }
html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav > button.active,html body[data-client-view="true"] nav.bottom-nav.consumer-bottom-nav > button[aria-current="page"] { background: transparent !important; }
html body[data-client-view="true"] #view-home .mobile-brand-logo { filter: none !important; }

body .dj-icon:not(.dj-icon-pix) { fill: currentColor; stroke: none; }
body[data-client-view="true"] .package-page-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body[data-client-view="true"] .package-page-head h1 { font-size: 22px; line-height: 28px; }
body[data-client-view="true"] [data-native-package-history] { font-size: 12px; }

html body[data-client-view="true"] .checkout-address-row::before { background: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cg%3E%3Crect%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M12%2C2c-4.2%2C0-8%2C3.22-8%2C8.2c0%2C3.18%2C2.45%2C6.92%2C7.34%2C11.23c0.38%2C0.33%2C0.95%2C0.33%2C1.33%2C0C17.55%2C17.12%2C20%2C13.38%2C20%2C10.2%20C20%2C5.22%2C16.2%2C2%2C12%2C2z%20M12%2C12c-1.1%2C0-2-0.9-2-2c0-1.1%2C0.9-2%2C2-2c1.1%2C0%2C2%2C0.9%2C2%2C2C14%2C11.1%2C13.1%2C12%2C12%2C12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cg%3E%3Crect%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M12%2C2c-4.2%2C0-8%2C3.22-8%2C8.2c0%2C3.18%2C2.45%2C6.92%2C7.34%2C11.23c0.38%2C0.33%2C0.95%2C0.33%2C1.33%2C0C17.55%2C17.12%2C20%2C13.38%2C20%2C10.2%20C20%2C5.22%2C16.2%2C2%2C12%2C2z%20M12%2C12c-1.1%2C0-2-0.9-2-2c0-1.1%2C0.9-2%2C2-2c1.1%2C0%2C2%2C0.9%2C2%2C2C14%2C11.1%2C13.1%2C12%2C12%2C12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat; }

html body[data-client-view="true"] .payment-choice-row > button::before { background: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%204H4c-1.11%200-1.99.89-1.99%202L2%2018c0%201.11.89%202%202%202h16c1.11%200%202-.89%202-2V6c0-1.11-.89-2-2-2zm-1%2014H5c-.55%200-1-.45-1-1v-5h16v5c0%20.55-.45%201-1%201zm1-10H4V6h16v2z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%204H4c-1.11%200-1.99.89-1.99%202L2%2018c0%201.11.89%202%202%202h16c1.11%200%202-.89%202-2V6c0-1.11-.89-2-2-2zm-1%2014H5c-.55%200-1-.45-1-1v-5h16v5c0%20.55-.45%201-1%201zm1-10H4V6h16v2z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }

html body[data-client-view="true"] #payment-method-button::before { background: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%200v24h24V0H0zm1%2013V7c0-1.66%201.34-3%203-3h12c1.66%200%203%201.34%203%203v7c0%201.1-.9%202-2%202H4c-1.66%200-3-1.34-3-3zm22%205c0%201.1-.9%202-2%202H5c-.55%200-1-.45-1-1s.45-1%201-1h16V8c0-.55.45-1%201-1s1%20.45%201%201v10z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M23%208v10c0%201.1-.9%202-2%202H5c-.55%200-1-.45-1-1s.45-1%201-1h16V8c0-.55.45-1%201-1s1%20.45%201%201zM4%2016c-1.66%200-3-1.34-3-3V7c0-1.66%201.34-3%203-3h12c1.66%200%203%201.34%203%203v7c0%201.1-.9%202-2%202H4zm3-6c0%201.66%201.34%203%203%203s3-1.34%203-3-1.34-3-3-3-3%201.34-3%203z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%200v24h24V0H0zm1%2013V7c0-1.66%201.34-3%203-3h12c1.66%200%203%201.34%203%203v7c0%201.1-.9%202-2%202H4c-1.66%200-3-1.34-3-3zm22%205c0%201.1-.9%202-2%202H5c-.55%200-1-.45-1-1s.45-1%201-1h16V8c0-.55.45-1%201-1s1%20.45%201%201v10z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M23%208v10c0%201.1-.9%202-2%202H5c-.55%200-1-.45-1-1s.45-1%201-1h16V8c0-.55.45-1%201-1s1%20.45%201%201zM4%2016c-1.66%200-3-1.34-3-3V7c0-1.66%201.34-3%203-3h12c1.66%200%203%201.34%203%203v7c0%201.1-.9%202-2%202H4zm3-6c0%201.66%201.34%203%203%203s3-1.34%203-3-1.34-3-3-3-3%201.34-3%203z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat; }

.native-topbar[hidden] { display: none !important; }