/* SwitchBid 2026: compact, calm workspace. Existing interaction/state classes stay intact. */
.sb-site {
  --sb-ink: #20323c;
  --sb-muted: #61737e;
  --sb-line: #dbe6e5;
  --sb-surface: #ffffff;
  --sb-bg: #f3f6f4;
  --sb-sky: #087fbe;
  --sb-sky-soft: #eaf6fd;
  --sb-green: #087d58;
  --sb-green-soft: #eaf8f0;
  --sb-amber: #a7640b;
  --sb-amber-soft: #fff6e6;
  --sb-red: #b93c4c;
  --sb-red-soft: #fff0f1;
  --sb-violet: #7952b5;
  --sb-shadow: 0 8px 26px rgba(28, 55, 63, .055);
  color: var(--sb-ink);
  background: radial-gradient(circle at 95% 0%, rgba(121, 82, 181, .07), transparent 31rem), var(--sb-bg);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.42;
}

.sb-site *, .sb-site *::before, .sb-site *::after { box-sizing: border-box; }
.sb-site :is(h1, h2, h3, h4, p, small, strong, label, a, button, span) { overflow-wrap: anywhere; }
.sb-site :is(input, select, textarea, button) { font-family: inherit; }
.sb-site :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid rgba(121, 82, 181, .48);
  outline-offset: 2px;
}
.sb-site :is(img, svg, canvas, video) { max-width: 100%; }

