#interactive .ix-toolbar > button,
#interactive .simple-bar > button,
#interactive .sheet-close,
#interactive .premium-close,
#interactive .camera-back,
#interactive .doc-search button,
#interactive .recent-head button,
#interactive .printer-sheet header button,
#interactive .edit-btn,
#interactive .g-top button,
#interactive .google-search button {
  min-width: 48px;
  min-height: 48px;
  display: inline-grid;
  place-items: center;
}
#interactive .edit-scan-bar button { min-width: 48px; min-height: 48px; }
#interactive .scan-camera-top button { min-width: 48px !important; min-height: 48px !important; height: 48px !important; }
#interactive .system-print,
#interactive .terms,
#interactive .privacy button,
#interactive .group-head button,
#interactive .doc-chips button,
#interactive .camera-tools button,
#interactive .photo-pickbar button,
#interactive .langs button,
#interactive .google-home footer button,
#interactive .preview-options button,
#interactive .print-row button,
#interactive .option-chips button {
  min-height: 48px;
}
#interactive input { min-height: 48px; }
#interactive .dots button {
  position: relative;
  flex: 0 0 48px;
  min-width: 48px;
  min-height: 48px;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: transparent;
}
#interactive .dots button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #d7dce3;
  transform: translate(-50%, -50%);
}
#interactive .dots button.on::after { width: 44px; background: #2478f2; }
#interactive .stars button { min-width: 48px !important; min-height: 48px !important; }
#interactive {
  --ix-brand: #1570EF;
  --ix-brand-hi: #84CAFF;
  --ix-title: #102A56;
  --ix-muted: #788697;
  --ix-page: #EFF8FF;
  --ix-soft: #D1E9FF;
  --ix-shadow: 0 10px 28px rgba(16,42,86,.14);
  --ix-inner: inset 0 -1px 2px rgba(16,42,86,.28);
  --ix-spring: cubic-bezier(.2,.8,.2,1);
}
#interactive svg { stroke-width: 1.85; vector-effect: non-scaling-stroke; }
#interactive button {
  -webkit-tap-highlight-color: transparent;
  transition: transform 160ms var(--ix-spring), box-shadow 180ms var(--ix-spring), background-color 180ms ease, opacity 180ms ease;
}
#interactive button:not(:disabled):active { transform: scale(.965); }
#interactive button:disabled { opacity: .48; cursor: default; }
#interactive button:focus-visible,
#interactive input:focus-visible,
#interactive textarea:focus-visible {
  outline: 3px solid rgba(21,112,239,.26);
  outline-offset: 2px;
}
#interactive .ix-screen { animation: ixScreenIn 220ms var(--ix-spring) both; }
#interactive .ix-toolbar {
  color: var(--ix-title);
  box-shadow: 0 1px 0 rgba(209,233,255,.85);
}
#interactive .ix-sys { display: inline-flex; align-items: center; gap: 6px; }
#interactive .ix-dot { width: 5px; height: 5px; border-radius: 50%; background: #4d5660; }
#interactive .ix-signal {
  width: 13px;
  height: 12px;
  background: linear-gradient(to top right, transparent 48%, #4d5660 50%);
  clip-path: polygon(0 100%,100% 0,100% 100%);
}
#interactive .ix-wifi {
  width: 14px;
  height: 10px;
  border: 2px solid #4d5660;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
}
#interactive .ix-battery {
  position: relative;
  width: 19px;
  height: 10px;
  border: 2px solid #4d5660;
  border-radius: 3px;
}
#interactive .ix-battery::after {
  content: "";
  position: absolute;
  right: -4px;
  top: 2px;
  width: 2px;
  height: 4px;
  border-radius: 0 2px 2px 0;
  background: #4d5660;
}
#interactive .ix-battery b { display: block; width: 43%; height: 100%; background: #4d5660; }
#interactive .ix-sys em { font-style: normal; }
#interactive .ix-toolbar h1 { font-family: Roboto, Arial, sans-serif; font-weight: 700; }
#interactive .print-summary svg { width: 17px; height: 17px; vertical-align: -3px; stroke: #039855; }
#interactive .ix-toolbar > button,
#interactive .simple-bar > button,
#interactive .sheet-close,
#interactive .premium-close {
  border-radius: 50% !important;
}
#interactive .doc-print,
#interactive .start-print,
#interactive .setup-next.ready,
#interactive .next-pill,
#interactive .step-next,
#interactive .mail-preview button,
#interactive .scan-empty button,
#interactive .contact-permission-demo button {
  background: radial-gradient(circle at 15% 18%, var(--ix-brand-hi), #4D9DF7 42%, var(--ix-brand) 100%) !important;
  box-shadow: var(--ix-inner), 0 10px 22px rgba(21,112,239,.28) !important;
  border-radius: 16px !important;
}
#interactive .doc-sheet section,
#interactive .printer-sheet,
#interactive .sign-sheet section,
#interactive .settings-sheet section,
#interactive .premium-sheet section,
#interactive .compat-sheet section,
#interactive .convert-sheet section {
  animation: ixSheetIn 220ms var(--ix-spring) both;
  box-shadow: 0 -16px 42px rgba(16,42,86,.18);
}
#interactive .doc-dialog section,
#interactive .sign-dialog section,
#interactive .photo-exit section,
#interactive .rate-card,
#interactive .direct-dialog section {
  animation: ixDialogIn 220ms var(--ix-spring) both;
  box-shadow: 0 24px 56px rgba(16,42,86,.24);
}
#interactive .contact-card,
#interactive .printer-card,
#interactive .file-card,
#interactive .settings-row button,
#interactive .choice-card,
#interactive .doc-row,
#interactive .mail-row {
  box-shadow: 0 1px 1px rgba(16,42,86,.04), 0 8px 22px rgba(16,42,86,.08), inset 0 -1px 1px rgba(16,42,86,.08) !important;
}
#interactive .color-pick button.on,
#interactive .drawing-panel button.on,
#interactive .text-controls div button.on {
  box-shadow: 0 0 0 4px #fff, 0 0 0 6px var(--ix-brand), 0 6px 12px rgba(21,112,239,.18) !important;
}
@keyframes ixScreenIn {
  from { opacity: .01; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes ixSheetIn {
  from { opacity: .01; transform: translateY(16%); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes ixDialogIn {
  from { opacity: .01; transform: translateY(12px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  #interactive *, #toast { animation: none !important; transition: none !important; }
}

#interactive .rate-card {
  animation: ixDialogIn 220ms var(--ix-spring) both;
  box-shadow: 0 24px 58px rgba(16, 42, 86, .24) !important;
}
#interactive .rate-card .primary {
  min-height: 0;
  background: #1570ef !important;
  border-radius: 100px !important;
  box-shadow: none !important;
}