:root { --aa-topbar-logo-width: 292px; --aa-topbar-logo-height: 49px; --aa-topbar-logo-slot-top: 13.50px; --aa-topbar-logo-slot-height: 49px; --aa-topbar-brand: #93c2bc; --aa-topbar-brand-dark: #739793; --aa-topbar-brand-rgb: 147, 194, 188; --aa-topbar-action-size: 42px; --aa-topbar-action-top: 17px; --aa-topbar-action-gap: 12px; --aa-topbar-action-cluster-limit: 45vw; --aa-topbar-action-compact-size: 34px; --aa-topbar-action-compact-icon-size: 17px; --aa-topbar-action-compact-home-icon-size: 24px; --aa-topbar-action-compact-gap: 6px; --aa-topbar-action-compact-reserve: 244px; --aa-topbar-action-edge: clamp(5px, var(--aa-public-content-edge, 2.5vw), 10px); --aa-topbar-logo-left: 51px; --aa-topbar-logo-left-with-home: 55px; --aa-topbar-logo-offset-y: 0px; --aa-topbar-header-text-color: #ffffff; --aa-topbar-header-text-size: 20px; --aa-topbar-header-text-shadow: 0 1px 2px rgba(0,0,0,.35); --aa-topbar-header-text-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --aa-topbar-flag-top: 26px; --aa-topbar-flag-left: 8px; --aa-topbar-flag-offset-y: 0px; --aa-topbar-flag-gap-left: 7px; } body.aa-signup-page, body.aa-avisbudget-body, body.aa-ab-index-body, body.aa-booking-body, body.aa-receipt-body, body.aa-app-shell-body { margin: 0 !important; } body.aa-signup-page { margin-top: 0 !important; padding-top: 0 !important; } body.aa-avisbudget-body .aa-ab-page, body.aa-ab-index-body .aa-ab-page { margin: 0 !important; margin-top: 0 !important; margin-block-start: 0 !important; padding-top: 0 !important; } body.aa-signup-page .aa-signup-root.aa-signup-container { margin: 0 !important; padding: 0 !important; } body.aa-avisbudget-body .aa-ab-page > .aa-topbar, body.aa-ab-index-body .aa-ab-page > .aa-topbar, body.aa-signup-page .aa-signup-root.aa-signup-container > .aa-topbar, body.aa-signup-page > .aa-topbar { margin: 0 !important; } :where(.aa-legacy-site-blocks) > .aa-topbar, :root :where(.is-layout-flow) > .aa-topbar, :root :where(.is-layout-constrained) > .aa-topbar { margin-top: 0 !important; margin-block-start: 0 !important; } body.aa-signup-page .aa-signup-root.aa-signup-container > .aa-topbar { width: 100vw; margin-left: calc(50% - 50vw); } body.aa-avisbudget-body #masthead, body.aa-ab-index-body #masthead, body.aa-booking-body #masthead, body.aa-receipt-body #masthead, body.aa-signup-page #masthead, body.aa-app-shell-body #masthead, body.aa-avisbudget-body .site-header, body.aa-ab-index-body .site-header, body.aa-booking-body .site-header, body.aa-receipt-body .site-header, body.aa-signup-page .site-header, body.aa-app-shell-body .site-header { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; pointer-events: none !important; } body.aa-avisbudget-body #page, body.aa-ab-index-body #page, body.aa-booking-body #page, body.aa-receipt-body #page, body.aa-signup-page #page, body.aa-app-shell-body #page, body.aa-avisbudget-body #content, body.aa-ab-index-body #content, body.aa-booking-body #content, body.aa-receipt-body #content, body.aa-signup-page #content, body.aa-app-shell-body #content, body.aa-avisbudget-body .site-content, body.aa-ab-index-body .site-content, body.aa-booking-body .site-content, body.aa-receipt-body .site-content, body.aa-signup-page .site-content, body.aa-app-shell-body .site-content { margin-top: 0 !important; padding-top: 0 !important; } .aa-topbar { position: relative; min-height: 76px; background: var(--aa-topbar-brand); color: #fff; box-shadow: 0 10px 22px rgba(15, 23, 42, .14), inset 0 -1px 0 rgba(255,255,255,.26), inset 0 -10px 16px rgba(15,23,42,.08); } .aa-topbar-autoaligns { background: linear-gradient(90deg, var(--aa-topbar-brand-dark, #5f8f89) 0%, var(--aa-topbar-brand, #93c2bc) 52%, color-mix(in srgb, var(--aa-topbar-brand, #93c2bc) 72%, #ffffff) 100%); } .aa-topbar-vendor { background: linear-gradient(90deg, var(--aa-topbar-brand-dark, #5f8f89) 0%, var(--aa-topbar-brand, #93c2bc) 52%, color-mix(in srgb, var(--aa-topbar-brand, #93c2bc) 72%, #ffffff) 100%); } .aa-topbar-avis { background: linear-gradient(90deg, var(--aa-topbar-brand-dark, #a80f18) 0%, var(--aa-topbar-brand, #d71920) 52%, color-mix(in srgb, var(--aa-topbar-brand, #d71920) 72%, #ffffff) 100%); } .aa-topbar-budget { background: linear-gradient(90deg, var(--aa-topbar-brand-dark, #00386f) 0%, var(--aa-topbar-brand, #004b93) 52%, color-mix(in srgb, var(--aa-topbar-brand, #004b93) 72%, #ffffff) 100%); } .aa-topbar-inner { position: relative; width: 100%; min-height: 76px; margin: 0; } .aa-topbar-logo-slot { position: absolute; z-index: 3; left: var(--aa-topbar-logo-left); top: calc(var(--aa-topbar-logo-slot-top) + var(--aa-topbar-logo-offset-y, 0px)); min-width: min(170px, var(--aa-topbar-logo-width, 170px)); height: var(--aa-topbar-logo-slot-height); display: flex; align-items: center; justify-content: flex-start; gap: 10px; pointer-events: auto; cursor: default; color: inherit !important; text-decoration: none !important; border-radius: 8px; } .aa-topbar-logo-slot[href] { cursor: pointer; } .aa-topbar-logo-slot:link, .aa-topbar-logo-slot:visited, .aa-topbar-logo-slot:hover, .aa-topbar-logo-slot:focus-visible, .aa-topbar-logo-slot:active { color: inherit !important; text-decoration: none !important; } .aa-topbar-logo-slot:focus-visible { outline: 2px solid rgba(255,255,255,.78); outline-offset: 5px; } body.aa-home-menu-floating-active-v13420 .aa-topbar-logo-slot, body:has(#aa-home-menu-floating-slot.is-visible) .aa-topbar-logo-slot { left: var(--aa-topbar-logo-left-with-home); } .aa-topbar-logo { display: block; width: auto; height: var(--aa-topbar-logo-height); max-height: var(--aa-topbar-logo-slot-height, 40px); max-width: min(var(--aa-topbar-logo-width), calc(100vw - 148px)); object-fit: contain; } .aa-topbar-header-text { display: inline-flex; align-items: center; min-width: 0; max-width: min(260px, calc(100vw - 180px)); overflow: hidden; color: var(--aa-topbar-header-text-color, #fff); font-family: var(--aa-topbar-header-text-font, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif); font-size: var(--aa-topbar-header-text-size, 20px); font-weight: 800; line-height: 1.18; padding-block: 2px; margin-block: -2px; white-space: nowrap; text-overflow: ellipsis; text-shadow: var(--aa-topbar-header-text-shadow, 0 1px 2px rgba(0,0,0,.35)); } .aa-topbar-logo-slot[data-aa-header-identity-mode="flag"] { display: none !important; } .aa-topbar-logo-slot[data-aa-header-identity-mode="flag_text"] .aa-topbar-logo { display: none !important; } .aa-topbar-logo-slot[data-aa-header-identity-mode="flag_logo"] .aa-topbar-header-text { display: none !important; } .aa-topbar-flag-slot { position: absolute; z-index: 5; top: calc(var(--aa-topbar-flag-top, 26px) + var(--aa-topbar-flag-offset-y, 0px)); left: var(--aa-topbar-flag-left, 8px); width: 36px; height: 24px; pointer-events: auto; } html.aa-fs-login-gateway-otp-v163902 .aa-topbar-flag-slot, body.aa-fs-login-gateway-otp-v163902 .aa-topbar-flag-slot, body.aa-home-menu-floating-active-v13420 .aa-topbar-flag-slot, body:has(#aa-home-menu-floating-slot.is-visible) .aa-topbar-flag-slot { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .aa-topbar-budget[data-aa-header-surface="minside"] { --aa-topbar-flag-offset-y: -1px; } .aa-topbar-custom-slot { min-height: 76px; padding: 0 calc(var(--aa-topbar-action-edge) + var(--aa-topbar-action-size) + 12px) 0 248px; display: flex; align-items: center; justify-content: flex-end; gap: var(--aa-topbar-action-gap, 12px); } .aa-topbar-account { position: absolute; z-index: 4; top: var(--aa-topbar-action-top); right: var(--aa-topbar-action-edge); overflow: hidden; flex: 0 0 var(--aa-topbar-action-size); width: var(--aa-topbar-action-size); height: var(--aa-topbar-action-size); border: 1px solid rgba(255,255,255,.62); border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: #fff !important; text-decoration: none !important; background: rgba(255,255,255,.11); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 20px rgba(15,23,42,.13); transform: none; scale: 1; transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, scale 175ms cubic-bezier(.22, 1, .36, 1), filter 150ms ease; } .aa-topbar-account:link, .aa-topbar-account:visited, .aa-topbar-account:hover, .aa-topbar-account:focus-visible, .aa-topbar-account:active { color: #fff !important; text-decoration: none !important; } .aa-topbar-account::after { display: none; } .aa-topbar-account:hover, .aa-topbar-account:focus-visible { color: #fff; background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 13px 25px rgba(15,23,42,.20); transform: none; outline: 0; } .aa-topbar-account:hover::after, .aa-topbar-account:focus-visible::after { animation: none; } .aa-topbar-account-icon { position: relative; z-index: 2; width: 28px; height: 28px; display: block; color: currentColor !important; transform: none !important; transition: scale 175ms cubic-bezier(.22, 1, .36, 1), filter 150ms ease; } .aa-topbar-account:hover .aa-topbar-account-icon, .aa-topbar-account:focus-visible .aa-topbar-account-icon { filter: drop-shadow(0 6px 8px rgba(15,23,42,.18)); transform: none !important; } .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action { position: relative !important; inset: auto !important; z-index: 7 !important; order: 35 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; flex: 0 0 var(--aa-topbar-action-size,40px) !important; width: var(--aa-topbar-action-size,40px) !important; min-width: var(--aa-topbar-action-size,40px) !important; max-width: var(--aa-topbar-action-size,40px) !important; height: var(--aa-topbar-action-size,40px) !important; min-height: var(--aa-topbar-action-size,40px) !important; max-height: var(--aa-topbar-action-size,40px) !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; vertical-align: middle !important; transform: none !important; } .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-uc-list-action .aa-topbar-account-icon { width: 20px; height: 20px; max-width: 20px; max-height: 20px; color: #fff !important; fill: currentColor !important; stroke: none !important; opacity: 1 !important; } .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-uc-list-action .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { fill: currentColor !important; stroke: none !important; color: #fff !important; opacity: 1 !important; } .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions { position: relative !important; inset: auto !important; order: 20 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; height: var(--aa-topbar-action-size,40px) !important; min-height: var(--aa-topbar-action-size,40px) !important; margin: 0 !important; padding: 0 !important; gap: var(--aa-topbar-action-gap,8px) !important; transform: none !important; } .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster :is(.aa-document-inbox-upload-action, .aa-minside-entry-home-action) { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 var(--aa-topbar-action-size,40px) !important; width: var(--aa-topbar-action-size,40px) !important; min-width: var(--aa-topbar-action-size,40px) !important; max-width: var(--aa-topbar-action-size,40px) !important; height: var(--aa-topbar-action-size,40px) !important; min-height: var(--aa-topbar-action-size,40px) !important; max-height: var(--aa-topbar-action-size,40px) !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster .aa-document-inbox-upload-action .aa-topbar-account-icon { width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; } .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster .aa-minside-entry-home-action .aa-topbar-account-icon { width: 22px !important; height: 22px !important; max-width: 22px !important; max-height: 22px !important; fill: none !important; stroke: currentColor !important; } .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster .aa-minside-entry-home-action .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { fill: none !important; stroke: currentColor !important; } .aa-receipt-guide-slot, .aa-topbar-guide-slot { flex: 0 0 42px; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; } .aa-topbar.aa-topbar-actions-compact { --aa-topbar-action-size: var(--aa-topbar-action-compact-size, 34px); --aa-topbar-action-gap: var(--aa-topbar-action-compact-gap, 6px); --aa-topbar-action-top: 21px; } .aa-topbar.aa-topbar-actions-compact .aa-topbar-logo { max-width: min(var(--aa-topbar-logo-width), max(42px, calc(100vw - var(--aa-topbar-logo-left, 51px) - max(var(--aa-topbar-action-cluster-limit, 45vw), var(--aa-topbar-action-compact-reserve, 224px)) - 10px))); } .aa-topbar.aa-topbar-actions-compact .aa-topbar-custom-slot { gap: var(--aa-topbar-action-gap, 6px) !important; max-width: none !important; width: auto !important; } .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-topbar-custom-slot[data-aa-app-header-slot] { inset: 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; } .aa-topbar.aa-topbar-actions-compact .aa-topbar-account, .aa-topbar.aa-topbar-actions-compact .aa-receipt-guide-slot, .aa-topbar.aa-topbar-actions-compact .aa-topbar-guide-slot { flex: 0 0 var(--aa-topbar-action-size, 34px) !important; width: var(--aa-topbar-action-size, 34px) !important; min-width: var(--aa-topbar-action-size, 34px) !important; max-width: var(--aa-topbar-action-size, 34px) !important; height: var(--aa-topbar-action-size, 34px) !important; min-height: var(--aa-topbar-action-size, 34px) !important; max-height: var(--aa-topbar-action-size, 34px) !important; } .aa-topbar.aa-topbar-actions-compact .aa-topbar-account-icon, .aa-topbar.aa-topbar-actions-compact .aa-topbar-account > svg, .aa-topbar.aa-topbar-actions-compact .aa-minside-entry-action-icon > svg, .aa-topbar.aa-topbar-actions-compact .aa-entry-sync-icon, .aa-topbar.aa-topbar-actions-compact .aa-entry-sync-icon svg, .aa-topbar.aa-topbar-actions-compact .aa-onboarding-guide-icon, .aa-topbar.aa-topbar-actions-compact .e-font-icon-svg { width: var(--aa-topbar-action-compact-icon-size, 17px) !important; height: var(--aa-topbar-action-compact-icon-size, 17px) !important; max-width: var(--aa-topbar-action-compact-icon-size, 17px) !important; max-height: var(--aa-topbar-action-compact-icon-size, 17px) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster { top: var(--aa-topbar-action-top, 21px) !important; right: var(--aa-topbar-action-edge, 10px) !important; left: auto !important; gap: var(--aa-topbar-action-gap, 6px) !important; width: auto !important; min-width: max-content !important; max-width: calc(100vw - var(--aa-topbar-action-edge, 10px) - 8px) !important; height: var(--aa-topbar-action-size, 34px) !important; min-height: var(--aa-topbar-action-size, 34px) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-top-actions, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-top-actions { gap: var(--aa-topbar-action-gap, 6px) !important; height: var(--aa-topbar-action-size, 34px) !important; min-height: var(--aa-topbar-action-size, 34px) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-action-icon, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-top-actions .aa-topbar-account, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-guide-action, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-guide-action .aa-onboarding-guide-button, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-entry-sync-indicator, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-action-icon, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-top-actions .aa-topbar-account, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-guide-action, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-guide-action .aa-onboarding-guide-button, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-entry-sync-indicator { flex: 0 0 var(--aa-topbar-action-size, 34px) !important; width: var(--aa-topbar-action-size, 34px) !important; min-width: var(--aa-topbar-action-size, 34px) !important; max-width: var(--aa-topbar-action-size, 34px) !important; height: var(--aa-topbar-action-size, 34px) !important; min-height: var(--aa-topbar-action-size, 34px) !important; max-height: var(--aa-topbar-action-size, 34px) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-topbar-account-icon, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-action-icon > svg, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-entry-sync-icon, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-entry-sync-icon svg, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-onboarding-guide-icon, #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .e-font-icon-svg, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-topbar-account-icon, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-action-icon > svg, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-entry-sync-icon, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-entry-sync-icon svg, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-onboarding-guide-icon, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .e-font-icon-svg { width: var(--aa-topbar-action-compact-icon-size, 17px) !important; height: var(--aa-topbar-action-compact-icon-size, 17px) !important; max-width: var(--aa-topbar-action-compact-icon-size, 17px) !important; max-height: var(--aa-topbar-action-compact-icon-size, 17px) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-uc-list-action .aa-topbar-account-icon, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-uc-list-action .aa-topbar-account-icon { width: var(--aa-topbar-action-compact-icon-size, 17px) !important; height: var(--aa-topbar-action-compact-icon-size, 17px) !important; max-width: var(--aa-topbar-action-compact-icon-size, 17px) !important; max-height: var(--aa-topbar-action-compact-icon-size, 17px) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster :is(.aa-minside-topbar-account-action, [data-aa-topbar-account]) .aa-topbar-account-icon, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster :is(.aa-minside-topbar-account-action, [data-aa-topbar-account]) .aa-topbar-account-icon { width: var(--aa-topbar-action-compact-home-icon-size, 24px) !important; height: var(--aa-topbar-action-compact-home-icon-size, 24px) !important; max-width: var(--aa-topbar-action-compact-home-icon-size, 24px) !important; max-height: var(--aa-topbar-action-compact-home-icon-size, 24px) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-home-action .aa-topbar-account-icon, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-home-action .aa-topbar-account-icon { width: 22px !important; height: 22px !important; max-width: 22px !important; max-height: 22px !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-document-inbox-upload-action .aa-topbar-account-icon, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-document-inbox-upload-action .aa-topbar-account-icon { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; max-width: 20px !important; max-height: 20px !important; color: #fff !important; fill: currentColor !important; stroke: none !important; opacity: 1 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-document-inbox-upload-action .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon), .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-document-inbox-upload-action .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { fill: currentColor !important; stroke: none !important; color: #fff !important; opacity: 1 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-home-action .aa-topbar-account-icon, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-home-action .aa-topbar-account-icon { min-width: 22px !important; min-height: 22px !important; color: #fff !important; fill: none !important; stroke: currentColor !important; opacity: 1 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-home-action .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon), .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact .aa-minside-topbar-action-cluster .aa-minside-entry-home-action .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { fill: none !important; stroke: currentColor !important; color: #fff !important; opacity: 1 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"], .aa-topbar[data-aa-header-surface="minside"] { --aa-topbar-action-rail-reserve: calc((var(--aa-topbar-action-size, 40px) * 3) + (var(--aa-topbar-action-gap, 8px) * 2) + var(--aa-topbar-action-edge, 10px) + 20px); } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact { --aa-topbar-action-rail-reserve: calc((var(--aa-topbar-action-size, 34px) * 3) + (var(--aa-topbar-action-gap, 6px) * 2) + var(--aa-topbar-action-edge, 10px) + 18px); } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-header-text, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-header-text { max-width: min(var(--aa-topbar-header-text-max, 260px), calc(100vw - var(--aa-topbar-logo-left, 51px) - var(--aa-topbar-action-rail-reserve, 166px))) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster { flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: var(--aa-topbar-action-gap, 8px) !important; min-width: max-content !important; isolation: isolate !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster .aa-topbar-account.aa-minside-entry-action-icon, #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster .aa-topbar-account.aa-minside-entry-action-icon, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 var(--aa-topbar-action-size, 40px) !important; width: var(--aa-topbar-action-size, 40px) !important; min-width: var(--aa-topbar-action-size, 40px) !important; max-width: var(--aa-topbar-action-size, 40px) !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; max-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; transform: none !important; z-index: 7 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions { order: 20 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster .aa-document-inbox-upload-action, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster .aa-document-inbox-upload-action { order: 21 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action { order: 30 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action { order: 40 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action { order: 40 !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster { position: absolute !important; top: var(--aa-topbar-action-top, 17px) !important; right: var(--aa-topbar-action-edge, 10px) !important; bottom: auto !important; left: auto !important; z-index: 260 !important; display: inline-flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: var(--aa-topbar-action-gap, 8px) !important; width: auto !important; min-width: max-content !important; max-width: calc(100vw - var(--aa-topbar-action-edge, 10px) - 8px) !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: none !important; isolation: isolate !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions { position: relative !important; inset: auto !important; order: 20 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 var(--aa-topbar-action-size, 40px) !important; width: var(--aa-topbar-action-size, 40px) !important; min-width: var(--aa-topbar-action-size, 40px) !important; max-width: var(--aa-topbar-action-size, 40px) !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; max-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow: visible !important; transform: none !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions > .aa-document-inbox-upload-action, #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action, #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions > .aa-document-inbox-upload-action, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; z-index: 7 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; flex: 0 0 var(--aa-topbar-action-size, 40px) !important; width: var(--aa-topbar-action-size, 40px) !important; min-width: var(--aa-topbar-action-size, 40px) !important; max-width: var(--aa-topbar-action-size, 40px) !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; max-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; overflow: hidden !important; transform: none !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action { order: 30 !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action { order: 40 !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster :is(.aa-document-inbox-upload-action, .aa-minside-topbar-uc-list-action) .aa-topbar-account-icon, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster :is(.aa-document-inbox-upload-action, .aa-minside-topbar-uc-list-action) .aa-topbar-account-icon { width: 20px !important; min-width: 20px !important; max-width: 20px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; color: #fff !important; fill: currentColor !important; stroke: none !important; opacity: 1 !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster :is(.aa-document-inbox-upload-action, .aa-minside-topbar-uc-list-action) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon), .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster :is(.aa-document-inbox-upload-action, .aa-minside-topbar-uc-list-action) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { fill: currentColor !important; stroke: none !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster :is(.aa-minside-entry-home-action, .aa-minside-topbar-account-action) .aa-topbar-account-icon, .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster :is(.aa-minside-entry-home-action, .aa-minside-topbar-account-action) .aa-topbar-account-icon { width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; color: #fff !important; fill: none !important; stroke: currentColor !important; opacity: 1 !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster :is(.aa-minside-entry-home-action, .aa-minside-topbar-account-action) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon), .aa-topbar .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster :is(.aa-minside-entry-home-action, .aa-minside-topbar-account-action) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { fill: none !important; stroke: currentColor !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster { position: absolute !important; top: var(--aa-topbar-action-top, 17px) !important; right: var(--aa-topbar-action-edge, 10px) !important; bottom: auto !important; left: auto !important; z-index: 260 !important; display: inline-flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: var(--aa-topbar-action-gap, 8px) !important; width: auto !important; min-width: max-content !important; max-width: calc(100vw - var(--aa-topbar-action-edge, 10px) - 8px) !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: none !important; isolation: isolate !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions { position: relative !important; inset: auto !important; order: 20 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 var(--aa-topbar-action-size, 40px) !important; width: var(--aa-topbar-action-size, 40px) !important; min-width: var(--aa-topbar-action-size, 40px) !important; max-width: var(--aa-topbar-action-size, 40px) !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; max-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow: visible !important; transform: none !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions > .aa-document-inbox-upload-action, #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action, #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions > .aa-document-inbox-upload-action, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; z-index: 7 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; flex: 0 0 var(--aa-topbar-action-size, 40px) !important; width: var(--aa-topbar-action-size, 40px) !important; min-width: var(--aa-topbar-action-size, 40px) !important; max-width: var(--aa-topbar-action-size, 40px) !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; max-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; overflow: hidden !important; transform: none !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-uc-list-action { order: 30 !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action { order: 40 !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster :is(.aa-document-inbox-upload-action, .aa-minside-topbar-uc-list-action) .aa-topbar-account-icon, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster :is(.aa-document-inbox-upload-action, .aa-minside-topbar-uc-list-action) .aa-topbar-account-icon { width: 20px !important; min-width: 20px !important; max-width: 20px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; color: #fff !important; fill: currentColor !important; stroke: none !important; opacity: 1 !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster :is(.aa-document-inbox-upload-action, .aa-minside-topbar-uc-list-action) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon), .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster :is(.aa-document-inbox-upload-action, .aa-minside-topbar-uc-list-action) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { fill: currentColor !important; stroke: none !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster :is(.aa-minside-entry-home-action, .aa-minside-topbar-account-action) .aa-topbar-account-icon, .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster :is(.aa-minside-entry-home-action, .aa-minside-topbar-account-action) .aa-topbar-account-icon { width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; color: #fff !important; fill: none !important; stroke: currentColor !important; opacity: 1 !important; } #aaAppShell .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster :is(.aa-minside-entry-home-action, .aa-minside-topbar-account-action) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon), .aa-topbar .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster :is(.aa-minside-entry-home-action, .aa-minside-topbar-account-action) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { fill: none !important; stroke: currentColor !important; } .aa-topbar:is(.aa-topbar-avis,.aa-topbar-budget) .aa-topbar-custom-slot :is(.aa-topbar-account,.aa-minside-entry-action-icon,.aa-document-inbox-upload-action,.aa-minside-topbar-uc-list-action,.aa-minside-entry-home-action,.aa-minside-topbar-account-action) { color: #fff !important; border-color: rgba(255,255,255,.62) !important; background: rgba(255,255,255,.11) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 20px rgba(15,23,42,.13) !important; } .aa-topbar:is(.aa-topbar-avis,.aa-topbar-budget) .aa-topbar-custom-slot :is(.aa-topbar-account,.aa-minside-entry-action-icon,.aa-document-inbox-upload-action,.aa-minside-topbar-uc-list-action,.aa-minside-entry-home-action,.aa-minside-topbar-account-action):is(:hover,:focus-visible,:active) { color: #fff !important; border-color: rgba(255,255,255,.84) !important; background: rgba(255,255,255,.18) !important; } .aa-topbar:is(.aa-topbar-avis,.aa-topbar-budget) .aa-topbar-custom-slot :is(.aa-document-inbox-upload-action,.aa-minside-topbar-uc-list-action) .aa-topbar-account-icon, .aa-topbar:is(.aa-topbar-avis,.aa-topbar-budget) .aa-topbar-custom-slot :is(.aa-document-inbox-upload-action,.aa-minside-topbar-uc-list-action) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { color: #fff !important; fill: currentColor !important; stroke: none !important; } .aa-topbar:is(.aa-topbar-avis,.aa-topbar-budget) .aa-topbar-custom-slot :is(.aa-minside-entry-home-action,.aa-minside-topbar-account-action,[data-aa-topbar-account]) .aa-topbar-account-icon { color: #fff !important; fill: none !important; stroke: currentColor !important; } .aa-topbar:is(.aa-topbar-avis,.aa-topbar-budget) .aa-topbar-custom-slot :is(.aa-minside-entry-home-action,.aa-minside-topbar-account-action,[data-aa-topbar-account]) .aa-topbar-account-icon :is(path, circle, rect, line, polyline, polygon) { fill: none !important; stroke: currentColor !important; } html.aa-topbar-login-confirm-open-v258600, body.aa-topbar-login-confirm-open-v258600 { overflow: hidden !important; } .aa-topbar-login-confirm-overlay-v258600[hidden] { display: none !important; } .aa-topbar-login-confirm-overlay-v258600 { position: fixed; inset: 0; z-index: 2147483647 !important; display: flex; align-items: center; justify-content: center; padding: clamp(16px, 4vw, 34px); background: rgba(7, 12, 22, .54); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-sizing: border-box; pointer-events: auto; } .aa-topbar-login-confirm-panel-v258600 { position: relative; width: min(100%, 430px); max-height: min(82vh, 620px); overflow: auto; box-sizing: border-box; border-radius: 8px; background: #fff; color: #172033; border: 1px solid rgba(15, 23, 42, .12); box-shadow: 0 24px 70px rgba(8, 13, 24, .34); padding: 24px 22px 20px; } .aa-topbar-login-confirm-close-v258600 { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 999px; border: 1px solid rgba(15, 23, 42, .14); background: rgba(var(--aa-topbar-brand-rgb, 147, 194, 188), .12); color: var(--aa-topbar-brand-dark, #5f8f89); display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; } .aa-topbar-login-confirm-close-v258600 svg { width: 18px; height: 18px; fill: currentColor; } .aa-topbar-login-confirm-panel-v258600 h2 { margin: 0 46px 10px 0; font-size: 22px; line-height: 1.18; letter-spacing: 0; color: #111827; } .aa-topbar-login-confirm-panel-v258600 p { margin: 0 0 10px; color: #4b5563; font-size: 15px; line-height: 1.45; letter-spacing: 0; } .aa-topbar-login-confirm-panel-v258600 p:last-of-type { margin-bottom: 0; } .aa-topbar-login-confirm-actions-v258600 { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; } .aa-topbar-login-confirm-btn-v258600 { min-height: 42px; border-radius: 8px; border: 1px solid rgba(15, 23, 42, .16); padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: 700 14px/1.1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: 0; cursor: pointer; box-sizing: border-box; } .aa-topbar-login-confirm-btn-secondary-v258600 { background: #fff; color: #1f2937; } .aa-topbar-login-confirm-btn-primary-v258600 { border-color: color-mix(in srgb, var(--aa-topbar-brand-dark, #5f8f89) 74%, #111827); background: var(--aa-topbar-brand-dark, #5f8f89); color: #fff; } @keyframes aaAvisBudgetHeaderShine { 0% { opacity: 0; transform: translateX(-150%) skewX(-18deg); } 18% { opacity: .92; } 72% { opacity: .52; } 100% { opacity: 0; transform: translateX(150%) skewX(-18deg); } } @media (max-width: 720px) { .aa-topbar-custom-slot { padding-left: 238px; } } @media (max-width: 700px) { .aa-topbar-logo-slot { left: var(--aa-topbar-logo-left); top: calc(var(--aa-topbar-logo-slot-top) + var(--aa-topbar-logo-offset-y, 0px)); min-width: min(150px, var(--aa-topbar-logo-width, 150px)); height: var(--aa-topbar-logo-slot-height); } .aa-topbar-logo { height: var(--aa-topbar-logo-height); max-height: var(--aa-topbar-logo-slot-height, 40px); max-width: min(var(--aa-topbar-logo-width), calc(100vw - 138px)); } .aa-topbar-header-text { max-width: min(180px, calc(100vw - 168px)); } .aa-topbar-custom-slot { padding-left: 228px; padding-right: calc(var(--aa-topbar-action-edge) + var(--aa-topbar-action-size) + 8px); } .aa-topbar-account, .aa-receipt-guide-slot, .aa-topbar-guide-slot { flex-basis: var(--aa-topbar-action-size); width: var(--aa-topbar-action-size); height: var(--aa-topbar-action-size); } .aa-topbar-account-icon { width: 28px; height: 28px; } .aa-topbar-login-confirm-overlay-v258600 { align-items: flex-start; padding: max(12px, env(safe-area-inset-top)) 12px 18px; } .aa-topbar-login-confirm-panel-v258600 { width: 100%; max-height: calc(100vh - max(24px, env(safe-area-inset-top)) - 18px); padding: 22px 18px 18px; } .aa-topbar-login-confirm-actions-v258600 { display: grid; grid-template-columns: 1fr 1fr; } .aa-topbar-login-confirm-btn-v258600 { width: 100%; padding-inline: 12px; } } #aaAppShell .aa-topbar[data-aa-header-surface="minside"], .aa-topbar[data-aa-header-surface="minside"] { --aa-topbar-action-rail-reserve: calc((var(--aa-topbar-action-size, 40px) * 6) + (var(--aa-topbar-action-gap, 8px) * 5) + var(--aa-topbar-action-edge, 10px) + 20px) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact, .aa-topbar[data-aa-header-surface="minside"].aa-topbar-actions-compact { --aa-topbar-action-rail-reserve: calc((var(--aa-topbar-action-size, 34px) * 6) + (var(--aa-topbar-action-gap, 6px) * 5) + var(--aa-topbar-action-edge, 10px) + 18px) !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster { z-index: 360 !important; display: inline-flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: var(--aa-topbar-action-gap, 8px) !important; overflow: visible !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-entry-top-actions, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-entry-top-actions { order: 10 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: var(--aa-topbar-action-gap, 8px) !important; width: auto !important; min-width: 0 !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-entry-top-actions > .aa-minside-entry-notifications, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-entry-top-actions > .aa-minside-entry-notifications { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 var(--aa-topbar-action-size, 40px) !important; width: var(--aa-topbar-action-size, 40px) !important; min-width: var(--aa-topbar-action-size, 40px) !important; max-width: var(--aa-topbar-action-size, 40px) !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; max-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-notification-action, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-notification-action, #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-uc-topbar-notifications, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-uc-topbar-notifications { order: 10 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-document-inbox-top-actions { order: 20 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-entry-home-action, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-account-action { order: 50 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-menu-action, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-menu-action { order: 60 !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-menu-action, #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-notification-action, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-menu-action, .aa-topbar[data-aa-header-surface="minside"] .aa-topbar-custom-slot:is([data-aa-app-header-slot],[data-aa-avisbudget-header-slot]) > .aa-minside-topbar-action-cluster > .aa-minside-topbar-notification-action { position: relative !important; inset: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 var(--aa-topbar-action-size, 40px) !important; width: var(--aa-topbar-action-size, 40px) !important; min-width: var(--aa-topbar-action-size, 40px) !important; max-width: var(--aa-topbar-action-size, 40px) !important; height: var(--aa-topbar-action-size, 40px) !important; min-height: var(--aa-topbar-action-size, 40px) !important; max-height: var(--aa-topbar-action-size, 40px) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-menu-action .aa-topbar-menu-icon, .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-menu-action .aa-topbar-menu-icon { width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; color: #fff !important; fill: none !important; stroke: currentColor !important; } #aaAppShell .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-menu-action .aa-topbar-menu-icon :is(path, line, polyline, polygon, circle, rect), .aa-topbar[data-aa-header-surface="minside"] .aa-minside-topbar-menu-action .aa-topbar-menu-icon :is(path, line, polyline, polygon, circle, rect) { fill: none !important; stroke: currentColor !important; } @media (max-width: 599px) { #aaAppShell .aa-topbar-vendor[data-aa-header-surface="minside"], .aa-topbar-vendor[data-aa-header-surface="minside"] { --aa-mobile-vendor-action-left-v335500: calc(var(--aa-topbar-flag-left, 8px) + 36px + 8px); } #aaAppShell .aa-topbar-vendor[data-aa-header-surface="minside"] .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster, .aa-topbar-vendor[data-aa-header-surface="minside"] .aa-topbar-custom-slot[data-aa-app-header-slot] > .aa-minside-topbar-action-cluster { left: var(--aa-mobile-vendor-action-left-v335500) !important; right: var(--aa-topbar-action-edge, 8px) !important; width: auto !important; min-width: 0 !important; max-width: none !important; justify-content: flex-start !important; gap: var(--aa-topbar-action-gap, 8px) !important; } #aaAppShell .aa-topbar-vendor[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-entry-sync-indicator[data-aa-entry-sync-mobile-rail-v335500="1"], .aa-topbar-vendor[data-aa-header-surface="minside"] .aa-minside-topbar-action-cluster > .aa-entry-sync-indicator[data-aa-entry-sync-mobile-rail-v335500="1"] { position: relative !important; inset: auto !important; order: -100 !important; flex: 0 0 var(--aa-topbar-action-size, 42px) !important; width: var(--aa-topbar-action-size, 42px) !important; min-width: var(--aa-topbar-action-size, 42px) !important; max-width: var(--aa-topbar-action-size, 42px) !important; height: var(--aa-topbar-action-size, 42px) !important; min-height: var(--aa-topbar-action-size, 42px) !important; max-height: var(--aa-topbar-action-size, 42px) !important; margin: 0 !important; transform: none !important; } #aaAppShell .aa-topbar-vendor[data-aa-header-surface="minside"].aa-topbar-actions-compact, .aa-topbar-vendor[data-aa-header-surface="minside"].aa-topbar-actions-compact { --aa-topbar-action-compact-size: clamp(28px, 9vw, 34px) !important; --aa-topbar-action-compact-gap: clamp(3px, 1.2vw, 6px) !important; --aa-topbar-action-size: var(--aa-topbar-action-compact-size) !important; --aa-topbar-action-gap: var(--aa-topbar-action-compact-gap) !important; --aa-topbar-action-top: calc((76px - var(--aa-topbar-action-size)) / 2) !important; } } :root { --aa-public-content-edge: 5px; --aa-public-content-gutter: 10px; } @media (min-width: 501px) { :root { --aa-public-content-edge: 10px; --aa-public-content-gutter: 20px; } } @media (min-width: 801px) { :root { --aa-public-content-edge: clamp(10px, calc(11.25vw - 80px), 55px); --aa-public-content-gutter: clamp(20px, calc(22.5vw - 160px), 110px); } } @media (min-width: 1201px) { :root { --aa-public-content-edge: 55px; --aa-public-content-gutter: 110px; } } body, body.aa-signup-page { margin: 0 !important; background: #f7f8fb; } html, html body, html body.aa-signup-page { margin-top: 0 !important; padding-top: 0 !important; } body.aa-signup-page > .aa-topbar { margin: 0 !important; margin-block-start: 0 !important; top: 0 !important; } .aa-signup-products { width: calc(100% - var(--aa-public-content-gutter, 28px)); max-width: none; margin: 24px auto 32px; padding: 0; color: #162033; font-size: 16px; line-height: 1.5; } .aa-signup-root.aa-signup-container { color: transparent; font-size: 0; line-height: 0; margin: 0 !important; padding: 0 !important; } .aa-signup-root.aa-signup-container > .aa-topbar { width: 100vw; margin-left: calc(50% - 50vw); color: #fff; font-size: 16px; line-height: 1.5; } #setupform, .aa-signup-root > .mu_alert, .aa-signup-root > form:not(.aa-signup-request), .aa-signup-root > h2, .aa-signup-root > p:not(.aa-signup-usage):not(.aa-signup-kicker), .aa-signup-container > form:not(.aa-signup-request), .aa-signup-container > h2, .aa-signup-container > p:not(.aa-signup-usage):not(.aa-signup-kicker) { display: none !important; } #aaChatToggle, .aa-onboarding-guide-button { display: none !important; visibility: hidden !important; pointer-events: none !important; } .aa-signup-root .aa-signup-products { display: block !important; color: #162033; font-size: 16px; line-height: 1.5; } .aa-signup-nda-page { width: calc(100% - var(--aa-public-content-gutter, 28px)); max-width: none; margin: 24px auto 46px; display: grid; gap: 14px; color: #162033; font-size: 15px; line-height: 1.5; } .aa-signup-nda-panel { background: #ffffff; border: 1px solid #d9e4f2; border-radius: 8px; box-shadow: 0 14px 34px rgba(22, 32, 51, 0.08); padding: 20px; } .aa-signup-nda-head { display: grid; gap: 8px; } .aa-signup-nda-head h1, .aa-signup-nda-panel h2 { margin: 0; color: #111827; line-height: 1.2; letter-spacing: 0; } .aa-signup-nda-head h1 { font-size: 32px; } .aa-signup-nda-panel h2 { font-size: 18px; } .aa-signup-nda-head p, .aa-signup-nda-panel p { margin: 0; } .aa-signup-nda-grid { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); gap: 14px; align-items: start; } .aa-signup-nda-meta { display: grid; grid-template-columns: minmax(100px, auto) minmax(0, 1fr); gap: 8px 12px; margin: 14px 0 0; } .aa-signup-nda-meta dt { color: #64748b; font-weight: 700; } .aa-signup-nda-meta dd { margin: 0; color: #162033; min-width: 0; overflow-wrap: anywhere; } .aa-signup-nda-terms { display: grid; gap: 12px; } .aa-signup-nda-terms section { display: grid; gap: 4px; } .aa-signup-nda-terms h3 { margin: 0; font-size: 14px; line-height: 1.3; color: #162033; letter-spacing: 0; } .aa-signup-nda-message { border-color: #cfe8d8; background: #f4fbf6; color: #166534; } .aa-signup-nda-message.is-error { border-color: #ffd1d1; background: #fff7f7; color: #991b1b; } .aa-signup-nda-form { display: grid; gap: 14px; } .aa-signup-nda-accept { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-weight: 700; } .aa-signup-nda-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .aa-signup-nda-fields label { display: grid; gap: 6px; margin: 0; color: #334155; font-weight: 700; } .aa-signup-nda-fields input, .aa-signup-nda-fields select, .aa-signup-nda-fields textarea { width: 100%; min-height: 42px; border: 1px solid #cbd5e1; border-radius: 8px; background: #ffffff; color: #162033; padding: 9px 10px; font-size: 14px; line-height: 1.4; box-sizing: border-box; } .aa-signup-nda-fields textarea { resize: vertical; } .aa-signup-nda-wide { grid-column: 1 / -1; } .aa-signup-nda-submit.aa-signup-info-link { justify-self: end; min-height: 42px; border-radius: 8px; padding: 0 18px; font-size: 14px; font-weight: 800; } .aa-signup-nda-confirmed { display: grid; gap: 8px; } .aa-signup-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); gap: 26px; align-items: start; background: #ffffff; border: 1px solid #d9e0ea; border-radius: 8px; padding: 28px; box-shadow: 0 14px 34px rgba(22, 32, 51, 0.08); } .aa-signup-hero-copy { min-width: 0; } .aa-signup-hero-contact { min-width: 0; border-left: 1px solid #e1e7f0; padding-left: 26px; } .aa-signup-products > .aa-signup-hero-contact { width: 100%; margin-top: 18px; border: 1px solid #d9e0ea; border-radius: 8px; background: #ffffff; padding: 22px; box-shadow: 0 14px 34px rgba(22, 32, 51, 0.08); } .aa-signup-hero-more { margin-top: 2px; } .aa-signup-hero-more.is-active, .aa-signup-hero-more[aria-expanded="true"] { border-color: #2f9e44 !important; background: #2f9e44 !important; color: #ffffff !important; box-shadow: inset 0 2px 7px rgba(21, 87, 36, 0.35), 0 2px 6px rgba(47, 158, 68, 0.24) !important; transform: translateY(2px) scale(0.96) !important; } .aa-signup-hero-more.is-active .aa-signup-info-icon, .aa-signup-hero-more[aria-expanded="true"] .aa-signup-info-icon { display: inline-flex; border-color: rgba(21, 128, 61, 0.34); background: #ffffff; color: #15803d !important; } .aa-signup-hero-detail { grid-column: 1 / -1; display: grid; border: 1px solid #d7e6ff; border-radius: 8px; background: #f7fbff; overflow: hidden; animation: aaSignupPanelIn 180ms ease-out; } .aa-signup-hero-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; border-bottom: 1px solid rgba(15, 23, 42, 0.08); padding: 18px 18px 14px; } .aa-signup-hero-detail-body { display: grid; gap: 14px; padding: 16px 18px 18px; } .aa-signup-hero-detail-body > p:first-child { color: #0f172a; font-weight: 800; } .aa-signup-hero-detail-backdrop { display: none; } .aa-signup-hero-detail-backdrop.is-active { display: block; position: fixed; inset: 0; z-index: 2147483644; background: rgba(10, 20, 35, 0.48); backdrop-filter: blur(4px); } .aa-signup-hero-detail.is-mobile-overlay { position: fixed; left: 50%; top: 50%; z-index: 2147483645; grid-column: auto; display: flex; flex-direction: column; width: calc(100vw - var(--aa-public-content-gutter, 20px)); max-height: calc(100vh - 20px); max-height: calc(100svh - 20px); padding: 0; background: radial-gradient(circle at top left, rgba(var(--aa-signup-accent-rgb), .14), transparent 38%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); box-shadow: 0 24px 70px rgba(22, 32, 51, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.7); overflow: hidden; transform: translate(-50%, -50%); } .aa-signup-hero-detail.is-mobile-overlay h2 { margin: 0; } .aa-signup-hero-detail.is-mobile-overlay .aa-signup-hero-detail-head { flex: 0 0 auto; } .aa-signup-hero-detail.is-mobile-overlay .aa-signup-hero-detail-body { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; background: rgba(255, 255, 255, 0.74); -webkit-overflow-scrolling: touch; } .aa-signup-hero-detail.is-mobile-overlay .aa-signup-hero-detail-close { display: inline-grid; flex: 0 0 auto; } .aa-signup-hero-detail[hidden] { display: none !important; } .aa-signup-hero-detail h2 { margin: 0; color: #162033; font-size: 22px; line-height: 1.2; letter-spacing: 0; } .aa-signup-hero-detail-close { display: none; } .aa-main-account-close, .aa-signup-hero-detail-close, .aa-privacy-overlay-close, .aa-signup-product-detail-close { appearance: none; position: relative; display: inline-grid; place-items: center; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid rgba(var(--aa-signup-accent-rgb), 0.24); border-radius: 14px; color: #ffffff !important; background: var(--aa-signup-accent) !important; box-shadow: 0 10px 20px rgba(15, 23, 42, 0.16); cursor: pointer; font-size: 0; line-height: 0; overflow: hidden; padding: 0; transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease; } .aa-main-account-close::before, .aa-signup-hero-detail-close::before, .aa-privacy-overlay-close::before, .aa-signup-product-detail-close::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; background: linear-gradient(115deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.45) 48%, rgba(255,255,255,0) 68%); opacity: 0; transform: translateX(-150%) skewX(-18deg); pointer-events: none; } .aa-main-account-close::after, .aa-signup-hero-detail-close::after, .aa-privacy-overlay-close::after, .aa-signup-product-detail-close::after { content: "\00d7"; position: absolute; left: 50%; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 24px; font-weight: 700; line-height: 0; transform: translate(-50%, -50%); } .aa-main-account-close:hover, .aa-main-account-close:focus-visible, .aa-signup-hero-detail-close:hover, .aa-signup-hero-detail-close:focus-visible, .aa-privacy-overlay-close:hover, .aa-privacy-overlay-close:focus-visible, .aa-signup-product-detail-close:hover, .aa-signup-product-detail-close:focus-visible { color: #ffffff !important; background: var(--aa-signup-accent) !important; box-shadow: 0 14px 26px rgba(var(--aa-signup-accent-rgb), 0.22); filter: brightness(1.04); transform: translateY(-1px) scale(1.04); } .aa-main-account-close:hover::before, .aa-main-account-close:focus-visible::before, .aa-signup-hero-detail-close:hover::before, .aa-signup-hero-detail-close:focus-visible::before, .aa-privacy-overlay-close:hover::before, .aa-privacy-overlay-close:focus-visible::before, .aa-signup-product-detail-close:hover::before, .aa-signup-product-detail-close:focus-visible::before { animation: aaSignupButtonShine 700ms ease-out 1; } .aa-main-account-close:active, .aa-signup-hero-detail-close:active, .aa-privacy-overlay-close:active, .aa-signup-product-detail-close:active { transform: translateY(1px) scale(.96); box-shadow: 0 7px 14px rgba(var(--aa-signup-accent-rgb), 0.18); } .aa-signup-hero-detail p { max-width: 980px; margin: 0; } .aa-signup-hero-detail ul { columns: 2; column-gap: 28px; margin: 0; padding-left: 0; list-style: none; color: #526074; line-height: 1.5; } .aa-signup-hero-detail li { break-inside: avoid; margin: 0 0 7px; position: relative; min-height: 22px; padding-left: 24px; } .aa-signup-hero-point-row { display: block; min-width: 0; } .aa-signup-hero-point-text { display: inline-block; min-width: 0; color: #526074; transition: color 180ms ease, transform 180ms ease; will-change: transform; } .aa-signup-hero-point-text strong { color: #162033; font-weight: 850; } .aa-signup-hero-detail li:hover .aa-signup-hero-point-text, .aa-signup-hero-detail li:focus-within .aa-signup-hero-point-text { color: #243048; transform: translateX(3px) scale(1.01); } .aa-signup-hero-info-button.aa-signup-usage-info-button { position: absolute !important; top: 2px !important; left: 0 !important; margin: 0 !important; } .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon { position: relative; isolation: isolate; overflow: visible; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease; transform-origin: center; } .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::before, .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::after { content: ""; position: absolute; border-radius: inherit; pointer-events: none; opacity: 0; z-index: -1; } .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::before { inset: -5px; background: radial-gradient(circle, rgba(var(--aa-signup-accent-rgb), 0.28) 0%, rgba(var(--aa-signup-accent-rgb), 0.12) 48%, rgba(var(--aa-signup-accent-rgb), 0) 78%); filter: blur(1.4px); } .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::after { inset: -10px; border: 2px solid rgba(var(--aa-signup-accent-rgb), 0.42); } .aa-signup-hero-detail li:hover .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon, .aa-signup-hero-detail li:focus-within .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon { border-color: rgba(var(--aa-signup-accent-rgb), .62); background: #ffffff; box-shadow: 0 7px 14px rgba(var(--aa-signup-accent-rgb), 0.18); transform: scale(1.18) !important; } .aa-signup-hero-detail li:hover .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::before, .aa-signup-hero-detail li:focus-within .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::before { animation: aaSignupHeroInfoOuterGlow 1.35s ease-in-out infinite; } .aa-signup-hero-detail li:hover .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::after, .aa-signup-hero-detail li:focus-within .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::after { animation: aaSignupHeroInfoRing 1.35s ease-in-out infinite; } .aa-signup-hero-detail-quote { justify-self: center; max-width: 860px !important; margin: 4px auto 0 !important; border-top: 1px solid rgba(15, 23, 42, 0.10); padding: 16px 16px 0; color: #162033; font-size: 18px; font-weight: 900; line-height: 1.45; text-align: center; } .aa-signup-kicker { margin: 0 0 8px; color: #1f6feb; font-size: 13px; font-weight: 700; text-transform: uppercase; } .aa-signup-brand-slogan { display: inline-block; color: #0f172a; font-family: "Inter", "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(10px, 1.35vw, 13px); font-weight: 700; letter-spacing: 0.12em; line-height: 1.35; white-space: nowrap; } .aa-signup-brand-slogan-accent { color: #148cff; } .aa-signup-hero h1 { margin: 0 0 12px; font-size: 34px; line-height: 1.12; letter-spacing: 0; } .aa-signup-hero p { max-width: 780px; margin: 0 0 18px; color: #4b5870; font-size: 16px; line-height: 1.55; } .aa-signup-hero-punch { color: #243048; } .aa-signup-hero-punch strong { color: #10233f; font-weight: 850; } .aa-signup-request { display: grid; grid-template-columns: 1fr; gap: 10px; align-items: end; max-width: none; } .aa-signup-request-punchline { display: grid; place-items: center; width: 100%; margin: 0 0 4px; border: 1px solid rgba(var(--aa-signup-accent-rgb), 0.18); border-radius: 8px; background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 10px 22px rgba(22, 32, 51, 0.08); padding: 14px 16px; color: #10233f; text-align: center; } .aa-signup-request-punchline strong { display: block; max-width: 290px; font-size: 18px; font-weight: 900; letter-spacing: 0; line-height: 1.24; } .aa-signup-request-intro { margin: 0 0 2px; color: #243048; font-size: 14px; font-weight: 800; line-height: 1.4; } .aa-signup-request-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; } .aa-signup-request label { display: grid; gap: 6px; color: #243048; font-weight: 700; } .aa-signup-request input, .aa-signup-request textarea, .aa-signup-org-field input { width: 100%; min-height: 42px; border: 1px solid #b9c4d3; border-radius: 6px; padding: 8px 10px; background: #ffffff; color: #162033; } .aa-signup-request textarea { min-height: 78px; resize: vertical; } .aa-signup-request-details { display: grid; gap: 10px; } .aa-signup-request-details[hidden] { display: none !important; } .aa-signup-company-card { display: grid; gap: 4px; border: 1px solid #d6e3f5; border-radius: 8px; background: #f7fbff; padding: 10px 12px; } .aa-signup-company-card[hidden] { display: none !important; } .aa-signup-company-card strong { color: #162033; font-size: 14px; line-height: 1.35; } .aa-signup-company-card span { color: #526074; font-size: 12px; line-height: 1.35; } .aa-signup-status { border-radius: 8px; padding: 9px 11px; font-size: 12px; font-weight: 700; line-height: 1.35; } .aa-signup-status[hidden] { display: none !important; } .aa-signup-status-info { border: 1px solid #d6e3f5; background: #f7fbff; color: #1f4b80; } .aa-signup-status-success { border: 1px solid #bfe3c9; background: #effaf2; color: #245b32; } .aa-signup-status-error { border: 1px solid #f1c7c7; background: #fff4f4; color: #744141; } html.aa-main-account-open, html.aa-main-account-open body, html.aa-signup-hero-overlay-open, html.aa-signup-hero-overlay-open body, html.aa-signup-product-overlay-open, html.aa-signup-product-overlay-open body { overflow: hidden !important; overscroll-behavior: none; } .aa-main-hidden { display: none !important; } .aa-main-account-modal { position: fixed; inset: 0; z-index: 2147483001; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 12px; overflow: hidden; } .aa-main-account-modal.aa-main-hidden { display: none !important; } .aa-main-account-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.52); backdrop-filter: blur(3px); } .aa-main-account-box { position: relative; display: flex; flex-direction: column; width: min(880px, 100%); height: auto; max-height: calc(var(--aa-main-account-vh, 100vh) - 24px); min-height: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 26px; background: radial-gradient(circle at top left, rgba(var(--aa-signup-accent-rgb), .14), transparent 38%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); box-shadow: 0 28px 64px rgba(15, 23, 42, 0.26); } .aa-main-account-head { display: grid; grid-template-columns: 1fr; gap: 14px; flex: 0 0 auto; border-bottom: 1px solid rgba(15, 23, 42, 0.08); padding: 22px 24px 16px; } .aa-main-account-head-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; min-width: 0; } .aa-main-account-head-copy { min-width: 0; width: 100%; } .aa-main-account-title-row { display: block; margin-top: 0; } .aa-main-account-title { color: #0f172a; font-size: 28px; font-weight: 900; line-height: 1.05; letter-spacing: 0; } .aa-signup-hero .aa-main-account-subtitle { max-width: 680px; margin: 10px 0 0; color: #475569; font-size: 14px; line-height: 1.55; } .aa-main-account-close { display: inline-grid; place-items: center; align-items: center; justify-content: center; flex: 0 0 auto; width: 42px; height: 42px; border: 1px solid rgba(var(--aa-signup-accent-rgb), 0.24); border-radius: 14px; background: var(--aa-signup-accent); color: #ffffff; box-shadow: 0 10px 20px rgba(15, 23, 42, 0.16); cursor: pointer; font-size: 0; line-height: 0; padding: 0; } .aa-main-account-body { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 18px 24px 24px; -webkit-overflow-scrolling: touch; } .aa-signup-status-dialog { width: min(560px, 100%); } .aa-signup-status-body { display: grid; gap: 14px; } .aa-signup-status-body p { margin: 0; color: #334155; font-size: 15px; line-height: 1.55; } .aa-signup-status-body p strong { color: #0f172a; font-weight: 900; } .aa-signup-status-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; } .aa-signup-status-action { min-height: 44px; padding-left: 20px; padding-right: 20px; } .aa-main-account-section { display: none; } .aa-main-account-section.is-active { display: block; } .aa-main-account-section[hidden] { display: none !important; } .aa-main-account-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); gap: 16px; } .aa-main-account-card { border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 20px; background: rgba(255, 255, 255, 0.86); box-shadow: 0 16px 34px rgba(15, 23, 42, 0.07); padding: 18px; } .aa-main-account-card.aa-signup-company-card, .aa-main-account-card.aa-signup-contact-card { align-content: start; min-height: 0; } .aa-main-account-card-featured { background: radial-gradient(circle at top right, rgba(var(--aa-signup-accent-rgb), .16), transparent 40%), rgba(255, 255, 255, 0.94); } .aa-main-account-card h3 { margin: 10px 0 8px; color: #0f172a; font-size: 20px; line-height: 1.15; letter-spacing: 0; } .aa-signup-hero .aa-main-account-card p { max-width: none; margin: 0; color: #475569; font-size: 14px; line-height: 1.55; } .aa-main-account-card-badge { display: inline-flex; align-items: center; width: max-content; max-width: 100%; min-height: 26px; border-radius: 999px; background: #dcfce7; color: #166534; font-size: 12px; font-weight: 900; padding: 4px 10px; text-transform: uppercase; } .aa-signup-contact-card .aa-main-account-card-badge { margin-bottom: 14px; } .aa-signup-company-top { display: grid; gap: 7px; } .aa-signup-company-chip { display: inline-flex; align-items: center; width: max-content; max-width: 100%; min-height: 22px; border-radius: 999px; background: #dcfce7; color: #166534; font-size: 11px; font-weight: 900; line-height: 1; padding: 4px 9px; text-transform: uppercase; } .aa-signup-company-card h3 { margin: 0; color: #0f172a; font-size: 20px; line-height: 1.15; } .aa-signup-company-meta { display: grid; gap: 3px; margin-top: 2px; } .aa-signup-selected-products { display: grid; gap: 8px; margin-top: 14px; border-top: 1px solid rgba(15, 23, 42, 0.08); padding-top: 14px; } .aa-signup-selected-products [hidden] { display: none !important; } .aa-signup-selected-packages { display: grid; gap: 6px; border: 1px solid rgba(47, 158, 68, 0.18); border-radius: 10px; background: #f0fdf4; padding: 9px; } .aa-signup-selected-products strong { color: #0f172a; font-size: 13px; line-height: 1.25; } .aa-signup-selected-products ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; } .aa-signup-selected-products li { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid rgba(var(--aa-signup-accent-rgb), 0.18); border-radius: 999px; background: var(--aa-signup-accent-soft); color: var(--aa-signup-accent-dark); font-size: 12px; font-weight: 800; line-height: 1.25; padding: 6px 10px; } .aa-signup-selected-products li.aa-signup-selected-package-item { align-items: flex-start; border-color: rgba(47, 158, 68, 0.26); border-radius: 10px; background: #dcfce7; color: #14532d; } .aa-signup-selected-products li.aa-signup-selected-package-item > span { display: grid; gap: 3px; min-width: 0; } .aa-signup-selected-products small { color: #64748b; font-weight: 700; } .aa-signup-selected-package-item small { color: #166534; } .aa-signup-selected-package-picker { display: grid; gap: 7px; margin-top: 2px; } .aa-signup-selected-package-options { display: grid; gap: 6px; } .aa-signup-selected-package-option { appearance: none; display: grid; gap: 3px; width: 100%; min-height: 44px; border: 1px solid rgba(var(--aa-signup-accent-rgb), 0.22); border-radius: 8px; background: #ffffff; color: #0f172a; cursor: pointer; font: inherit; padding: 8px 10px; text-align: left; } .aa-signup-selected-package-option .aa-global-click-motion-core { color: #0f172a; font-size: 12px; font-weight: 850; line-height: 1.25; } .aa-signup-selected-package-option small { color: #64748b; font-size: 11px; font-weight: 650; line-height: 1.35; } .aa-signup-selected-package-option:hover, .aa-signup-selected-package-option:focus-visible { border-color: rgba(var(--aa-signup-accent-rgb), 0.42); background: var(--aa-signup-accent-soft); outline: none; } .aa-signup-selected-package-option.is-selected { border-color: rgba(47, 158, 68, 0.36); background: #dcfce7; color: #14532d; } .aa-signup-selected-package-option.is-selected .aa-global-click-motion-core, .aa-signup-selected-package-option.is-selected small { color: #166534; } .aa-signup-remove-product { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 22px; height: 22px; border: 1px solid rgba(15, 23, 42, 0.16); border-radius: 999px; background: #ffffff; color: #0f172a; cursor: pointer; font-size: 16px; font-weight: 900; line-height: 1; } .aa-signup-selected-products p { border: 1px dashed #cbd5e1; border-radius: 10px; background: #f8fafc; color: #475569; font-size: 12px; line-height: 1.45; margin: 0; padding: 10px 11px; } .aa-signup-selected-total { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 2px; border-top: 1px solid rgba(15, 23, 42, 0.08); padding-top: 12px; } .aa-signup-selected-total[hidden] { display: none; } .aa-signup-selected-total span { color: #64748b; font-size: 12px; font-weight: 800; line-height: 1.25; } .aa-signup-selected-total strong { color: #0f172a; font-size: 16px; font-weight: 900; line-height: 1.15; text-align: right; } .aa-main-account-card label { display: grid; gap: 6px; margin: 0 0 12px; color: #243048; font-weight: 700; } .aa-signup-modal-summary label { display: grid; gap: 6px; margin: 0; color: #243048; font-weight: 700; } .aa-main-account-card input, .aa-main-account-card textarea, .aa-signup-modal-summary input { width: 100%; min-height: 42px; box-sizing: border-box; border: 1px solid #b9c4d3; border-radius: 8px; background: #ffffff; color: #162033; padding: 8px 10px; } .aa-main-account-card textarea { min-height: 92px; resize: vertical; } .aa-signup-contact-method { display: grid; gap: 8px; margin: 0 0 12px; } .aa-signup-contact-method span { color: #243048; font-weight: 700; } .aa-signup-choice-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .aa-main-account-card label.aa-signup-choice, .aa-signup-modal-summary label.aa-signup-choice, .aa-main-account-card label.aa-signup-toggle, .aa-signup-modal-summary label.aa-signup-toggle { position: relative; display: flex; align-items: center; gap: 8px; margin: 0; border: 1px solid #cbd5e1; border-radius: 999px; background: #ffffff; color: #243048; cursor: pointer; font-size: 13px; line-height: 1.2; padding: 9px 11px; overflow: hidden; isolation: isolate; transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background-color 160ms ease; } .aa-main-account-card label.aa-signup-choice::after, .aa-signup-modal-summary label.aa-signup-choice::after, .aa-signup-billing-options label::after { content: ""; position: absolute; inset: -2px; z-index: 0; border-radius: inherit; background: linear-gradient(115deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.85) 48%, rgba(255,255,255,0) 68%); opacity: 0; transform: translateX(-150%) skewX(-18deg); pointer-events: none; } .aa-signup-billing-options label::after { z-index: 2; } .aa-main-account-card label.aa-signup-choice > *, .aa-signup-modal-summary label.aa-signup-choice > * { position: relative; z-index: 1; } .aa-main-account-card label.aa-signup-choice.is-click-shine::after, .aa-signup-modal-summary label.aa-signup-choice.is-click-shine::after, .aa-signup-billing-options label.is-click-shine::after, .aa-signup-legal-check.is-click-shine::after { animation: aaSignupButtonShine 700ms ease-out 1; } .aa-main-account-card label.aa-signup-toggle, .aa-signup-modal-summary label.aa-signup-toggle { margin: 4px 0 14px; } .aa-signup-intent-row .aa-signup-choice input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; } .aa-signup-choice-check { display: inline-flex; width: 20px; height: 20px; flex: 0 0 20px; align-items: center; justify-content: center; border: 2px solid #cbd5e1; border-radius: 999px; background: #ffffff; color: transparent; font-size: 12px; font-weight: 950; line-height: 1; box-shadow: 0 5px 12px rgba(15, 23, 42, 0.12), 0 1px 0 rgba(255, 255, 255, 0.85) inset; transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease; } .aa-signup-choice input:checked + .aa-signup-choice-check { border-color: #2f9e44; background: #2f9e44; color: #ffffff; box-shadow: 0 8px 18px rgba(47, 158, 68, 0.22), 0 1px 0 rgba(255,255,255,.9) inset; animation: aaSignupCheckPop 240ms cubic-bezier(.16,.96,.25,1); } .aa-signup-choice:has(input:checked) { border-color: rgba(47, 158, 68, 0.38); box-shadow: 0 10px 24px rgba(47, 158, 68, 0.10); } .aa-signup-toggle input { width: 16px; flex: 0 0 16px; min-height: 16px; height: 16px; padding: 0; } .aa-signup-choice input:checked ~ span:not(.aa-signup-choice-check) { color: var(--aa-signup-accent-dark); font-weight: 950; } .aa-signup-contact-method .aa-signup-choice { justify-content: flex-start; min-width: 0; } .aa-signup-contact-method .aa-signup-choice input[type="radio"] { appearance: auto; position: static; width: 16px; min-width: 16px; min-height: 16px; height: 16px; flex: 0 0 16px; border: 0; border-radius: 999px; background: transparent; accent-color: #2f9e44; margin: 0; padding: 0; } .aa-signup-contact-method .aa-signup-choice span { min-width: 0; white-space: nowrap; } .aa-signup-choice-copy { display: grid; gap: 3px; min-width: 0; } .aa-signup-choice-copy small { color: #64748b; font-size: 11px; font-weight: 800; line-height: 1.25; } .aa-signup-choice-copy small strong { color: var(--aa-signup-accent-dark); font-weight: 950; } .aa-signup-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } .aa-signup-modal-summary { display: grid; gap: 12px; margin-top: 16px; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 18px; background: rgba(255, 255, 255, 0.82); padding: 14px; } .aa-signup-modal-legal { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 12px; margin-top: 14px; } .aa-signup-savings-impact { display: grid; gap: 14px; margin-top: 14px; border: 1px solid rgba(34, 197, 94, 0.22); border-radius: 18px; background: linear-gradient(180deg, rgba(240, 253, 244, 0.92), rgba(255, 255, 255, 0.9)); padding: 16px; } .aa-signup-savings-impact .aa-savings-impact-head { display: grid; gap: 4px; } .aa-signup-savings-impact .aa-savings-total-label { color: #047857; font-size: 11px; font-weight: 950; letter-spacing: 0; line-height: 1; text-transform: uppercase; } .aa-signup-savings-impact .aa-savings-impact-head strong { color: #0f172a; font-size: 17px; font-weight: 950; line-height: 1.2; } .aa-signup-savings-impact .aa-savings-impact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .aa-signup-savings-impact .aa-savings-impact-card { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; min-width: 0; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; background: rgba(255, 255, 255, 0.86); padding: 12px; } .aa-signup-savings-impact .aa-savings-impact-check { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 999px; background: #16a34a; color: #ffffff; font-size: 13px; font-weight: 950; line-height: 1; } .aa-signup-savings-impact .aa-savings-impact-card strong, .aa-signup-savings-impact .aa-savings-cert-badge strong { color: #132033; font-size: 13px; font-weight: 950; line-height: 1.2; } .aa-signup-savings-impact .aa-savings-impact-card p, .aa-signup-savings-impact .aa-savings-impact-note, .aa-signup-savings-impact .aa-savings-impact-pitch { margin: 0; color: #526074; font-size: 12px; font-weight: 750; line-height: 1.45; } .aa-signup-savings-impact .aa-savings-cert-row { display: grid; grid-template-columns: max-content max-content minmax(0, 1fr); align-items: center; gap: 10px; } .aa-signup-savings-impact .aa-savings-cert-badge { display: inline-grid; gap: 1px; place-items: center; min-height: 38px; border: 1px solid rgba(4, 120, 87, 0.28); border-radius: 10px; background: #ffffff; color: #047857; padding: 6px 10px; font-size: 11px; font-weight: 950; line-height: 1; white-space: nowrap; } .aa-signup-savings-impact .aa-savings-cert-badge span { color: #047857; font-size: 10px; font-weight: 950; line-height: 1; } .aa-signup-savings-impact .aa-savings-impact-pitch { justify-self: center; width: min(100%, 720px); margin-inline: auto; text-align: center; } .aa-signup-savings-impact .aa-savings-impact-action { justify-self: center; min-height: 38px; padding-inline: 14px; } .aa-signup-legal-box { position: relative; display: grid; grid-template-rows: auto 1fr auto; align-content: start; gap: 10px; height: 100%; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 18px; background: rgba(255, 255, 255, 0.82); padding: 14px; } .aa-signup-legal-box .aa-signup-info-button { justify-self: end; margin-top: auto; } .aa-signup-legal-box-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .aa-signup-legal-box-head strong, .aa-signup-legal-summary strong { color: #162033; font-size: 14px; font-weight: 950; line-height: 1.2; } .aa-signup-legal-box-copy, .aa-signup-legal-summary p { margin: 0; color: #526074; font-size: 12px; font-weight: 700; line-height: 1.4; } .aa-signup-legal-panel { position: relative; z-index: 4; display: grid; gap: 10px; border: 1px solid #d6e3f5; border-radius: 10px; background: #ffffff; color: #334155; font-size: 13px; line-height: 1.5; padding: 12px; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06); animation: aaSignupPanelIn 180ms ease-out; } .aa-signup-legal-panel[hidden], .aa-signup-legal-panel .aa-signup-privacy-details[hidden], .aa-signup-legal-panel.is-details-open .aa-signup-legal-summary { display: none !important; } .aa-signup-legal-summary, .aa-signup-legal-summary-actions { display: grid; gap: 8px; } .aa-signup-legal-box-actions { display: flex; justify-content: flex-end; align-items: center; margin-top: auto; } .aa-signup-legal-box-actions .aa-signup-info-link { min-height: 34px; } .aa-signup-legal-box > .aa-signup-legal-summary-actions { display: flex; justify-content: flex-end; align-items: center; margin-top: auto; } .aa-signup-actions .aa-signup-legal-accept { position: relative; justify-self: auto; flex: 1 1 auto; display: inline-flex !important; flex-direction: row !important; gap: 10px !important; width: auto; max-width: 100%; align-items: center !important; margin: 0 !important; color: #243048; font-size: 13px; font-weight: 900; line-height: 1.25; white-space: normal; overflow: visible; } .aa-signup-actions .aa-signup-legal-accept input { position: absolute; opacity: 0; pointer-events: none; } .aa-signup-legal-check { position: relative; display: inline-flex; width: 42px; height: 42px; flex: 0 0 42px; border: 2px solid #cbd5e1; border-radius: 999px; align-items: center; justify-content: center; background: #ffffff; color: transparent; font-size: 18px; font-weight: 900; line-height: 1; overflow: hidden; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14), 0 1px 0 rgba(255, 255, 255, 0.85) inset; transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease; } .aa-signup-legal-check::after { content: ""; position: absolute; inset: -2px; z-index: 1; border-radius: inherit; background: linear-gradient(115deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.85) 48%, rgba(255,255,255,0) 68%); opacity: 0; transform: translateX(-150%) skewX(-18deg); pointer-events: none; } .aa-signup-legal-accept:hover .aa-signup-legal-check, .aa-signup-legal-accept:focus-within .aa-signup-legal-check { border-color: #10b981; background: #dcfce7; color: transparent; box-shadow: 0 4px 9px rgba(34,197,94,.26), 0 1px 0 rgba(255,255,255,.9) inset; transform: translateY(-1px) scale(1.04); } .aa-signup-actions .aa-signup-legal-accept input:checked + .aa-signup-legal-check { border-color: #2f9e44; background: #2f9e44; color: #ffffff; box-shadow: 0 8px 18px rgba(47, 158, 68, 0.22), 0 1px 0 rgba(255,255,255,.9) inset; animation: aaSignupCheckPop 240ms cubic-bezier(.16,.96,.25,1); } .aa-signup-legal-accept:active .aa-signup-legal-check { transform: translateY(1px) scale(.96); } .aa-signup-legal-accept-text { min-width: 0; } .aa-signup-service-terms-surface .aa-signup-privacy-details-body { display: grid; gap: 12px; min-height: 0; max-height: none; overflow: auto; } .aa-signup-service-terms-overlay-shell .aa-privacy-overlay-panel { height: calc(100vh - 24px); height: calc(100svh - 24px); max-height: calc(100vh - 24px); max-height: calc(100svh - 24px); } .aa-signup-service-terms-overlay-shell .aa-privacy-overlay-body { display: flex; flex: 1 1 auto; min-height: 0; overflow: hidden; } .aa-signup-service-terms-overlay-shell .aa-privacy-policy-surface { display: flex; flex: 1 1 auto; min-height: 0; width: 100%; } .aa-main-account-modal .aa-privacy-overlay-shell { z-index: 2147483200; } .aa-signup-service-terms-surface .aa-signup-privacy-details-body { border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 8px; background: #ffffff; padding: 14px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78); } .aa-signup-lead-context { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 18px; background: rgba(255, 255, 255, 0.82); padding: 14px; } .aa-signup-lead-context label { display: grid; gap: 6px; margin: 0; color: #243048; font-weight: 700; } .aa-signup-lead-context select { width: 100%; min-height: 42px; box-sizing: border-box; border: 1px solid #b9c4d3; border-radius: 8px; background: #ffffff; color: #162033; padding: 8px 10px; } .aa-signup-intent-block { display: grid; gap: 8px; } .aa-signup-intent-label { color: #243048; font-size: 13px; font-weight: 900; } .aa-signup-demo-note { margin: 0; border: 1px solid rgba(22, 163, 74, 0.20); border-radius: 10px; background: #f0fdf4; color: #166534; font-size: 12px; font-weight: 800; line-height: 1.4; padding: 9px 10px; } .aa-signup-demo-note[hidden], .aa-signup-demo-schedule[hidden], .aa-signup-pricing-row[hidden] { display: none !important; } .aa-signup-demo-schedule { display: grid; gap: 8px; border: 1px solid rgba(var(--aa-signup-accent-rgb), 0.14); border-radius: 10px; background: #f8fbff; padding: 10px; } .aa-signup-demo-schedule > span { color: #243048; font-size: 13px; font-weight: 900; } .aa-signup-demo-schedule-fields { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 8px; } .aa-signup-demo-schedule-fields label { min-width: 0; } .aa-signup-demo-schedule small { color: #64748b; font-size: 12px; font-weight: 700; line-height: 1.35; } .aa-signup-pricing-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); gap: 16px; align-items: stretch; } .aa-signup-pricing-box { display: grid; align-content: start; gap: 12px; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 16px; background: #ffffff; padding: 14px; } .aa-signup-usage-box { grid-column: 1 / -1; } .aa-signup-usage-head { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 8px 14px; align-items: center; } .aa-signup-usage-head-copy { display: grid; gap: 4px; min-width: 0; } .aa-signup-usage-head strong { color: #0f172a; font-size: 15px; font-weight: 900; line-height: 1.2; } .aa-signup-usage-head p { margin: 0; color: #64748b; font-size: 12px; font-weight: 700; line-height: 1.35; } .aa-signup-usage-toggle, .aa-signup-usage-close { min-height: 34px; padding-inline: 12px; white-space: nowrap; } .aa-signup-usage-box.is-open .aa-signup-usage-toggle { display: none; } .aa-signup-usage-toggle[aria-expanded="true"] { border-color: #15803d; background: linear-gradient(180deg, #22c55e, #16a34a); color: #ffffff; box-shadow: 0 10px 20px rgba(22, 163, 74, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22); transform: translateY(0) scale(1); } .aa-signup-usage-body { display: grid; gap: 12px; } .aa-signup-usage-body[hidden] { display: none; } .aa-signup-usage-sections { display: grid; gap: 14px; } .aa-signup-usage-section-group { display: grid; gap: 10px; border-top: 1px solid rgba(15, 23, 42, 0.08); padding-top: 14px; } .aa-signup-usage-section-group:first-child { border-top: 0; padding-top: 0; } .aa-signup-usage-section-head { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 8px 12px; align-items: start; } .aa-signup-usage-section-copy { display: grid; gap: 4px; min-width: 0; } .aa-signup-usage-section-copy strong { color: #152238; font-size: 13px; font-weight: 900; line-height: 1.2; } .aa-signup-usage-section-copy p { margin: 0; color: #64748b; font-size: 12px; font-weight: 650; line-height: 1.35; } .aa-signup-usage-section-state { align-self: start; border: 1px solid rgba(15, 23, 42, 0.10); border-radius: 999px; background: #f8fafc; color: #475569; padding: 5px 9px; font-size: 11px; font-weight: 900; line-height: 1; white-space: nowrap; } .aa-signup-usage-section-toggle { min-height: 30px; padding-inline: 10px; white-space: nowrap; } .aa-signup-usage-section-body[hidden] { display: none; } .aa-signup-usage-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .aa-signup-usage-section-group[data-aa-usage-section="people_publishing"] .aa-signup-usage-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .aa-signup-usage-field { display: grid; gap: 5px; margin: 0; min-width: 0; align-content: start; grid-auto-rows: max-content; } .aa-signup-usage-field.is-estimate-partner-field { grid-column: span 2; } .aa-signup-usage-field.is-storage-field { grid-column: span 3; grid-template-columns: minmax(0, 180px) minmax(220px, 1fr); column-gap: 12px; align-items: start; } .aa-signup-usage-field.is-storage-field .aa-signup-usage-label-row, .aa-signup-usage-field.is-storage-field input[data-aa-usage-storage-field], .aa-signup-usage-field.is-storage-field > small:not(.aa-signup-storage-own-note) { grid-column: 1; } .aa-signup-usage-field.is-storage-field .aa-signup-storage-own-toggle { grid-column: 2; grid-row: 1; align-self: start; width: 100%; max-width: 360px; margin: 2px 0 0; } .aa-signup-usage-field.is-storage-field .aa-signup-storage-own-note { grid-column: 2; grid-row: 2 / span 2; max-width: 360px; } .aa-signup-usage-field.is-loss-share-field { grid-column: 1 / -1; grid-template-columns: minmax(0, 180px) minmax(260px, 1fr); column-gap: 12px; align-items: start; } .aa-signup-usage-field.is-loss-share-field .aa-signup-usage-label-row, .aa-signup-usage-field.is-loss-share-field input[data-aa-usage-field], .aa-signup-usage-field.is-loss-share-field > small:not(.aa-signup-usage-field-note) { grid-column: 1; } .aa-signup-usage-field.is-loss-share-field .aa-signup-usage-field-note { grid-column: 2; grid-row: 2 / span 2; align-self: start; max-width: 420px; } .aa-signup-usage-label-row { display: grid; grid-template-columns: minmax(0, 1fr) 18px; align-items: start; gap: 4px; min-width: 0; } .aa-signup-usage-label-row > label { min-width: 0; color: #243048; font-size: 12px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; hyphens: auto; } .aa-signup-usage-info-button { appearance: none !important; display: inline-grid !important; place-items: center !important; flex: 0 0 18px; box-sizing: border-box !important; inline-size: 18px !important; block-size: 18px !important; width: 18px !important; height: 18px !important; min-inline-size: 18px !important; min-block-size: 18px !important; min-width: 18px !important; min-height: 18px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: var(--aa-signup-accent-dark); line-height: 1 !important; box-shadow: none !important; overflow: visible !important; } .aa-signup-usage-info-button .aa-signup-info-icon { width: 15px; height: 15px; border-color: rgba(var(--aa-signup-accent-rgb), .28); background: #f8fafc; font-size: 9px; line-height: 1; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9); } .aa-signup-usage-info-button:hover, .aa-signup-usage-info-button:focus-visible, .aa-signup-usage-info-button[aria-expanded="true"] { border-color: rgba(var(--aa-signup-accent-rgb), .48); background: transparent !important; color: var(--aa-signup-accent-dark); box-shadow: none !important; filter: none !important; } .aa-signup-usage-info-button:hover .aa-signup-info-icon, .aa-signup-usage-info-button:focus-visible .aa-signup-info-icon, .aa-signup-usage-info-button[aria-expanded="true"] .aa-signup-info-icon { border-color: rgba(var(--aa-signup-accent-rgb), .48); background: #ffffff; } .aa-signup-usage-grid input, .aa-signup-usage-grid select { width: 100%; min-height: 38px; box-sizing: border-box; border: 1px solid #b9c4d3; border-radius: 8px; background: #ffffff; color: #162033; padding: 7px 9px; } .aa-signup-usage-grid select { appearance: auto; } .aa-signup-usage-grid input[readonly] { background: #f8fafc; color: #334155; } .aa-signup-usage-grid small { color: #64748b; font-size: 11px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; } .aa-signup-usage-field-note { display: block; border-left: 2px solid rgba(var(--aa-signup-accent-rgb), .32); padding-left: 8px; color: #334155; font-weight: 750; } .aa-signup-storage-own-toggle { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; align-items: start; margin: 2px 0 0; color: #243048; font-size: 11px; font-weight: 800; line-height: 1.35; cursor: pointer; } .aa-signup-storage-own-toggle input { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; overflow: hidden !important; white-space: nowrap !important; } .aa-signup-storage-own-check { display: inline-grid; place-items: center; width: 16px; height: 16px; margin-top: 1px; border: 1px solid rgba(var(--aa-signup-accent-rgb), .42); border-radius: 5px; background: #ffffff; color: transparent; font-size: 11px; line-height: 1; box-shadow: inset 0 1px 0 rgba(255,255,255,.9); } .aa-signup-storage-own-toggle input:checked + .aa-signup-storage-own-check { background: var(--aa-signup-accent); color: #ffffff; border-color: var(--aa-signup-accent); } .aa-signup-storage-own-toggle input:focus-visible + .aa-signup-storage-own-check { outline: 2px solid rgba(var(--aa-signup-accent-rgb), .32); outline-offset: 2px; } .aa-signup-storage-own-note[hidden] { display: none !important; } .aa-signup-usage-field.is-own-storage-enabled input[data-aa-usage-storage-field] { border-color: rgba(var(--aa-signup-accent-rgb), .30); background: var(--aa-signup-accent-soft); color: var(--aa-signup-accent-dark); } .aa-signup-usage-grid input[type="number"] { appearance: textfield; -moz-appearance: textfield; } .aa-signup-usage-grid input[type="number"]::-webkit-outer-spin-button, .aa-signup-usage-grid input[type="number"]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .aa-signup-usage-actions { display: flex; justify-content: flex-end; } .aa-signup-usage-close.aa-main-account-cta-btn { min-height: 42px; padding-inline: 18px; } .aa-signup-usage-info-overlay-shell .aa-privacy-overlay-panel { height: auto; max-height: calc(100vh - 24px); max-height: calc(100svh - 24px); background: radial-gradient(circle at top left, rgba(var(--aa-signup-accent-rgb), .055), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); } .aa-signup-usage-info-overlay-shell .aa-privacy-overlay-body { overflow: auto; } .aa-signup-usage-info-surface { display: block; width: 100%; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 8px; background: #ffffff; padding: 16px; } .aa-signup-usage-info-panel { display: grid; gap: 12px; } .aa-signup-usage-info-panel[hidden] { display: none; } .aa-signup-usage-info-panel h3 { margin: 0; color: #0f172a; font-size: 20px; line-height: 1.2; letter-spacing: 0; } .aa-signup-usage-info-section { display: grid; gap: 5px; border-top: 1px solid rgba(15, 23, 42, 0.08); padding-top: 10px; } .aa-signup-usage-info-section:first-of-type { border-top: 0; padding-top: 0; } .aa-signup-usage-info-section strong { color: #243048; font-size: 12px; font-weight: 900; letter-spacing: .01em; text-transform: uppercase; } .aa-signup-usage-info-section p { margin: 0; color: #475569; font-size: 14px; font-weight: 650; line-height: 1.45; } .aa-signup-usage-case-map { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 2px; border-top: 1px solid rgba(15, 23, 42, 0.08); padding-top: 12px; } .aa-signup-usage-case-node { display: grid; place-items: center; min-height: 52px; border: 1px solid rgba(var(--aa-signup-accent-rgb), .18); border-radius: 8px; background: #f8fafc; color: #334155; text-align: center; font-size: 12px; font-weight: 850; line-height: 1.25; padding: 7px; } .aa-signup-usage-case-center { grid-column: 2; grid-row: 1 / span 2; min-height: 112px; border-color: rgba(var(--aa-signup-accent-rgb), .45); background: linear-gradient(180deg, rgba(var(--aa-signup-accent-rgb), .12), #ffffff); color: var(--aa-signup-accent-dark); } .aa-signup-usage-case-center strong, .aa-signup-usage-case-center span { display: block; } @media (max-width: 799px) { .aa-signup-usage-head { grid-template-columns: 1fr; } .aa-signup-usage-toggle { justify-self: start; } .aa-signup-usage-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .aa-signup-usage-field.is-storage-field { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(220px, .9fr); } .aa-signup-usage-field.is-loss-share-field { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(220px, .9fr); } .aa-signup-usage-case-map { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aa-signup-usage-case-center { grid-column: 1 / -1; grid-row: auto; min-height: 68px; } } @media (max-width: 680px) { .aa-signup-usage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aa-signup-usage-section-group[data-aa-usage-section="people_publishing"] .aa-signup-usage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aa-signup-usage-field.is-storage-field { grid-template-columns: 1fr; } .aa-signup-usage-field.is-loss-share-field { grid-template-columns: 1fr; } .aa-signup-usage-field.is-storage-field .aa-signup-usage-label-row, .aa-signup-usage-field.is-storage-field input[data-aa-usage-storage-field], .aa-signup-usage-field.is-storage-field > small:not(.aa-signup-storage-own-note), .aa-signup-usage-field.is-storage-field .aa-signup-storage-own-toggle, .aa-signup-usage-field.is-storage-field .aa-signup-storage-own-note { grid-column: 1; grid-row: auto; max-width: none; } .aa-signup-usage-field.is-loss-share-field .aa-signup-usage-label-row, .aa-signup-usage-field.is-loss-share-field input[data-aa-usage-field], .aa-signup-usage-field.is-loss-share-field > small, .aa-signup-usage-field.is-loss-share-field .aa-signup-usage-field-note { grid-column: 1; grid-row: auto; max-width: none; } .aa-signup-usage-field.is-storage-field .aa-signup-storage-own-toggle { margin-top: 4px; } } @media (max-width: 520px) { .aa-signup-usage-grid { grid-template-columns: 1fr; } .aa-signup-usage-section-group[data-aa-usage-section="people_publishing"] .aa-signup-usage-grid { grid-template-columns: 1fr; } .aa-signup-usage-section-head { grid-template-columns: 1fr; } } .aa-signup-total-box { display: grid; gap: 4px; text-align: left; } .aa-signup-total-box span, .aa-signup-total-box small { color: #64748b; font-size: 12px; font-weight: 700; line-height: 1.3; } .aa-signup-total-box strong { color: #0f172a; font-size: 22px; font-weight: 900; line-height: 1.1; } .aa-signup-billing-term { display: grid; gap: 7px; } .aa-signup-billing-term > span, .aa-signup-period-note span { color: #243048; font-weight: 700; } .aa-signup-billing-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .aa-signup-billing-options label { display: block; margin: 0; position: relative; overflow: hidden; border-radius: 999px; } .aa-signup-billing-options input { position: absolute; opacity: 0; pointer-events: none; } .aa-signup-billing-options label span { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 0; min-height: 40px; border: 1px solid #cbd5e1; border-radius: 999px; background: #f8fafc; color: #243048; cursor: pointer; font-size: 13px; font-weight: 900; line-height: 1.15; padding: 8px 10px; text-align: center; transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background-color 160ms ease; } .aa-signup-billing-options label span::before { content: "\2713"; display: inline-flex; align-items: center; justify-content: center; width: 0; height: 16px; flex: 0 0 0; margin-right: 0; overflow: hidden; border-radius: 999px; background: #2f9e44; color: #ffffff; font-size: 11px; font-weight: 950; line-height: 1; opacity: 0; transform: scale(.68); transition: opacity 160ms ease, transform 160ms ease, width 160ms ease, flex-basis 160ms ease, margin-right 160ms ease; } .aa-signup-billing-options input:checked + span { border-color: #2f9e44; background: #dcfce7; color: #14532d; box-shadow: 0 10px 24px rgba(47, 158, 68, 0.18); } .aa-signup-billing-options input:checked + span::before { width: 16px; flex-basis: 16px; margin-right: 6px; opacity: 1; transform: scale(1); } .aa-signup-period-note { display: grid; gap: 4px; border: 1px solid rgba(var(--aa-signup-accent-rgb), 0.14); border-radius: 10px; background: #f8fbff; color: #526074; font-size: 12px; line-height: 1.35; padding: 9px 10px; } .aa-signup-period-note strong { color: #0f172a; font-size: 13px; line-height: 1.25; } .aa-signup-period-note small { color: #64748b; font-size: 12px; line-height: 1.35; } .aa-signup-period-note .aa-signup-period-range { color: var(--aa-signup-accent-dark); font-weight: 800; } .aa-signup-period-note .aa-signup-period-range strong { display: inline; color: var(--aa-signup-accent-dark); font-size: inherit; line-height: inherit; } .aa-signup-privacy-block { display: grid; gap: 8px; border-top: 1px solid rgba(15, 23, 42, 0.08); padding-top: 12px; } .aa-signup-privacy-row, .aa-signup-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: nowrap; margin-top: 14px; } .aa-signup-privacy-row { align-items: flex-start; } .aa-signup-privacy-row label.aa-signup-toggle { margin: 0; } .aa-signup-privacy-actions-inline { display: flex; justify-content: flex-end; gap: 8px; margin-left: auto; flex-wrap: wrap; } .aa-signup-privacy-button.aa-signup-info-link, .aa-signup-privacy-back.aa-signup-info-link { min-height: 30px; border-radius: 8px; padding: 0 10px; font-size: 12px; } .aa-signup-privacy-back.aa-signup-info-link[data-aa-privacy-close][hidden], .aa-signup-privacy-back.aa-signup-info-link[data-aa-service-terms-close][hidden] { display: none !important; } .aa-signup-privacy-panel { border: 1px solid #d6e3f5; border-radius: 10px; background: #ffffff; color: #334155; font-size: 13px; line-height: 1.5; padding: 14px; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06); animation: aaSignupPanelIn 180ms ease-out; } .aa-signup-privacy-panel[hidden] { display: none !important; } .aa-signup-privacy-summary, .aa-signup-privacy-details { display: grid; gap: 8px; } .aa-signup-privacy-summary-actions { display: flex; justify-content: flex-start; gap: 8px; flex-wrap: wrap; } .aa-signup-privacy-panel.is-details-open .aa-signup-privacy-summary, .aa-signup-privacy-details[hidden] { display: none !important; } .aa-signup-privacy-summary p, .aa-signup-privacy-details-body p { margin: 0; } .aa-signup-privacy-details-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .aa-signup-privacy-details-head > strong { color: #162033; font-size: 14px; } .aa-signup-privacy-details-body { display: grid; gap: 10px; max-height: min(360px, calc(var(--aa-main-account-vh, 100vh) - 260px)); overflow: auto; padding-right: 4px; } .aa-signup-privacy-details-body [data-translate="privacy_policy"] > div { color: #162033 !important; border-color: rgba(22, 32, 51, 0.12) !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.7) !important; } .aa-signup-privacy-details-body [data-translate="privacy_policy"] h4 { margin: 10px 0 6px; color: #162033; font-size: 13px; line-height: 1.25; } .aa-signup-privacy-details-body [data-translate="privacy_policy"] ul { margin-top: 0 !important; margin-bottom: 8px !important; padding-left: 0; } .aa-signup-privacy-details-body [data-translate="privacy_policy"] li { margin: 4px 0; color: #31405a; font-size: 12px; line-height: 1.35; } .aa-signup-privacy-details-body [data-translate="privacy_policy"] a { color: #075fba; font-weight: 750; } .aa-signup-privacy-detail-section { display: grid; gap: 5px; } .aa-signup-privacy-detail-section h4 { margin: 0; color: #162033; font-size: 13px; line-height: 1.35; } .aa-signup-privacy-detail-section ul { margin: 0; padding-left: 18px; } .aa-signup-privacy-detail-section li { margin: 0 0 4px; } .aa-main-account-cta-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 42px; border: 0; border-radius: 999px; background: #0f172a; color: #ffffff; cursor: pointer; font-size: 14px; font-weight: 900; padding: 0 18px; text-decoration: none; } .aa-signup-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; border-radius: 6px; padding: 0 16px; background: #1f6feb; color: #ffffff; font-weight: 700; text-decoration: none; border: 0; cursor: pointer; } .aa-signup-button[disabled] { cursor: wait; opacity: 0.72; } .aa-signup-button { min-height: 36px; padding: 0 12px; font-size: 13px; white-space: nowrap; } .aa-signup-hero .aa-signup-usage, .aa-signup-products > .aa-signup-hero-contact .aa-signup-usage { margin: 36px 0 0; border: 1px solid #f1c7c7; border-radius: 8px; background: #fff4f4; color: #744141; font-size: 12px; line-height: 1.45; padding: 10px 12px; } .aa-signup-hero .aa-signup-customization-note, .aa-signup-products > .aa-signup-hero-contact .aa-signup-customization-note { position: relative; margin: 18px 0 -22px; border: 1px solid #d3d9e3; border-radius: 8px; background: #f3f5f8; color: #3f4a5f; font-size: 12px; line-height: 1.45; padding: 10px 12px 10px 38px; } .aa-signup-customization-note .aa-signup-info-icon { position: absolute; top: 10px; left: 12px; width: 18px; height: 18px; border-color: #9aa6b8; background: #ffffff; color: #526074; font-size: 12px; } .aa-signup-view-switch { display: inline-grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin: 0 0 14px; border: 1px solid #d9e4f2; border-radius: 999px; background: #ffffff; padding: 5px; } .aa-signup-view-switch button { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; border: 0; border-radius: 999px; background: transparent; color: #334155; cursor: pointer; font-size: 13px; font-weight: 900; line-height: 1.15; padding: 0 16px; transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease; } .aa-signup-view-switch button.is-active { background: var(--aa-signup-accent); color: #ffffff; box-shadow: 0 8px 18px rgba(var(--aa-signup-accent-rgb), 0.18); } .aa-signup-package-view { display: grid; gap: 14px; } .aa-signup-package-view[hidden], .aa-signup-board[hidden] { display: none !important; } .aa-signup-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: stretch; } .aa-signup-package-card, .aa-signup-addon-card { position: relative; display: grid; min-width: 0; gap: 12px; border: 1px solid #d9e0ea; border-radius: 8px; background: #ffffff; color: #162033; cursor: pointer; overflow: hidden; padding: 18px; transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; } .aa-signup-package-card { align-content: start; grid-template-rows: auto auto minmax(0, 1fr) auto; height: 100%; min-height: 320px; } .aa-signup-addon-card { align-content: stretch; grid-template-rows: auto auto minmax(0, 1fr) auto; padding: 18px 18px 14px; } .aa-signup-addon-card.is-open { border-color: #b6c7df; box-shadow: 0 14px 30px rgba(22, 32, 51, 0.09); } .aa-signup-package-card::after, .aa-signup-addon-card::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; background: linear-gradient(115deg, rgba(255,255,255,0) 24%, rgba(255,255,255,.86) 47%, rgba(255,255,255,0) 70%); opacity: 0; transform: translateX(-150%) skewX(-18deg); pointer-events: none; } .aa-signup-package-card.is-click-shine::after, .aa-signup-addon-card.is-click-shine::after { animation: aaSignupCardShine 620ms ease-out 1; } .aa-signup-package-card:hover, .aa-signup-package-card:focus, .aa-signup-addon-card:hover, .aa-signup-addon-card:focus { border-color: #b6c7df; box-shadow: 0 14px 30px rgba(22, 32, 51, 0.09); outline: none; transform: translateY(-1px); } .aa-signup-package-card.is-selected, .aa-signup-addon-card.is-selected { border-color: #2f9e44; box-shadow: 0 16px 36px rgba(47, 158, 68, 0.13); } .aa-signup-package-card.is-selected .aa-signup-card-check, .aa-signup-addon-card.is-selected .aa-signup-card-check { border-color: #2f9e44; background: #2f9e44; color: #ffffff; box-shadow: 0 8px 18px rgba(47, 158, 68, 0.22), 0 1px 0 rgba(255,255,255,.9) inset; } .aa-signup-package-card h2, .aa-signup-addon-card h3 { margin: 0; padding-right: 30px; color: #0f172a; font-size: 22px; line-height: 1.15; letter-spacing: 0; } .aa-signup-addon-card h3 { font-size: 17px; } .aa-signup-package-card p, .aa-signup-addon-card p { margin: 0; color: #526074; font-size: 13px; line-height: 1.45; } .aa-signup-package-modules { align-content: start; display: flex; gap: 6px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .aa-signup-package-chip { appearance: none; border: 1px solid rgba(var(--aa-signup-accent-rgb), 0.14); border-radius: 999px; background: #f8fbff; color: var(--aa-signup-accent-dark); cursor: pointer; font-size: 11px; font-weight: 850; line-height: 1.15; padding: 5px 8px; transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease; } .aa-signup-package-chip:hover, .aa-signup-package-chip:focus-visible { border-color: rgba(var(--aa-signup-accent-rgb), 0.32); background: var(--aa-signup-accent-soft); color: var(--aa-signup-accent-dark); outline: none; transform: translateY(-1px); } .aa-signup-package-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; } .aa-signup-addon-actions { display: flex; align-items: center; align-self: end; justify-content: flex-start; gap: 10px; margin-top: 0; } .aa-signup-addon-card.is-open > .aa-signup-addon-actions { display: flex; } .aa-signup-package-button { margin-left: auto; } .aa-signup-package-detail { display: grid; gap: 12px; border: 1px solid #d7e6ff; border-radius: 8px; background: #f8fbff; padding: 16px; animation: aaSignupPanelIn 180ms ease-out; } .aa-signup-package-detail.is-mobile-overlay { position: fixed; left: 50%; top: 50%; z-index: 2147483646; display: flex; flex-direction: column; width: calc(100vw - var(--aa-public-content-gutter, 20px)); max-height: calc(100vh - 20px); max-height: calc(100svh - 20px); background: radial-gradient(circle at top left, rgba(var(--aa-signup-accent-rgb), .14), transparent 38%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); box-shadow: 0 24px 70px rgba(22, 32, 51, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.7); overflow: hidden; transform: translate(-50%, -50%); } .aa-signup-package-detail[hidden] { display: none !important; } .aa-signup-package-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .aa-signup-package-detail .aa-signup-product-detail-close, .aa-signup-package-module-detail .aa-signup-product-detail-close, .aa-signup-addon-card .aa-signup-product-detail-close, .aa-signup-addon-detail-stage .aa-signup-product-detail-close { display: inline-grid; flex: 0 0 auto; } .aa-signup-package-detail-head h3 { margin: 0; color: #0f172a; font-size: 20px; line-height: 1.2; letter-spacing: 0; } .aa-signup-package-detail-head p { margin: 4px 0 0; color: #526074; font-size: 13px; line-height: 1.4; } .aa-signup-package-detail-body { display: grid; gap: 12px; min-height: 0; } .aa-signup-package-detail-actions { display: flex; justify-content: flex-end; gap: 10px; } .aa-signup-package-detail.is-mobile-overlay .aa-signup-package-detail-actions { flex: 0 0 auto; justify-content: stretch; padding-top: 2px; } .aa-signup-package-detail.is-mobile-overlay .aa-signup-package-detail-actions .aa-signup-package-button { width: 100%; justify-content: center; margin-left: 0; } .aa-signup-package-detail.is-mobile-overlay .aa-signup-package-detail-body { flex: 1 1 auto; overflow: auto; overscroll-behavior: contain; padding-right: 2px; -webkit-overflow-scrolling: touch; } .aa-signup-package-detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense; align-items: start; gap: 10px; margin: 0; padding: 0; list-style: none; } .aa-signup-package-detail-list > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; align-items: center; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 8px; background: #ffffff; cursor: pointer; padding: 10px; transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; } .aa-signup-package-detail-list > li:hover, .aa-signup-package-detail-list > li:focus-visible { border-color: rgba(var(--aa-signup-accent-rgb), 0.22); box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08); outline: none; transform: translateY(-1px); } .aa-signup-package-detail-list > li.is-open { grid-column: 1 / -1; border-color: rgba(var(--aa-signup-accent-rgb), 0.34); box-shadow: 0 12px 26px rgba(var(--aa-signup-accent-rgb), 0.10); cursor: default; } .aa-signup-package-detail-list > li.is-open > .aa-signup-package-module-copy, .aa-signup-package-detail-list > li.is-open > .aa-signup-package-module-info { display: none; } .aa-signup-package-module-copy { display: grid; gap: 5px; min-width: 0; } .aa-signup-package-module-info { align-self: center; justify-self: end; } .aa-signup-package-module-copy > strong { color: #0f172a; font-size: 13px; line-height: 1.25; } .aa-signup-package-module-toggle { display: inline-grid; place-items: center; justify-content: center; width: 36px; height: 34px; min-height: 34px; padding: 0; color: var(--aa-signup-accent-dark); gap: 0; line-height: 0; } .aa-signup-package-module-toggle svg { position: relative; z-index: 2; display: block; width: 20px; height: 20px; fill: currentColor; transform: translateY(-.5px); } .aa-signup-package-module-copy span { color: #526074; font-size: 12px; line-height: 1.35; } .aa-signup-package-module-detail { grid-column: 1 / -1; display: grid; gap: 10px; border: 1px solid rgba(var(--aa-signup-accent-rgb), 0.18); border-radius: 8px; background: #ffffff; cursor: default; padding: 12px; } .aa-signup-package-module-detail[hidden] { display: none !important; } .aa-signup-package-module-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .aa-signup-package-module-detail-head h4 { margin: 0; color: #0f172a; font-size: 16px; line-height: 1.2; } .aa-signup-package-module-detail .aa-signup-detail-summary { margin: 0; } .aa-signup-package-module-detail .aa-signup-detail-item { margin: 0; } .aa-signup-package-module-detail .aa-signup-info-link, .aa-signup-addon-actions .aa-signup-info-link { justify-self: start; } .aa-signup-card-detail .aa-signup-access-button { justify-self: end; margin-left: auto; } .aa-signup-addon-card .aa-signup-card-detail, .aa-signup-addon-detail-stage .aa-signup-card-detail { grid-column: 1 / -1; cursor: default; } .aa-signup-addon-card .aa-signup-product-detail-head, .aa-signup-addon-detail-stage .aa-signup-product-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .aa-signup-package-addons { display: grid; gap: 10px; border: 1px solid #d9e4f2; border-radius: 8px; background: #f8fbff; padding: 14px; } .aa-signup-package-addons-head { display: grid; gap: 3px; } .aa-signup-package-addons-head strong { color: #0f172a; font-size: 15px; line-height: 1.25; } .aa-signup-package-addons-head p { margin: 0; color: #526074; font-size: 13px; line-height: 1.35; } .aa-signup-addon-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .aa-signup-addon-detail-stage { grid-column: 1 / -1; display: grid; gap: 10px; min-width: 0; } .aa-signup-addon-detail-stage[hidden], .aa-signup-addon-detail-stage .aa-signup-card-detail[hidden] { display: none !important; } .aa-signup-addon-detail-stage .aa-signup-card-detail { margin-top: 0; background: #ffffff; border-color: #d9e0ea; } .aa-signup-workspace { margin-top: 18px; } .aa-signup-board { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); align-items: stretch; gap: 12px; min-width: 0; } .aa-signup-board.has-open { grid-auto-flow: dense; grid-auto-rows: 8px; } .aa-signup-board.has-open .aa-signup-card { grid-row-end: span 10; } .aa-signup-board.has-open .aa-signup-card.is-open { grid-row-end: span 29; } .aa-signup-card { position: relative; align-self: stretch; box-sizing: border-box; min-width: 0; max-width: 100%; display: grid; gap: 12px; height: 178px; min-height: 178px; overflow: hidden; background: #ffffff; border: 1px solid #d9e0ea; border-radius: 8px; padding: 18px; cursor: pointer; transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; } .aa-signup-card::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; background: linear-gradient(115deg, rgba(255,255,255,0) 24%, rgba(255,255,255,.86) 47%, rgba(255,255,255,0) 70%); opacity: 0; transform: translateX(-150%) skewX(-18deg); pointer-events: none; } .aa-signup-card.is-closing-shine::after { animation: aaSignupCardShine 620ms ease-out 1; } .aa-signup-card:hover, .aa-signup-card:focus { border-color: #b6c7df; box-shadow: 0 14px 30px rgba(22, 32, 51, 0.09); outline: none; } [data-aa-hero-panel]:focus, [data-aa-usage-body]:focus, [data-aa-usage-section-body]:focus, [data-aa-product-panel]:focus, [data-aa-package-detail]:focus, [data-aa-package-module-detail]:focus { outline: 3px solid rgba(var(--aa-signup-accent-rgb), .34); outline-offset: 4px; } .aa-signup-board.has-overlap .aa-signup-card.is-layout-overlap { position: relative; z-index: 2; border-color: rgba(148, 163, 184, 0.62); box-shadow: 0 18px 46px rgba(15, 23, 42, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.86); } .aa-signup-board.has-overlap .aa-signup-card.is-layout-front { z-index: 6; transform: translateY(-2px); box-shadow: 0 24px 56px rgba(15, 23, 42, 0.16), 0 0 0 1px rgba(255, 255, 255, 0.68) inset; } .aa-signup-card.is-open { grid-column: span 2; align-content: start; grid-template-rows: minmax(0, 1fr); gap: 0; height: 558px; min-height: 558px; max-height: 558px; overflow: hidden; border-color: #1f6feb; box-shadow: 0 18px 42px rgba(var(--aa-signup-accent-rgb), 0.14); z-index: 8; } .aa-signup-card.is-requested { border-color: #2f9e44; } .aa-signup-card.is-requested .aa-signup-access-button { display: none !important; } .aa-signup-card-check { position: absolute; top: 12px; right: 12px; display: inline-flex; width: 24px; height: 24px; border: 2px solid #cbd5e1; border-radius: 999px; align-items: center; justify-content: center; background: #ffffff; color: transparent; font-size: 14px; font-weight: 900; line-height: 1; cursor: pointer; z-index: 2; overflow: hidden; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14), 0 1px 0 rgba(255, 255, 255, 0.85) inset; transform: translateY(0) scale(1); transform-origin: center; transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease; } .aa-signup-card-check::after, .aa-signup-info-link::after { content: ""; position: absolute; inset: -2px; z-index: 1; border-radius: inherit; background: linear-gradient(115deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.85) 48%, rgba(255,255,255,0) 68%); opacity: 0; transform: translateX(-150%) skewX(-18deg); pointer-events: none; } .aa-signup-card-check:hover, .aa-signup-card-check:focus-visible { border-color: #10b981; background: #dcfce7; color: #047857; box-shadow: 0 4px 9px rgba(34,197,94,.26), 0 1px 0 rgba(255,255,255,.9) inset; transform: translateY(-1px) scale(1.04); } .aa-signup-card-check:hover::after, .aa-signup-card-check:focus-visible::after, .aa-signup-info-link:hover::after, .aa-signup-info-link:focus-visible::after { animation: aaSignupButtonShine 700ms ease-out 1; } .aa-signup-card-check:active, .aa-signup-info-link:active, .aa-signup-info-link.is-pressing { opacity: .76; transform: translateY(2px) scale(.92); box-shadow: 0 2px 5px rgba(34,197,94,.20), 0 1px 0 rgba(255,255,255,.75) inset; } .aa-signup-card-check.is-pulsing { animation: aaSignupCheckPop 240ms cubic-bezier(.16,.96,.25,1); } .aa-signup-card-check { color: #94a3b8; text-shadow: 0 1px 0 rgba(255,255,255,.72); } .aa-signup-card:not(.is-requested) .aa-signup-card-check { border-color: #cbd5e1; background: #ffffff; color: #94a3b8; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14), 0 1px 0 rgba(255, 255, 255, 0.85) inset; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page .aa-signup-card:not(.is-requested) .aa-signup-card-check { border-color: rgba(168, 187, 178, 0.46); background: rgba(226, 232, 240, 0.12); color: rgba(232, 241, 236, 0.76); text-shadow: none; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.08); } .aa-signup-card.is-requested .aa-signup-card-check { border-color: #2f9e44; background: #2f9e44; color: #ffffff; text-shadow: none; box-shadow: 0 8px 18px rgba(47, 158, 68, 0.22), 0 1px 0 rgba(255,255,255,.9) inset; } .aa-signup-card h2 { margin: 0; font-size: 18px; line-height: 1.25; letter-spacing: 0; } .aa-signup-card p { margin: 0; color: #526074; line-height: 1.48; display: -webkit-box; min-height: calc(1.48em * 3); max-height: calc(1.48em * 3); overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .aa-signup-card.is-open p { display: block; min-height: 0; max-height: none; overflow: visible; } .aa-signup-card.is-open > h2, .aa-signup-card.is-open > p { display: none !important; } .aa-signup-info-link { position: relative; align-self: end; display: inline-flex; align-items: center; gap: 7px; width: max-content; min-height: 30px; border: 1px solid rgba(203, 213, 225, 0.82); border-radius: 10px; padding: 0 10px 0 6px; overflow: hidden; background: rgba(255, 255, 255, 0.94); color: #1e293b; font-size: 13px; font-weight: 900; line-height: 1; text-decoration: none; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14), 0 1px 0 rgba(255, 255, 255, 0.85) inset; backdrop-filter: blur(6px); cursor: pointer; transform: translateY(0) scale(1); transform-origin: center; transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease; } .aa-signup-info-link > span:not(.aa-global-click-motion-shine) { position: relative; z-index: 2; } .aa-signup-privacy-back.aa-signup-info-link[data-aa-privacy-close], .aa-signup-privacy-back.aa-signup-info-link[data-aa-service-terms-close] { border-color: #15803d; background: linear-gradient(180deg, #22c55e, #16a34a); color: #ffffff; box-shadow: 0 10px 20px rgba(22, 163, 74, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22); } .aa-signup-info-link:hover, .aa-signup-info-link:focus-visible { border-color: #10b981; background: #dcfce7; color: #047857; box-shadow: 0 4px 9px rgba(34,197,94,.26), 0 1px 0 rgba(255,255,255,.9) inset; outline: none; transform: translateY(-1px) scale(1.04); } .aa-signup-info-link:focus:not(:focus-visible) { border-color: rgba(203, 213, 225, 0.82); background: rgba(255, 255, 255, 0.94); color: #1e293b; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14), 0 1px 0 rgba(255, 255, 255, 0.85) inset; outline: none; transform: translateY(0) scale(1); } .aa-signup-info-link[data-aa-product-toggle][aria-expanded="true"], .aa-signup-info-link[data-aa-package-info][aria-expanded="true"], .aa-signup-info-link[data-aa-addon-info][aria-expanded="true"] { border-color: #15803d; background: linear-gradient(180deg, #22c55e, #16a34a); color: #ffffff !important; box-shadow: 0 10px 20px rgba(22, 163, 74, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22); transform: translateY(0) scale(1); } .aa-signup-info-link[data-aa-product-toggle][aria-expanded="true"] .aa-signup-info-icon, .aa-signup-info-link[data-aa-package-info][aria-expanded="true"] .aa-signup-info-icon, .aa-signup-info-link[data-aa-addon-info][aria-expanded="true"] .aa-signup-info-icon { border-color: rgba(21, 128, 61, 0.34); background: #ffffff; color: #15803d !important; } .aa-signup-legal-box .aa-signup-info-link[aria-expanded="true"], .aa-signup-legal-box .aa-signup-info-link:focus:not(:focus-visible) { border-color: rgba(203, 213, 225, 0.82); background: rgba(255, 255, 255, 0.94); color: #1e293b; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14), 0 1px 0 rgba(255, 255, 255, 0.85) inset; transform: translateY(0) scale(1); } .aa-signup-card.is-open > .aa-signup-info-link { display: none; } .aa-signup-info-icon { display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; border: 1px solid rgba(30, 41, 59, 0.30); border-radius: 999px; background: #f8fafc; color: currentColor; font-family: inherit; font-size: 12px; font-style: normal; font-weight: 950; line-height: 1; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12), 0 1px 0 rgba(255, 255, 255, 0.92) inset; } .aa-signup-info-link:hover .aa-signup-info-icon, .aa-signup-info-link:focus-visible .aa-signup-info-icon { border-color: rgba(4, 120, 87, 0.48); background: #ffffff; } .aa-signup-card-detail { position: relative; display: grid; gap: 12px; margin-top: 4px; border: 1px solid #e6ebf2; border-radius: 8px; background: #f8fbff; padding: 12px; animation: aaSignupPanelIn 180ms ease-out; } .aa-signup-card.is-open:not(.is-mobile-detail-overlay) > .aa-signup-card-detail { align-self: stretch; display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto; min-height: 0; height: 100%; margin-top: 0; overflow: hidden; } .aa-signup-card.is-open:not(.is-mobile-detail-overlay) > .aa-signup-card-detail > * { min-height: 0; } .aa-signup-card.is-open:not(.is-mobile-detail-overlay) > .aa-signup-card-detail > .aa-signup-access-button { min-height: 38px; } .aa-signup-card.is-open:not(.is-mobile-detail-overlay) .aa-signup-detail-item { overflow: auto; padding-right: 4px; overscroll-behavior: contain; } .aa-signup-product-detail-backdrop { display: none; } .aa-signup-product-detail-backdrop.is-active { display: block; position: fixed; inset: 0; z-index: 2147483644; background: rgba(10, 20, 35, 0.48); backdrop-filter: blur(4px); } .aa-signup-card.is-mobile-detail-overlay { position: relative; z-index: 2147483646 !important; overflow: visible; } .aa-signup-card-detail.is-mobile-overlay { position: fixed; left: 50%; top: 50%; z-index: 2147483647; display: grid; width: calc(100vw - var(--aa-public-content-gutter, 20px)); max-height: calc(100vh - 20px); max-height: calc(100svh - 20px); margin: 0; overflow: auto; overscroll-behavior: contain; border-color: rgba(255, 255, 255, 0.45); border-radius: 20px; background: radial-gradient(circle at top left, rgba(var(--aa-signup-accent-rgb), .14), transparent 38%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); padding: 18px; box-shadow: 0 28px 64px rgba(15, 23, 42, 0.26); transform: translate(-50%, -50%); -webkit-overflow-scrolling: touch; } .aa-signup-product-detail-head { display: none; } .aa-signup-card.is-open:not(.is-mobile-detail-overlay) .aa-signup-product-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .aa-signup-card-detail.is-mobile-overlay .aa-signup-product-detail-head { position: sticky; top: -18px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: -18px -18px 4px; border-bottom: 1px solid rgba(15, 23, 42, 0.08); background: radial-gradient(circle at top left, rgba(var(--aa-signup-accent-rgb), .14), transparent 38%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); padding: 18px; } .aa-signup-product-detail-head strong { min-width: 0; color: #0f172a; font-size: 22px; font-weight: 950; line-height: 1.15; } .aa-signup-product-detail-close { display: none; justify-self: end; } .aa-signup-card-detail.is-mobile-overlay .aa-signup-product-detail-close { display: inline-grid; flex: 0 0 auto; } .aa-signup-card-detail[hidden] { display: none !important; } .aa-signup-detail-eyebrow { width: max-content; max-width: 100%; margin: 0; border-radius: 999px; background: var(--aa-signup-accent-soft); color: var(--aa-signup-accent-dark); font-size: 12px; font-weight: 800; padding: 4px 10px; text-transform: uppercase; } .aa-signup-detail-summary, .aa-signup-detail-item p { margin: 0; color: #526074; line-height: 1.55; } .aa-signup-detail-item { display: grid; gap: 5px; } .aa-signup-detail-item strong { color: #162033; font-size: 13px; text-transform: uppercase; } .aa-signup-detail-item ul { columns: 2; column-gap: 26px; margin: 4px 0 0; padding-left: 18px; color: #526074; line-height: 1.48; } .aa-signup-detail-item li { break-inside: avoid; margin: 0 0 5px; } .aa-signup-access-button { justify-self: start; min-height: 38px; margin-top: 2px; } :root { --aa-signup-accent: #76A8A1; --aa-signup-accent-dark: #5f8f89; --aa-signup-accent-light: #93c2bc; --aa-signup-accent-soft: #eef7f5; --aa-signup-accent-rgb: 118, 168, 161; } [data-aa-header-surface="signup-product"].aa-topbar, .aa-topbar[data-aa-header-surface="signup-product"].aa-topbar-autoaligns { --aa-topbar-brand: var(--aa-signup-accent); --aa-topbar-brand-dark: var(--aa-signup-accent-dark); --aa-topbar-brand-rgb: var(--aa-signup-accent-rgb); background: linear-gradient(90deg, var(--aa-signup-accent-dark) 0%, var(--aa-signup-accent) 52%, var(--aa-signup-accent-light) 100%) !important; } .aa-signup-button, .aa-main-account-cta-btn, .aa-signup-access-button.aa-signup-info-link, .aa-signup-package-button.aa-signup-info-link, .aa-signup-nda-submit.aa-signup-info-link, .aa-signup-view-switch button.is-active, .aa-main-account-close, .aa-signup-hero-detail-close, .aa-privacy-overlay-close, .aa-signup-product-detail-close { border-color: rgba(var(--aa-signup-accent-rgb), .48) !important; background: linear-gradient(180deg, var(--aa-signup-accent-light), var(--aa-signup-accent)) !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(var(--aa-signup-accent-rgb), .22), inset 0 1px 0 rgba(255, 255, 255, .24) !important; } .aa-signup-button:hover, .aa-signup-button:focus-visible, .aa-main-account-cta-btn:hover, .aa-main-account-cta-btn:focus-visible, .aa-signup-access-button.aa-signup-info-link:hover, .aa-signup-access-button.aa-signup-info-link:focus-visible, .aa-signup-package-button.aa-signup-info-link:hover, .aa-signup-package-button.aa-signup-info-link:focus-visible, .aa-signup-nda-submit.aa-signup-info-link:hover, .aa-signup-nda-submit.aa-signup-info-link:focus-visible, .aa-signup-view-switch button.is-active:hover, .aa-signup-view-switch button.is-active:focus-visible, .aa-main-account-close:hover, .aa-main-account-close:focus-visible, .aa-signup-hero-detail-close:hover, .aa-signup-hero-detail-close:focus-visible, .aa-privacy-overlay-close:hover, .aa-privacy-overlay-close:focus-visible, .aa-signup-product-detail-close:hover, .aa-signup-product-detail-close:focus-visible { border-color: rgba(255, 255, 255, .78) !important; background: linear-gradient(180deg, var(--aa-signup-accent-light), var(--aa-signup-accent)) !important; color: #ffffff !important; box-shadow: 0 13px 25px rgba(var(--aa-signup-accent-rgb), .25), inset 0 1px 0 rgba(255, 255, 255, .30) !important; } .aa-signup-info-link:hover, .aa-signup-info-link:focus-visible { border-color: rgba(var(--aa-signup-accent-rgb), .48); background: var(--aa-signup-accent-soft); color: var(--aa-signup-accent-dark); box-shadow: 0 4px 9px rgba(var(--aa-signup-accent-rgb), .25), 0 1px 0 rgba(255,255,255,.9) inset; } .aa-signup-info-link[data-aa-product-toggle][aria-expanded="true"], .aa-signup-info-link[data-aa-package-info][aria-expanded="true"], .aa-signup-info-link[data-aa-addon-info][aria-expanded="true"], .aa-signup-hero-more.is-active, .aa-signup-hero-more[aria-expanded="true"] { border-color: rgba(var(--aa-signup-accent-rgb), .54) !important; background: linear-gradient(180deg, var(--aa-signup-accent-light), var(--aa-signup-accent)) !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(var(--aa-signup-accent-rgb), .22), inset 0 1px 0 rgba(255, 255, 255, .24) !important; transform: none !important; } .aa-signup-info-link:hover .aa-signup-info-icon, .aa-signup-info-link:focus-visible .aa-signup-info-icon, .aa-signup-info-link[data-aa-product-toggle][aria-expanded="true"] .aa-signup-info-icon, .aa-signup-info-link[data-aa-package-info][aria-expanded="true"] .aa-signup-info-icon, .aa-signup-info-link[data-aa-addon-info][aria-expanded="true"] .aa-signup-info-icon, .aa-signup-hero-more.is-active .aa-signup-info-icon, .aa-signup-hero-more[aria-expanded="true"] .aa-signup-info-icon { border-color: rgba(var(--aa-signup-accent-rgb), .48); background: #ffffff; color: var(--aa-signup-accent-dark) !important; } .aa-signup-kicker { color: var(--aa-signup-accent-dark); } .aa-signup-info-button.aa-signup-info-link { --aa-motion-lift-scale: 1.014; --aa-motion-press-scale: .986; --aa-motion-content-lift-scale: 1.04; --aa-motion-content-press-scale: .95; min-height: 36px; border: 1px solid rgba(var(--aa-signup-accent-rgb), .30); border-radius: 999px; background: linear-gradient(180deg, #ffffff 0%, var(--aa-signup-accent-soft) 100%); color: var(--aa-signup-accent-dark); box-shadow: 0 7px 15px rgba(15, 23, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .92); transform: none !important; translate: 0 0; } .aa-signup-info-button.aa-signup-info-link:hover, .aa-signup-info-button.aa-signup-info-link:focus-visible { border-color: rgba(var(--aa-signup-accent-rgb), .44); background: linear-gradient(180deg, #ffffff 0%, var(--aa-signup-accent-soft) 100%); color: var(--aa-signup-accent-dark); box-shadow: 0 9px 18px rgba(var(--aa-signup-accent-rgb), .20), inset 0 1px 0 rgba(255, 255, 255, .95); transform: none !important; opacity: 1 !important; } .aa-signup-info-button.aa-signup-info-link:active, .aa-signup-info-button.aa-signup-info-link.is-pressing { color: var(--aa-signup-accent-dark); box-shadow: 0 5px 10px rgba(var(--aa-signup-accent-rgb), .16), inset 0 1px 0 rgba(255, 255, 255, .86); transform: none !important; opacity: 1 !important; } .aa-signup-info-button.aa-signup-info-link.aa-signup-package-button, .aa-signup-info-button.aa-signup-info-link.aa-signup-hero-more.is-active, .aa-signup-info-button.aa-signup-info-link.aa-signup-hero-more[aria-expanded="true"], .aa-signup-access-button.aa-signup-info-link { border-color: rgba(var(--aa-signup-accent-rgb), .48) !important; background: linear-gradient(180deg, var(--aa-signup-accent-light), var(--aa-signup-accent)) !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(var(--aa-signup-accent-rgb), .22), inset 0 1px 0 rgba(255, 255, 255, .24) !important; } .aa-signup-info-button.aa-signup-info-link.aa-signup-package-button:hover, .aa-signup-info-button.aa-signup-info-link.aa-signup-package-button:focus-visible, .aa-signup-info-button.aa-signup-info-link.aa-signup-hero-more.is-active:hover, .aa-signup-info-button.aa-signup-info-link.aa-signup-hero-more.is-active:focus-visible, .aa-signup-info-button.aa-signup-info-link.aa-signup-hero-more[aria-expanded="true"]:hover, .aa-signup-info-button.aa-signup-info-link.aa-signup-hero-more[aria-expanded="true"]:focus-visible, .aa-signup-access-button.aa-signup-info-link:hover, .aa-signup-access-button.aa-signup-info-link:focus-visible { border-color: rgba(255, 255, 255, .78) !important; background: linear-gradient(180deg, var(--aa-signup-accent-light), var(--aa-signup-accent)) !important; color: #ffffff !important; box-shadow: 0 13px 25px rgba(var(--aa-signup-accent-rgb), .25), inset 0 1px 0 rgba(255, 255, 255, .30) !important; } .aa-signup-info-link > .aa-global-click-motion-shine, .aa-signup-products button.aa-global-click-motion > .aa-global-click-motion-shine, .aa-signup-nda-page button.aa-global-click-motion > .aa-global-click-motion-shine, .aa-main-account-modal button.aa-global-click-motion > .aa-global-click-motion-shine, .aa-main-account-modal a.aa-global-click-motion > .aa-global-click-motion-shine, .aa-signup-service-terms-overlay-shell button.aa-global-click-motion > .aa-global-click-motion-shine { position: absolute !important; inset: 0 !important; z-index: 3 !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border-radius: inherit !important; overflow: hidden !important; pointer-events: none !important; } .aa-signup-info-button.aa-global-click-motion.aa-signup-info-link::after, .aa-signup-button.aa-global-click-motion::after, .aa-main-account-cta-btn.aa-global-click-motion::after { content: none !important; display: none !important; animation: none !important; } .aa-signup-info-button.aa-global-click-motion > .aa-global-click-motion-shine::before, .aa-signup-button.aa-global-click-motion > .aa-global-click-motion-shine::before, .aa-main-account-cta-btn.aa-global-click-motion > .aa-global-click-motion-shine::before { background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.76) 48%, rgba(255,255,255,0) 100%); } .aa-signup-info-button.aa-global-click-motion > :not(.aa-global-click-motion-shine), .aa-signup-button.aa-global-click-motion > :not(.aa-global-click-motion-shine), .aa-main-account-cta-btn.aa-global-click-motion > :not(.aa-global-click-motion-shine) { position: relative; z-index: 2; } .aa-signup-package-chip { border-color: rgba(var(--aa-signup-accent-rgb), .20); background: var(--aa-signup-accent-soft); color: var(--aa-signup-accent-dark); } .aa-signup-package-chip:hover, .aa-signup-package-chip:focus-visible { border-color: rgba(var(--aa-signup-accent-rgb), .44); background: var(--aa-signup-accent-soft); color: var(--aa-signup-accent-dark); } .aa-signup-card.is-open, .aa-signup-package-detail-list > li.is-open { border-color: rgba(var(--aa-signup-accent-rgb), .54); box-shadow: 0 18px 42px rgba(var(--aa-signup-accent-rgb), .14); } .aa-signup-detail-eyebrow { background: var(--aa-signup-accent-soft); color: var(--aa-signup-accent-dark); } .aa-signup-period-note .aa-signup-period-range, .aa-signup-period-note .aa-signup-period-range strong, .aa-signup-choice input:checked ~ span:not(.aa-signup-choice-check), .aa-signup-choice-copy small strong, .aa-signup-package-module-toggle { color: var(--aa-signup-accent-dark); } .aa-signup-products button.aa-global-click-motion, .aa-signup-nda-page button.aa-global-click-motion, .aa-main-account-modal button.aa-global-click-motion, .aa-main-account-modal a.aa-global-click-motion, .aa-signup-service-terms-overlay-shell button.aa-global-click-motion { position: relative; overflow: hidden; transform: none !important; opacity: 1; } .aa-signup-products button.aa-global-click-motion:hover, .aa-signup-products button.aa-global-click-motion:focus-visible, .aa-signup-products button.aa-global-click-motion:active, .aa-signup-products button.aa-global-click-motion.is-pressing, .aa-signup-nda-page button.aa-global-click-motion:hover, .aa-signup-nda-page button.aa-global-click-motion:focus-visible, .aa-signup-nda-page button.aa-global-click-motion:active, .aa-main-account-modal button.aa-global-click-motion:hover, .aa-main-account-modal button.aa-global-click-motion:focus-visible, .aa-main-account-modal button.aa-global-click-motion:active, .aa-main-account-modal a.aa-global-click-motion:hover, .aa-main-account-modal a.aa-global-click-motion:focus-visible, .aa-main-account-modal a.aa-global-click-motion:active, .aa-signup-service-terms-overlay-shell button.aa-global-click-motion:hover, .aa-signup-service-terms-overlay-shell button.aa-global-click-motion:focus-visible, .aa-signup-service-terms-overlay-shell button.aa-global-click-motion:active { transform: none !important; opacity: 1 !important; } .aa-signup-products button.aa-global-click-motion > :not(.aa-global-click-motion-shine), .aa-signup-nda-page button.aa-global-click-motion > :not(.aa-global-click-motion-shine), .aa-main-account-modal button.aa-global-click-motion > :not(.aa-global-click-motion-shine), .aa-main-account-modal a.aa-global-click-motion > :not(.aa-global-click-motion-shine), .aa-signup-service-terms-overlay-shell button.aa-global-click-motion > :not(.aa-global-click-motion-shine) { position: relative; z-index: 2; } .aa-signup-products button.aa-global-click-motion.aa-signup-info-link::after, .aa-signup-nda-page button.aa-global-click-motion.aa-signup-info-link::after, .aa-main-account-modal button.aa-global-click-motion.aa-signup-info-link::after, .aa-signup-products button.aa-global-click-motion.aa-global-icon-button::before, .aa-signup-products button.aa-global-click-motion.aa-global-icon-button::after, .aa-main-account-modal button.aa-global-click-motion.aa-global-icon-button::before, .aa-main-account-modal button.aa-global-click-motion.aa-global-icon-button::after, .aa-signup-service-terms-overlay-shell button.aa-global-click-motion.aa-global-icon-button::before, .aa-signup-service-terms-overlay-shell button.aa-global-click-motion.aa-global-icon-button::after { content: none !important; display: none !important; animation: none !important; } .aa-signup-products button.aa-global-icon-button > .aa-global-click-motion-core, .aa-main-account-modal button.aa-global-icon-button > .aa-global-click-motion-core, .aa-signup-service-terms-overlay-shell button.aa-global-icon-button > .aa-global-click-motion-core { display: inline-flex; align-items: center; justify-content: center; color: currentColor; font-size: 24px; font-weight: 800; line-height: 1; } @keyframes aaSignupPanelIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } @keyframes aaSignupButtonShine { 0% { opacity: 0; transform: translateX(-150%) skewX(-18deg); } 18% { opacity: .95; } 72% { opacity: .7; } 100% { opacity: 0; transform: translateX(150%) skewX(-18deg); } } @keyframes aaSignupHeroInfoOuterGlow { 0%, 100% { opacity: 0; transform: scale(.78); } 36% { opacity: 1; transform: scale(1); } 70% { opacity: .36; transform: scale(1.1); } } @keyframes aaSignupHeroInfoRing { 0% { opacity: .58; transform: scale(.72); } 64% { opacity: .12; transform: scale(1.18); } 100% { opacity: 0; transform: scale(1.32); } } @media (prefers-reduced-motion: reduce) { .aa-signup-hero-detail li:hover .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon, .aa-signup-hero-detail li:focus-within .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon, .aa-signup-hero-detail li:hover .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::before, .aa-signup-hero-detail li:focus-within .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::before, .aa-signup-hero-detail li:hover .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::after, .aa-signup-hero-detail li:focus-within .aa-signup-hero-info-button.aa-signup-usage-info-button .aa-signup-info-icon::after { animation: none; } } @keyframes aaSignupCheckPop { 0% { transform: translateY(2px) scale(.82); } 58% { transform: translateY(-2px) scale(1.14); } 100% { transform: translateY(0) scale(1); } } @keyframes aaSignupCardShine { 0% { opacity: 0; transform: translateX(-150%) skewX(-18deg); } 16% { opacity: .92; } 68% { opacity: .58; } 100% { opacity: 0; transform: translateX(150%) skewX(-18deg); } } .aa-signup-org-field { display: grid; gap: 6px; margin: 12px 0; } .aa-signup-request-row > label { min-width: 0; } .aa-signup-request-row input[name="org_lookup_query"] { min-width: 0; box-sizing: border-box; } .aa-signup-request-row > .aa-signup-button { min-height: 42px; height: 42px; box-sizing: border-box; align-self: end; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page { background: var(--aa-color-mode-page, #0d1210) !important; color: var(--aa-color-mode-text, #eef7f2) !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page .aa-signup-products, :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page .aa-signup-root .aa-signup-products { color: var(--aa-color-mode-text, #eef7f2) !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-hero, .aa-signup-products > .aa-signup-hero-contact, .aa-signup-hero-detail, .aa-signup-view-switch, .aa-signup-package-card, .aa-signup-addon-card, .aa-signup-package-detail, .aa-signup-package-detail-list > li, .aa-signup-package-module-detail, .aa-signup-package-addons, .aa-signup-card, .aa-signup-card-detail, .aa-main-account-box, .aa-main-account-card, .aa-signup-modal-summary, .aa-signup-pricing-box, .aa-signup-legal-box, .aa-signup-legal-panel, .aa-signup-privacy-panel, .aa-signup-lead-context, .aa-signup-demo-note, .aa-signup-demo-schedule, .aa-signup-selected-packages, .aa-signup-selected-products li, .aa-signup-selected-package-option, .aa-signup-company-card, .aa-signup-intent-block, .aa-signup-usage-info-surface, .aa-signup-usage-case-node, .aa-signup-usage-case-center, .aa-signup-period-note ) { background: var(--aa-color-mode-surface, #18201c) !important; border-color: var(--aa-color-mode-border, rgba(148,163,184,.28)) !important; color: var(--aa-color-mode-text, #eef7f2) !important; box-shadow: 0 16px 40px rgba(0,0,0,.24) !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page .aa-signup-hero-contact { border-color: var(--aa-color-mode-border, rgba(148,163,184,.28)) !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-request-punchline, .aa-signup-customization-note, .aa-signup-lead-context select, .aa-signup-selected-products p, .aa-signup-service-terms-surface .aa-signup-privacy-details-body, .aa-signup-privacy-details-body [data-translate="privacy_policy"] > div ) { background: var(--aa-color-mode-surface-2, #202b25) !important; border-color: var(--aa-color-mode-border, rgba(148,163,184,.28)) !important; color: var(--aa-color-mode-muted, #a8bbb2) !important; box-shadow: none !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-brand-slogan, .aa-signup-hero h1, .aa-signup-hero h2, .aa-signup-hero h3, .aa-signup-hero-punch, .aa-signup-hero-punch strong, .aa-signup-request-punchline, .aa-signup-request-punchline strong, .aa-signup-request-intro, .aa-signup-request label, .aa-signup-company-card strong, .aa-signup-card h2, .aa-signup-package-card h2, .aa-signup-addon-card h2, .aa-signup-package-detail h2, .aa-signup-package-detail h3, .aa-main-account-title, .aa-main-account-card h2, .aa-main-account-card h3, .aa-signup-modal-summary h2, .aa-signup-modal-summary h3, .aa-signup-pricing-box strong, .aa-signup-legal-box strong, .aa-signup-legal-panel strong, .aa-signup-period-note strong ) { color: var(--aa-color-mode-text, #eef7f2) !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-hero p, .aa-signup-company-card span, .aa-signup-card p, .aa-signup-package-card p, .aa-signup-addon-card p, .aa-signup-package-detail p, .aa-signup-card-detail p, .aa-main-account-card p, .aa-main-account-card small, .aa-signup-modal-summary p, .aa-signup-modal-summary small, .aa-signup-lead-context p, .aa-signup-demo-note, .aa-signup-demo-schedule, .aa-signup-period-note, .aa-signup-customization-note ) { color: var(--aa-color-mode-muted, #a8bbb2) !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-request input, .aa-signup-request textarea, .aa-signup-org-field input, .aa-main-account-card input, .aa-main-account-card textarea, .aa-signup-modal-summary input, .aa-signup-lead-context select, .aa-signup-usage-grid input, .aa-signup-usage-grid select, .aa-signup-nda-fields input, .aa-signup-nda-fields select, .aa-signup-nda-fields textarea ) { background: var(--aa-color-mode-surface-2, #202b25) !important; border-color: var(--aa-color-mode-border, rgba(148,163,184,.36)) !important; color: var(--aa-color-mode-text, #eef7f2) !important; caret-color: var(--aa-color-mode-text, #eef7f2) !important; box-shadow: none !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is(input,textarea)::placeholder { color: var(--aa-color-mode-muted, #a8bbb2) !important; opacity: .82; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page .aa-signup-status-info { border-color: rgba(125,183,255,.34) !important; background: rgba(57,112,170,.18) !important; color: #c6ddf7 !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page .aa-signup-status-success { border-color: rgba(99,190,125,.36) !important; background: rgba(46,122,68,.20) !important; color: #c9efd3 !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is(.aa-signup-status-error,.aa-signup-hero .aa-signup-usage,.aa-signup-products > .aa-signup-hero-contact .aa-signup-usage) { border-color: rgba(224,118,118,.38) !important; background: rgba(135,54,54,.20) !important; color: #f0c3c3 !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-info-link, .aa-signup-view-switch button:not(.is-active), .aa-signup-selected-package-option, .aa-signup-usage-info-button ) { background: var(--aa-color-mode-surface-2, #202b25) !important; border-color: rgba(var(--aa-signup-accent-rgb), .44) !important; color: #b9ded9 !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-info-icon, .aa-signup-customization-note .aa-signup-info-icon, .aa-signup-choice-check, .aa-signup-legal-check, .aa-signup-storage-own-check ) { background: var(--aa-color-mode-surface, #18201c) !important; border-color: var(--aa-color-mode-border, rgba(148,163,184,.36)) !important; color: #b9ded9 !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page .aa-main-account-backdrop, :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page .aa-signup-hero-detail-backdrop.is-active, :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page .aa-signup-product-detail-backdrop.is-active { background: rgba(3,7,5,.72) !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-addon-card h3, .aa-signup-package-module-copy > strong, .aa-signup-package-module-detail-head h4, .aa-signup-package-addons-head strong, .aa-signup-product-detail-head strong, .aa-signup-detail-item strong ) { color: var(--aa-color-mode-text, #eef7f2) !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-package-module-copy span, .aa-signup-package-addons-head p, .aa-signup-detail-summary, .aa-signup-detail-item p, .aa-signup-detail-item ul, .aa-signup-detail-item li ) { color: var(--aa-color-mode-muted, #a8bbb2) !important; } :is(html[data-aa-color-mode='dark'],html.aa-ui-dark-mode-v161700) body.aa-signup-page :is( .aa-signup-package-module-detail, .aa-signup-addon-detail-stage .aa-signup-card-detail ) { background: var(--aa-color-mode-surface, #18201c) !important; border-color: var(--aa-color-mode-border, rgba(148,163,184,.28)) !important; } @media (max-width: 420px) { .aa-signup-request-row { grid-template-columns: minmax(0, 1fr); } .aa-signup-request-row > .aa-signup-button { width: 100%; } } @media (max-width: 799px) { .aa-signup-nda-page { width: calc(100% - var(--aa-public-content-gutter, 20px)); margin-top: 12px; } .aa-signup-nda-panel { padding: 16px; } .aa-signup-nda-head h1 { font-size: 25px; } .aa-signup-nda-grid, .aa-signup-nda-fields, .aa-signup-nda-meta { grid-template-columns: 1fr; } .aa-signup-nda-submit.aa-signup-info-link { justify-self: stretch; } .aa-signup-hero { grid-template-columns: 1fr; gap: 18px; padding: 22px; } .aa-signup-hero-copy { order: 1; } .aa-signup-hero-contact { order: 3; width: 100%; max-width: 100%; border-left: 0; border-top: 1px solid #e1e7f0; padding-left: 0; padding-top: 18px; } .aa-signup-products > .aa-signup-hero-contact { border: 1px solid #d9e0ea; padding: 18px; } .aa-signup-package-grid, .aa-signup-addon-grid { grid-template-columns: 1fr; } .aa-signup-package-detail-list { grid-template-columns: 1fr; } .aa-signup-package-card { min-height: 0; } .aa-signup-hero-detail.is-mobile-overlay { position: fixed; left: 50%; top: 50%; z-index: 2147483645; grid-column: auto; width: calc(100vw - var(--aa-public-content-gutter, 20px)); max-height: calc(100vh - 20px); max-height: calc(100svh - 20px); box-shadow: 0 24px 70px rgba(22, 32, 51, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.7); transform: translate(-50%, -50%); } .aa-signup-hero-detail.is-mobile-overlay .aa-signup-hero-detail-close { display: inline-grid; } .aa-signup-hero h1 { font-size: 26px; } .aa-signup-detail-item ul { columns: 1; } .aa-signup-hero-detail ul { columns: 1; } .aa-main-account-modal { padding: 6px; } .aa-main-account-box { width: 100%; max-height: calc(var(--aa-main-account-vh, 100vh) - 12px); border-radius: 20px; } .aa-signup-status-modal { align-items: flex-start; padding-top: 12px; } .aa-main-account-head, .aa-main-account-body { padding-left: 16px; padding-right: 16px; } .aa-main-account-title { font-size: 23px; } .aa-main-account-grid { display: contents; } .aa-signup-request-details.is-active { display: flex; flex-direction: column; } .aa-signup-company-card { order: 1; } .aa-signup-modal-summary { display: contents; } .aa-signup-intent-block { order: 2; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 18px; background: rgba(255, 255, 255, 0.82); padding: 14px; } .aa-signup-pricing-row { order: 3; } .aa-signup-modal-legal { order: 4; grid-template-columns: repeat(2, minmax(0, 1fr)); } .aa-signup-contact-card { order: 5; } .aa-signup-lead-context { order: 6; } .aa-signup-actions { order: 8; } .aa-signup-savings-impact { order: 7; } .aa-signup-savings-impact .aa-savings-impact-grid, .aa-signup-savings-impact .aa-savings-cert-row { grid-template-columns: 1fr; } .aa-signup-savings-impact .aa-savings-cert-row { align-items: stretch; } .aa-signup-savings-impact .aa-savings-cert-badge { box-sizing: border-box; justify-self: stretch; width: 100%; } .aa-signup-demo-schedule-fields { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 6px; } .aa-signup-pricing-row { grid-template-columns: 1fr; } } @media (max-width: 700px) { .aa-signup-products { width: calc(100% - var(--aa-public-content-gutter, 16px)); margin-top: 12px; } .aa-signup-workspace { margin-top: 14px; } .aa-signup-board { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; align-items: stretch; gap: 10px; } .aa-signup-board.has-open { grid-auto-flow: row; grid-auto-rows: auto; } .aa-signup-board.has-open .aa-signup-card, .aa-signup-board.has-open .aa-signup-card.is-open { grid-row-end: auto; } .aa-signup-card { height: 166px; min-height: 166px; gap: 8px; padding: 14px 12px; } .aa-signup-card h2 { padding-right: 24px; font-size: 16px; line-height: 1.18; overflow-wrap: anywhere; } .aa-signup-card p { font-size: 13px; line-height: 1.35; min-height: calc(1.35em * 3); max-height: calc(1.35em * 3); } .aa-signup-card-check { top: 10px; right: 10px; width: 22px; height: 22px; font-size: 12px; } .aa-signup-info-link { gap: 5px; max-width: 100%; min-height: 28px; border-radius: 9px; padding: 0 8px 0 5px; font-size: 12px; } .aa-signup-info-icon { flex: 0 0 auto; width: 17px; height: 17px; font-size: 11px; } .aa-signup-card.is-open { grid-column: 1 / -1; height: auto; min-height: 0; max-height: none; grid-template-rows: auto; gap: 10px; overflow: visible; padding: 15px; } .aa-signup-card.is-open h2 { font-size: 18px; line-height: 1.2; } .aa-signup-card.is-open p { font-size: 14px; line-height: 1.45; } .aa-signup-card-detail { gap: 10px; padding: 10px; } .aa-signup-lead-context { grid-template-columns: 1fr; } } @media (max-width: 379px) { .aa-signup-board { grid-template-columns: 1fr; } }