/* Main website and informational pages. */
.sb-public .site-header {
  width: min(1180px, calc(100% - 32px));
  min-height: 68px;
  padding: 10px 0;
  background: rgba(243, 246, 244, .94);
  border-bottom: 1px solid var(--sb-line);
}
.sb-public .site-nav { gap: clamp(8px, 1.5vw, 20px); font-size: 14px; }
.sb-public .site-nav a { padding: 7px 4px; border-radius: 8px; }
.sb-public .site-nav a:hover { color: var(--sb-sky); background: var(--sb-sky-soft); }
.sb-public .login-link,
.sb-public .primary-action,
.sb-public .secondary-action {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 11px;
  box-shadow: none;
}
.sb-public .primary-action { background: var(--sb-sky); }
.sb-public .primary-action.warm { background: var(--sb-green); }
.sb-public .login-link, .sb-public .secondary-action { background: #fff; border-color: var(--sb-line); }
.sb-public .hero {
  min-height: 485px;
  background: linear-gradient(120deg, #eef8f7 0%, #edf5fb 55%, #f8f3fc 100%);
}
.sb-public .hero-content { padding: 58px 0 150px; }
.sb-public .hero h1 { max-width: 780px; font-size: clamp(36px, 5.1vw, 61px); line-height: 1.06; }
.sb-public .hero-text { max-width: 660px; margin-top: 15px; font-size: clamp(16px, 1.8vw, 19px); line-height: 1.48; }
.sb-public .hero-actions { margin-top: 23px; }
.sb-public .scene-board { border-radius: 15px; box-shadow: var(--sb-shadow); }
.sb-public .board-a { top: 164px; }
.sb-public .board-b { bottom: 31px; }
.sb-public .avitolog-strip { margin-top: -24px; padding: 18px 22px; border-radius: 17px; background: #fffaf0; }
.sb-public .section { padding: 54px 0; }
.sb-public .section-head { margin-bottom: 20px; }
.sb-public .section h2, .sb-public .legal-page h2 { font-size: clamp(26px, 3.2vw, 38px); }
.sb-public .feature-grid article { min-height: 185px; padding: 18px; border-color: var(--sb-line); border-radius: 17px; background: #fff; box-shadow: var(--sb-shadow); }
.sb-public .feature-grid span { margin-bottom: 18px; color: var(--sb-sky); background: var(--sb-sky-soft); }
.sb-public .metric-panel div { padding: 16px 18px; border-color: var(--sb-line); background: #fff; }
.sb-public .metric-panel strong { font-size: 29px; }
.sb-public .cta-section { padding: 36px 22px; margin-bottom: 35px; border-color: #cbe5d5; background: var(--sb-green-soft); }
.sb-public .site-footer { gap: 14px 22px; padding: 20px 0 30px; font-size: 13px; }
.sb-public.legal-page .legal-main { padding: 24px 0 42px; }
.sb-public.legal-page .legal-hero { padding: 25px 28px; border-color: var(--sb-line); border-radius: 19px; background: #fff; box-shadow: var(--sb-shadow); }
.sb-public.legal-page .legal-hero h1 { font-size: clamp(28px, 3.4vw, 42px); }
.sb-public.legal-page .legal-hero p { font-size: 16px; }
.sb-public.legal-page :is(.price-card, .notice-card, .legal-grid article, .steps-grid article, .document-card) {
  border-color: var(--sb-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--sb-shadow);
}
.sb-public.legal-page .price-card { padding: 21px; background: #f2f9fc; }
.sb-public.legal-page .price-box { padding: 17px; border-radius: 14px; }
.sb-public.legal-page .price-box strong { color: var(--sb-sky); font-size: 43px; }
.sb-public.legal-page :is(.legal-grid, .steps-grid) { gap: 12px; margin-top: 12px; }
.sb-public.legal-page :is(.legal-grid article, .steps-grid article, .notice-card, .document-card) { padding: 19px; }
.sb-public.legal-page .legal-grid h2 { font-size: clamp(23px, 2.3vw, 29px); }
.sb-public.legal-page .notice-card { background: #f1faf5; }

/* The cabinet keeps its desktop two-card bidder layout and mobile app navigation. */
.sb-cabinet { --bg: var(--sb-bg); --panel: #fff; --text: var(--sb-ink); --muted: var(--sb-muted); --line: var(--sb-line); --accent: var(--sb-sky); --accent-hover: #066b9f; }
.sb-cabinet #app-shell.layout { width: min(1440px, calc(100% - 32px)); padding-top: 14px; }
.sb-cabinet #app-shell > .tabs-panel {
  margin-bottom: 12px;
  padding: 13px 17px 12px;
  border: 1px solid var(--sb-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--sb-shadow);
}
.sb-cabinet #app-shell .tabs-head { gap: 12px; margin-bottom: 10px; }
.sb-cabinet #app-shell .cabinet-brand img { width: 160px; }
.sb-cabinet #app-shell .tabs-head p { max-width: 480px; color: var(--sb-muted); font-size: 12px; font-weight: 550; }
.sb-cabinet #app-shell .top-actions { gap: 6px; flex-wrap: wrap; }
.sb-cabinet #app-shell .top-actions > :is(button, a) { min-height: 36px; border-radius: 10px; font-size: 12px; }
.sb-cabinet #app-shell .wallet-button { background: var(--sb-violet); box-shadow: none; }
.sb-cabinet #app-shell .wallet-button:hover { background: #6742a4; }
.sb-cabinet #app-shell .my-plan-link { padding: 0 11px; background: #f2edf9; color: #6742a4; border-color: #e4d9f1; }
.sb-cabinet #app-shell .account-tabs { gap: 7px; align-items: center; }
.sb-cabinet #app-shell .account-tab {
  position: relative;
  min-height: 36px;
  padding: 6px 11px;
  border: 1px solid var(--sb-line);
  border-radius: 11px;
  background: #f8faf9;
  color: #40535f;
  box-shadow: none;
}
.sb-cabinet #app-shell .account-tab.active:not(.account-tab-working) { background: var(--sb-sky-soft); border-color: #81c6e7; color: #075d8b; }
.sb-cabinet #app-shell .account-tab.account-tab-working { border-color: #8bd3ae; background: var(--sb-green-soft); color: #076444; }
.sb-cabinet #app-shell .account-tab.account-tab-working::before {
  content: "";
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0caa70;
  box-shadow: 0 0 0 3px rgba(12, 170, 112, .15);
}
.sb-cabinet #app-shell .account-tab.account-tab-working.active {
  border-color: #0a9d68;
  background: #dff5e9;
  color: #045d3f;
  box-shadow: inset 0 0 0 1px #0a9d68;
}
.sb-cabinet #app-shell .account-tab.account-tab-scheduled::after { background: #e5a037; }
.sb-cabinet #app-shell .account-tab-plus { background: #fff; color: var(--sb-sky); }
.sb-cabinet #app-shell .workspace-tabs { gap: 5px; padding: 7px; border: 1px solid var(--sb-line); border-radius: 16px; background: #fff; box-shadow: var(--sb-shadow); }
.sb-cabinet #app-shell .workspace-tab { min-height: 48px; padding: 8px 10px; border-radius: 11px; }
.sb-cabinet #app-shell .workspace-tab.active { border-color: #a4d9ef; background: var(--sb-sky-soft); color: #075f8d; box-shadow: none; }
.sb-cabinet #app-shell .workspace-tab.locked { opacity: .76; }
.sb-cabinet #app-shell :is(.panel, .summary, .results, .add-source-panel) {
  padding: 14px 16px;
  border: 1px solid var(--sb-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: var(--sb-shadow);
}
.sb-cabinet #app-shell :is(.panel, .summary, .results) { margin-top: 10px; }
.sb-cabinet #app-shell .heading { gap: 10px; margin-bottom: 10px; }
.sb-cabinet #app-shell .heading h2 { color: var(--sb-ink); font-size: clamp(18px, 2vw, 24px); line-height: 1.2; }
.sb-cabinet #app-shell .heading p { color: var(--sb-muted); font-size: 13px; }
.sb-cabinet #app-shell :is(.search-source, .source-search-area, .source-work-area, .match-card, .bid-side, .candidate-card, .bid-chart) {
  border-radius: 13px;
  box-shadow: none;
}
.sb-cabinet #app-shell .search-source { border-color: #dfd7bf; background: #fffdf8; }
.sb-cabinet #app-shell .source-search-area { border-color: #d2e4ee; background: #f8fbfc; }
.sb-cabinet #app-shell .source-work-area { border-color: #cee5d6; background: #f8fcf9; }
.sb-cabinet #app-shell .match-card { border-color: #d3e1e5; background: #fff; }
.sb-cabinet #app-shell .match-card.selected { border-color: #58a8ce; box-shadow: 0 0 0 2px rgba(8, 127, 190, .13); }
.sb-cabinet #app-shell .match-card.billing-inactive { border-color: #e4c1c5; background: #fff9f9; }
.sb-cabinet #app-shell .bid-side { border-color: #d7e4e8; background: #f8fafb; }
.sb-cabinet #app-shell .status-band { margin-top: 10px; padding: 10px 13px; border: 1px solid var(--sb-line); border-left: 4px solid #9aabb3; border-radius: 12px; background: #fff; box-shadow: none; }
.sb-cabinet #app-shell .status-band.ok { border-left-color: var(--sb-green); background: var(--sb-green-soft); }
.sb-cabinet #app-shell .status-band.warn { border-left-color: var(--sb-amber); background: var(--sb-amber-soft); }
.sb-cabinet #app-shell .status-band.error { border-left-color: var(--sb-red); background: var(--sb-red-soft); }
.sb-cabinet #app-shell .account-refresh-button { background: var(--sb-green); border-radius: 10px; box-shadow: none; }
.sb-cabinet #app-shell .account-refresh-button:hover { background: #066a4a; }
.sb-cabinet .auth-card { border-color: var(--sb-line); border-radius: 22px; background: #fff; box-shadow: var(--sb-shadow); }
.sb-cabinet .auth-logo img { max-width: 190px; }

/* Other service screens share the same hierarchy without changing their controls. */
.sb-plan .page { width: min(1120px, 100%); padding-top: 16px; }
.sb-plan .hero { padding: 25px 28px; border-radius: 20px; background: linear-gradient(120deg, #0c7fb6, #278fb3 59%, #7952b5); box-shadow: var(--sb-shadow); }
.sb-plan .hero h1 { font-size: clamp(30px, 4vw, 42px); }
.sb-plan :is(.current, .topup, .plan-card) { border-color: var(--sb-line); border-radius: 18px; box-shadow: var(--sb-shadow); }
.sb-plan :is(.current, .topup) { margin-top: 16px; padding: 20px; }
.sb-plan .catalog { margin-top: 28px; }
.sb-plan .plan-cards { gap: 10px; }
.sb-plan .plan-card { padding: 18px; }
.sb-plan .plan-card.featured { border-color: #6fbe9d; box-shadow: 0 0 0 2px rgba(8, 125, 88, .10); }
.sb-plan .plan-price { white-space: normal; overflow-wrap: anywhere; font-size: 25px; }
.sb-plan .wallet-pill strong { white-space: normal; overflow-wrap: anywhere; }
.sb-plan .plan-card button { background: var(--sb-sky); }
.sb-plan .plan-card.featured button { background: var(--sb-green); }
.sb-plan .plan-card button:disabled { background: #e4ecea; color: #557078; }
.sb-news .news-layout, .sb-admin .admin-layout, .sb-utility .layout { padding-top: 16px; }
.sb-news :is(.news-hero, .news-status, .admin-news-panel, .news-section, .news-card, .news-empty),
.sb-admin :is(.admin-hero, .admin-status, .proxy-card, .account-billing-card, .summary-grid article, .chart-card, .insight-grid article, .table-card),
.sb-utility :is(.hero, .search-panel, .results-panel, .panel, .stat-card),
.sb-auth .reset-card {
  border: 1px solid var(--sb-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: var(--sb-shadow);
}
.sb-news .news-hero, .sb-admin .admin-hero, .sb-utility .hero { padding: 18px 20px; }
.sb-news .news-layout h1, .sb-admin .admin-layout h1, .sb-utility .layout h1 { font-size: clamp(26px, 3vw, 38px); line-height: 1.1; }
.sb-news .news-logo { width: 165px; margin-bottom: 8px; }
.sb-news .news-card { padding: 14px 16px; }
.sb-admin .admin-hero { align-items: center; }
.sb-admin :is(.chart-grid, .table-grid, .chart-card, .table-card, .table-wrap) { min-width: 0; }
.sb-admin .table-card { max-width: 100%; overflow: hidden; }
.sb-admin .table-wrap { width: 100%; max-width: 100%; overflow-x: auto; }
.sb-admin .admin-layout :is(.summary-grid, .insight-grid) { gap: 10px; }
.sb-admin .admin-layout :is(.summary-grid article, .chart-card, .insight-grid article, .table-card) { padding: 14px 16px; }
.sb-utility .layout :is(.search-panel, .results-panel, .panel) { padding: 16px; }

/* Avitologist landing: compact editorial treatment, with its existing form and states intact. */
.sb-avitolog {
  --pink: #087fbe;
  --pink-dark: #066b9f;
  --green: #087d58;
  --green-soft: #eaf8f0;
  --blue: #7952b5;
  --blue-dark: #6742a4;
  --ink: #20323c;
  --muted: #61737e;
  --line: #dbe6e5;
  --gray: #eef4f2;
  --shadow-pink: 0 8px 24px rgba(8, 127, 190, .12);
  --shadow-blue: 0 8px 24px rgba(121, 82, 181, .11);
  --shadow-green: 0 8px 24px rgba(8, 125, 88, .11);
  background: var(--sb-bg);
}
.sb-avitolog .site-header {
  width: min(1160px, calc(100% - 32px));
  min-height: 64px;
  margin: 10px auto 0;
  padding: 8px 16px;
  gap: 16px;
  border: 1px solid var(--sb-line);
  border-radius: 17px;
  box-shadow: var(--sb-shadow);
}
.sb-avitolog .brand { min-width: 0; }
.sb-avitolog .brand-logo { width: 160px; height: auto; }
.sb-avitolog .hero { background: transparent; }
.sb-avitolog .hero-shell {
  width: min(1160px, calc(100% - 32px));
  min-height: 0;
  margin: 14px auto 0;
  padding: 0 34px;
  gap: clamp(20px, 4vw, 52px);
  border: 1px solid var(--sb-line);
  border-radius: 23px;
  background: linear-gradient(120deg, #fff, #f2f9f7);
  box-shadow: var(--sb-shadow);
}
.sb-avitolog .hero-copy { padding: 38px 0; }
.sb-avitolog .hero-copy h1 { max-width: 650px; color: var(--sb-ink); font-size: clamp(34px, 4.2vw, 54px); line-height: 1.08; }
.sb-avitolog .tag { margin-bottom: 13px; border-color: #b8ddca; background: var(--sb-green-soft); color: var(--sb-green); }
.sb-avitolog .lead { margin-top: 17px; font-size: clamp(16px, 1.5vw, 19px); }
.sb-avitolog .hero-actions { gap: 10px; margin-top: 22px; }
.sb-avitolog .button { min-height: 44px; padding: 0 18px; border-radius: 11px; }
.sb-avitolog .button-primary { background: var(--sb-sky); box-shadow: none; }
.sb-avitolog .button-outline { border-color: #b7d5e3; background: #fff; color: var(--sb-sky); }
.sb-avitolog .proof-row { margin-top: 22px; }
.sb-avitolog .proof-row span { min-height: 32px; padding: 0 12px; background: #edf4f5; color: var(--sb-ink); }
.sb-avitolog .hero-visual { height: 345px; margin-top: 17px; }
.sb-avitolog .section { padding: 58px 0; }
.sb-avitolog h2 { font-size: clamp(27px, 3.2vw, 40px); line-height: 1.13; text-transform: none; }
.sb-avitolog .eyebrow { font-size: 14px; }
.sb-avitolog .work-grid { gap: 12px; margin-top: 26px; }
.sb-avitolog .work-card { min-height: 0; padding: 21px; border: 1px solid var(--sb-line); border-radius: 17px; box-shadow: var(--sb-shadow); }
.sb-avitolog .number { width: 40px; height: 40px; margin-bottom: 14px; background: var(--sb-sky-soft); }
.sb-avitolog .automation-layout { gap: 24px; }
.sb-avitolog .automation-grid { gap: 12px; }
.sb-avitolog .feature-card { min-height: 0; padding: 23px; border: 1px solid var(--sb-line); border-radius: 17px; box-shadow: var(--sb-shadow); }
.sb-avitolog .feature-card h3 { font-size: 23px; }
.sb-avitolog .contact-form { gap: 12px; padding: 23px; border: 1px solid var(--sb-line); border-radius: 18px; box-shadow: var(--sb-shadow); }
.sb-avitolog .contact-form :is(input, textarea) { border-color: var(--sb-line); background: #f8faf9; }
.sb-avitolog .form-status[data-state="error"] { border-color: #e8b8be; background: var(--sb-red-soft); color: var(--sb-red); }

@media (max-width: 1050px) {
  .sb-cabinet #app-shell .top-actions { max-width: 54%; }
  .sb-cabinet #app-shell .tabs-head p { max-width: 350px; }
}

@media (max-width: 840px) {
  .sb-public .site-header, .sb-avitolog .site-header { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .sb-public .site-header .brand, .sb-avitolog .site-header .brand { min-width: 0; }
  .sb-public .site-header .login-link, .sb-avitolog .site-header .login-link { width: auto; max-width: 52%; margin-left: auto; text-align: center; }
  .sb-public .site-nav, .sb-avitolog .site-nav { order: 3; width: 100%; justify-content: space-between; }
}

@media (max-width: 760px) {
  .sb-site { min-width: 0; }
  .sb-public .site-header { flex-wrap: wrap; gap: 8px 12px; }
  .sb-public .site-nav { order: 3; display: grid; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 8px; overflow: visible; font-size: 12px; }
  .sb-public .site-nav a { min-width: 0; padding: 3px 4px; }
  .sb-public .hero { min-height: 0; }
  .sb-public .hero-content { width: calc(100% - 28px); padding: 42px 0 44px; }
  .sb-public .hero h1 { font-size: clamp(32px, 9vw, 45px); }
  .sb-public .hero-text { font-size: 16px; }
  .sb-public .hero-scene { display: none; }
  .sb-public .board-a { left: 10px; top: auto; bottom: 14px; }
  .sb-public .board-b { right: 8px; bottom: 16px; }
  .sb-public .avitolog-strip { grid-template-columns: 1fr; margin-top: 10px; }
  .sb-public .section { padding: 36px 0; }
  .sb-public .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sb-public .feature-grid article { min-height: 0; }
  .sb-public.legal-page .legal-main { padding-top: 14px; }
  .sb-public.legal-page .legal-hero { padding: 20px; }
  .sb-public.legal-page .price-card { grid-template-columns: 1fr; }
  .sb-cabinet #app-shell.layout { width: 100%; padding-top: 0; }
  .sb-cabinet #app-shell > .tabs-panel { display: none; }
  .sb-cabinet #app-shell .mobile-app-header { min-height: 57px; padding-top: 7px; padding-bottom: 7px; border-bottom-color: var(--sb-line); background: rgba(248, 251, 249, .97); }
  .sb-cabinet #app-shell .mobile-app-actions #mobile-wallet-button { width: auto; min-width: 66px; max-width: 104px; padding: 6px 7px; }
  .sb-cabinet #app-shell .mobile-app-actions #mobile-wallet-button span { display: none; }
  .sb-cabinet #app-shell .mobile-app-actions #mobile-wallet-button strong { margin: 0; font-size: 11px; line-height: 1.1; white-space: normal; overflow-wrap: anywhere; }
  .sb-cabinet #app-shell .mobile-app-actions .mobile-plan-link { flex-basis: 60px; width: 60px; padding: 6px; }
  .sb-cabinet #app-shell :is(.mobile-home-panel, .mobile-accounts-panel, .mobile-account-detail) { min-width: 0; }
  .sb-cabinet #app-shell .mobile-account-row.is-promoting,
  .sb-cabinet #app-shell .mobile-account-tile.is-promoting { border-color: #83cda9; background: #f0fbf5; box-shadow: inset 3px 0 0 #0a9d68; }
  .sb-cabinet #app-shell .mobile-account-row.needs-payment,
  .sb-cabinet #app-shell .mobile-account-tile.needs-payment { border-color: #e5ba83; }
  .sb-cabinet #app-shell .mobile-account-tile { min-height: 138px; padding: 12px; border-radius: 16px; }
  .sb-cabinet #app-shell .mobile-account-tile strong { display: block; overflow: visible; -webkit-line-clamp: unset; overflow-wrap: anywhere; }
  .sb-cabinet #app-shell .mobile-tile-mark { margin-bottom: 10px; }
  .sb-cabinet #app-shell .mobile-account-row { border-radius: 14px; }
  .sb-cabinet #app-shell .mobile-detail-live { color: var(--sb-green); }
  .sb-cabinet #app-shell :is(.panel, .summary, .results, .add-source-panel) { padding: 12px; border-radius: 15px; }
  .sb-cabinet #app-shell .workspace-tabs { display: none !important; }
  .sb-cabinet #app-shell .mobile-bottom-nav { background: rgba(255, 255, 255, .97); border-top: 1px solid var(--sb-line); }
  .sb-plan :is(.current, .topup) { padding: 17px; }
  .sb-plan .hero { padding: 21px; }
  .sb-avitolog .site-header { gap: 8px; min-height: 59px; }
  .sb-avitolog .hero-shell { display: grid; grid-template-columns: 1fr; gap: 0; padding: 0 18px; border-radius: 19px; }
  .sb-avitolog .hero-copy { width: 100%; padding: 23px 0 8px; }
  .sb-avitolog .hero-copy h1 { font-size: clamp(29px, 8.6vw, 36px); }
  .sb-avitolog .hero-visual { height: 165px; margin: 0; }
  .sb-avitolog .section { padding: 39px 0; }
  .sb-avitolog .contact-form { padding: 17px; }
}

@media (max-width: 420px) {
  .sb-public .feature-grid { grid-template-columns: 1fr; }
  .sb-public .hero-actions { flex-wrap: wrap; }
  .sb-public .hero-actions a { flex: 1 1 145px; }
  .sb-cabinet #app-shell .mobile-account-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sb-plan .usage { grid-template-columns: 1fr; }
  .sb-plan .usage-card:last-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .sb-site *, .sb-site *::before, .sb-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}