/* */ @layer reset, bootstrap, base, layout, components; /* If import does not specify a layer, the layering is defined in the imported stylesheet */ @import url(/assets/portal_v2/reset-b1fa82424f3c6500b7fea5df696278dc8969ecc8e9d27a0dec276a544f516e8b.css) layer(reset); @import url(/assets/bootstrap/dist/css/bootstrap.min-76cd52a9f5bf2378ed3bddab7253a8d2ee4a1fb9de52d1bb69612a5b0c308b79.css) layer(bootstrap); @import url(/assets/portal_v2/layout-a50ab73174be4518f6b840ac912d5856316e3cc6040d5d84af82a8445dc244ec.css); @import url(/assets/portal_v2/layout/sidebar-933a4a41dfd4345b6d4897a3b943b8e0a5d5c48a6b8b2efe1e0fc562164a88c9.css); @import url(/assets/portal_v2/layout/header-62a16d909815757887066f4c43560d1c13db437d2241d5ca757ff85a1dc2444e.css); @import url(/assets/portal_v2/layout/main-7dc11736670598f7f0e27add148d3ba9afc4da587e4419d56c19d3df1b327aac.css); @import url(/assets/portal_v2/layout/footer-f1baaae6f4b07401cbaab01731a9bfcfe2e51ae9d3454aca8681e96823149ac9.css); @import url(/assets/portal_v2/components-c8b12bf1fd7a7346fcee8479f1b66501a50d10cf561e4e61119576f31d796a15.css); @import url(/assets/portal_v2/pages-35a54aed18b76d815e98280389ec328dc0fc540250e8020b636d3314b8fe2ec2.css); @import url(/assets/portal_v2/pages/bell_notifications-2c47c51145bc77d4654cde7b8e7b79022bf2499b83c82a309364229dee7885ce.css); @import url(/assets/portal_v2/pages/invoices-23dfb5648c78b81fb5fc197423fb1995d45f89118d79aac3709ce216147a8fb7.css); @import url(/assets/portal_v2/pages/ascend_policies-5037802e117d57cb5376b0332c62560e5776f9f7106700de00fd58210a008237.css); @import url(/assets/portal_v2/pages/broker_applications_grid-df4c97b11c9a27dce9175294117a07ed8fc784baaae10efa07de37e9a563e98b.css); @import url(/assets/portal_v2/pages/start_application_customer-4097feef27bedb86c33ad220a95ea346533837ab0608f9441c5786c993653ce5.css); @layer base { html { height: 100%; /* Fixed root size. The whole UI is rem-based, so this is the single lever for overall size. We deliberately do NOT tie this to viewport units (vw): a vw-based root font fights browser/OS zoom (zoom shrinks the CSS viewport). With a fixed root, zoom and OS display scaling behave naturally and predictably — the whole interface scales uniformly. Tune overall size by changing this one value. */ font-size: 0.95rem; } body { height: 100%; margin: 0; font-family: Geist; background-color: var(--gray-100); /* `clip` (not `hidden`) prevents horizontal overflow without forcing overflow-y to compute to `auto`, which would otherwise turn into a scroll container and clip elements that intentionally overflow upward (e.g. the header notification count badge). */ overflow-x: clip; } h1 { font-size: 1.5rem; } a { text-decoration: none; color: var(--eggplant-300); &:visited { color: var(--eggplant-600); } } :root { accent-color: var(--orange-600); --text-size-base: 1rem; --sidebar-w: 13rem; --header-h: 3.5rem; --white: white; --bg-shade-white: var(--white); --text-secondary: #808080; --red-100: #fcbbbb; --red-600: #9c1111; --gray-100: #f6f4f4; --gray-150: #f2f0f0; --gray-200: #F0F0F0; --gray-300: #e1e1e1; --gray-500: #949494; --gray-800: #2A2D34; --gray-999: #101010; --brown-200: #fbe0bb; --brown-600: #9c5211; --green-200: #c8e6c9; --green-600: #3d7a42; --orange-100: #F15822; --orange-300: #ff7f52; --orange-600: #f05822; --orange-800: #da5223; --eggplant-100: #d9b8d6; --eggplant-300: #7a3f72; --eggplant-600: #421a48; --eggplant-800: #2d0134; --gold-100: #FFF7E2; --gold-900: #F1E595; --gold-950: #F4B02C; --blue-600: #266AF2; /* Bootstrap overrides */ --bs-border-width: 1px; --bs-border-radius: 0.375rem; --bs-border-color: var(--gray-300); --bs-body-font-family: Geist, sans-serif; --bs-body-font-size: var(--text-size-base); --bs-body-color: var(--gray-999); --bs-primary: var(--orange-600); --bs-blue: var(--orange-600); } }