/*-------------------------------- ICGDSIcons Web Font Generated using nucleoapp.com -------------------------------- */ @font-face { font-family: "ICGDSIcons"; src: url('ICGDSIcons.73736f056fe065a3.eot'); src: url('ICGDSIcons.73736f056fe065a3.eot') format("embedded-opentype"), url('ICGDSIcons.26e6925ab4ab3d34.woff2') format("woff2"), url('ICGDSIcons.80e7510c3d24a64c.woff') format("woff"), url('ICGDSIcons.58ae2470e7e5b083.ttf') format("truetype"), url('ICGDSIcons.bf80fb823fecbd03.svg') format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "ICGDS6"; src: url('ICGDS6.8be3f91442d0f4f9.woff2') format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "DSIllustrations"; src: url('DSIllustrations.59e64fc61b64dc9d.woff2') format("woff2"); font-weight: normal; font-style: normal; } /*------------------------ base class definition -------------------------*/ .lmnicon, .lmnill { display: inline-block; font: normal normal normal 1em/1 var(--icon-font-family); speak: none; text-transform: none; line-height: inherit; vertical-align: bottom; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lmnill { font: normal normal normal 1em/1 'DSIllustrations'; } .lmnicon.lmn-icon-frame { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; } .lmnicon-no-frame { width: auto!important; height: auto!important; } .lmnicon-custom-icon::before { content: unset!important; } /*------------------------ change icon size -------------------------*/ /* absolute units */ .lmnicon-10, .lmnicon-xs, .lmnicon.lmn-ui-xs { font-size: 10px; } .lmnicon-14, .lmnicon-sm, .lmnicon.lmn-ui-sm { font-size: 14px; } .lmnicon-18, .lmnicon-md, .lmnicon.lmn-ui-md { font-size: 18px; } .lmnicon-24, .lmnicon-lg, .lmnicon.lmn-ui-lg { font-size: 24px; } /*---------------------------------- add a square/circle background -----------------------------------*/ .lmnicon-bg-square, .lmnicon-bg-circle { padding: 0 0.25em; background-color: #eee; } .lmnicon-bg-circle { border-radius: 50%; } /*------------------------------------ use icons as list item markers -------------------------------------*/ .lmnicon-ul { padding-left: 0; list-style-type: none; } .lmnicon-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .lmnicon-ul > li > .lmnicon { margin-right: 0.4em; line-height: inherit; } /*---------------------------------- functional colors -----------------------------------*/ .lmnicon-color-success { color: var(--success); } .lmnicon-color-warning { color: var(--warning); } .lmnicon-color-danger { color: var(--danger); } /*------------------------ spinning icons -------------------------*/ .lmnicon-spin { animation: lmnicon-spin 2s infinite linear; } @keyframes lmnicon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .lmnicon-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .lmnicon-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .lmnicon-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .lmnicon-flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); } .lmnicon-flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); } /*------------------------ icons -------------------------*/ .lmnicon-contact-alt::before, .lmnicon-contact-o::before, .lmnicon-id-card::before { content: var(--icon-contact-alt); } .lmnicon-expert-o::before, .lmnicon-user-expert::before { content: var(--icon-profile-expert); } .lmnicon-user-block::before { content: var(--icon-profile-block); } .lmnicon-user-check::before { content: var(--icon-profile-check); } .lmnicon-user-close::before { content: var(--icon-profile-close); } .lmnicon-user-remove::before { content: var(--icon-profile-remove); } .lmnicon-user-settings::before { content: var(--icon-profile-setting); } .lmnicon-profile-o::before { content: var(--icon-profile); } .lmnicon-group-o::before { content: var(--icon-group); } .lmnicon-organization::before, .lmnicon-user-hierarchy::before { content: var(--icon-organization); } .lmnicon-circle::before, .lmnicon-dot::before { content: var(--icon-circle-filled); } .lmnicon-hexagon-o::before { content: var(--icon-hexagon); } .lmnicon-hexagon::before { content: var(--icon-hexagon-filled); } .lmnicon-square-o::before { content: var(--icon-square); } .lmnicon-square::before { content: var(--icon-square-filled); } .lmnicon-triangle-o::before { content: var(--icon-triangle); } .lmnicon-triangle::before { content: var(--icon-triangle-filled); } .lmnicon-alert-circle-o::before { content: var(--icon-alert-circle); } .lmnicon-alert-circle::before { content: var(--icon-alert-circle-filled); } .lmnicon-alert-triangle-o::before { content: var(--icon-alert-triangle); } .lmnicon-alert-triangle::before { content: var(--icon-alert-triangle-filled); } .lmnicon-alert-triangle-filled::before { content: var(--icon-alert-triangle-filled); } .lmnicon-danger-o::before, .lmnicon-danger::before { content: var(--icon-danger); } .lmnicon-danger-filled::before { content: var(--icon-danger-filled); } .lmnicon-alert::before { content: var(--icon-alert); } .lmnicon-info-circle-o::before { content: var(--icon-info-circle); } .lmnicon-info-circle::before { content: var(--icon-info-circle-filled); } .lmnicon-info::before { content: var(--icon-info); } .lmnicon-check-circle-o::before { content: var(--icon-check-circle); } .lmnicon-diamond-o::before { content: var(--icon-diamond); } .lmnicon-check::before { content: var(--icon-check); } .lmnicon-question-circle-o::before { content: var(--icon-question-circle); } .lmnicon-question-circle::before { content: var(--icon-question-circle-filled); } .lmnicon-question::before { content: var(--icon-question); } .lmnicon-diamond::before { content: var(--icon-diamond-filled); } .lmnicon-check-circle::before { content: var(--icon-success-filled); } .lmnicon-menu::before { content: var(--icon-menu); } .lmnicon-arrow-left::before { content: var(--icon-arrow-left); } .lmnicon-arrow-right::before { content: var(--icon-arrow-right); } .lmnicon-arrow-up::before { content: var(--icon-arrow-up); } .lmnicon-down::before { content: var(--icon-chevron-down); } .lmnicon-left::before { content: var(--icon-chevron-left); } .lmnicon-right::before { content: var(--icon-chevron-right); } .lmnicon-up::before { content: var(--icon-chevron-up); } .lmnicon-caret-left::before { content: var(--icon-caret-left); } .lmnicon-caret-right::before { content: var(--icon-caret-right); } .lmnicon-caret-up::before { content: var(--icon-caret-up); } .lmnicon-caret-down::before { content: var(--icon-caret-down); } .lmnicon-home::before { content: var(--icon-home); } .lmnicon-right-double::before { content: var(--icon-right-double); } .lmnicon-left-double::before { content: var(--icon-left-double); } .lmnicon-up-double::before { content: var(--icon-up-double); } .lmnicon-more-vertical::before { content: var(--icon-more-alt); } .lmnicon-down-double::before { content: var(--icon-down-double); } .lmnicon-arrow-down::before { content: var(--icon-arrow-down); } .lmnicon-asterisk::before { content: var(--icon-asterisk); } .lmnicon-compass-north::before, .lmnicon-direction-north::before { content: var(--icon-compass-north); } .lmnicon-crosshair::before { content: var(--icon-crosshair); } .lmnicon-bullet-list::before, .lmnicon-list-bullet::before { content: var(--icon-bullet-list); } .lmnicon-bold::before { content: var(--icon-bold); } .lmnicon-location::before, .lmnicon-location-pin::before { content: var(--icon-location); } .lmnicon-paragraph::before { content: var(--icon-paragraph); } .lmnicon-sigma-uppercase::before { content: var(--icon-sigma-uppercase); } .lmnicon-check-list::before, .lmnicon-list-check::before { content: var(--icon-check-list); } .lmnicon-text-case::before, .lmnicon-small-caps::before { content: var(--icon-text-case); } .lmnicon-text::before { content: var(--icon-text); } .lmnicon-underline::before { content: var(--icon-underline); } .lmnicon-text-align-center::before { content: var(--icon-text-align-center); } .lmnicon-text-align-justified::before { content: var(--icon-text-align-justified); } .lmnicon-number-list::before, .lmnicon-list-number::before { content: var(--icon-number-list); } .lmnicon-text-align-right::before { content: var(--icon-text-align-right); } .lmnicon-strikethrough::before, .lmnicon-strike-through::before { content: var(--icon-strikethrough); } .lmnicon-text-align-left::before { content: var(--icon-text-align-left); } .lmnicon-italic::before { content: var(--icon-italic); } .lmnicon-camera::before, .lmnicon-photo::before { content: var(--icon-camera); } .lmnicon-comment::before, .lmnicon-chat-square-2::before { content: var(--icon-comment); } .lmnicon-message::before, .lmnicon-chat-square::before { content: var(--icon-comment); } .lmnicon-messages::before, .lmnicon-chat-rooms-o::before { content: var(--icon-messages); } .lmnicon-movie::before { content: var(--icon-movie); } .lmnicon-phone-o::before, .lmnicon-phone-alt-o::before { content: var(--icon-contact); } .lmnicon-send::before, .lmnicon-plane::before { content: var(--icon-send); } .lmnicon-typing::before, .lmnicon-chat-square-3::before { content: var(--icon-typing); } .lmnicon-share-o::before, .lmnicon-share::before { content: var(--icon-share); } .lmnicon-video-o::before, .lmnicon-video::before { content: var(--icon-video); } .lmnicon-next-circle-o::before, .lmnicon-forward-circle-o::before { content: var(--icon-next-circle); } .lmnicon-next-o::before, .lmnicon-forward-o::before { content: var(--icon-next); } .lmnicon-pause-circle-o::before { content: var(--icon-pause-circle); } .lmnicon-pause-o::before { content: var(--icon-pause); } .lmnicon-play-circle-o::before { content: var(--icon-play-circle); } .lmnicon-play-o::before { content: var(--icon-play); } .lmnicon-previous-circle-o::before, .lmnicon-back-circle-o::before { content: var(--icon-previous-circle); } .lmnicon-previous-o::before, .lmnicon-back-o::before { content: var(--icon-previous); } .lmnicon-stop-circle-o::before { content: var(--icon-stop-circle); } .lmnicon-stop-o::before { content: var(--icon-stop); } .lmnicon-volume-high::before, .lmnicon-volume-up::before, .lmnicon-volume-on::before { content: var(--icon-volume-on); } .lmnicon-volume-low::before, .lmnicon-volume-down::before { content: var(--icon-volume-low); } .lmnicon-volume-medium::before { content: var(--icon-volume-medium); } .lmnicon-volume-mute::before { content: var(--icon-volume-off); } .lmnicon-letter::before, .lmnicon-envelope::before { content: var(--icon-letter); } .lmnicon-email-read::before, .lmnicon-email-read-o::before { content: var(--icon-email-read); } .lmnicon-email-o::before { content: var(--icon-email); } .lmnicon-align-bottom::before, .lmnicon-move-down::before { content: var(--icon-align-bottom); } .lmnicon-align-left::before, .lmnicon-move-left::before { content: var(--icon-align-left); } .lmnicon-crop::before { content: var(--icon-crop); } .lmnicon-drag::before { content: var(--icon-position); } .lmnicon-horizontal::before, .lmnicon-expand-horizontal-2::before { content: var(--icon-horizontal); } .lmnicon-layout-grid-compact::before, .lmnicon-menu-grid-o::before { content: var(--icon-layout-grid-compact); } .lmnicon-layout-grid::before { content: var(--icon-layout-grid); } .lmnicon-layout-rows-compact::before { content: var(--icon-layout-rows-compact); } .lmnicon-layout-rows::before { content: var(--icon-layout-rows); } .lmnicon-paint::before, .lmnicon-paint-brush::before { content: var(--icon-paint-brush); } .lmnicon-palette::before, .lmnicon-paint-palette::before { content: var(--icon-palette); } .lmnicon-pivot::before, .lmnicon-layout-2::before { content: var(--icon-pivot); } .lmnicon-pop-out::before { content: var(--icon-pop-out); } .lmnicon-quadrant::before, .lmnicon-layout-3::before { content: var(--icon-quadrant); } .lmnicon-stack::before { content: var(--icon-stack); } .lmnicon-unstack::before { content: var(--icon-unstack); } .lmnicon-vertical::before, .lmnicon-expand-vertical-2::before { content: var(--icon-vertical); } .lmnicon-view-add::before { content: var(--icon-view-add); } .lmnicon-view-lock::before { content: var(--icon-view-lock); } .lmnicon-view-remove::before { content: var(--icon-view-remove); } .lmnicon-view::before { content: var(--icon-password); } .lmnicon-view-disabled::before { content: var(--icon-password-disabled); } .lmnicon-between::before, .lmnicon-expand-horizontal::before { content: var(--icon-between); } .lmnicon-align-top::before, .lmnicon-move-up::before { content: var(--icon-align-top); } .lmnicon-align-right::before, .lmnicon-move-right::before { content: var(--icon-align-right); } .lmnicon-grouping::before { content: var(--icon-grouping); } .lmnicon-upload::before { content: var(--icon-upload); } .lmnicon-doc-file::before { content: var(--icon-doc-file); } .lmnicon-file-doc::before { content: var(--icon-file-doc); } .lmnicon-file-excel::before { content: var(--icon-file-excel); } .lmnicon-file-image::before, .lmnicon-image::before { content: var(--icon-image); } .lmnicon-file-pdf::before { content: var(--icon-file-pdf); } .lmnicon-file-ppt::before { content: var(--icon-file-ppt); } .lmnicon-file-zip::before { content: var(--icon-file-zip); } .lmnicon-file::before, .lmnicon-page-portrait::before { content: var(--icon-file); } .lmnicon-files::before { content: var(--icon-files); } .lmnicon-cloud-download::before { content: var(--icon-cloud-download); } .lmnicon-folder-tree::before, .lmnicon-folder-tree-o::before { content: var(--icon-folder-tree); } .lmnicon-folders-o::before, .lmnicon-folder-open::before { content: var(--icon-folders); } .lmnicon-transfer-horizontal::before, .lmnicon-transfer::before { content: var(--icon-transfer); } .lmnicon-transfer-vertical::before { content: var(--icon-transfer-vertical); } .lmnicon-folder-o::before { content: var(--icon-folder); } .lmnicon-cloud-upload::before { content: var(--icon-cloud-upload); } .lmnicon-download::before { content: var(--icon-download); } .lmnicon-bookmark::before { content: var(--icon-bookmark-filled); } .lmnicon-does-not-contain::before, .lmnicon-not-search::before { content: var(--icon-does-not-contain); } .lmnicon-filter-alt::before { content: var(--icon-filter-alt); } .lmnicon-flag-o::before { content: var(--icon-flag); } .lmnicon-favorite::before, .lmnicon-heart-o::before { content: var(--icon-favorite); } .lmnicon-favorite.filled::before, .lmnicon-heart::before { content: var(--icon-favorite-filled); } .lmnicon-indeterminate::before, .lmnicon-minus-square::before { content: var(--icon-indeterminate); } .lmnicon-linked::before, .lmnicon-link-alt::before, .lmnicon-link::before { content: var(--icon-link); } .lmnicon-print-o::before { content: var(--icon-print); } .lmnicon-search::before { content: var(--icon-search); } .lmnicon-spinner::before { content: var(--icon-spinner); } .lmnicon-star-o::before { content: var(--icon-star); } .lmnicon-cut::before, .lmnicon-scissors::before { content: var(--icon-cut); } .lmnicon-unchecked::before { content: var(--icon-unchecked); } .lmnicon-unlinked::before, .lmnicon-unlink-alt::before { content: var(--icon-unlinked); } .lmnicon-zoom-in::before { content: var(--icon-zoom-in); } .lmnicon-zoom-out::before { content: var(--icon-zoom-out); } .lmnicon-attach::before, .lmnicon-clip::before { content: var(--icon-attach); } .lmnicon-copy::before { content: var(--icon-copy); } .lmnicon-erase::before { content: var(--icon-erase); } .lmnicon-edit::before { content: var(--icon-edit); } .lmnicon-paste::before { content: var(--icon-paste); } .lmnicon-redo::before { content: var(--icon-redo); } .lmnicon-save-as::before, .lmnicon-disk-edit::before { content: var(--icon-save-as); } .lmnicon-save::before { content: var(--icon-save); } .lmnicon-trash-o::before, .lmnicon-trash::before { content: var(--icon-trash); } .lmnicon-undo::before, .lmnicon-synchronize::before { content: var(--icon-undo); } .lmnicon-key::before { content: var(--icon-key); } .lmnicon-lock-o::before, .lmnicon-lock::before { content: var(--icon-lock); } .lmnicon-login-o::before { content: var(--icon-login); } .lmnicon-logout-o::before { content: var(--icon-logout); } .lmnicon-setting::before { content: var(--icon-setting); } .lmnicon-settings-sliders::before { content: var(--icon-slider); } .lmnicon-unlock-o::before, .lmnicon-unlock::before { content: var(--icon-unlock); } .lmnicon-bell-o::before { content: var(--icon-bell); } .lmnicon-calendar-dots::before { content: var(--icon-calendar); } .lmnicon-clock-o::before, .lmnicon-clock::before { content: var(--icon-clock); } .lmnicon-time::before { content: var(--icon-time); } .lmnicon-close-circle-o::before { content: var(--icon-close-circle); } .lmnicon-close-circle::before, .lmnicon-close-circle-filled::before { content: var(--icon-close-filled); } .lmnicon-close::before { content: var(--icon-close); } .lmnicon-add-circle-o::before { content: var(--icon-add-circle); } .lmnicon-add-circle::before { content: var(--icon-add); } .lmnicon-add::before { content: var(--icon-plus); } .lmnicon-pushpin-o::before { content: var(--icon-pushpin); } .lmnicon-pushpin::before { content: var(--icon-pushpin-filled); } .lmnicon-minus-circle-o::before { content: var(--icon-remove); } .lmnicon-minus-circle::before { content: var(--icon-minus-circle); } .lmnicon-minus::before { content: var(--icon-minus); } .lmnicon-bookmark-o::before { content: var(--icon-bookmark); } .lmnicon-star::before { content: var(--icon-star-filled); } .lmnicon-checked::before { content: var(--icon-checked); } .lmnicon-calculator::before { content: var(--icon-calculator); } .lmnicon-chart-bar-down-o::before { content: var(--icon-chart-bar-down); } .lmnicon-chart-bar-o::before { content: var(--icon-chart-bar); } .lmnicon-chart-bar-up-o::before { content: var(--icon-chart-bar-up); } .lmnicon-chart-line::before { content: var(--icon-chart-line); } .lmnicon-chart-pie-o::before { content: var(--icon-pie-chart); } .lmnicon-dollar::before { content: var(--icon-dollar); } .lmnicon-euro::before { content: var(--icon-euro); } .lmnicon-coins::before { content: var(--icon-coins); } .lmnicon-yen::before { content: var(--icon-yen); } .lmnicon-bug::before { content: var(--icon-bug); } .lmnicon-components::before, .lmnicon-modules::before { content: var(--icon-components); } .lmnicon-css::before { content: var(--icon-css); } .lmnicon-html::before { content: var(--icon-html); } .lmnicon-window-code::before { content: var(--icon-window-code); } .lmnicon-window::before { content: var(--icon-window); } .lmnicon-does-not-equal::before, .lmnicon-not-equal::before { content: var(--icon-does-not-equal); } .lmnicon-equals::before, .lmnicon-equal::before { content: var(--icon-equals); } .lmnicon-greater-than::before { content: var(--icon-greater-than); } .lmnicon-greater-than-or-equal::before { content: var(--icon-greater-than-or-equal); } .lmnicon-less-than-or-equal::before { content: var(--icon-less-than-or-equal); } .lmnicon-less-than::before { content: var(--icon-less-than); } .lmnicon-cash::before, .lmnicon-money-note::before { content: var(--icon-cash); } .lmnicon-pound::before { content: var(--icon-pound); } .lmnicon-institution::before { content: var(--icon-institution); } .lmnicon-user-add::before { content: var(--icon-profile-plus); } .lmnicon-handle::before { content: var(--icon-handle); } .lmnicon-file-csv::before { content: var(--icon-file-csv); } .lmnicon-radio-unchecked::before, .lmnicon-circle-o::before { content: var(--icon-circle); } .lmnicon-sync::before, .lmnicon-refresh::before { content: var(--icon-rotate-sync); } .lmnicon-radio-checked::before { content: var(--icon-radio-checked); } .lmnicon-average::before { content: var(--icon-average); } .lmnicon-empty::before { content: var(--icon-empty); } .lmnicon-max::before { content: var(--icon-max); } .lmnicon-percentage::before { content: var(--icon-percentage); } .lmnicon-min::before { content: var(--icon-min); } .lmnicon-more::before { content: var(--icon-more); } .lmnicon-tag::before { content: var(--icon-tag-filled); } .lmnicon-tag-o::before { content: var(--icon-tag); } .lmnicon-sun::before { content: var(--icon-sun); } .lmnicon-power::before { content: var(--icon-power); } .lmnicon-notepad::before { content: var(--icon-notepad); } .lmnicon-moon::before { content: var(--icon-moon); } .lmnicon-bell::before { content: var(--icon-bell-filled); } .lmnicon-shrink-diagonal::before { content: var(--icon-shrink-diagonal); } .lmnicon-expand-diagonal::before { content: var(--icon-expand-diagonal); } .lmnicon-profile-o-alt::before { content: var(--icon-profile-account); } .lmnicon-end-right::before { content: var(--icon-end-right); } .lmnicon-start-left::before { content: var(--icon-start-left); } .lmnicon-function::before { content: var(--icon-function); } .lmnicon-apps::before { content: var(--icon-apps); } .lmnicon-thumbs-up-o::before { content: var(--icon-thumbs-up); } .lmnicon-thumbs-down-o::before { content: var(--icon-thumbs-down); } .lmnicon-profile-alt::before { content: var(--icon-profile-alt); } .lmnicon-compress::before { content: var(--icon-compress); } .lmnicon-expand::before { content: var(--icon-expand); } .lmnicon-frame::before { content: var(--icon-frame); } .lmnicon-default-view::before { content: var(--icon-default-view); } .lmnicon-columns::before, .lmnicon-layout::before, .lmnicon-columns::before { content: var(--icon-layout); } .lmnicon-link-external::before, .lmnicon-link-out::before { content: var(--icon-link-out); } .lmnicon-reload::before, .lmnicon-refresh::before { content: var(--icon-refresh-reload); } .lmnicon-ban::before, .lmnicon-disabled::before { content: var(--icon-disabled-ban); } .lmnicon-sort-ascending::before { content: var(--icon-sort-ascending); } .lmnicon-sort-descending::before { content: var(--icon-sort-descending); } .lmnicon-window-resizer::before { content: var(--icon-window-resizer); } .lmnicon-wedding::before { content: var(--icon-wedding); } .lmnicon-watchlist::before { content: var(--icon-watchlist); } .lmnicon-wallet::before { content: var(--icon-wallet); } .lmnicon-volumn-off::before { content: var(--icon-volumn-off); } .lmnicon-university::before { content: var(--icon-university); } .lmnicon-travel::before { content: var(--icon-travel); } .lmnicon-travel-insurance::before { content: var(--icon-travel-insurance); } .lmnicon-train::before { content: var(--icon-train); } .lmnicon-toggle-currency::before { content: var(--icon-toggle-currency); } .lmnicon-time-deposit::before { content: var(--icon-time-deposit); } .lmnicon-ticket::before { content: var(--icon-ticket); } .lmnicon-stale-account::before { content: var(--icon-stale-account); } .lmnicon-stacks::before { content: var(--icon-stacks); } .lmnicon-sports-equipment::before { content: var(--icon-sports-equipment); } .lmnicon-sort::before { content: var(--icon-sort); } .lmnicon-shopping::before { content: var(--icon-shopping); } .lmnicon-shop-with-points::before { content: var(--icon-shop-with-points); } .lmnicon-shop-with-miles::before { content: var(--icon-shop-with-miles); } .lmnicon-send-funds::before { content: var(--icon-send-funds); } .lmnicon-sell-stock::before { content: var(--icon-sell-stock); } .lmnicon-rewards::before { content: var(--icon-rewards); } .lmnicon-rewards-alt::before { content: var(--icon-rewards-alt); } .lmnicon-retake::before { content: var(--icon-retake); } .lmnicon-relationship::before { content: var(--icon-relationship); } .lmnicon-recurring::before { content: var(--icon-recurring); } .lmnicon-rebates::before { content: var(--icon-rebates); } .lmnicon-quick-response::before { content: var(--icon-quick-response); } .lmnicon-quick-cash::before { content: var(--icon-quick-cash); } .lmnicon-qr-code::before { content: var(--icon-qr-code); } .lmnicon-protection::before { content: var(--icon-protection); } .lmnicon-primary-school::before { content: var(--icon-primary-school); } .lmnicon-plane::before { content: var(--icon-plane); } .lmnicon-pie-chart-alt::before { content: var(--icon-pie-chart-alt); } .lmnicon-pets::before { content: var(--icon-pets); } .lmnicon-pay-with-points::before { content: var(--icon-pay-with-points); } .lmnicon-pay-with-card::before { content: var(--icon-pay-with-card); } .lmnicon-pay-now::before { content: var(--icon-pay-now); } .lmnicon-pay-all::before { content: var(--icon-pay-all); } .lmnicon-overseas::before { content: var(--icon-overseas); } .lmnicon-online-chat::before { content: var(--icon-online-chat); } .lmnicon-offers::before { content: var(--icon-offers); } .lmnicon-no-document::before { content: var(--icon-no-document); } .lmnicon-neither::before { content: var(--icon-neither); } .lmnicon-navigation-down::before { content: var(--icon-navigation-down); } .lmnicon-navigation-back::before { content: var(--icon-navigation-back); } .lmnicon-money-market::before { content: var(--icon-money-market); } .lmnicon-mobile-profile::before { content: var(--icon-mobile-profile); } .lmnicon-mobile-pin::before { content: var(--icon-mobile-pin); } .lmnicon-mobile-notification::before { content: var(--icon-mobile-notification); } .lmnicon-mobile-check::before { content: var(--icon-mobile-check); } .lmnicon-miles-transfer::before { content: var(--icon-miles-transfer); } .lmnicon-media-document::before { content: var(--icon-media-document); } .lmnicon-market-news::before { content: var(--icon-market-news); } .lmnicon-make-appointment::before { content: var(--icon-make-appointment); } .lmnicon-list::before { content: var(--icon-list); } .lmnicon-line-chart::before { content: var(--icon-line-chart); } .lmnicon-life-protection::before { content: var(--icon-life-protection); } .lmnicon-insurance::before { content: var(--icon-insurance); } .lmnicon-insurance-purchase::before { content: var(--icon-insurance-purchase); } .lmnicon-idea::before { content: var(--icon-idea); } .lmnicon-hotel::before { content: var(--icon-hotel); } .lmnicon-hotel-alt::before { content: var(--icon-hotel-alt); } .lmnicon-green::before { content: var(--icon-green); } .lmnicon-get-more::before { content: var(--icon-get-more); } .lmnicon-get-more-alt::before { content: var(--icon-get-more-alt); } .lmnicon-fx-exchange::before { content: var(--icon-fx-exchange); } .lmnicon-filter-sort::before { content: var(--icon-filter-sort); } .lmnicon-extreme-sports::before { content: var(--icon-extreme-sports); } .lmnicon-dollar-performance::before { content: var(--icon-dollar-performance); } .lmnicon-dollar-check::before { content: var(--icon-dollar-check); } .lmnicon-document-pdf-alt::before { content: var(--icon-document-pdf-alt); } .lmnicon-document-graph::before { content: var(--icon-document-graph); } .lmnicon-document-form::before { content: var(--icon-document-form); } .lmnicon-dining::before { content: var(--icon-dining); } .lmnicon-digital-payments::before { content: var(--icon-digital-payments); } .lmnicon-credit-card::before { content: var(--icon-credit-card); } .lmnicon-corporate-action::before { content: var(--icon-corporate-action); } .lmnicon-convenience-chat::before { content: var(--icon-convenience-chat); } .lmnicon-concierge-bell::before { content: var(--icon-concierge-bell); } .lmnicon-college::before { content: var(--icon-college); } .lmnicon-cmt::before { content: var(--icon-cmt); } .lmnicon-checkout::before { content: var(--icon-checkout); } .lmnicon-chat::before { content: var(--icon-chat); } .lmnicon-chat-history::before { content: var(--icon-chat-history); } .lmnicon-certificate::before { content: var(--icon-certificate); } .lmnicon-certificate-reward::before { content: var(--icon-certificate-reward); } .lmnicon-cashback::before { content: var(--icon-cashback); } .lmnicon-cart::before { content: var(--icon-cart); } .lmnicon-card-pin::before { content: var(--icon-card-pin); } .lmnicon-card-balance-transfer::before { content: var(--icon-card-balance-transfer); } .lmnicon-calendar-warning::before { content: var(--icon-calendar-warning); } .lmnicon-calendar-check::before { content: var(--icon-calendar-check); } .lmnicon-calendar-check-filled::before { content: var(--icon-calendar-check-filled); } .lmnicon-buy-stock::before { content: var(--icon-buy-stock); } .lmnicon-business-date::before { content: var(--icon-business-date); } .lmnicon-bulls-eye::before { content: var(--icon-bulls-eye); } .lmnicon-brokerage::before { content: var(--icon-brokerage); } .lmnicon-bonds::before { content: var(--icon-bonds); } .lmnicon-blank-document::before { content: var(--icon-blank-document); } .lmnicon-bars::before { content: var(--icon-bars); } .lmnicon-bar-chart::before { content: var(--icon-bar-chart); } .lmnicon-auto::before { content: var(--icon-auto); } .lmnicon-atm-pin::before { content: var(--icon-atm-pin); } .lmnicon-activities::before { content: var(--icon-activities); } .lmnicon-accounts::before { content: var(--icon-accounts); } .lmnicon-accident::before { content: var(--icon-accident); } .lmnicon-labs::before { content: var(--icon-labs) } .lmnicon-ai::before { content: var(--icon-ai); } .lmnicon-code::before { content: var(--icon-code); } .lmnicon-indent::before { content: var(--icon-indent); } .lmnicon-outdent::before { content: var(--icon-outdent); } .lmnicon-quote::before { content: var(--icon-quote); } .lmnicon-text-color::before { content: var(--icon-text-color); } .lmnicon-text-edit::before { content: var(--icon-text-edit); } .lmnicon-clear-format::before { content: var(--icon-clear-format); } .lmnicon-text-highlight::before { content: var(--icon-text-highlight); } @charset "UTF-8"; :root { --border-width-0: 0px; --border-width-1: 1px; --border-width-2: 2px; --border-width-4: 4px; --x-distance-0: 0px; --x-distance-2: 2px; --x-distance-4: 4px; --x-distance-8: 8px; --y-distance-0: 0px; --y-distance-2: 2px; --y-distance-4: 4px; --y-distance-5: 5px; --y-distance-8: 8px; --blur-0: 0px; --blur-5: 5px; --blur-10: 10px; --blur-12: 12px; --blur-24: 24px; --spread-0: 0px; --spread-1: 1px; --spread-2: 2px; --spread-4: 4px; --opacity-0: 0; --opacity-10: 0.1; --opacity-20: 0.2; --opacity-30: 0.3; --opacity-40: 0.4; --opacity-50: 0.5; --opacity-60: 0.6; --opacity-70: 0.7; --opacity-80: 0.8; --opacity-90: 0.9; --opacity-100: 1; --radius-none: 0px; --radius-0: 0px; --radius-2: 2px; --radius-4: 4px; --radius-6: 6px; --radius-8: 8px; --radius-12: 12px; --radius-16: 16px; --radius-20: 20px; --radius-24: 24px; --radius-32: 32px; --radius-40: 40px; --radius-full: 999px; --border-radius-circle: 50%; --border-radius-pill: 50rem; --border-radius-xs: 2px; --border-radius-sm: 4px; --border-radius-md: 8px; --border-radius-lg: 12px; --border-radius-xl: 16px; --border-radius-none: 0; --border-style-solid: solid; --border-style-dashed: dashed; --size-0: 0px; --size-1: 1px; --size-2: 2px; --size-4: 4px; --size-8: 8px; --size-10: 10px; --size-12: 12px; --size-16: 16px; --size-18: 18px; --size-20: 20px; --size-24: 24px; --size-28: 28px; --size-32: 32px; --size-36: 36px; --size-40: 40px; --size-44: 44px; --size-48: 48px; --size-56: 56px; --size-64: 64px; --size-80: 80px; --size-96: 96px; --size-128: 128px; --size-192: 192px; --size-256: 256px; --size-384: 384px; --size-512: 512px; --size-640: 640px; --size-768: 768px; --size-sixteenth-x: .0625rem; --size-eighth-x: .125rem; --size-quarter-x: .25rem; --size-half-x: .5rem; --size-three-quarter-x: .75rem; --size-x: 1rem; --size-one-and-a-half-x: 1.5rem; --size-2x: 2rem; --size-two-and-a-half-x: 2.5rem; --size-3x: 3rem; --size-three-and-a-half-x: 3.5rem; --size-4x: 4rem; --neg-size-sixteenth-x: -0.0625rem; --neg-size-eighth-x: -0.125rem; --neg-size-quarter-x: -0.25rem; --neg-size-half-x: -0.5rem; --neg-size-three-quarter-x: -0.75rem; --neg-size-x: -1rem; --neg-size-one-and-a-half-x: -1.5rem; --neg-size-2x: -2rem; --neg-size-two-and-a-half-x: -2.5rem; --neg-size-3x: -3rem; --neg-size-three-and-a-half-x: -3.5rem; --neg-size-4x: -4rem; --spacing-0: var(--size-0); --spacing-1: var(--size-1); --spacing-2: var(--size-2); --spacing-4: var(--size-4); --spacing-8: var(--size-8); --spacing-10: var(--size-10); --spacing-12: var(--size-12); --spacing-16: var(--size-16); --spacing-20: var(--size-20); --spacing-24: var(--size-24); --spacing-32: var(--size-32); --spacing-40: var(--size-40); --spacing-48: var(--size-48); --spacing-56: var(--size-56); --spacing-64: var(--size-64); --spacing-80: var(--size-80); --spacing-sixteenth-x: var(--size-sixteenth-x); --spacing-eighth-x: var(--size-eighth-x); --spacing-quarter-x: var(--size-quarter-x); --spacing-half-x: var(--size-half-x); --spacing-three-quarter-x: var(--size-three-quarter-x); --spacing-x: var(--size-x); --spacing-one-and-a-half-x: var(--size-one-and-a-half-x); --spacing-2x: var(--size-2x); --spacing-two-and-a-half-x: var(--size-two-and-a-half-x); --spacing-3x: var(--size-3x); --spacing-three-and-a-half-x: var(--size-three-and-a-half-x); --spacing-4x: var(--size-4x); --neg-spacing-0: var(--neg-size-0); --neg-spacing-sixteenth-x: var(--neg-size-sixteenth-x); --neg-spacing-eighth-x: var(--neg-size-eighth-x); --neg-spacing-quarter-x: var(--neg-size-quarter-x); --neg-spacing-half-x: var(--neg-size-half-x); --neg-spacing-three-quarter-x: var(--neg-size-three-quarter-x); --neg-spacing-x: var(--neg-size-x); --neg-spacing-one-and-a-half-x: var(--neg-size-one-and-a-half-x); --neg-spacing-2x: var(--neg-size-2x); --neg-spacing-two-and-a-half-x: var(--neg-size-two-and-a-half-x); --neg-spacing-3x: var(--neg-size-3x); --neg-spacing-three-and-a-half-x: var(--neg-size-three-and-a-half-x); --neg-spacing-4x: var(--neg-size-4x); --citi-sans: "Citi Sans", sans-serif; --citi-sans-display: "Citi Sans Display", sans-serif; --citi-sans-mono: "Citi Sans Mono", monospace; --citi-sans-table: "Citi Sans Table", sans-serif; --citi-sans-condensed: "Citi Sans Condensed", sans-serif; --citi-sans-table-condensed: "Citi Sans Table Condensed", sans-serif; --citi-serif: "Citi Serif", serif; --overpass-sans: "Overpass", sans-serif; --overpass-sans-mono: "OverpassMono", monospace; --font-weight-light: 100; --font-weight-regular: 400; --font-weight-bold: 700; --citi-sans-mono-light: 300; --citi-sans-mono-regular: 400; --citi-sans-mono-bold: 700; --citi-sans-mono-light-italic: italic 300; --citi-sans-mono-regular-italic: italic 400; --citi-sans-mono-bold-italic: italic 700; --citi-sans-text-light: 300; --citi-sans-text-regular: 400; --citi-sans-text-bold: 700; --citi-sans-text-light-italic: italic 300; --citi-sans-text-regular-italic: italic 400; --citi-sans-text-bold-italic: italic 700; --citi-sans-display-regular: 400; --citi-sans-display-bold: 700; --citi-sans-display-regular-italic: italic 400; --citi-sans-display-bold-italic: italic 700; --citi-sans-condensed-regular: 400; --citi-sans-condensed-regular-italic: italic 400; --citi-sans-serif-regular: 400; --citi-sans-serif-regular-italic: italic 400; --overpass-mono-light: 300; --overpass-mono-regular: 400; --overpass-mono-bold: 700; --overpass-citi-light: 300; --overpass-citi-regular: 400; --overpass-citi-bold: 700; --overpass-citi-light-italic: italic 300; --overpass-citi-regular-italic: italic 400; --overpass-citi-bold-italic: italic 700; --font-size-10: 10px; --font-size-12: 12px; --font-size-14: 14px; --font-size-16: 16px; --font-size-18: 18px; --font-size-20: 20px; --font-size-22: 22px; --font-size-24: 24px; --font-size-26: 26px; --font-size-28: 28px; --font-size-32: 32px; --font-size-36: 36px; --font-size-40: 40px; --font-size-48: 48px; --font-size-60: 60px; --font-size-68: 68px; --font-size-76: 76px; --font-size-10: 10px; --font-size-12: 12px; --font-size-14: 14px; --font-size-16: 16px; --font-size-18: 18px; --font-size-20: 20px; --font-size-22: 22px; --font-size-24: 24px; --font-size-26: 26px; --font-size-28: 28px; --font-size-32: 32px; --font-size-40: 40px; --font-size-48: 48px; --font-size-60: 60px; --font-size-76: 76px; --font-size-body-2xs: 10px; --font-size-body-xs: 12px; --font-size-body-sm: 13px; --font-size-body-md: 14px; --font-size-body-lg: 16px; --font-size-body-xl: 18px; --font-size-heading-0: 20px; --font-size-heading-1: 24px; --font-size-heading-2: 28px; --font-size-heading-3: 32px; --font-size-heading-4: 36px; --font-size-heading-5: 42px; --font-size-heading-6: 48px; --font-size-heading-7: 54px; --font-size-heading-8: 60px; --font-size-heading-9: 68px; --line-height-body: 1.5; --line-height-heading: 1.25; --line-height-body-16: 16px; --line-height-body-18: 18px; --line-height-body-20: 20px; --line-height-body-22: 22px; --line-height-body-24: 24px; --line-height-body-28: 28px; --line-height-body-30: 30px; --line-height-body-32: 32px; --line-height-body-42: 42px; --line-height-heading-12: 12px; --line-height-heading-16: 16px; --line-height-heading-18: 18px; --line-height-heading-20: 20px; --line-height-heading-22: 22px; --line-height-heading-24: 24px; --line-height-heading-26: 26px; --line-height-heading-28: 28px; --line-height-heading-30: 30px; --line-height-heading-32: 32px; --line-height-heading-36: 36px; --line-height-heading-40: 40px; --line-height-heading-46: 46px; --line-height-heading-52: 52px; --line-height-heading-60: 60px; --line-height-heading-68: 68px; --line-height-heading-76: 76px; --line-height-heading-86: 86px; --line-height-heading-96: 96px; --motion-duration-none: 0ms; --motion-duration-fast-1: 100ms; --motion-duration-fast-2: 150ms; --motion-duration-fast-3: 200ms; --motion-duration-medium-1: 400ms; --motion-duration-medium-2: 500ms; --motion-duration-medium-3: 600ms; --motion-duration-slow-1: 800ms; --motion-duration-slow-2: 1000ms; --motion-duration-slow-3: 1500ms; --motion-timing-linear: linear; --motion-timing-ease-in: cubic-bezier(.60,.0,1,1); --motion-timing-ease-out: cubic-bezier(0,0,.23,.99); --motion-timing-ease-in-out: cubic-bezier(.62,.28,.23,.99); --control-icon-z-index: 1; --zindex-sticky: 990; --zindex-fixed: 990; --side-bar-zindex: 980; --drawer-z-index: 1000; --modal-wrap-z-index: 1000; --modal-mask-z-index: 1000; --alert-z-index: 1010; --popover-z-index: 1020; --dropdown-wrapper-z-index: 1030; --datepicker-container-zindex: 1030; --tooltip-z-index: 1040; --loader-z-index: 1050; --tab-extra-content-z-index: 9; --menu-z-index: 99; } .icgds, .icgds.light-theme, .icgds.light-theme .default-layer, .icgds.dark-theme .theme-inverse { --primary: var(--citi-blue-600); --secondary: var(--citi-blue-600); --danger: var(--mahogany-800); --warning: var(--tan-bright-400); --success: var(--forest-700); --info: var(--gray-950); --background: var(--gray-50); --cta: var(--primary); --accent: var(--secondary); --layer_primary: var(--white); --layer_secondary: var(--gray-25); --layer_brand_primary: var(--citi-ink-blue-950); --layer_brand_secondary: var(--primary); --fill_default: var(--white); --fill_hover: var(--gray-50); --fill_focus: var(--white); --fill_active: var(--citi-blue-50); --fill_selected: var(--citi-blue-100); --fill_disabled: var(--gray-100); --fill_danger: var(--mahogany-50); --fill_read-only: var(--gray-100); --fill_default_on-layer-secondary: var(--gray-25); --fill_hover_on-layer-secondary: var(--gray-100); --fill_focus_on-layer-secondary: var(--gray-25); --fill_active_on-layer-secondary: var(--citi-blue-50); --fill_selected_on-layer-secondary: var(--citi-blue-100); --fill_disabled_on-layer-secondary: var(--gray-100); --fill_danger_on-layer-secondary: var(--mahogany-50); --fill_read-only_on-layer-secondary: var(--gray-100); --datatable_header: var(--gray-50); --datatable_info: var(--white); --border_weak: var(--gray-100); --border_weak_on-layer-brand-primary: var(--citi-ink-blue-500-tint-60); --border_strong_on-layer-brand-primary: var(--gray-400); --border_strong: var(--gray-475); --border_strong_on-layer-brand-primary: var(--gray-400); --border_strong_on-layer-brand-secondary: var(--gray-400); --border_disabled: var(--gray-400); --border_hover: var(--citi-ink-blue-950); --border_focus: var(--shadow_fill-outline_focus); --border_focus_secondary: var(--white); --border_focus_on-status-fill: var(--white); --border_focus_on-low-contrast-status-fill: var(--gray-900); --border_active: var(--accent); --border_error: var(--mahogany-800); --border_danger: var(--danger); --border_brand: var(--citi-blue-600); --border-none: transparent; --text_weak: var(--gray-600); --text_strong: var(--citi-ink-blue-950); --text_hover: var(--text_strong); --text_active: var(--citi-blue-600); --text_disabled: var(--gray-400); --text_error: var(--mahogany-800); --text_danger: var(--mahogany-800); --text_success: var(--forest-700); --text_warning: var(--orange-dark-800); --heading_primary: var(--citi-ink-blue-950); --heading_secondary: var(--citi-blue-600); --text_subtitle: var(--gray-600); --text_strong_on-layer-brand-primary: var(--white); --text_weak_on-layer-brand-primary: var(--gray-200); --text_strong_on-layer-brand-secondary: var(--white); --text_weak_on-layer-brand-secondary: var(--blue-light-100); --text_strong_on-inverse: var(--white); --text_weak_on-inverse: var(--gray-300); --text_disabled_on-inverse: var(--gray-500); --text_danger_on-inverse: var(--red-light-300); --text_success_on-inverse: var(--blue-green-400); --text_active_on-fill-active: var(--citi-blue-600); --text_on-mask: var(--white); --link: var(--cta); --link_hover: var(--citi-blue-800); --link_focus: var(--link); --link_active: var(--text_strong); --link_visited: var(--purple-700); --link_disabled: var(--text_disabled); --link_on-layer-brand-primary: var(--blue-light-400); --link_hover_on-layer-brand-primary: var(--blue-light-200); --link_focus_on-layer-brand-primary: var(--white); --link_active_on-layer-brand-primary: var(--white); --link_visited_on-layer-brand-primary: var(--purple-500); --link_disabled_on-layer-brand-primary: var(--gray-500); --link_on-layer-brand-secondary: var(--white); --link_hover_on-layer-brand-secondary: var(--white); --link_focus_on-layer-brand-secondary: var(--white); --link_active_on-layer-brand-secondary: var(--white); --link_visited_on-layer-brand-secondary: var(--purple-light-200); --link_disabled_on-layer-brand-secondary: var(--gray-400); --asset-citi-logo-full-color: var(--citi-blue-600); --asset-citi-logo-full-color-reverse: var(--citi-blue-600); --asset-citi-logo-one-color-reverse: var(--citi-blue-600); --shadow_color_focus: var(--citi-blue-600); --shadow_color_raised-1: rgba(15, 22, 50, 0.08); --shadow_color_raised-2: rgba(15, 22, 50, 0.04); --shadow_color_overlay-1: rgba(15, 22, 50, 0.04); --shadow_color_overlay-2: rgba(15, 22, 50, 0.08); --shadow_fill-outline_focus: var(--accent); --shadow_fill-outline_focus_on-layer-brand-primary: var(--white); --shadow_fill-outline_focus_on-layer-brand-secondary: var(--white); --shadow_fill-outline_focus_on-high-contrast: var(--border_focus_on-status-fill); --shadow_fill-outline_focus_on-high-contrast-info-status: var(--border_focus_on-status-fill); --shadow_fill-outline_focus_on-high-contrast-danger-status: var(--border_focus_on-status-fill); --shadow_fill-outline_focus_on-high-contrast-warning-status: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-outline_focus_on-high-contrast-success-status: var(--border_focus_on-status-fill); --shadow_fill-outline_focus_on-low-contrast: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-outline_focus_on-low-contrast-info-status: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-outline_focus_on-low-contrast-danger-status: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-outline_focus_on-low-contrast-warning-status: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-outline_focus_on-low-contrast-success-status: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-inner-line_focus: var(--layer_primary); --shadow_fill-inner-line_focus_on-layer-brand-primary: var(--layer_brand_primary); --shadow_fill-inner-line_focus_on-layer-brand-secondary: var(--layer_brand_secondary); --shadow_fill-inner-line_focus_on-high-contrast: var(--alert_fill); --shadow_fill-inner-line_focus_on-high-contrast-info-status: var(--alert_fill_info); --shadow_fill-inner-line_focus_on-high-contrast-danger-status: var(--alert_fill_danger); --shadow_fill-inner-line_focus_on-high-contrast-warning-status: var(--alert_fill_warning); --shadow_fill-inner-line_focus_on-high-contrast-success-status: var(--alert_fill_success); --shadow_fill-inner-line_focus_on-low-contrast: var(--alert_fill_low-contrast); --shadow_fill-inner-line_focus_on-low-contrast-info-status: var(--alert_fill_low-contrast-info); --shadow_fill-inner-line_focus_on-low-contrast-danger-status: var(--alert_fill_low-contrast-danger); --shadow_fill-inner-line_focus_on-low-contrast-warning-status: var(--alert_fill_low-contrast-warning); --shadow_fill-inner-line_focus_on-low-contrast-success-status: var(--alert_fill_low-contrast-success); --shadow_x-distance_focus: var(--x-distance-0); --shadow_y-distance_focus: var(--y-distance-0); --shadow_blur_focus: var(--blur-0); --shadow_spread_outline_focus: var(--spread-4); --shadow_spread_inner-line_focus: var(--spread-2); --shadow_x-distance_raised-1: var(--x-distance-0); --shadow_y-distance_raised-1: var(--y-distance-2); --shadow_blur_raised-1: var(--blur-5); --shadow_spread_raised-1: -2px; --shadow_x-distance_raised-2: var(--x-distance-0); --shadow_y-distance_raised-2: var(--y-distance-4); --shadow_blur_raised-2: var(--blur-10); --shadow_spread_raised-2: -2px; --shadow_x-distance_overlay-1: var(--x-distance-0); --shadow_y-distance_overlay-1: var(--y-distance-8); --shadow_blur_overlay-1: var(--blur-10); --shadow_spread_overlay-1: -4px; --shadow_x-distance_overlay-2: var(--x-distance-0); --shadow_y-distance_overlay-2: 20px; --shadow_blur_overlay-2: var(--blur-24); --shadow_spread_overlay-2: -4px; --shadow_raised: var(--shadow_x-distance_raised-2) var(--shadow_y-distance_raised-2) var(--shadow_blur_raised-2) var(--shadow_spread_raised-2) var(--shadow_color_raised-2), var(--shadow_x-distance_raised-1) var(--shadow_y-distance_raised-1) var(--shadow_blur_raised-1) var(--shadow_spread_raised-1) var(--shadow_color_raised-1); --shadow_overlay: var(--shadow_x-distance_overlay-2) var(--shadow_y-distance_overlay-2) var(--shadow_blur_overlay-2) var(--shadow_spread_overlay-2) var(--shadow_color_overlay-2), var(--shadow_x-distance_overlay-1) var(--shadow_y-distance_overlay-1) var(--shadow_blur_overlay-1) var(--shadow_spread_overlay-1) var(--shadow_color_overlay-1); --headings-color: var(--text_strong); --blockquote-small-color: var(--text_weak); --scrollbar-bg: var(--white); --scrollbar_thumb: var(--gray-500); --scrollbar_thumb_hover: var(--gray-600); --scrollbar_thumb_active: var(--gray-600); --scrollbar_thumb_on-layer-brand-primary: var(--citi-ink-blue-500-tint-60); --scrollbar_thumb_on-layer-brand-primary_hover: var(--citi-ink-blue-500-tint-70); --scrollbar_thumb_on-layer-brand-primary_focus: var(--citi-ink-blue-500-tint-70); --scrollbar-corner-bg: var(--transparent); --ai-brand_purple-gradient_stop-1: var(--purple-700-opacity-10); --ai-brand_purple-gradient_stop-2: var(--purple-700); --ai-brand_blue-gradient_stop-1: var(--blue-light-100); --ai-brand_blue-gradient_stop-2: var(--citi-blue-600); --ai-brand_green-gradient_stop-1: var(--blue-green-light-200-opacity-10); --ai-brand_green-gradient_stop-2: var(--blue-green-dark-700); --ai-gradient: linear-gradient(307deg, var(--ai-brand_purple-gradient_stop-1) 39.65%, var(--ai-brand_purple-gradient_stop-2) 81.33%), linear-gradient(61deg, var(--ai-brand_green-gradient_stop-1) 34.72%, var(--ai-brand_green-gradient_stop-2) 84.3%), linear-gradient(180deg, var(--ai-brand_blue-gradient_stop-1) 0.21%, var(--ai-brand_blue-gradient_stop-2) 77.49%); --ai-gradient-border: linear-gradient(307deg, var(--ai-brand_purple-gradient_stop-1) 39.65%, var(--ai-brand_purple-gradient_stop-2) 81.33%) border-box, linear-gradient(61deg, var(--ai-brand_green-gradient_stop-1) 34.72%, var(--ai-brand_green-gradient_stop-2) 84.3%) border-box, linear-gradient(180deg, var(--ai-brand_blue-gradient_stop-1) 0.21%, var(--ai-brand_blue-gradient_stop-2) 77.49%) border-box; --button_fill_ai: var(--ai-gradient); --button_foreground_ai: white; --notification-bg-color: var(--white); --notification-icon-color: var(--info); --alert_border-width: var(--border-width_thin); --alert_fill: var(--info); --alert_fill_info: var(--info); --alert_fill_danger: var(--danger); --alert_fill_warning: var(--warning); --alert_fill_success: var(--success); --alert_fill_low-contrast: var(--gray-100); --alert_fill_low-contrast-info: var(--gray-100); --alert_fill_low-contrast-danger: var(--mahogany-50); --alert_fill_low-contrast-warning: var(--tan-bright-100); --alert_fill_low-contrast-success: var(--blue-green-light-100); --alert_border: var(--border-none); --alert_border_info: var(--border-none); --alert_border_danger: var(--border-none); --alert_border_warning: var(--border-none); --alert_border_success: var(--border-none); --alert_border_low-contrast: var(--gray-500); --alert_border_low-contrast-info: var(--gray-500); --alert_border_low-contrast-danger: var(--mahogany-700); --alert_border_low-contrast-warning: var(--tan-700); --alert_border_low-contrast-success: var(--blue-green-700); --alert_foreground: var(--white); --alert_foreground_info: var(--white); --alert_foreground_success: var(--white); --alert_foreground_warning: var(--tan-900); --alert_foreground_danger: var(--white); --alert_foreground_low-contrast: var(--gray-800); --alert_foreground_low-contrast-info: var(--gray-800); --alert_foreground_low-contrast-danger: var(--mahogany-900); --alert_foreground_low-contrast-warning: var(--tan-900); --alert_foreground_low-contrast-success: var(--forest-900); --alert-collapsible_foreground_expanded-container: var(--citi-ink-blue-950); --app-switcher_container_radius: var(--large-container_radius); --app-switcher_item-container_radius: var(--small-container_radius); --app-switcher_foreground-container-heading: var(--heading_primary); --app-switcher_foreground_item-container-label: var(--text_strong); --app-switcher_foreground_item-container-label_hover: var(--text_strong); --app-switcher_foreground_item-container-label_focus: var(--text_strong); --app-switcher_foreground_item-container-label_active: var(--text_active); --app-switcher_foreground_item-container-label_disabled: var(--text_disabled); --app-switcher_foreground_item-description: var(--text_weak); --app-switcher_foreground_item-description_hover: var(--text_weak); --app-switcher_foreground_item-description_focus: var(--text_weak); --app-switcher_foreground_item-description_active: var(--text_active); --app-switcher_foreground_item-description_disabled: var(--text_disabled); --app-switcher_fill_container: var(--layer_primary); --app-switcher_fill_item-container: transparent; --app-switcher_fill_item-container_hover: var(--fill_hover); --app-switcher_fill_item-container_focus: transparent; --app-switcher_fill_item-container_active: var(--fill_active); --app-switcher_fill_item-container_disabled: transparent; --app-switcher_border_item-container: var(--border-none); --app-switcher_border_item-container_hover: var(--border-none); --app-switcher_border_item-container_focus: var(--border-none); --app-switcher_border_item-container_active: var(--border-none); --app-switcher_border_item-container_disabled: var(--border-none); --app-switcher_border_item-container_border-top: var(--border_weak); --app-switcher_item-container_font-family: var(--family_sans); --app-switcher_item-container-heading_font-family: var(--family_display); --app-switcher_item-container-description_font-family: var(--family_sans); --app-switcher_item-container_font-type: var(--type_text-regular); --app-switcher_item-container_active_font-type: var(--type_text-bold); --app-switcher_item-container-heading_font-type: var(--type_display-regular); --app-switcher_item-container-description_font-type: var(--type_text-regular); --avatar_fill: var(--gray-200); --avatar_fill_hover: var(--gray-300); --avatar_fill_focus: var(--gray-200); --avatar_fill_active: var(--gray-200); --avatar-menu_container-heading_font-family: var(--family_sans); --avatar-menu_container-subtitle_font-family: var(--family_sans); --avatar-menu_container-support_font-family: var(--family_sans); --avatar-menu_container-heading_font-type: var(--type_display-regular); --avatar-menu_container-subtitle_font-type: var(--type_text-regular); --avatar-menu_container-support_font-type: var(--type_text-regular); --avatar-menu_radius: var(--large-container_radius); --avatar-menu_fill_container: var(--layer_primary); --avatar-menu_foreground_container-heading: var(--heading_primary); --avatar-menu_foreground_container-subtitle: var(--text_weak); --avatar-menu_foreground_container-support: var(--text_weak); --avatar_fill_1: var(--citi-ink-blue-950); --avatar_fill_1_hover: var(--citi-blue-800); --avatar_fill_1_focus: var(--citi-ink-blue-950); --avatar_fill_1_active: var(--citi-ink-blue-950); --avatar_fill_2: var(--mahogany-950); --avatar_fill_2_hover: var(--plum-dark-900); --avatar_fill_2_focus: var(--mahogany-950); --avatar_fill_2_active: var(--mahogany-950); --avatar_fill_3: var(--forest-900); --avatar_fill_3_hover: var(--forest-700); --avatar_fill_3_focus: var(--forest-900); --avatar_fill_3_active: var(--forest-900); --avatar_fill_4: var(--purple-800); --avatar_fill_4_hover: var(--purple-dark-900); --avatar_fill_4_focus: var(--purple-800); --avatar_fill_4_active: var(--purple-800); --avatar_fill_5: var(--tan-900); --avatar_fill_5_hover: var(--tan-700); --avatar_fill_5_focus: var(--tan-900); --avatar_fill_5_active: var(--tan-900); --avatar_foreground: var(--black); --avatar_foreground_1: var(--white); --avatar_foreground_2: var(--white); --avatar_foreground_3: var(--white); --avatar_foreground_4: var(--white); --avatar_foreground_5: var(--white); --avatar_border: var(--border-none); --avatar_border_1: var(--border-none); --avatar_border_2: var(--border-none); --avatar_border_3: var(--border-none); --avatar_border_4: var(--border-none); --avatar_border_5: var(--border-none); --avatar-menu_container-heading_font-family: var(--family_sans); --avatar-menu_container-subtitle_font-family: var(--family_sans); --avatar-menu_container-support_font-family: var(--family_sans); --avatar-menu_container-heading_font-type: var(--type_display-regular); --avatar-menu_container-subtitle_font-type: var(--type_text-regular); --avatar-menu_container-support_font-type: var(--type_text-regular); --avatar-menu_radius: var(--large-container_radius); --avatar-menu_fill_container: var(--layer_primary); --avatar-menu_foreground_container-heading: var(--heading_primary); --avatar-menu_foreground_container-subtitle: var(--text_weak); --avatar-menu_foreground_container-support: var(--text_weak); --badge_fill_low-contrast: var(--citi-blue-50); --badge_fill_low-contrast_info: var(--gray-100); --badge_fill_low-contrast_success: var(--blue-green-light-100); --badge_fill_low-contrast_warning: var(--tan-bright-100); --badge_fill_low-contrast_danger: var(--mahogany-50); --badge_fill_low-contrast_orange: var(--orange-light-100); --badge_fill_low-contrast_plum: var(--plum-light-100); --badge_fill_low-contrast_purple: var(--purple-light-100); --badge_fill_low-contrast_teal: var(--blue-green-dark-50); --badge_fill_low-contrast_sand: var(--sand-50); --badge_foreground_low-contrast: var(--citi-blue-800); --badge_foreground_low-contrast_info: var(--citi-ink-blue-950); --badge_foreground_low-contrast_success: var(--green-dark-800); --badge_foreground_low-contrast_warning: var(--tan-900); --badge_foreground_low-contrast_danger: var(--mahogany-800); --badge_foreground_low-contrast_orange: var(--orange-700); --badge_foreground_low-contrast_plum: var(--plum-800); --badge_foreground_low-contrast_purple: var(--purple-800); --badge_foreground_low-contrast_teal: var(--blue-green-dark-900); --badge_foreground_low-contrast_sand: var(--tan-900); --badge_border_low-contrast: var(--citi-ink-blue-400); --badge_border_low-contrast_success: var(--blue-green-light-400); --badge_border_low-contrast_warning: var(--tan-400); --badge_border_low-contrast_danger: var(--red-light-300); --badge_border_low-contrast_disabled: var(--border_disabled); --badge_border_low-contrast_info: var(--gray-300); --badge_border_low-contrast_orange: var(--orange-light-300); --badge_border_low-contrast_plum: var(--plum-light-400); --badge_border_low-contrast_purple: var(--purple-light-400); --badge_border_low-contrast_teal: var(--blue-green-dark-300); --badge_border_low-contrast_sand: var(--sand-400); --badge_fill_high-contrast_info: var(--gray-600); --badge_fill_high-contrast_success: var(--success); --badge_fill_high-contrast_warning: var(--warning); --badge_fill_high-contrast_danger: var(--danger); --badge_fill_high-contrast_default: var(--blue-light-400); --badge_fill_high-contrast_orange: var(--orange-700); --badge_fill_high-contrast_purple: var(--purple-800); --badge_fill_high-contrast_plum: var(--plum-600); --badge_fill_high-contrast_teal: var(--blue-green-dark-900); --badge_fill_high-contrast_sand: var(--sand-900); --badge_foreground_high-contrast_info: var(--white); --badge_foreground_high-contrast_success: var(--white); --badge_foreground_high-contrast_warning: var(--tan-900); --badge_foreground_high-contrast_danger: var(--white); --badge_foreground_high-contrast_default: var(--citi-ink-blue-950); --badge_foreground_high-contrast_orange: var(--white); --badge_foreground_high-contrast_purple: var(--white); --badge_foreground_high-contrast_plum: var(--white); --badge_foreground_high-contrast_teal: var(--white); --badge_foreground_high-contrast_sand: var(--white); --badge_border_high-contrast_info: var(--border-none); --badge_border_high-contrast_success: var(--border-none); --badge_border_high-contrast_warning: var(--border-none); --badge_border_high-contrast_danger: var(--border-none); --badge_border_high-contrast_default: var(--border-none); --badge_border_high-contrast_orange: var(--border-none); --badge_border_high-contrast_purple: var(--border-none); --badge_border_high-contrast_plum: var(--border-none); --badge_border_high-contrast_teal: var(--border-none); --badge_border_high-contrast_sand: var(--border-none); --dot-indicator_fill: var(--accent); --badge-indicator_container_radius: var(--radius-8); --badge-indicator_number-indicator_radius: var(--radius-12); --badge-indicator_fill_container: transparent; --badge-indicator_fill_container_hover: var(--fill_hover); --badge-indicator_fill_container_focus: transparent; --badge-indicator_fill_container_active: transparent; --badge-indicator_border_container: var(--border-none); --badge-indicator_border_container_hover: var(--border-none); --badge-indicator_border_container_focus: var(--border_focus); --badge-indicator_border_container_active: var(--border_active); --badge-indicator_foreground_container: var(--icon_fill); --badge-indicator_foreground_container_hover: var(--icon_fill); --badge-indicator_foreground_container_focus: var(--icon_fill); --badge-indicator_foreground_container_active: var(--badge-indicator_foreground_container); --badge-indicator_number-indicator_font-family: var(--family_mono); --badge-indicator_number-indicator_font-type: var(--type_mono-regular); --badge-indicator_fill_dot-indicator_container: var(--danger); --badge-indicator_border_dot-indicator_container: var(--border-none); --badge-indicator_foreground_number-indicator-overflow: var(--white); --breadcrumb_foreground: var(--link); --breadcrumb_foreground_hover: var(--link_hover); --breadcrumb_foreground_active: var(--link_active); --breadcrumb_foreground_disabled: var(--link_disabled); --button_fill_primary: var(--cta); --button_fill_primary_hover: var(--citi-blue-800); --button_fill_primary_focus: var(--button_fill_primary); --button_fill_primary_active: var(--citi-ink-blue-950); --button_fill_primary_disabled: var(--fill_disabled); --button_foreground_primary: var(--white); --button_foreground_primary_hover: var(--white); --button_foreground_primary_focus: var(--button_foreground_primary); --button_foreground_primary_active: var(--white); --button_foreground_primary_disabled: var(--text_disabled); --button_border_primary: var(--border-none); --button_border_primary_hover: var(--border-none); --button_border_primary_focus: var(--border-none); --button_border_primary_active: var(--border-none); --button_border_primary_disabled: var(--border-none); --button_fill_standard: var(--gray-150); --button_fill_standard_hover: var(--gray-300); --button_fill_standard_focus: var(--gray-150); --button_fill_standard_active: var(--citi-ink-blue-950); --button_fill_standard_disabled: var(--fill_disabled); --button_foreground_standard: var(--citi-ink-blue-950); --button_foreground_standard_hover: var(--citi-ink-blue-950); --button_foreground_standard_focus: var(--citi-ink-blue-950); --button_foreground_standard_active: var(--white); --button_foreground_standard_disabled: var(--text_disabled); --button_border_standard: var(--border-none); --button_border_standard_hover: var(--border-none); --button_border_standard_focus: var(--border-none); --button_border_standard_active: var(--border-none); --button_border_standard_disabled: var(--border-none); --button_fill_outline: transparent; --button_fill_outline_hover: var(--cta); --button_fill_outline_focus: var(--button_fill_outline); --button_fill_outline_active: var(--citi-ink-blue-950); --button_fill_outline_disabled: var(--fill_disabled); --button_foreground_outline: var(--cta); --button_foreground_outline_hover: var(--white); --button_foreground_outline_focus: var(--button_foreground_outline); --button_foreground_outline_active: var(--white); --button_foreground_outline_disabled: var(--text_disabled); --button_border_outline: var(--cta); --button_border_outline_hover: var(--cta); --button_border_outline_focus: var(--button_border_outline); --button_border_outline_active: var(--border-none); --button_fill_ghost: transparent; --button_fill_ghost_hover: var(--gray-200); --button_fill_ghost_focus: transparent; --button_fill_ghost_active: var(--citi-ink-blue-950); --button_fill_ghost_disabled: var(--fill_disabled); --button_foreground_ghost: var(--cta); --button_foreground_ghost_hover: var(--citi-blue-800); --button_foreground_ghost_focus: var(--button_foreground_ghost); --button_foreground_ghost_active: var(--white); --button_foreground_ghost_disabled: var(--text_disabled); --button_border_ghost: var(--border-none); --button_border_ghost_hover: var(--border-none); --button_border_ghost_focus: var(--border-none); --button_border_ghost_active: var(--border-none); --button_border_ghost_disabled: var(--border-none); --button_fill_success: var(--forest-700); --button_fill_success_hover: var(--forest-900); --button_fill_success_focus: var(--forest-700); --button_fill_success_active: var(--forest-900); --button_fill_success_disabled: var(--fill_disabled); --button_foreground_success: var(--white); --button_foreground_success_hover: var(--white); --button_foreground_success_focus: var(--white); --button_foreground_success_active: var(--white); --button_foreground_success_disabled: var(--text_disabled); --button_border_success: var(--border-none); --button_border_success_hover: var(--border-none); --button_border_success_focus: var(--border-none); --button_border_success_active: var(--border-none); --button_border_success_disabled: var(--border-none); --button_fill_danger: var(--mahogany-800); --button_fill_danger_hover: var(--mahogany-900); --button_fill_danger_focus: var(--mahogany-800); --button_fill_danger_active: var(--mahogany-950); --button_fill_danger_disabled: var(--fill_disabled); --button_foreground_danger: var(--white); --button_foreground_danger_hover: var(--white); --button_foreground_danger_focus: var(--white); --button_foreground_danger_active: var(--white); --button_foreground_danger_disabled: var(--text_disabled); --button_border_danger: var(--border-none); --button_border_danger_hover: var(--border-none); --button_border_danger_focus: var(--border-none); --button_border_danger_active: var(--border-none); --button_border_danger_disabled: var(--border-none); --button_fill_warning: var(--tan-bright-400); --button_fill_warning_hover: var(--tan-bright-300); --button_fill_warning_focus: var(--tan-bright-300); --button_fill_warning_active: var(--tan-700); --button_fill_warning_disabled: var(--fill_disabled); --button_foreground_warning: var(--tan-900); --button_foreground_warning_hover: var(--tan-900); --button_foreground_warning_focus: var(--tan-900); --button_foreground_warning_active: var(--white); --button_foreground_warning_disabled: var(--text_disabled); --button_border_warning: var(--border-none); --button_border_warning_hover: var(--border-none); --button_border_warning_focus: var(--border-none); --button_border_warning_active: var(--border-none); --button_border_warning_disabled: var(--border-none); --button_fill_primary_on-layer-brand-primary: var(--white); --button_fill_primary_hover_on-layer-brand-primary: var(--gray-100); --button_fill_primary_focus_on-layer-brand-primary: var(--white); --button_fill_primary_active_on-layer-brand-primary: var(--gray-300); --button_fill_primary_disabled_on-layer-brand-primary: var(--gray-800); --button_foreground_primary_on-layer-brand-primary: var(--citi-blue-600); --button_foreground_primary_hover_on-layer-brand-primary: var(--citi-blue-600); --button_foreground_primary_focus_on-layer-brand-primary: var(--citi-blue-600); --button_foreground_primary_active_on-layer-brand-primary: var(--citi-ink-blue-950); --button_foreground_primary_disabled_on-layer-brand-primary: var(--text_disabled_on-inverse); --button_border_primary_on-layer-brand-primary: var(--border-none); --button_border_primary_hover_on-layer-brand-primary: var(--border-none); --button_border_primary_focus_on-layer-brand-primary: var(--border-none); --button_border_primary_active_on-layer-brand-primary: var(--border-none); --button_border_primary_disabled_on-layer-brand-primary: var(--border-none); --button_fill_standard_on-layer-brand-primary: var(--gray-900); --button_fill_standard_hover_on-layer-brand-primary: var(--gray-700); --button_fill_standard_focus_on-layer-brand-primary: var(--gray-900); --button_fill_standard_active_on-layer-brand-primary: var(--gray-300); --button_fill_secondary_disabled_on-layer-brand-primary: var(--gray-800); --button_foreground_standard_on-layer-brand-primary: var(--white); --button_foreground_standard_hover_on-layer-brand-primary: var(--white); --button_foreground_standard_focus_on-layer-brand-primary: var(--white); --button_foreground_standard_active_on-layer-brand-primary: var(--citi-ink-blue-950); --button_foreground_secondary_disabled_on-layer-brand-primary: var(--text_disabled_on-inverse); --button_border_standard_on-layer-brand-primary: var(--border-none); --button_border_standard_hover_on-layer-brand-primary: var(--border-none); --button_border_secondary_focus_on-layer-brand-primary: var(--border-none); --button_border_secondary_active_on-layer-brand-primary: var(--border-none); --button_border_secondary_disabled_on-layer-brand-primary: var(--border-none); --button_fill_outline_on-layer-brand-primary: transparent; --button_fill_outline_hover_on-layer-brand-primary: var(--white); --button_fill_outline_focus_on-layer-brand-primary: transparent; --button_fill_outline_active_on-layer-brand-primary: var(--gray-300); --button_fill_outline_disabled_on-layer-brand-primary: var(--gray-800); --button_foreground_outline_on-layer-brand-primary: var(--white); --button_foreground_outline_hover_on-layer-brand-primary: var(--citi-blue-600); --button_foreground_outline_focus_on-layer-brand-primary: var(--white); --button_foreground_outline_active_on-layer-brand-primary: var(--gray-975); --button_foreground_outline_disabled_on-layer-brand-primary: var(--text_disabled); --button_border_outline_on-layer-brand-primary: var(--white); --button_border_outline_hover_on-layer-brand-primary: var(--citi-blue-600); --button_border_outline_focus_on-layer-brand-primary: var(--button_border_outline_on-layer-brand-primary); --button_border_outline_active_on-layer-brand-primary: var(--border-none); --button_border_outline_disabled_on-layer-brand-primary: var(--border-none); --button_fill_primary_on-layer-brand-secondary: var(--white); --button_fill_primary_hover_on-layer-brand-secondary: var(--gray-100); --button_fill_primary_focus_on-layer-brand-secondary: var(--white); --button_fill_primary_active_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_fill_primary_disabled_on-layer-brand-secondary: rgba(255,255,255,0.30); --button_foreground_primary_on-layer-brand-secondary: var(--citi-blue-600); --button_foreground_primary_hover_on-layer-brand-secondary: var(--citi-blue-600); --button_foreground_primary_focus_on-layer-brand-secondary: var(--citi-blue-600); --button_foreground_primary_active_on-layer-brand-secondary: var(--white); --button_foreground_primary_disabled_on-layer-brand-secondary: rgba(255,255,255,0.40); --button_border_primary_on-layer-brand-secondary: var(--border-none); --button_border_primary_hover_on-layer-brand-secondary: var(--border-none); --button_border_primary_focus_on-layer-brand-secondary: var(--border-none); --button_border_primary_active_on-layer-brand-secondary: var(--border-none); --button_border_primary_disabled_on-layer-brand-secondary: var(--border-none); --button_fill_standard_on-layer-brand-secondary: var(--gray-200); --button_fill_standard_hover_on-layer-brand-secondary: var(--gray-300); --button_fill_standard_focus_on-layer-brand-secondary: var(--gray-200); --button_fill_standard_active_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_fill_standard_disabled_on-layer-brand-secondary: rgba(255,255,255,0.30); --button_foreground_standard_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_foreground_standard_hover_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_foreground_standard_focus_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_foreground_standard_active_on-layer-brand-secondary: var(--white); --button_foreground_standard_disabled_on-layer-brand-secondary: rgba(255,255,255,0.40); --button_border_standard_on-layer-brand-secondary: var(--border-none); --button_border_standard_hover_on-layer-brand-secondary: var(--border-none); --button_border_standard_focus_on-layer-brand-secondary: var(--border-none); --button_border_standard_active_on-layer-brand-secondary: var(--border-none); --button_border_standard_disabled_on-layer-brand-secondary: var(--border-none); --button_fill_outline_on-layer-brand-secondary: transparent; --button_fill_outline_hover_on-layer-brand-secondary: var(--white); --button_fill_outline_focus_on-layer-brand-secondary: transparent; --button_fill_outline_active_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_fill_outline_disabled_on-layer-brand-secondary: rgba(255,255,255,0.30); --button_foreground_outline_on-layer-brand-secondary: var(--white); --button_foreground_outline_hover_on-layer-brand-secondary: var(--citi-blue-600); --button_foreground_outline_focus_on-layer-brand-secondary: var(--white); --button_foreground_outline_active_on-layer-brand-secondary: var(--white); --button_foreground_outline_disabled_on-layer-brand-secondary: rgba(255,255,255,0.40); --button_border_outline_on-layer-brand-secondary: var(--white); --button_border_outline_hover_on-layer-brand-secondary: var(--border-none); --button_border_outline_focus_on-layer-brand-secondary: var(--button_border_outline_on-layer-brand-primary); --button_border_outline_active_on-layer-brand-secondary: var(--border-none); --button_border_outline_disabled_on-layer-brand-secondary: var(--border-none); --button_fill_on-high-contrast: transparent; --button_fill_on-high-contrast_hover: var(--white); --button_fill_on-high-contrast_active: var(--gray-300); --button_fill_on-high-contrast-info-status: transparent; --button_fill_on-high-contrast-info-status_hover: var(--white); --button_fill_on-high-contrast-info-status_active: var(--gray-300); --button_fill_on-high-contrast-danger-status: transparent; --button_fill_on-high-contrast-danger-status_hover: var(--white); --button_fill_on-high-contrast-danger-status_active: var(--gray-300); --button_fill_on-high-contrast-warning-status: transparent; --button_fill_on-high-contrast-warning-status_hover: var(--white); --button_fill_on-high-contrast-warning-status_active: var(--button_fill_outline_active); --button_fill_on-high-contrast-success-status: transparent; --button_fill_on-high-contrast-success-status_hover: var(--white); --button_fill_on-high-contrast-success-status_active: var(--button_fill_outline_active); --button_border_on-high-contrast: var(--white); --button_border_on-high-contrast_hover: var(--border-none); --button_border_on-high-contrast_active: var(--border-none); --button_border_on-high-contrast-info-status: var(--white); --button_border_on-high-contrast-info-status_hover: var(--border-none); --button_border_on-high-contrast-info-status_active: var(--border-none); --button_border_on-high-contrast-danger-status: var(--white); --button_border_on-high-contrast-danger-status_hover: var(--border-none); --button_border_on-high-contrast-danger-status_active: var(--border-none); --button_border_on-high-contrast-warning-status: var(--tan-900); --button_border_on-high-contrast-warning-status_hover: var(--border-none); --button_border_on-high-contrast-warning-status_active: var(--button_border_outline_active); --button_border_on-high-contrast-success-status: var(--white); --button_border_on-high-contrast-success-status_hover: var(--border-none); --button_border_on-high-contrast-success-status_active: var(--button_border_outline_active); --button_foreground_on-high-contrast: var(--white); --button_foreground_on-high-contrast_hover: var(--gray-975); --button_foreground_on-high-contrast_active: var(--gray-975); --button_foreground_on-high-contrast-info-status: var(--white); --button_foreground_on-high-contrast-info-status_hover: var(--gray-975); --button_foreground_on-high-contrast-info-status_active: var(--gray-975); --button_foreground_on-high-contrast-danger-status: var(--white); --button_foreground_on-high-contrast-danger-status_hover: var(--mahogany-900); --button_foreground_on-high-contrast-danger-status_active: var(--gray-975); --button_foreground_on-high-contrast-warning-status: var(--tan-900); --button_foreground_on-high-contrast-warning-status_hover: var(--tan-900); --button_foreground_on-high-contrast-warning-status_active: var(--button_foreground_outline_active); --button_foreground_on-high-contrast-success-status: var(--white); --button_foreground_on-high-contrast-success-status_hover: var(--forest-900); --button_foreground_on-high-contrast-success-status_active: var(--button_foreground_outline_active); --button_fill_on-low-contrast: transparent; --button_fill_on-low-contrast_hover: var(--gray-800); --button_fill_on-low-contrast_active: var(--button_fill_outline_active); --button_fill_on-low-contrast-info-status: transparent; --button_fill_on-low-contrast-info-status_hover: var(--gray-800); --button_fill_on-low-contrast-info-status_active: var(--button_fill_outline_active); --button_fill_on-low-contrast-danger-status: transparent; --button_fill_on-low-contrast-danger-status_hover: var(--mahogany-800); --button_fill_on-low-contrast-danger-status_active: var(--button_fill_outline_active); --button_fill_on-low-contrast-warning-status: transparent; --button_fill_on-low-contrast-warning-status_hover: var(--tan-700); --button_fill_on-low-contrast-warning-status_active: var(--button_fill_outline_active); --button_fill_on-low-contrast-success-status: transparent; --button_fill_on-low-contrast-success-status_hover: var(--forest-700); --button_fill_on-low-contrast-success-status_active: var(--button_fill_outline_active); --button_border_on-low-contrast: var(--gray-800); --button_border_on-low-contrast_hover: var(--border-none); --button_border_on-low-contrast_active: var(--button_border_outline_active); --button_border_on-low-contrast-info-status: var(--gray-800); --button_border_on-low-contrast-info-status_hover: var(--border-none); --button_border_on-low-contrast-info-status_active: var(--button_border_outline_active); --button_border_on-low-contrast-danger-status: var(--mahogany-800); --button_border_on-low-contrast-danger-status_hover: var(--border-none); --button_border_on-low-contrast-danger-status_active: var(--button_border_outline_active); --button_border_on-low-contrast-warning-status: var(--tan-700); --button_border_on-low-contrast-warning-status_hover: var(--border-none); --button_border_on-low-contrast-warning-status_active: var(--button_border_outline_active); --button_border_on-low-contrast-success-status: var(--forest-700); --button_border_on-low-contrast-success-status_hover: var(--border-none); --button_border_on-low-contrast-success-status_active: var(--button_border_outline_active); --button_foreground_on-low-contrast: var(--gray-800); --button_foreground_on-low-contrast_hover: var(--white); --button_foreground_on-low-contrast_active: var(--button_foreground_outline_active); --button_foreground_on-low-contrast-info-status: var(--gray-800); --button_foreground_on-low-contrast-info-status_hover: var(--white); --button_foreground_on-low-contrast-info-status_active: var(--button_foreground_outline_active); --button_foreground_on-low-contrast-danger-status: var(--mahogany-800); --button_foreground_on-low-contrast-danger-status_hover: var(--white); --button_foreground_on-low-contrast-danger-status_active: var(--button_foreground_outline_active); --button_foreground_on-low-contrast-warning-status: var(--tan-900); --button_foreground_on-low-contrast-warning-status_hover: var(--white); --button_foreground_on-low-contrast-warning-status_active: var(--button_foreground_outline_active); --button_foreground_on-low-contrast-success-status: var(--forest-700); --button_foreground_on-low-contrast-success-status_hover: var(--white); --button_foreground_on-low-contrast-success-status_active: var(--button_foreground_outline_active); --group-button_fill: var(--transparent); --group-button_fill_hover: var(--button_fill_standard_hover); --group-button_fill_focus: var(--button_fill_standard_focus); --group-button_fill_active: var(--button_fill_standard_active); --group-button_fill_disabled: var(--button_fill_standard_disabled); --group-button_border: var(--button_border_standard); --group-button_border_hover: var(--button_border_standard_hover); --group-button_border_focus: var(--button_border_standard_focus); --group-button_border_active: var(--button_border_standard_active); --group-button_border_disabled: var(--button_border_standard_disabled); --group-button_foreground: var(--citi-ink-blue-950); --group-button_foreground_hover: var(--citi-ink-blue-950); --group-button_foreground_focus: var(--citi-ink-blue-950); --group-button_foreground_active: var(--button_foreground_standard_active); --group-button_foreground_disabled: var(--button_foreground_standard_disabled); --group-button_container_padding: var(--spacing-0); --group-button_item_padding-top_theme: var(--button_container_vertical-padding); --group-button_item_padding-bottom_theme: var(--button_container_vertical-padding); --segmented_container_padding: var(--spacing-2); --segmented-control_foreground: var(--citi-ink-blue-950); --segmented-control_foreground_active: var(--citi-ink-blue-950); --segmented-control_foreground_hover: var(--citi-ink-blue-950); --segmented-control_foreground_focus: var(--citi-ink-blue-950); --segmented-control_fill_deprecated: var(--gray-100); --segmented-control_fill_hover_deprecated: var(--gray-200); --segmented-control_fill_active_deprecated: var(--white); --segmented-control_fill_focus_deprecated: var(--gray-200); --segmented-control_fill: transparent; --segmented-control_fill_hover: var(--gray-100); --segmented-control_fill_active: var(--white); --segmented-control_fill_focus: var(--segmented-control_fill); --segmented-control_border: var(--border_strong); --segmented-control_border_hover: var(--border_strong); --segmented-control_border_focus: var(--segmented-control_border); --segmented-control_border_active: var(--border_strong); --segmented-control_border_disabled: var(--border_strong); --card_radius: var(--large-container_radius); --card_border-width: var(--border-width_none); --card_foreground_header-label: var(--text_weak); --card_foreground_body: var(--text_strong); --card_foreground_footer: var(--text_weak); --card_fill: var(--layer_primary); --card_fill_on-layer-primary: var(--layer_secondary); --card_fill_media-type: var(--layer_brand_primary); --card_border: var(--border-none); --card_foreground_body_on-layer-brand-primary: var(--text_strong_on-layer-brand-primary); --card_foreground_header-label_on-layer_brand_primary: var(--text_weak_on-layer-brand-primary); --card_foreground_body_on-layer-brand-secondary: var(--text_strong_on-layer-brand-secondary); --card_foreground_header-label_on-layer_brand_secondary: var(--text_weak_on-layer-brand-secondary); --card_date-label_font-type: var(--type_text-regular); --card_font-type_body: var(--type_text-regular); --card_font-type_footer: var(--type_text-regular); --card-actionable_border-width: var(--border-width_thin); --card_border-width_hover: var(--border-width_thin); --card_border-width_active: var(--border-width_thick); --card_border-width_selected: var(--border-width_thick); --card_border-width_selected-hover: var(--border-width_thick); --card_fill_hover: var(--fill_hover); --card-actionable_border: var(--border_weak); --card_foreground_hover: var(--text_active); --card_foreground_active: var(--text_active); --card_foreground_disabled: var(--text_disabled); --card_border_hover: var(--border_hover); --card_border_active: var(--border_active); --card_border_selected: var(--border_active); --card_border_selected-hover: var(--border_active); --card_border_disabled: var(--border_disabled); --card_fill_active: var(--fill_hover); --card_fill_selected: var(--fill_active); --card_fill_selected-hover: var(--fill_selected); --card_fill_disabled: var(--fill_disabled); --carousel_card-container_radius: var(--large-container_radius); --carousel_image-container_radius: var(--large-container_radius); --carousel_indicator_radius: var(--radius-2); --carousel_border_card-container: var(--border-none); --carousel_border_image-container: var(--border-none); --carousel_fill_card-container: var(--layer_primary); --carousel_fill_image-container: transparent; --carousel_fill_indicator: var(--citi-ink-blue-950); --carousel_fill_indicator_active: var(--accent); --carousel-control-bg-color: var(--citi-blue-100); --chart-color_single-focus_primary: var(--citi-blue-600); --chart-color_single-focus_secondary: var(--gray-500); --chart-color_single-focus_utility: var(--gray-200); --chart-color_categorical_1: var(--citi-blue-600); --chart-color_categorical_2: var(--purple-700); --chart-color_categorical_3: var(--tan-600); --chart-color_categorical_4: var(--blue-green-dark-900); --chart-color_categorical_5: var(--plum-600); --chart-color_categorical_6: var(--blue-green-dark-300-shade-30); --chart-color_categorical_7: var(--orange-dark-800); --chart-color_categorical_8: var(--forest-bright-600); --chart-color_categorical_9: var(--citi-blue-800); --chart-color_categorical_10: var(--purple-500); --chart-color_categorical_11: var(--tan-900); --chart-color_categorical_12: var(--citi-red-500); --chart-color_categorical_13: var(--citi-ink-blue-950); --chart-color_categorical_14: var(--plum-dark-900); --chart-color_categorical_15: var(--green-dark-800); --chart-color_categorical_16: var(--mahogany-950); --chart-color_sequential_1: var(--citi-blue-100); --chart-color_sequential_2: var(--citi-blue-200); --chart-color_sequential_3: var(--citi-blue-300); --chart-color_sequential_4: var(--citi-blue-400); --chart-color_sequential_5: var(--citi-blue-500); --chart-color_sequential_6: var(--citi-blue-600); --chart-color_sequential_7: var(--citi-blue-700); --chart-color_sequential_8: var(--citi-blue-800); --chart-color_sequential_9: var(--citi-blue-900); --chart-color_sequential_10: var(--citi-blue-950); --chart-color_divergent_set-1_positive-1: var(--citi-blue-800); --chart-color_divergent_set-1_positive-2: var(--citi-blue-700); --chart-color_divergent_set-1_positive-3: var(--citi-blue-600); --chart-color_divergent_set-1_positive-4: var(--citi-blue-500); --chart-color_divergent_set-1_positive-5: var(--citi-blue-400); --chart-color_divergent_set-1_positive-6: var(--citi-blue-300); --chart-color_divergent_set-1_positive-7: var(--citi-blue-200); --chart-color_divergent_set-1_positive-8: var(--citi-blue-100); --chart-color_divergent_set-1_negative-1: var(--tan-100); --chart-color_divergent_set-1_negative-2: var(--tan-200); --chart-color_divergent_set-1_negative-3: var(--tan-300); --chart-color_divergent_set-1_negative-4: var(--tan-400); --chart-color_divergent_set-1_negative-5: var(--tan-500); --chart-color_divergent_set-1_negative-6: var(--tan-600); --chart-color_divergent_set-1_negative-7: var(--tan-700); --chart-color_divergent_set-1_negative-8: var(--tan-800); --chart-color_divergent_set-2_positive-1: var(--forest-bright-800); --chart-color_divergent_set-2_positive-2: var(--forest-bright-700); --chart-color_divergent_set-2_positive-3: var(--forest-bright-600); --chart-color_divergent_set-2_positive-4: var(--forest-bright-500); --chart-color_divergent_set-2_positive-5: var(--forest-bright-400); --chart-color_divergent_set-2_positive-6: var(--forest-bright-300); --chart-color_divergent_set-2_positive-7: var(--forest-bright-200); --chart-color_divergent_set-2_positive-8: var(--forest-bright-100); --chart-color_divergent_set-2_negative-1: var(--citi-red-100); --chart-color_divergent_set-2_negative-2: var(--citi-red-200); --chart-color_divergent_set-2_negative-3: var(--citi-red-300); --chart-color_divergent_set-2_negative-4: var(--citi-red-400); --chart-color_divergent_set-2_negative-5: var(--citi-red-500); --chart-color_divergent_set-2_negative-6: var(--citi-red-600); --chart-color_divergent_set-2_negative-7: var(--citi-red-700); --chart-color_divergent_set-2_negative-8: var(--citi-red-800); --chart-color_functional_critical: var(--danger); --chart-color_functional_high: var(--orange-600); --chart-color_functional_mid: var(--warning); --chart-color_functional_low: var(--success); --chart-color_fill: var(--layer_primary); --chart-color_fill_grid: var(--gray-100); --chart-color_fill_pane: var(--gray-200); --chart-color_foreground_label: var(--text_strong); --chart-color_foreground_title: var(--text_weak); --chart-color_foreground_subtitle: var(--text_strong); --chart-color_foreground_axis-titles: var(--text_strong); --control_fill: var(--fill_default); --control_fill_hover: var(--fill_hover); --control_fill_focus: var(--fill_default); --control_fill_active: var(--accent); --control_fill_error: var(--field_fill_danger); --control_fill_disabled: var(--fill_disabled); --control_foreground_hover: var(--gray-500); --control_foreground_active: var(--white); --control_foreground_error: var(--danger); --control_foreground_disabled: var(--text_disabled); --control_border: var(--border_strong); --control_border_hover: var(--border_hover); --control_border_focus: var(--control_border); --control_border_active: var(--border-none); --control_border_error: var(--danger); --control_border_disabled: var(--border_disabled); --switch_fill_track_active: var(--accent); --switch_fill_track_active-focus: var(--switch_fill_track_active); --switch_fill_handle_active: var(--white); --switch_fill_handle_active-focus: var(--switch_fill_track_active); --switch_border_track_active: var(--border-none); --switch_border_track_active-focus: var(--border_focus_secondary); --switch_border_track_off: var(--citi-ink-blue-950); --switch_border_track_off-focus: var(--border_focus); --switch_fill_track_off: rgba(0,0,0,0.01); --switch_border_track_disabled: var(--border_disabled); --switch_fill_track_off-focus: var(--switch_fill_track_off); --switch_border_track_disabled-off: var(--switch_border_track_disabled); --switch_fill_handle_off: var(--citi-ink-blue-950); --switch_fill_handle_off-focus: var(--citi-ink-blue-950); --switch_fill_handle_disabled: var(--gray-400); --switch_fill_handle_disabled-off: var(--gray-400); --switch_fill_track_disabled: transparent; --switch_fill_track_disabled-off: var(--switch_fill_track_disabled); --switch_handle_shadow-color: transparent; --switch_handle_shadow-x: var(--x-distance-0); --switch_handle_shadow-y: var(--y-distance-0); --switch_handle_shadow-spread: var(--spread-0); --switch_handle_shadow-blur: var(--blur-0); --switch_handle_radius: var(--radius-40); --code_fill: var(--gray-100); --code_fill_on-layer_secondary: var(--gray-100); --code_foreground: var(--text_strong); --code_padding: var(--spacing-4); --code_font-family: var(--family_mono); --code_radius: var(--border-radius-sm); --collapse_border_container: var(--border-none); --collapse_fill_nested-item-container: var(--layer_secondary); --collapse_container_radius: var(--large-container_radius); --collapse_item-container_radius: var(--spacing-12); --collapse_nested-item-container_horizontal-padding: var(--collapse_nested-item-container_padding); --collapse_nested-item-container_vertical-padding: var(--collapse_nested-item-container_padding); --context-menu-item_radius: var(--radius-16); --context-menu_fill: var(--layer_primary); --context-menu_border-width: var(--border-width_none); --context-menu-item_fill: transparent; --context-menu-item_fill_hover: var(--fill_hover); --context-menu-item_fill_active: var(--fill_active); --context-menu-item_fill_disabled: transparent; --context-menu-item_border-width: var(--border-width_none); --context-menu_border: var(--border-none); --context-menu-item_border: var(--border-none); --context-menu-item_border-width_active: var(--border-width_none); --context-menu-item_border_hover: var(--border-none); --context-menu-item_border_active: var(--border-none); --context-menu-item_border_disabled: var(--border-none); --context-menu-item_foreground: var(--text_strong); --context-menu-item_foreground_hover: var(--text_strong); --context-menu-item_foreground_active: var(--text_active); --context-menu-item_foreground_disabled: var(--text_disabled); --context-menu_font-type: var(--type_text-regular); --context-menu_font-type_active: var(--type_text-bold); --datatable_header: var(--gray-50); --datatable_info: var(--white); --datatable_font-family_column-header: var(--family-family-base); --datatable_font-type_column-header: var(--type_text-regular); --datatable_font-family_standard-cell: var(--family_sans); --datatable_font-type_standard-cell: var(--type_text-regular); --datatable_font-type_number-cell_active: var(--type_mono-bold); --datatable_font-type_standard-cell_active: var(--type_text-bold); --datatable_font-family_number-cell: var(--family_mono); --datatable_font-type_number-cell: var(--type_mono-regular); --datatable_fill: var(--fill_default); --datatable_fill_hover: var(--fill_hover); --datatable_fill_focus: var(--field_fill_focus); --datatable_fill_active: var(--fill_active); --datatable_fill_selected: var(--fill_active); --datatable_fill_disabled: var(--fill_disabled); --datatable_fill_info: var(--field_fill_read-only); --datatable_fill_total: var(--field_fill_read-only); --datatable_fill_column-header: var(--layer_secondary); --datatable_fill_column-header_hover: var(--teal-100); --datatable_fill_positive-indicator: #eafbf3; --datatable_fill_positive-indicator_hover: #ddf2ec; --datatable_fill_positive-indicator_focus: #eafbf3; --datatable_fill_positive-indicator_active: #ddf3f2; --datatable_fill_positive-indicator_selected: #ddf3f2; --datatable_fill_positive-indicator_disabled: var(--fill_disabled); --datatable_fill_positive-indicator_info: #d4e9e3; --datatable_fill_positive-indicator_total: #d4e9e3; --datatable_fill_negative-indicator: #ffebe9; --datatable_fill_negative-indicator_hover: #f1e2e2; --datatable_fill_negative-indicator_focus: #ffebe9; --datatable_fill_negative-indicator_active: #f1e3e9; --datatable_fill_negative-indicator_selected: #f1e3e9; --datatable_fill_negative-indicator_disabled: var(--fill_disabled); --datatable_fill_negative-indicator_info: #e8d9d9; --datatable_fill_negative-indicator_total: #e8d9d9; --datatable_fill_status-icon_success: var(--success); --datatable_fill_status-icon_danger: var(--danger); --datatable_fill_status-icon_warning: var(--tan-600); --datatable_foreground: var(--text_strong); --datatable_foreground_hover: var(--text_strong); --datatable_foreground_focus: var(--text_strong); --datatable_foreground_active: var(--text_strong); --datatable_foreground_selected: var(--text_strong); --datatable_foreground_disabled: var(--text_disabled); --datatable_foreground_info: var(--text_strong); --datatable_foreground_total: var(--text_strong); --datatable_foreground_column-header: var(--text_strong); --datatable_foreground_column-header_hover: var(--teal-100); --datatable_foreground_positive: var(--text_success); --datatable_foreground_positive_hover: var(--text_success); --datatable_foreground_positive_focus: var(--text_success); --datatable_foreground_positive_active: var(--text_success); --datatable_foreground_positive_selected: var(--text_success); --datatable_foreground_positive_disabled: var(--text_disabled); --datatable_foreground_positive_info: var(--text_success); --datatable_foreground_positive_total: var(--text_success); --datatable_foreground_negative: var(--text_error); --datatable_foreground_negative_hover: var(--text_error); --datatable_foreground_negative_focus: var(--text_error); --datatable_foreground_negative_active: var(--text_error); --datatable_foreground_negative_selected: var(--text_error); --datatable_foreground_negative_disabled: var(--text_disabled); --datatable_foreground_negative_info: var(--text_error); --datatable_foreground_negative_total: var(--text_error); --datatable_border: var(--border_weak); --datatable_border_seelected: var(--border_active); --datatable_border_column-header: var(--border_weak); --datatable_border_column-header_resizing-handle: var(--border_strong); --drawer_fill_container_primary: var(--layer_primary); --drawer_fill_container_secondary: var(--layer_secondary); --drawer_container_shadow_color_overlay-1: var(--shadow_color_overlay-1); --drawer_container_shadow_x-distance_overlay-1: var(--shadow_x-distance_overlay-1); --drawer_container_shadow_y-distance_overlay-1: var(--shadow_y-distance_overlay-1); --drawer_container_shadow_blur_overlay-1: var(--shadow_blur_overlay-1); --drawer_container_shadow_spread_overlay-1: var(--shadow_spread_overlay-1); --drawer_container_shadow_color_overlay-2: var(--shadow_color_overlay-2); --drawer_container_shadow_x-distance_overlay-2: var(--shadow_x-distance_overlay-2); --drawer_container_shadow_y-distance_overlay-2: var(--shadow_y-distance_overlay-2); --drawer_container_shadow_blur_overlay-2: var(--shadow_blur_overlay-2); --drawer_container_shadow_spread_overlay-2: var(--shadow_spread_overlay-2); --field_fill: var(--white); --field_fill_hover: var(--gray-50); --field_fill_focus: var(--field_fill); --field_fill_active: var(--field_fill); --field_fill_read-only: var(--fill_read-only); --field_fill_danger: var(--fill_danger); --field_fill_placeholder: var(--field_fill); --field_fill_disabled: var(--fill_disabled); --field_fill_secondary: var(--gray-50); --field_fill_secondary_hover: var(--gray-100); --field_border: var(--border_strong); --field_border_hover: var(--border_strong); --field_border_focus: var(--border_strong); --field_border_active: var(--border_active); --field_border_read-only: var(--border-none); --field_border_danger: var(--border_error); --field_border_placeholder: var(--border_strong); --field_border_disabled: var(--border-none); --field_foreground: var(--text_strong); --field_foreground_hover: var(--text_strong); --field_foreground_focus: var(--text_strong); --field_foreground_active: var(--text_strong); --field_foreground_danger: var(--text_strong); --field_foreground_read-only: var(--text_strong); --field_foreground_placeholder: var(--text_weak); --field_foreground_disabled: var(--text_disabled); --label_foreground: var(--text_strong); --label_foreground_required: var(--text_danger); --label_foreground_disabled: var(--text_disabled); --hint_foreground: var(--text_weak); --hint_foreground_danger: var(--text_danger); --hint_foreground_disabled: var(--text_disabled); --file-upload_uploaded-file_radius: var(--radius-8); --file-upload_fill_uploaded-file_on-layer-background: var(--layer_primary); --file-upload_border_uploaded-file_on-layer-background: var(--border_weak); --file-upload_foreground_file-name_on-layer-background: var(--text_strong); --file-upload_foreground_file-details_on-layer-background: var(--text_weak); --file-upload_fill_uploaded-file_on-layer-primary: var(--layer_secondary); --file-upload_fill_uploaded-file_danger: var(--fill_danger); --file-upload_border_uploaded-file_danger: var(--border_danger); --file-upload_foreground_file-name_on-layer-primary: var(--text_strong); --file-upload_foreground_file-details_on-layer-primary: var(--text_weak); --file-upload_border_uploaded-file_on-layer-primary: var(--border_weak); --file-upload_fill_upload-area: var(--layer_secondary); --file-upload_fill_upload-area-hover: var(--fill_hover); --file-upload_fill_upload-area-focus: var(--layer_secondary); --file-upload_fill_upload-area-active: var(--layer_secondary); --file-upload_foreground_upload-area: var(--text_strong); --file-upload_foreground_upload-area_hover: var(--text_strong); --file-upload_foreground_upload-area_focus: var(--text_strong); --file-upload_foreground_upload-area_active: var(--text_strong); --file-upload_border_upload-area: var(--border_strong); --file-upload_border_upload-area_hover: var(--border_strong); --file-upload_border_upload-area_disabled: var(--border-none); --file-upload_fill_uploaded-file_danger_on-layer-primary: var(--fill_danger); --file-upload_fill_uploaded-file_danger_on-layer-background: var(--fill_danger); --file-upload_border_uploaded-file_danger_on-layer-primary: var(--border_danger); --file-upload_border_uploaded-file_danger_on-layer-background: var(--border_danger); --global-header_text_application-name: var(--heading_secondary); --global-header_text_portal-application-name: var(--text_strong); --global-header_fill_banner: var(--layer_primary); --global-header_fill_navigation-bar: var(--navbar_fill); --global-header_border-width: var(--border-width_none); --global-header_border_banner: var(--border_weak); --global-left-nav_radius: var(--radius-12); --global-left-nav_border-width: var(--border-width_none); --global-left-nav_item_border-width: var(--border-width_none); --global-left-nav_item_border-width_hover: var(--border-width_none); --global-left-nav_item_border-width_active: var(--border-width_none); --global-left-nav_item_radius: var(--radius-20); --global-left-nav_container-margin: var(--container_margin); --global-left-nav_fill: var(--navbar_fill); --global-left-nav_item_fill: var(--navbar_fill); --global-left-nav_item_fill_hover: var(--navbar_fill_hover); --global-left-nav_item_fill_active: var(--navbar_fill_active); --global-left-nav_item_fill_disabled: var(--navbar_fill_disabled); --global-left-nav_item_border: var(--navbar_border); --global-left-nav_item_border_hover: var(--navbar_border_hover); --global-left-nav_item_border_focus: var(--navbar_border_focus); --global-left-nav_item_border_active: var(--navbar_border); --global-left-nav_item_border_disabled: var(--navbar_border_disabled); --global-left-nav_border: var(--border-none); --global-left-nav_foreground_item-container: var(--navbar_foreground); --global-left-nav_foreground_item-container_hover: var(--navbar_foreground_hover); --global-left-nav_foreground_item-container_active: var(--navbar_foreground_active); --global-left-nav_foreground_item-container_disabled: var(--navbar_foreground_disabled); --global-left-nav_foreground_grouped-header: var(--grouped-header_foreground_on-layer-brand-primary); --global-left-nav_item_font-type: var(--type_text-regular); --global-left-nav_item_font-type_active: var(--type_text-bold); --global-left-nav_item-container_vertical-padding: var(--spacing-8); --global-left-nav_item-container_vertical-spacing: var(--spacing-0); --global-left-nav_border_section-divider: var(--gray-600); --global-left-nav_link: var(--link_on-layer-brand-primary); --global-left-nav_link_hover: var(--link_hover_on-layer-brand-primary); --global-left-nav_link_focus: var(--link_focus_on-layer-brand-primary); --global-left-nav_link_active: var(--link_active_on-layer-brand-primary); --global-left-nav_link_visited: var(--link_visited_on-layer-brand-primary); --global-left-nav_link_disabled: var(--link_disabled_on-layer-brand-primary); --global-left-nav_scrollbar_thumb: var(--scrollbar_thumb_on-layer-brand-primary); --global-left-nav_scrollbar_thumb_hover: var(--scrollbar_thumb_on-layer-brand-primary_hover); --global-left-nav_scrollbar_thumb_focus: var(--scrollbar_thumb_on-layer-brand-primary_focus); --global-left-nav_scrollbar-corner-bg: var(--scrollbar-corner-bg); --global-left-menu_fill_container: var(--layer_primary); --global-left-menu_fill_container_on-layer-secondary: var(--layer_secondary); --global-left-menu_foreground_container-heading: var(--heading_primary); --global-left-menu_foreground_container-subtitle: var(--text_weak); --global-left-menu_border_header-container-bottom: var(--border_weak); --grouped-header_foreground: var(--text_strong); --grouped-header_foreground_on-layer-brand-primary: var(--gray-200); --grouped-header_font-family: var(--family_sans); --grouped-header_font-type: var(--type_text-bold); --icon_fill: var(--gray-950); --icon_fill_hover: var(--gray-950); --icon_fill_active: var(--citi-blue-600); --icon_fill_disabled: var(--gray-200); --icon_hover_on-fill-hover: var(--gray-200); --loader_font-family: var(--family_sans); --loader_font-type: var(--type_text-regular); --loader_foreground_label: var(--text_strong); --loader_foreground_label_on-mask: var(--text_on-mask); --loader_fill_loading-icon: var(--accent); --loader_fill_loading-icon_on-mask: var(--text_on-mask); --loader_fill_track: var(--gray-200); --loader_fill_track_active: var(--accent); --loader_border_track: var(--border-none); --loader_border_track_active: var(--border-none); --loader_fill_track_on-mask: var(--gray-900); --loader_fill_track_active_on-mask: var(--white); --loader_border_track_on-mask: var(--border-none); --loading-color: var(--white); --mega-menu_fill_container: var(--layer_primary); --mega-menu_fill_side-panel-container: var(--layer_secondary); --mega-menu_fill_item-container: transparent; --mega-menu_fill_item-container_hover: var(--fill_hover); --mega-menu_fill_item-container_focus: transparent; --mega-menu_fill_item-container_active: var(--fill_active); --mega-menu_fill_item-container_disabled: transparent; --mega-menu_fill_side-panel-item: transparent; --mega-menu_fill_side-panel-item_hover: var(--fill_default_on-layer-secondary); --mega-menu_fill_side-panel-item_focus: transparent; --mega-menu_fill_side-panel-item_active: var(--fill_active); --mega-menu_fill_side-panel-item_disabled: transparent; --mega-menu_foreground-container_heading: var(--heading_primary); --mega-menu_foreground-container_heading-link: var(--heading_primary); --mega-menu_foreground-container_heading-link_hover: var(--heading_primary); --mega-menu_foreground-container_heading-link_focus: var(--heading_primary); --mega-menu_foreground-container_heading-link_active: var(--link_active); --mega-menu_foreground-container_subtitle: var(--text_weak); --mega-menu_foreground_item-container: var(--text_strong); --mega-menu_foreground_item-container_hover: var(--text_hover); --mega-menu_foreground_item-container_focus: var(--text_strong); --mega-menu_foreground_item-container_active: var(--text_active); --mega-menu_foreground_item-container_disabled: var(--text_disabled); --mega-menu_foreground_side-panel-item: var(--text_strong); --mega-menu_foreground_side-panel-item_hover: var(--text_hover); --mega-menu_foreground_side-panel-item_focus: var(--text_strong); --mega-menu_foreground_side-panel-item_active: var(--text_active); --mega-menu_foreground_side-panel-item_disabled: var(--text_disabled); --mega-menu_border_side-panel-container: var(--border-none); --mega-menu_border_item-container: var(--border-none); --mega-menu_border_item-container_hover: var(--border-none); --mega-menu_border_item-container_focus: var(--border-none); --mega-menu_border_item-container_active: var(--border-none); --mega-menu_border_item-container_disabled: var(--border-none); --mega-menu_border_side-panel-item: var(--border-none); --mega-menu_border_side-panel-item_hover: var(--border-none); --mega-menu_border_side-panel-item_focus: var(--border-none); --mega-menu_border_side-panel-item_active: var(--border-none); --mega-menu_border_side-panel-item_disabled: var(--border-none); --menu_fill_grouped-header-container: transparent; --menu_fill_item-container: transparent; --menu_fill_item-container_hover: var(--fill_hover); --menu_fill_item-container_focus: transparent; --menu_fill_item-container_active: var(--fill_active); --menu_fill_item-container_disabled: transparent; --menu_fill_item-container-border: var(--border_weak); --menu_fill_child-item-container: transparent; --menu_fill_child-item-container_hover: var(--fill_hover); --menu_fill_child-item-container_focus: transparent; --menu_fill_child-item-container_active: var(--fill_active); --menu_fill_child-item-container_disabled: transparent; --menu_foreground_item-container: var(--text_strong); --menu_foreground_item-container_hover: var(--text_strong); --menu_foreground_item-container_focus: var(--text_strong); --menu_foreground_item-container_active: var(--text_active); --menu_foreground_item-container_disabled: var(--text_disabled); --menu_foreground_child-item-container: var(--text_strong); --menu_foreground_child-item-container_hover: var(--text_strong); --menu_foreground_child-item-container_focus: var(--text_strong); --menu_foreground_child-item-container_active: var(--text_active); --menu_foreground_child-item-container_disabled: var(--text_disabled); --menu_foreground_grouped-header-container: var(--gray-300); --menu_border_item-container: var(--border-none); --menu_border_item-container_hover: var(--border-none); --menu_border_item-container_focus: var(--border-none); --menu_border_item-container_active: var(--border-none); --menu_border_item-container_disabled: var(--border-none); --menu_border_child-iitem-container: var(--border-none); --menu_border_child-iitem-container_hover: var(--border-none); --menu_border_child-iitem-container_focus: var(--border-none); --menu_border_child-iitem-container_active: var(--border-none); --menu_border_child-iitem-container_disabled: var(--border-none); --menu_item-container_font-family: var(--family_sans); --menu_child-item-container_font-family: var(--family_sans); --menu_item-container_font-type: var(--type_text-regular); --menu_child-item-container_font-type: var(--type_text-regular); --menu_item-container_active_font-type: var(--type_text-bold); --menu_child-item-container_active_font-type: var(--type_text-bold); --modal_background_on-mask: var(--gray-850-70); --modal_radius: var(--large-container_radius); --modal_fill: var(--layer_primary); --modal_border-width: var(--border-width_none); --modal_body_font-type: var(--type_text-regular); --modal_border: var(--border-none); --modal_foreground_body: var(--text_strong); --navbar_fill: var(--citi-ink-blue-950); --navbar_fill_hover: rgba(255,255,255,0.20); --navbar_fill_focus: var(--citi-ink-blue-950); --navbar_fill_active: var(--citi-blue-600); --navbar_fill_disabled: transparent; --navbar_fill_active_on_brand-primary: var(--citi-blue-600); --navbar_foreground: var(--white); --navbar_foreground_hover: var(--white); --navbar_foreground_focus: var(--white); --navbar_foreground_active: var(--white); --navbar_foreground_disabled: var(--text_disabled_on-inverse); --navbar_border: var(--border-none); --navbar_border_hover: var(--border-none); --navbar_border_focus: var(--border-none); --navbar_border_active: var(--border_active); --navbar_border_disabled: var(--border-none); --navbar-menu_container_radius: var(--context-menu_container_radius); --navbar-menu_item-container_radius: var(--context-menu_item-container_radius); --navbar-menu_item-container_font-family: var(--family_sans); --navbar-menu_fill_container: var(--layer_primary); --navbar-menu_fill_item-container: transparent; --navbar-menu_fill_item-container_hover: var(--fill_hover); --navbar-menu_fill_item-container_focus: transparent; --navbar-menu_fill_item-container_active: var(--fill_active); --navbar-menu_fill_item-container_disabled: transparent; --navbar-menu_foreground_item-container: var(--text_strong); --navbar-menu_foreground_item-container_hover: var(--text_hover); --navbar-menu_foreground_item-container_focus: var(--text_strong); --navbar-menu_foreground_item-container_active: var(--text_active); --navbar-menu_foreground_item-container_disabled: var(--text_disabled); --navbar-menu_border_item-container: var(--border-none); --navbar-menu_border_item-container_hover: var(--border-none); --navbar-menu_border_item-container_focus: var(--border-none); --navbar-menu_border_item-container_active: var(--border-none); --navbar-menu_border_item-container_disabled: var(--border-none); --navbar-menu_item-container_font-type: var(--type_text-regular); --navbar-menu_item-container_active_font-type: var(--type_text-bold); --navbar-overflow-menu_radius: var(--context-menu_radius); --navbar-overflow-menu_radius_item: var(--context-menu-item_radius); --navbar-overflow-menu_border-width_item: var(--context-menu-item_border-width); --navbar-overflow-menu_border-width_item_active: var(--context-menu-item_border-width_active); --navbar-overflow-menu_border-width: var(--context-menu_border-width); --navbar-overflow-menu_fill_container: var(--citi-ink-blue-950); --navbar-overflow-menu_border: var(--border-none); --navbar-overflow-menu_fill_item-container: var(--navbar_fill); --navbar-overflow-menu_foreground_item-container: var(--text_strong_on-inverse); --navbar-overflow-menu_border_item-container: var(--border-none); --navbar-overflow-menu_border_item-container_hover: var(--border-none); --navbar-overflow-menu_border_item-container_focus: var(--border-none); --navbar-overflow-menu_border_item-container_active: var(--border-none); --navbar-overflow-menu_border_item-container_disabled: var(--border-none); --navbar-overflow-menu_foreground_item-container_hover: var(--text_strong_on-inverse); --navbar-overflow-menu_foreground_item-container_focus: var(--text_strong_on-inverse); --navbar-overflow-menu_foreground_item-container_active: var(--text_strong_on-inverse); --navbar-overflow-menu_foreground_item-container_disabled: var(--text_disabled_on-inverse); --navbar-overflow-menu_fill_item-container_hover: var(--navbar_fill_hover); --navbar-overflow-menu_fill_item-container_focus: var(--navbar_fill_focus); --navbar-overflow-menu_fill_item-container_active: var(--navbar_fill_active); --navbar-overflow-menu_fill_item-container_disabled: var(--navbar_fill_disabled); --navbar-tab_fill: transparent; --navbar-tab_fill_tab-indicator: transparent; --navbar-tab_fill_tab-indicator_hover: transparent; --navbar-tab_fill_tab-indicator_focus: transparent; --navbar-tab_fill_tab-indicator_active: var(--navbar_foreground_active); --navbar-tab_fill_tab-indicator_disabled: transparent; --navbar-tab_fill_tab-indicator_active-hover: var(--navbar_foreground_active); --navbar-tab_fill_tab-indicator_active-focus: var(--navbar_foreground_active); --navbar-tab_fill_hover: var(--navbar_fill_hover); --navbar-tab_fill_focus: var(--navbar_fill_focus); --navbar-tab_fill_active: transparent; --navbar-tab_fill_active-focus: var(--navbar_fill_focus); --navbar-tab_fill_active-hover: var(--navbar_fill_hover); --navbar-tab_fill_disabled: var(--navbar_fill_disabled); --navbar-tab_foreground: var(--navbar_foreground); --navbar-tab_foreground_hover: var(--navbar_foreground_hover); --navbar-tab_foreground_focus: var(--navbar_foreground_focus); --navbar-tab_foreground_active: var(--navbar_foreground_active); --navbar-tab_foreground_active-focus: var(--navbar_foreground_active); --navbar-tab_foreground_active-hover: var(--navbar_foreground_active); --navbar-tab_foreground_disabled: var(--text_disabled_on-inverse); --navbar-tab_border: var(--border-none); --navbar-tab_border_hover: var(--border-none); --navbar-tab_border_focus: var(--border-none); --navbar-tab_border_active-focus: var(--border-none); --navbar-tab_border_active: var(--border-none); --navbar-tab_border_active-hover: var(--border-none); --navbar-tab_radius: var(--tab_radius); --navbar-tab-condensed_radius: var(--tab_radius); --navbar-tab-condensed_border-width: var(--tab_border-width); --navbar-tab-condensed_border-width_active: var(--tab_border-width_active); --navbar-tab-condensed_fill: var(--tab_fill); --navbar-tab-condensed_fill_hover: var(--tab_fill_hover); --navbar-tab-condensed_fill_active: var(--tab_fill_active); --navbar-tab-condensed_fill_active-hover: var(--tab_fill_active-hover); --navbar-tab-condensed_fill_disabled: var(--tab_fill_disabled); --navbar-tab-condensed_foreground: var(--tab_foreground); --navbar-tab-condensed_foreground_hover: var(--tab_foreground_hover); --navbar-tab-condensed_foreground_active: var(--tab_foreground_active); --navbar-tab-condensed_foreground_active-hover: var(--tab_foreground_active-hover); --navbar-tab-condensed_foreground_disabled: var(--tab_foreground_disabled); --navbar-tab-condensed_border: var(--tab_border); --navbar-tab-condensed_border_hover: var(--tab_border_hover); --navbar-tab-condensed_border_active: var(--tab_border_active); --navbar-tab-condensed_border_active-hover: var(--tab_border_active-hover); --navbar-tab-condensed_border_disabled: var(--tab_border_disabled); --navbar-tab-condensed_fill_indicator: transparent; --navbar-tab-condensed_fill_indicator_hover: transparent; --navbar-tab-condensed_fill_indicator_active: var(--tab_fill_indicator_active); --navbar-tab-condensed_fill_indicator_disabled: var(--tab_fill_indicator_disabled); --navbar-tab-condensed_font-type: var(--type_text-regular); --navbar-tab_border-width: var(--tab_border-width); --navbar-tab_border-width_active: var(--tab_border-width_active); --navbar-tab_font-type: var(--type_text-regular); --notification_fill_container: var(--fill_default); --notification_fill_container_hover: var(--fill_hover); --notification_fill_container_focus: var(--fill_default); --notification_fill_container_active: var(--fill_default); --notification_fill_notification-danger-status: var(--danger); --notification_text_container-heading: var(--heading_primary); --notification_text_container-time-stamp: var(--heading_primary); --notification_foreground_status-info: var(--info); --notification_foreground_status-warning: var(--warning); --notification_foreground_status-success: var(--success); --notification_foreground_status-danger: var(--danger); --notification_text_container-body: var(--text_weak); --notification_border_container: var(--border-none); --notification_border_container_hover: var(--border-none); --notification_border_container_focus: var(--border-none); --notification_border_container_active: var(--border_active); --notification_container_radius: var(--small-container_radius); --notification_container_left-radius: var(--spacing-4); --notification_container-heading_font-family: var(--family_sans); --notification_container-heading_font-type: var(--type_text-bold); --notification_container-heading_font-family: var(--family_sans); --notification_container-heading_font-type: var(--type_text-regular); --notification_container-heading_font-family: var(--family_sans); --notification_container-heading_font-type: var(--type_text-regular); --notification-panel_container-heading_font-family: var(--family_display); --notification-panel_container-heading_font-type: var(--type_display-regular); --notification-panel_container-heading_font-size: var(--font-size-20); --notification-panel_container-heading_line-height: var(--line-height-heading-26); --notification-panel_stack-heading_font-family: var(--family_sans); --notification-panel_stack-heading_font-type: var(--type_text-regular); --notification-panel_empty-state_font-type: var(--type_text-regular); --notification-panel_empty-state_font-family: var(--family_sans); --notification-panel-card_border_container: var(--border_weak); --notification-panel-card_border_container_hover: var(--border_weak); --notification-panel_container_radius: var(--large-container_radius); --notification-panel_fill_container-heading: var(--layer_primary); --notification-panel_text_container-heading: var(--heading_primary); --notification-panel_text_stack-heading: var(--text_strong); --notification-panel_text_empty-state-heading: var(--text_strong); --notification-panel_text_empty-state-subtitle: var(--text_weak); --pagination_fill_control: transparent; --pagination_fill_control_hover: var(--gray-200); --pagination_fill_control_focus: transparent; --pagination_fill_control_active: var(--accent); --pagination_fill_control_disabled: transparent; --pagination_foreground_control: var(--citi-ink-blue-950); --pagination_foreground_control_hover: var(--citi-ink-blue-950); --pagination_foreground_control_focus: var(--accent); --pagination_foreground_control_active: var(--white); --pagination_foreground_control_disabled: var(--text_disabled); --pagination_border_control: var(--border-none); --pagination_border_control_hover: var(--border-none); --pagination_border_control_focus: var(--border_focus); --pagination_border_control_active: var(--border-none); --pagination_border_control_disabled: var(--border-none); --popover_border-width: var(--border-width_none); --popover_fill: var(--layer_primary); --popover_fill_secondary: var(--layer_secondary); --popover_border: var(--border-none); --popover_border_secondary: var(--border-none); --popover_foreground_heading: var(--heading_primary); --popover_foreground_body: var(--text_strong); --popover-body_font-type: var(--type_text-regular); --popover_radius: var(--large-container_radius); --popover-heading_font-type: var(--type_text-bold); --section_font-family_heading: var(--family_display); --section_font-family_subtitle: var(--family_sans); --section_font-type_heading: var(--type_text-bold); --section_container_radius: var(--large-container_radius); --section_fill: var(--layer_secondary); --section_fill_hover: var(--fill_hover); --section_fill_focus: var(--layer_secondary); --section_fill_active: var(--layer_secondary); --section_fill_disabled: var(--fill_disabled); --section_border: var(--border-none); --section_border_hover: var(--border-none); --section_border_focus: var(--border_focus); --section_border_active: var(--border_active); --section_border_disabled: var(--border-none); --section_foreground_heading: var(--text_strong); --section_foreground_subtitle: var(--text_weak); --section_foreground_disabled: var(--text_disabled); --slider_fill_handle: var(--white); --slider_fill_handle_hover: var(--slider_fill_handle); --slider_fill_handle_focus: var(--slider_fill_handle); --slider_fill_handle_active: transparent; --slider_fill_handle_disabled: var(--gray-400); --slider_border_handle: var(--citi-ink-blue-950); --slider_border_handle_hover: var(--accent); --slider_border_handle_focus: var(--slider_border_handle); --slider_border_handle_active: var(--border-none); --slider_border_handle_disabled: var(--gray-400); --slider_handle_border-width: var(--size-2); --slider_fill_track: var(--citi-ink-blue-950); --slider_fill_track_hover: var(--slider_fill_track); --slider_fill_track_focus: var(--slider_fill_track); --slider_fill_track_active: var(--accent); --slider_fill_track_disabled: var(--gray-400); --slider_fill_tick: var(--layer_primary); --slider_fill_tick_hover: var(--slider_fill_tick); --slider_fill_tick_focus: var(--slider_fill_tick); --slider_fill_tick_active: transparent; --slider_fill_tick_disabled: var(--slider_fill_tick); --stepper_border_status: var(--citi-ink-blue-950); --stepper_border_status_hover: var(--gray-600); --stepper_border_status_focus: var(--border_focus); --stepper_border_status_active: var(--border-none); --stepper_border_status-completed: var(--accent); --stepper_border_status-error: var(--danger); --stepper_border_status-error_active: var(--border-none); --stepper_border_status_disabled: var(--border_disabled); --stepper_fill_status: transparent; --stepper_fill_status_hover: var(--fill_hover); --stepper_fill_status_focus: transparent; --stepper_fill_status_active: var(--accent); --stepper_fill_status-completed: transparent; --stepper_fill_status-error: transparent; --stepper_fill_status_disabled: transparent; --stepper_fill_status-error_active: var(--danger); --stepper_fill_status-completed_disabled: var(--fill_disabled); --stepper_foreground_status: var(--text_strong); --stepper_foreground_status_active: var(--white); --stepper_foreground_status-completed: var(--accent); --stepper_foreground_status-error: var(--danger); --stepper_foreground_status-error_active: var(--white); --stepper_foreground_status_disabled: var(--text_disabled); --stepper_foreground_status-completed_disabled: var(--text_disabled); --stepper_foreground_step-label: var(--text_strong); --stepper_foreground_step-label_hover: var(--text_strong); --stepper_foreground_step-label_focus: var(--text_strong); --stepper_foreground_step-label_active: var(--link); --stepper_foreground_step-label_active-hover: var(--link_hover); --stepper_foreground_step-label-completed: var(--text_strong); --stepper_foreground_step-label-error: var(--text_danger); --stepper_foreground_step-label-error_active: var(--text_danger); --stepper_foreground_step-label_disabled: var(--text_disabled); --stepper_fill_tracker: var(--border_strong); --stepper_fill_tracker_hover: var(--border_strong); --stepper_fill_tracker_focus: var(--border_strong); --stepper_fill_tracker_active: var(--accent); --stepper_fill_tracker_active-hover: var(--accent); --stepper_fill_tracker-completed: var(--accent); --stepper_fill_tracker-error: var(--danger); --stepper_fill_tracker-error_active: var(--danger); --stepper_fill_tracker_disabled: var(--border_strong); --table_border-width_focus: var(--border-width_thick); --table_fill: var(--fill_default); --table_border-width_active: var(--border-width_thin); --table_border-width_column-header: var(--border-width_thin); --table_border: var(--border_weak); --table_border_hover: var(--border_weak); --table_border_focus: var(--border_focus); --table_border_active: var(--border_weak); --table_border_disabled: var(--border_weak); --table_border_info: var(--border_weak); --table_border_total: var(--border_weak); --table_border_selected: var(--border_active); --table_border_column-header: var(--border_weak); --table_foreground: var(--text_strong); --table_foreground_hover: var(--text_strong); --table_foreground_focus: var(--text_strong); --table_foreground_active: var(--text_strong); --table_foreground_selected: var(--text_active_on-fill-active); --table_foreground_disabled: var(--text_disabled); --table_foreground_info: var(--text_strong); --table_foreground_total: var(--text_strong); --table_foreground_column-header: var(--text_strong); --table_fill_hover: var(--fill_hover); --table_fill_focus: var(--fill_focus); --table_fill_active: var(--fill_active); --table_fill_selected: var(--fill_active); --table_fill_disabled: var(--fill_disabled); --table_fill_info: var(--field_fill_read-only); --table_fill_total: var(--field_fill_read-only); --table_fill_column-header: var(--layer_secondary); --table_font-family_standard-cell: var(--family_sans); --table_font-type_standard-cell: var(--type_text-regular); --table_font-family_column-header: var(--family_sans); --table_font-type_column-header: var(--type_text-bold); --table-update-color: var(--citi-cyan-20); --table-update-color-positive: var(--forest-200-20); --table-update-color-negative: var(--red-200-20); --table-color-1: var(--citi-blue-600); --table-color-2: var(--blue-green-600); --table-color-3: var(--forest-600); --table-color-4: var(--green-600); --table-color-5: var(--yellow-600); --table-color-6: var(--orange-600); --table-color-7: var(--mahogany-600); --table-color-8: var(--plum-600); --table-color-9: var(--purple-600); --table-color-success: var(--success); --table-color-warning: var(--warning); --table-color-danger: var(--danger); --table-color-range-gain-1: var(--forest-100); --table-foreground-range-gain-1: var(--text_strong); --table-color-range-gain-2: var(--forest-200); --table-foreground-range-gain-2: var(--text_strong); --table-color-range-gain-3: var(--forest-300); --table-foreground-range-gain-3: var(--text_strong); --table-color-range-gain-4: var(--forest-400); --table-foreground-range-gain-4: var(--text_strong); --table-color-range-gain-5: var(--forest-500); --table-foreground-range-gain-5: var(--text_strong); --table-color-range-loss-1: var(--red-light-100); --table-foreground-range-loss-1: var(--text_strong); --table-color-range-loss-2: var(--red-light-200); --table-foreground-range-loss-2: var(--text_strong); --table-color-range-loss-3: var(--red-light-300); --table-foreground-range-loss-3: var(--text_strong); --table-color-range-loss-4: var(--red-light-400); --table-foreground-range-loss-4: var(--text_strong); --table-color-range-loss-5: var(--red-light-500); --table-foreground-range-loss-5: var(--text_strong); --tab_radius: var(--radius-0); --tab_border-width: var(--border-width_none); --tab_fill: transparent; --tab_fill_hover: var(--gray-100); --tab_fill_focus: transparent; --tab_fill_active: transparent; --tab_fill_disabled: transparent; --tab_fill_active-hover: var(--gray-100); --tab_fill_active-focus: transparent; --tab_foreground: var(--text_weak); --tab_foreground_hover: var(--gray-950); --tab_foreground_focus: var(--text_weak); --tab_foreground_active: var(--accent); --tab_foreground_active-hover: var(--citi-blue-800); --tab_foreground_active-focus: var(--text_active); --tab_foreground_disabled: var(--text_disabled); --tab_border: var(--border-none); --tab_border_hover: var(--border-none); --tab_border_active: var(--border-none); --tab_border_active-hover: var(--border-none); --tab_border_disabled: var(--border-none); --tab_fill_count-wrapper: var(--gray-100); --tab_fill_count-wrapper_hover: var(--gray-200); --tab_fill_count-wrapper_focus: var(--tab_fill_count-wrapper); --tab_fill_count-wrapper_active: var(--gray-100); --tab_fill_count-wrapper_active-hover: var(--gray-200); --tab_fill_count-wrapper_active-focus: var(--tab_fill_count-wrapper_active); --tab_fill_count-wrapper_disabled: var(--fill_disabled); --tab_foreground_count-wrapper: var(--tab_foreground); --tab_foreground_count-wrapper_hover: var(--tab_foreground_hover); --tab_foreground_count-wrapper_active: var(--tab_foreground_active); --tab_foreground_count-wrapper_active-hover: var(--tab_foreground_active-hover); --tab_foreground_count-wrapper_disabled: var(--foreground_disabled); --tab_border_count-wrapper: var(--border-none); --tab_border_count-wrapper_hover: var(--border-none); --tab_border_count-wrapper_active: var(--border-none); --tab_border_count-wrapper_active-hover: var(--border-none); --tab_border_count-wrapper_disabled: var(--border-none); --tab_fill_indicator: var(--gray-300); --tab_fill_indicator_hover: var(--gray-300); --tab_fill_indicator_focus: var(--gray-300); --tab_fill_indicator_active: var(--accent); --tab_fill_indicator_disabled: var(--gray-200); --tab_fill_indicator_active-hover: var(--tab_foreground_active-hover); --tab_fill_indicator_active-focus: var(--text_active); --tab_border-width_active: var(--border-width_none); --tab_border-width_active-hover: var(--border-width_none); --tab_border-width_count-wrapper: var(--border-width_none); --tab_border-width_count-wrapper_active: var(--border-width_none); --tab_border-width_count-wrapper_active-hover: var(--border-width_none); --tab_counter_radius: var(--radius-8); --tab_label_font-size: var(--font-size-14); --tab_label_line-height: var(--line-height-body-18); --tab_label_font-type: var(--type_text-regular); --tab-count-wrapper_font-type: var(--type_text-regular); --navbar-sub-tab-bg-color-active: var(--white); --navbar-menu-text-color: var(--gray-200); --navbar-menu-bg-color-active: var(--citi-blue-100); --navbar-item-bg-color-active: var(--citi-blue-100-70); --tag_container_radius: var(--radius-full); --tag_action-container_radius: var(--radius-full); --tag_container_border-width: var(--border-width_thin); --tag_container_border-width_active: var(--border-width_thick); --tag_font-family: var(--family_sans); --tag_font-type: var(--type_text-regular); --tag_fill: transparent; --tag_fill_focus: transparent; --tag_fill_active: var(--citi-blue-50); --tag_fill_disabled: var(--fill_disabled); --tag_fill_read-only: var(--fill_read-only); --tag_fill_orange: var(--orange-light-100); --tag_fill_purple: var(--purple-light-100); --tag_fill_plum: var(--plum-light-100); --tag_fill_teal: var(--blue-green-dark-50); --tag_fill_olive: var(--sand-50); --tag_fill_success: var(--blue-green-light-50); --tag_fill_warning: var(--tan-bright-50); --tag_fill_danger: var(--fill_danger); --tag_foreground: var(--text_strong); --tag_foreground_focus: var(--text_strong); --tag_foreground_active: var(--text_active); --tag_foreground_disabled: var(--text_disabled); --tag_foreground_read-only: var(--text_strong); --tag_foreground_orange: var(--orange-700); --tag_foreground_purple: var(--purple-800); --tag_foreground_plum: var(--plum-800); --tag_foreground_teal: var(--blue-green-dark-900); --tag_foreground_olive: var(--sand-900); --tag_foreground_success: var(--text_success); --tag_foreground_warning: var(--text_warning); --tag_foreground_danger: var(--text_danger); --tag_border: var(--border_strong); --tag_border_focus: var(--citi-ink-blue-950); --tag_border_active: var(--border_active); --tag_border_success: var(--blue-green-light-500); --tag_border_warning: var(--tan-500); --tag_border_danger: var(--border_danger); --tag_border_disabled: var(--border_disabled); --tag_border_read-only: var(--border_strong); --tag_border_orange: var(--orange-700); --tag_border_orange_focus: var(--orange-700); --tag_border_purple: var(--purple-800); --tag_border_purple_focus: var(--purple-800); --tag_border_plum: var(--plum-600); --tag_border_plum_focus: var(--plum-600); --tag_border_teal: var(--blue-green-dark-900); --tag_border_teal_focus: var(--blue-green-dark-900); --tag_border_olive: var(--sand-900); --tag_border_olive_focus: var(--sand-900); --tag_fill_action_hover: rgba(0,0,0,0.05); --tag_border_action_hover: var(--border-none); --text-block_foreground_heading: var(--heading_primary); --text-block_foreground_subtitle: var(--text_weak); --text-block_foreground_heading_on-layer-brand-primary: var(--text_strong_on-layer-brand-primary); --text-block_foreground_subtitle_on-layer-brand-primary: var(--text_weak_on-layer-brand-primary); --text-block_foreground_heading_on-layer-brand-secondary: var(--text_strong_on-layer-brand-secondary); --text-block_foreground_subtitle_on-layer-brand-seconadry: var(--text_weak_on-layer-brand-secondary); --text-block_font-type_heading: var(--type_display-regular); --text-block_font-type_subtitle: var(--type_text-regular); --tooltip_border-width: var(--border-width_none); --tooltip_fill: var(--citi-ink-blue-950); --tooltip_font-type: var(--type_text-regular); --tooltip_foreground: var(--white); --tooltip_border: var(--border-none); --chart-color-1: var(--chart-color_categorical_1); --chart-color-2: var(--chart-color_categorical_2); --chart-color-3: var(--chart-color_categorical_3); --chart-color-4: var(--chart-color_categorical_4); --chart-color-5: var(--chart-color_categorical_5); --chart-color-6: var(--chart-color_categorical_6); --chart-color-7: var(--chart-color_categorical_7); --chart-color-8: var(--chart-color_categorical_8); --chart-color-9: var(--chart-color_categorical_9); --chart-color-10: var(--chart-color_categorical_10); --chart-color-11: var(--chart-color_categorical_11); --chart-color-12: var(--chart-color_categorical_12); --chart-color-13: var(--chart-color_categorical_13); --chart-color-14: var(--chart-color_categorical_14); --chart-color-15: var(--chart-color_categorical_15); --chart-color-16: var(--chart-color_categorical_16); } .icgds .lmn-layer-brand-primary, .icgds .lmn-bg-secondary, .icgds.light-theme .lmn-layer-brand-primary, .icgds.light-theme .lmn-bg-secondary, .icgds.light-theme .default-layer .lmn-layer-brand-primary, .icgds.light-theme .default-layer .lmn-bg-secondary, .icgds.dark-theme .theme-inverse .lmn-layer-brand-primary, .icgds.dark-theme .theme-inverse .lmn-bg-secondary { --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-layer-brand-primary); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-layer-brand-primary); --text_strong: var(--text_strong_on-layer-brand-primary); --text_weak: var(--text_weak_on-layer-brand-primary); --button_fill_primary: var(--button_fill_primary_on-layer-brand-primary); --button_fill_primary_hover: var(--button_fill_primary_hover_on-layer-brand-primary); --button_fill_primary_focus: var(--button_fill_primary_focus_on-layer-brand-primary); --button_fill_primary_active: var(--button_fill_primary_active_on-layer-brand-primary); --button_fill_primary_disabled: var(--button_fill_primary_disabled_on-layer-brand-primary); --button_foreground_primary: var(--button_foreground_primary_on-layer-brand-primary); --button_foreground_primary_hover: var(--button_foreground_primary_hover_on-layer-brand-primary); --button_foreground_primary_focus: var(--button_foreground_primary_focus_on-layer-brand-primary); --button_foreground_primary_active: var(--button_foreground_primary_active_on-layer-brand-primary); --button_foreground_primary_disabled: var(--button_foreground_primary_disabled_on-layer-brand-primary); --button_border_primary: var(--button_border_primary_on-layer-brand-primary); --button_border_primary_hover: var(--button_border_primary_hover_on-layer-brand-primary); --button_border_primary_focus: var(--button_border_primary_focus_on-layer-brand-primary); --button_border_primary_active: var(--button_border_primary_active_on-layer-brand-primary); --button_border_primary_disabled: var(--button_border_primary_disabledr_on-layer-brand-primary); --button_fill_standard: var(--button_fill_standard_on-layer-brand-primary); --button_fill_standard_hover: var(--button_fill_standard_hover_on-layer-brand-primary); --button_fill_standard_focus: var(--button_fill_standard_focus_on-layer-brand-primary); --button_fill_standard_active: var(--button_fill_standard_active_on-layer-brand-primary); --button_fill_standard_disabled: var(--button_fill_standard_disabled_on-layer-brand-primary); --button_foreground_standard: var(--button_foreground_standard_on-layer-brand-primary); --button_foreground_standard_hover: var(--button_foreground_standard_hover_on-layer-brand-primary); --button_foreground_standard_focus: var(--button_foreground_standard_focus_on-layer-brand-primary); --button_foreground_standard_active: var(--button_foreground_standard_active_on-layer-brand-primary); --button_foreground_standard_disabled: var(--button_foreground_standard_disabled_on-layer-brand-primary); --button_border_standard: var(--button_border_standard_on-layer-brand-primary); --button_border_standard_hover: var(--button_border_standard_hover_on-layer-brand-primary); --button_border_standard_focus: var(--button_border_standard_focus_on-layer-brand-primary); --button_border_standard_active: var(---button_border_standard_active_on-layer-brand-primary); --button_border_standard_disabled: var(--button_border_standard_disabled_on-layer-brand-primary); --button_fill_outline: var(--button_fill_outline_on-layer-brand-primary); --button_fill_outline_hover: var(--button_fill_outline_hover_on-layer-brand-primary); --button_fill_outline_focus: var(--button_fill_outline_focus_on-layer-brand-primary); --button_fill_outline_active: var(--button_fill_outline_active_on-layer-brand-primary); --button_fill_outline_disabled: var(--button_fill_outline_disabled_on-layer-brand-primary); --button_foreground_outline: var(--button_foreground_outline_on-layer-brand-primary); --button_foreground_outline_hover: var(--button_foreground_outline_hover_on-layer-brand-primary); --button_foreground_outline_focus: var(--button_foreground_outline_focus_on-layer-brand-primary); --button_foreground_outline_active: var(--button_foreground_outline_active_on-layer-brand-primary); --button_foreground_outline_disabled: var(--button_foreground_outline_disabled_on-layer-brand-primary); --button_border_outline: var(--button_border_outline_on-layer-brand-primary); --button_border_outline_hover: var(--button_border_outline_hover_on-layer-brand-primary); --button_border_outline_focus: var(--button_border_outline_focus_on-layer-brand-primary); --button_border_outline_active: var(--button_border_outline_active_on-layer-brand-primary); --button_border_outline_disabled: var(--button_border_outline_disabled_on-layer-brand-primary); --card_foreground_body: var(--card_foreground_body_on-layer-brand-primary); --card_foreground_header-label: var(--card_foreground_header-label_on-layer_brand_primary); --card_fill: var(--layer_brand_primary); --card_border: var(--border-none); --link: var(--link_on-layer-brand-primary); --link_hover: var(--link_hover_on-layer-brand-primary); --link_active: var(--link_active_on-layer-brand-primary); --link_visited: var(--link_visited_on-layer-brand-primary); --link_disabled: var(--link_disabled_on-layer-brand-primary); --text-block_foreground_heading: var(--text-block_foreground_heading_on-layer-brand-primary); --text-block_foreground_subtitle: var(--text-block_foreground_subtitle_on-layer-brand-primary); } .icgds .lmn-layer-brand-secondary, .icgds .lmn-bg-primary, .icgds.light-theme .lmn-layer-brand-secondary, .icgds.light-theme .lmn-bg-primary, .icgds.light-theme .default-layer .lmn-layer-brand-secondary, .icgds.light-theme .default-layer .lmn-bg-primary, .icgds.dark-theme .theme-inverse .lmn-layer-brand-secondary, .icgds.dark-theme .theme-inverse .lmn-bg-primary { --fill_default: var(--fill_default_on-layer-secondary); --fill_hover: var(--fill_hover_on-layer-secondary); --fill_focus: var(--fill_focus_on-layer-secondary); --fill_active: var(--fill_active_on-layer-secondary); --fill_selected: var(--fill_selected_on-layer-secondary); --fill_disabled: var(--fill_disabled_on-layer-secondary); --fill_danger: var(--fill_danger_on-layer-secondary); --fill_read-only: var(--fill_read-only_on-layer-secondary); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-layer-brand-secondary); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-layer-brand-secondary); --text_strong: var(--text_strong_on-layer-brand-secondary); --text_weak: var(--text_weak_on-layer-brand-secondary); --button_fill_primary: var(--button_fill_primary_on-layer-brand-secondary); --button_fill_primary_hover: var(--button_fill_primary_hover_on-layer-brand-secondary); --button_fill_primary_focus: var(--button_fill_primary_focus_on-layer-brand-secondary); --button_fill_primary_active: var(--button_fill_primary_active_on-layer-brand-secondary); --button_fill_primary_disabled: var(--button_fill_primary_disabled_on-layer-brand-secondary); --button_foreground_primary: var(--button_foreground_primary_on-layer-brand-secondary); --button_foreground_primary_hover: var(--button_foreground_primary_hover_on-layer-brand-secondary); --button_foreground_primary_focus: var(--button_foreground_primary_focus_on-layer-brand-secondary); --button_foreground_primary_active: var(--button_foreground_primary_active_on-layer-brand-secondary); --button_foreground_primary_disabled: var(--button_foreground_primary_disabled_on-layer-brand-secondary); --button_border_primary: var(--button_border_primary_on-layer-brand-secondary); --button_border_primary_hover: var(--button_border_primary_hover_on-layer-brand-secondary); --button_border_primary_focus: var(--button_border_primary_focus_on-layer-brand-secondary); --button_border_primary_active: var(--button_border_primary_active_on-layer-brand-secondary); --button_border_primary_disabled: var(--button_border_primary_disabledr_on-layer-brand-secondary); --button_fill_standard: var(--button_fill_standard_on-layer-brand-secondary); --button_fill_standard_hover: var(--button_fill_standard_hover_on-layer-brand-secondary); --button_fill_standard_focus: var(--button_fill_standard_focus_on-layer-brand-secondary); --button_fill_standard_active: var(--button_fill_standard_active_on-layer-brand-secondary); --button_fill_standard_disabled: var(--button_fill_standard_disabled_on-layer-brand-secondary); --button_foreground_standard: var(--button_foreground_standard_on-layer-brand-secondary); --button_foreground_standard_hover: var(--button_foreground_standard_hover_on-layer-brand-secondary); --button_foreground_standard_focus: var(--button_foreground_standard_focus_on-layer-brand-secondary); --button_foreground_standard_active: var(--button_foreground_standard_active_on-layer-brand-secondary); --button_foreground_standard_disabled: var(--button_foreground_standard_disabled_on-layer-brand-secondary); --button_border_standard: var(--button_border_standard_on-layer-brand-secondary); --button_border_standard_hover: var(--button_border_standard_hover_on-layer-brand-secondary); --button_border_standard_focus: var(--button_border_standard_focus_on-layer-brand-secondary); --button_border_standard_active: var(---button_border_standard_active_on-layer-brand-secondary); --button_border_standard_disabled: var(--button_border_standard_disabled_on-layer-brand-secondary); --button_fill_outline: var(--button_fill_outline_on-layer-brand-secondary); --button_fill_outline_hover: var(--button_fill_outline_hover_on-layer-brand-secondary); --button_fill_outline_focus: var(--button_fill_outline_focus_on-layer-brand-secondary); --button_fill_outline_active: var(--button_fill_outline_active_on-layer-brand-secondary); --button_fill_outline_disabled: var(--button_fill_outline_disabled_on-layer-brand-secondary); --button_foreground_outline: var(--button_foreground_outline_on-layer-brand-secondary); --button_foreground_outline_hover: var(--button_foreground_outline_hover_on-layer-brand-secondary); --button_foreground_outline_focus: var(--button_foreground_outline_focus_on-layer-brand-secondary); --button_foreground_outline_active: var(--button_foreground_outline_active_on-layer-brand-secondary); --button_foreground_outline_disabled: var(--button_foreground_outline_disabled_on-layer-brand-secondary); --button_border_outline: var(--button_border_outline_on-layer-brand-secondary); --button_border_outline_hover: var(--button_border_outline_hover_on-layer-brand-secondary); --button_border_outline_focus: var(--button_border_outline_focus_on-layer-brand-secondary); --button_border_outline_active: var(--button_border_outline_active_on-layer-brand-secondary); --button_border_outline_disabled: var(--button_border_outline_disabled_on-layer-brand-secondary); --card_foreground_body: var(--card_foreground_body_on-layer-brand-secondary); --card_foreground_header-label: var(--card_foreground_header-label_on-layer_brand_secondary); --card_fill: var(--layer_brand_secondary); --card_border: var(--border-none); --link: var(--link_on-layer-brand-secondary); --link_hover: var(--link_hover_on-layer-brand-secondary); --link_active: var(--link_active_on-layer-brand-secondary); --link_visited: var(--link_visited_on-layer-brand-secondary); --link_disabled: var(--link_disabled_on-layer-brand-secondary); --text-block_foreground_heading: var(--text-block_foreground_heading_on-layer-brand-secondary); --text-block_foreground_subtitle: var(--text-block_foreground_subtitle_on-layer-brand-seconadry); } .icgds .lmn-alert, .icgds .lmn-alert-info, .icgds .lmn-bg-info, .icgds.light-theme .lmn-alert, .icgds.light-theme .lmn-alert-info, .icgds.light-theme .lmn-bg-info, .icgds.light-theme .default-layer .lmn-alert, .icgds.light-theme .default-layer .lmn-alert-info, .icgds.light-theme .default-layer .lmn-bg-info, .icgds.dark-theme .theme-inverse .lmn-alert, .icgds.dark-theme .theme-inverse .lmn-alert-info, .icgds.dark-theme .theme-inverse .lmn-bg-info { --text_weak: var(--alert_foreground_info); --text_strong: var(--alert_foreground_info); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-high-contrast-info-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-high-contrast-info-status); --button_fill_standard: var(--button_fill_on-high-contrast-info-status); --button_fill_standard_hover: var(--button_fill_on-high-contrast-info-status_hover); --button_fill_standard_active: var(--button_fill_on-high-contrast-info-status_active); --button_foreground_standard: var(--button_foreground_on-high-contrast-info-status); --button_foreground_standard_hover: var(--button_foreground_on-high-contrast-info-status_hover); --button_foreground_standard_active: var(--button_foreground_on-high-contrast-info-status_active); --button_border_standard: var(--button_border_on-high-contrast-info-status); --button_border_standard_hover: var(--button_border_on-high-contrast-info-status_hover); --button_border_standard_active: var(---button_border_on-high-contrast-info-status_active); } .icgds .lmn-alert-danger, .icgds .lmn-bg-danger, .icgds.light-theme .lmn-alert-danger, .icgds.light-theme .lmn-bg-danger, .icgds.light-theme .default-layer .lmn-alert-danger, .icgds.light-theme .default-layer .lmn-bg-danger, .icgds.dark-theme .theme-inverse .lmn-alert-danger, .icgds.dark-theme .theme-inverse .lmn-bg-danger { --text_weak: var(--alert_foreground_danger); --text_strong: var(--alert_foreground_danger); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-high-contrast-danger-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-high-contrast-danger-status); --button_fill_standard: var(--button_fill_on-high-contrast-danger-status); --button_fill_standard_hover: var(--button_fill_on-high-contrast-danger-status_hover); --button_fill_standard_active: var(--button_fill_on-high-contrast-danger-status_active); --button_foreground_standard: var(--button_foreground_on-high-contrast-danger-status); --button_foreground_standard_hover: var(--button_foreground_on-high-contrast-danger-status_hover); --button_foreground_standard_active: var(--button_foreground_on-high-contrast-danger-status_active); --button_border_standard: var(--button_border_on-high-contrast-danger-status); --button_border_standard_hover: var(--button_border_on-high-contrast-danger-status_hover); --button_border_standard_active: var(---button_border_on-high-contrast-danger-status_active); } .icgds .lmn-alert-success, .icgds .lmn-bg-success, .icgds.light-theme .lmn-alert-success, .icgds.light-theme .lmn-bg-success, .icgds.light-theme .default-layer .lmn-alert-success, .icgds.light-theme .default-layer .lmn-bg-success, .icgds.dark-theme .theme-inverse .lmn-alert-success, .icgds.dark-theme .theme-inverse .lmn-bg-success { --text_weak: var(--alert_foreground_success); --text_strong: var(--alert_foreground_success); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-high-contrast-success-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-high-contrast-success-status); --button_fill_standard: var(--button_fill_on-high-contrast-success-status); --button_fill_standard_hover: var(--button_fill_on-high-contrast-success-status_hover); --button_fill_standard_active: var(--button_fill_on-high-contrast-success-status_active); --button_foreground_standard: var(--button_foreground_on-high-contrast-success-status); --button_foreground_standard_hover: var(--button_foreground_on-high-contrast-success-status_hover); --button_foreground_standard_active: var(--button_foreground_on-high-contrast-success-status_active); --button_border_standard: var(--button_border_on-high-contrast-success-status); --button_border_standard_hover: var(--button_border_on-high-contrast-success-status_hover); --button_border_standard_active: var(---button_border_on-high-contrast-success-status_active); } .icgds .lmn-alert-warning, .icgds .lmn-bg-warning, .icgds.light-theme .lmn-alert-warning, .icgds.light-theme .lmn-bg-warning, .icgds.light-theme .default-layer .lmn-alert-warning, .icgds.light-theme .default-layer .lmn-bg-warning, .icgds.dark-theme .theme-inverse .lmn-alert-warning, .icgds.dark-theme .theme-inverse .lmn-bg-warning { --text_weak: var(--alert_foreground_warning); --text_strong: var(--alert_foreground_warning); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-high-contrast-warning-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-high-contrast-warning-status); --button_fill_standard: var(--button_fill_on-high-contrast-warning-status); --button_fill_standard_hover: var(--button_fill_on-high-contrast-warning-status_hover); --button_fill_standard_active: var(--button_fill_on-high-contrast-warning-status_active); --button_foreground_standard: var(--button_foreground_on-high-contrast-warning-status); --button_foreground_standard_hover: var(--button_foreground_on-high-contrast-warning-status_hover); --button_foreground_standard_active: var(--button_foreground_on-high-contrast-warning-status_active); --button_border_standard: var(--button_border_on-high-contrast-warning-status); --button_border_standard_hover: var(--button_border_on-high-contrast-warning-status_hover); --button_border_standard_active: var(---button_border_on-high-contrast-warning-status_active); } .icgds .lmn-alert-low-contrast, .icgds .lmn-alert-low-contrast.lmn-alert-info, .icgds.light-theme .lmn-alert-low-contrast, .icgds.light-theme .lmn-alert-low-contrast.lmn-alert-info, .icgds.light-theme .default-layer .lmn-alert-low-contrast, .icgds.light-theme .default-layer .lmn-alert-low-contrast.lmn-alert-info, .icgds.dark-theme .theme-inverse .lmn-alert-low-contrast, .icgds.dark-theme .theme-inverse .lmn-alert-low-contrast.lmn-alert-info { --text_weak: var(--alert_foreground_low-contrast-info); --text_strong: var(--alert_foreground_low-contrast-info); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-low-contrast-info-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-low-contrast-info-status); --button_fill_standard: var(--button_fill_on-low-contrast-info-status); --button_fill_standard_hover: var(--button_fill_on-low-contrast-info-status_hover); --button_fill_standard_active: var(--button_fill_on-low-contrast-info-status_active); --button_foreground_standard: var(--button_foreground_on-low-contrast-info-status); --button_foreground_standard_hover: var(--button_foreground_on-low-contrast-info-status_hover); --button_foreground_standard_active: var(--button_foreground_on-low-contrast-info-status_active); --button_border_standard: var(--button_border_on-low-contrast-info-status); --button_border_standard_hover: var(--button_border_on-low-contrast-info-status_hover); --button_border_standard_active: var(---button_border_on-low-contrast-info-status_active); } .icgds .lmn-alert-low-contrast.lmn-alert-danger, .icgds.light-theme .lmn-alert-low-contrast.lmn-alert-danger, .icgds.light-theme .default-layer .lmn-alert-low-contrast.lmn-alert-danger, .icgds.dark-theme .theme-inverse .lmn-alert-low-contrast.lmn-alert-danger { --text_weak: var(--alert_foreground_low-contrast-danger); --text_strong: var(--alert_foreground_low-contrast-danger); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-low-contrast-danger-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-low-contrast-danger-status); --button_fill_standard: var(--button_fill_on-low-contrast-danger-status); --button_fill_standard_hover: var(--button_fill_on-low-contrast-danger-status_hover); --button_fill_standard_active: var(--button_fill_on-low-contrast-danger-status_active); --button_foreground_standard: var(--button_foreground_on-low-contrast-danger-status); --button_foreground_standard_hover: var(--button_foreground_on-low-contrast-danger-status_hover); --button_foreground_standard_active: var(--button_foreground_on-low-contrast-danger-status_active); --button_border_standard: var(--button_border_on-low-contrast-danger-status); --button_border_standard_hover: var(--button_border_on-low-contrast-danger-status_hover); --button_border_standard_active: var(---button_border_on-low-contrast-danger-status_active); } .icgds .lmn-alert-low-contrast.lmn-alert-success, .icgds.light-theme .lmn-alert-low-contrast.lmn-alert-success, .icgds.light-theme .default-layer .lmn-alert-low-contrast.lmn-alert-success, .icgds.dark-theme .theme-inverse .lmn-alert-low-contrast.lmn-alert-success { --text_weak: var(--alert_foreground_low-contrast-success); --text_strong: var(--alert_foreground_low-contrast-success); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-low-contrast-success-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-low-contrast-success-status); --button_fill_standard: var(--button_fill_on-low-contrast-success-status); --button_fill_standard_hover: var(--button_fill_on-low-contrast-success-status_hover); --button_fill_standard_active: var(--button_fill_on-low-contrast-success-status_active); --button_foreground_standard: var(--button_foreground_on-low-contrast-success-status); --button_foreground_standard_hover: var(--button_foreground_on-low-contrast-success-status_hover); --button_foreground_standard_active: var(--button_foreground_on-low-contrast-success-status_active); --button_border_standard: var(--button_border_on-low-contrast-success-status); --button_border_standard_hover: var(--button_border_on-low-contrast-success-status_hover); --button_border_standard_active: var(---button_border_on-low-contrast-success-status_active); } .icgds .lmn-alert-low-contrast.lmn-alert-warning, .icgds.light-theme .lmn-alert-low-contrast.lmn-alert-warning, .icgds.light-theme .default-layer .lmn-alert-low-contrast.lmn-alert-warning, .icgds.dark-theme .theme-inverse .lmn-alert-low-contrast.lmn-alert-warning { --text_weak: var(--alert_foreground_low-contrast-warning); --text_strong: var(--alert_foreground_low-contrast-warning); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-low-contrast-warning-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-low-contrast-warning-status); --button_fill_standard: var(--button_fill_on-low-contrast-warning-status); --button_fill_standard_hover: var(--button_fill_on-low-contrast-warning-status_hover); --button_fill_standard_active: var(--button_fill_on-low-contrast-warning-status_active); --button_foreground_standard: var(--button_foreground_on-low-contrast-warning-status); --button_foreground_standard_hover: var(--button_foreground_on-low-contrast-warning-status_hover); --button_foreground_standard_active: var(--button_foreground_on-low-contrast-warning-status_active); --button_border_standard: var(--button_border_on-low-contrast-warning-status); --button_border_standard_hover: var(--button_border_on-low-contrast-warning-status_hover); --button_border_standard_active: var(---button_border_on-low-contrast-warning-status_active); } .icgds .lmn-layer-secondary, .icgds.light-theme .lmn-layer-secondary, .icgds.light-theme .default-layer .lmn-layer-secondary, .icgds.dark-theme .theme-inverse .lmn-layer-secondary { --code_fill: var(--code_fill_on-layer_secondary); } .icgds.dark-theme, .icgds.dark-theme .default-layer, .icgds.light-theme .theme-inverse, .icgds .theme-inverse { --primary: var(--blue-light-400); --secondary: var(--blue-light-400); --danger: var(--red-light-400); --warning: var(--yellow-light-300); --success: var(--blue-green-400); --info: var(--gray-400); --background: var(--black); --cta: var(--primary); --accent: var(--secondary); --layer_primary: var(--gray-950); --layer_secondary: var(--gray-975); --layer_brand_primary: var(--gray-100); --layer_brand_secondary: var(--citi-blue-600); --fill_default: var(--gray-950); --fill_hover: var(--gray-900); --fill_focus: var(--gray-950); --fill_active: var(--gray-800); --fill_selected: var(--citi-ink-blue-950); --fill_disabled: var(--gray-800); --fill_danger: rgba(70,3,3,0.50); --fill_read-only: var(--gray-800); --fill_default_on-layer-secondary: var(--gray-975); --fill_hover_on-layer-secondary: var(--gray-900); --fill_focus_on-layer-secondary: var(--gray-975); --fill_active_on-layer-secondary: var(--gray-700); --fill_selected_on-layer-secondary: var(--citi-ink-blue-950); --fill_disabled_on-layer-secondary: var(--gray-800); --fill_danger_on-layer-secondary: rgba(0.27,0.01,0.01,0.50); --fill_read-only_on-layer-secondary: var(--gray-800); --datatable_header: var(--gray-900); --datatable_info: var(--gray-900); --border_weak: var(--gray-700); --border_weak_on-layer-brand-primary: var(--gray-500); --border_strong_on-layer-brand-primary: var(--gray-700); --border_strong: var(--gray-500); --border_strong_on-layer-brand-primary: var(--gray-700); --border_strong_on-layer-brand-secondary: var(--gray-500); --border_disabled: var(--gray-500); --border_hover: var(--white); --border_focus: var(--shadow_fill-outline_focus); --border_focus_secondary: var(--gray-975); --border_focus_on-status-fill: var(--gray-900); --border_focus_on-low-contrast-status-fill: var(--white); --border_active: var(--accent); --border_error: var(--red-light-400); --border_danger: var(--danger); --border_brand: var(--citi-blue-600); --border-none: transparent; --text_weak: var(--gray-300); --text_strong: var(--white); --text_hover: var(--text_strong); --text_active: var(--blue-light-200); --text_disabled: var(--gray-500); --text_error: var(--red-light-300); --text_danger: var(--red-light-300); --text_success: var(--blue-green-400); --text_warning: var(--yellow-light-300); --heading_primary: var(--white); --heading_secondary: var(--citi-ink-blue-400); --text_subtitle: var(--gray-600); --text_strong_on-layer-brand-primary: var(--citi-ink-blue-950); --text_weak_on-layer-brand-primary: var(--gray-600); --text_strong_on-layer-brand-secondary: var(--white); --text_weak_on-layer-brand-secondary: var(--blue-light-100); --text_strong_on-inverse: var(--citi-ink-blue-950); --text_weak_on-inverse: var(--gray-600); --text_disabled_on-inverse: var(--gray-400); --text_danger_on-inverse: var(--mahogany-800); --text_success_on-inverse: var(--forest-700); --text_active_on-fill-active: var(--white); --text_on-mask: var(--white); --link: var(--cta); --link_hover: var(--blue-light-200); --link_focus: var(--link); --link_active: var(--text_strong); --link_visited: var(--purple-500); --link_disabled: var(--text_disabled); --link_on-layer-brand-primary: var(--citi-blue-600); --link_hover_on-layer-brand-primary: var(--citi-blue-800); --link_focus_on-layer-brand-primary: var(--citi-ink-blue-950); --link_active_on-layer-brand-primary: var(--citi-ink-blue-950); --link_visited_on-layer-brand-primary: var(--purple-700); --link_disabled_on-layer-brand-primary: var(--gray-400); --link_on-layer-brand-secondary: var(--white); --link_hover_on-layer-brand-secondary: var(--white); --link_focus_on-layer-brand-secondary: var(--white); --link_active_on-layer-brand-secondary: var(--white); --link_visited_on-layer-brand-secondary: var(--purple-light-200); --link_disabled_on-layer-brand-secondary: var(--gray-400); --asset-citi-logo-full-color: var(--white); --asset-citi-logo-full-color-reverse: var(--citi-blue-600); --asset-citi-logo-one-color-reverse: var(--citi-blue-600); --shadow_color_focus: var(--citi-blue-600); --shadow_color_raised-1: rgba(10, 11, 11, 0.15); --shadow_color_raised-2: rgba(10, 11, 11, 0.30); --shadow_color_overlay-1: rgba(10, 11, 11, 0.20); --shadow_color_overlay-2: rgba(10, 11, 11, 0.40); --shadow_fill-outline_focus: var(--accent); --shadow_fill-outline_focus_on-layer-brand-primary: var(--citi-blue-600); --shadow_fill-outline_focus_on-layer-brand-secondary: var(--white); --shadow_fill-outline_focus_on-high-contrast: var(--border_focus_on-status-fill); --shadow_fill-outline_focus_on-high-contrast-info-status: var(--border_focus_on-status-fill); --shadow_fill-outline_focus_on-high-contrast-danger-status: var(--border_focus_on-status-fill); --shadow_fill-outline_focus_on-high-contrast-warning-status: var(--border_focus_on-status-fill); --shadow_fill-outline_focus_on-high-contrast-success-status: var(--border_focus_on-status-fill); --shadow_fill-outline_focus_on-low-contrast: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-outline_focus_on-low-contrast-info-status: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-outline_focus_on-low-contrast-danger-status: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-outline_focus_on-low-contrast-warning-status: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-outline_focus_on-low-contrast-success-status: var(--border_focus_on-low-contrast-status-fill); --shadow_fill-inner-line_focus: var(--layer_primary); --shadow_fill-inner-line_focus_on-layer-brand-primary: var(--layer_brand_primary); --shadow_fill-inner-line_focus_on-layer-brand-secondary: var(--layer_brand_secondary); --shadow_fill-inner-line_focus_on-high-contrast: var(--alert_fill); --shadow_fill-inner-line_focus_on-high-contrast-info-status: var(--alert_fill_info); --shadow_fill-inner-line_focus_on-high-contrast-danger-status: var(--alert_fill_danger); --shadow_fill-inner-line_focus_on-high-contrast-warning-status: var(--alert_fill_warning); --shadow_fill-inner-line_focus_on-high-contrast-success-status: var(--alert_fill_success); --shadow_fill-inner-line_focus_on-low-contrast: var(--alert_fill_low-contrast); --shadow_fill-inner-line_focus_on-low-contrast-info-status: var(--alert_fill_low-contrast-info); --shadow_fill-inner-line_focus_on-low-contrast-danger-status: var(--alert_fill_low-contrast-danger); --shadow_fill-inner-line_focus_on-low-contrast-warning-status: var(--alert_fill_low-contrast-warning); --shadow_fill-inner-line_focus_on-low-contrast-success-status: var(--alert_fill_low-contrast-success); --shadow_x-distance_focus: var(--x-distance-0); --shadow_y-distance_focus: var(--y-distance-0); --shadow_blur_focus: var(--blur-0); --shadow_spread_outline_focus: var(--spread-4); --shadow_spread_inner-line_focus: var(--spread-2); --shadow_x-distance_raised-1: var(--x-distance-0); --shadow_y-distance_raised-1: var(--y-distance-2); --shadow_blur_raised-1: var(--blur-5); --shadow_spread_raised-1: -2px; --shadow_x-distance_raised-2: var(--x-distance-0); --shadow_y-distance_raised-2: var(--y-distance-4); --shadow_blur_raised-2: var(--blur-10); --shadow_spread_raised-2: 0px; --shadow_x-distance_overlay-1: var(--x-distance-0); --shadow_y-distance_overlay-1: var(--y-distance-8); --shadow_blur_overlay-1: var(--blur-10); --shadow_spread_overlay-1: -4px; --shadow_x-distance_overlay-2: var(--x-distance-0); --shadow_y-distance_overlay-2: 20px; --shadow_blur_overlay-2: var(--blur-24); --shadow_spread_overlay-2: -4px; --shadow_raised: var(--shadow_x-distance_raised-2) var(--shadow_y-distance_raised-2) var(--shadow_blur_raised-2) var(--shadow_spread_raised-2) var(--shadow_color_raised-2), var(--shadow_x-distance_raised-1) var(--shadow_y-distance_raised-1) var(--shadow_blur_raised-1) var(--shadow_spread_raised-1) var(--shadow_color_raised-1); --shadow_overlay: var(--shadow_x-distance_overlay-2) var(--shadow_y-distance_overlay-2) var(--shadow_blur_overlay-2) var(--shadow_spread_overlay-2) var(--shadow_color_overlay-2), var(--shadow_x-distance_overlay-1) var(--shadow_y-distance_overlay-1) var(--shadow_blur_overlay-1) var(--shadow_spread_overlay-1) var(--shadow_color_overlay-1); --headings-color: var(--text_strong); --blockquote-small-color: var(--text_weak); --scrollbar-bg: var(--gray-800); --scrollbar_thumb: var(--gray-600); --scrollbar_thumb_hover: var(--gray-500); --scrollbar_thumb_active: var(--gray-600); --scrollbar_thumb_on-layer-brand-primary: var(--gray-500); --scrollbar_thumb_on-layer-brand-primary_hover: var(--gray-400); --scrollbar_thumb_on-layer-brand-primary_focus: var(--gray-400); --scrollbar-corner-bg: var(--transparent); --ai-brand_purple-gradient_stop-1: var(--purple-700-opacity-10); --ai-brand_purple-gradient_stop-2: #AC69D7; --ai-brand_blue-gradient_stop-1: var(--blue-light-100); --ai-brand_blue-gradient_stop-2: #4889EF; --ai-brand_green-gradient_stop-1: var(--blue-green-light-200-opacity-10); --ai-brand_green-gradient_stop-2: var(--blue-green-600); --ai-gradient: linear-gradient(307deg, var(--ai-brand_purple-gradient_stop-1) 39.65%, var(--ai-brand_purple-gradient_stop-2) 81.33%), linear-gradient(61deg, var(--ai-brand_green-gradient_stop-1) 34.72%, var(--ai-brand_green-gradient_stop-2) 84.3%), linear-gradient(180deg, var(--ai-brand_blue-gradient_stop-1) 0.21%, var(--ai-brand_blue-gradient_stop-2) 77.49%); --ai-gradient-border: linear-gradient(307deg, var(--ai-brand_purple-gradient_stop-1) 39.65%, var(--ai-brand_purple-gradient_stop-2) 81.33%) border-box, linear-gradient(61deg, var(--ai-brand_green-gradient_stop-1) 34.72%, var(--ai-brand_green-gradient_stop-2) 84.3%) border-box, linear-gradient(180deg, var(--ai-brand_blue-gradient_stop-1) 0.21%, var(--ai-brand_blue-gradient_stop-2) 77.49%) border-box; --button_fill_ai: var(--ai-gradient); --button_foreground_ai: white; --notification-bg-color: var(--gray-950); --notification-icon-color: var(--white); --alert_border-width: var(--border-width_thin); --alert_fill: var(--info); --alert_fill_info: var(--info); --alert_fill_danger: var(--danger); --alert_fill_warning: var(--warning); --alert_fill_success: var(--success); --alert_fill_low-contrast: var(--black); --alert_fill_low-contrast-info: var(--black); --alert_fill_low-contrast-danger: var(--mahogany-950-shade-80); --alert_fill_low-contrast-warning: var(--tan-700-shade-80); --alert_fill_low-contrast-success: var(--forest-bright-600-shade-80); --alert_border: var(--border-none); --alert_border_info: var(--border-none); --alert_border_danger: var(--border-none); --alert_border_warning: var(--border-none); --alert_border_success: var(--border-none); --alert_border_low-contrast: var(--gray-100); --alert_border_low-contrast-info: var(--gray-100); --alert_border_low-contrast-danger: var(--red-light-400); --alert_border_low-contrast-warning: var(--tan-500); --alert_border_low-contrast-success: var(--forest-bright-400); --alert_foreground: var(--gray-975); --alert_foreground_info: var(--gray-975); --alert_foreground_success: var(--gray-975); --alert_foreground_warning: var(--tan-900); --alert_foreground_danger: var(--gray-975); --alert_foreground_low-contrast: var(--gray-100); --alert_foreground_low-contrast-info: var(--gray-100); --alert_foreground_low-contrast-danger: var(--red-light-100); --alert_foreground_low-contrast-warning: var(--tan-bright-100); --alert_foreground_low-contrast-success: var(--blue-green-light-100); --alert-collapsible_foreground_expanded-container: var(--white); --app-switcher_container_radius: var(--large-container_radius); --app-switcher_item-container_radius: var(--small-container_radius); --app-switcher_foreground-container-heading: var(--heading_primary); --app-switcher_foreground_item-container-label: var(--text_strong); --app-switcher_foreground_item-container-label_hover: var(--text_strong); --app-switcher_foreground_item-container-label_focus: var(--text_strong); --app-switcher_foreground_item-container-label_active: var(--text_active); --app-switcher_foreground_item-container-label_disabled: var(--text_disabled); --app-switcher_foreground_item-description: var(--text_weak); --app-switcher_foreground_item-description_hover: var(--text_weak); --app-switcher_foreground_item-description_focus: var(--text_weak); --app-switcher_foreground_item-description_active: var(--text_active); --app-switcher_foreground_item-description_disabled: var(--text_disabled); --app-switcher_fill_container: var(--layer_primary); --app-switcher_fill_item-container: transparent; --app-switcher_fill_item-container_hover: var(--fill_hover); --app-switcher_fill_item-container_focus: transparent; --app-switcher_fill_item-container_active: var(--fill_active); --app-switcher_fill_item-container_disabled: transparent; --app-switcher_border_item-container: var(--border-none); --app-switcher_border_item-container_hover: var(--border-none); --app-switcher_border_item-container_focus: var(--border-none); --app-switcher_border_item-container_active: var(--border-none); --app-switcher_border_item-container_disabled: var(--border-none); --app-switcher_border_item-container_border-top: var(--border_weak); --app-switcher_item-container_font-family: var(--family_sans); --app-switcher_item-container-heading_font-family: var(--family_display); --app-switcher_item-container-description_font-family: var(--family_sans); --app-switcher_item-container_font-type: var(--type_text-regular); --app-switcher_item-container_active_font-type: var(--type_text-bold); --app-switcher_item-container-heading_font-type: var(--type_display-regular); --app-switcher_item-container-description_font-type: var(--type_text-regular); --avatar_fill: var(--gray-600); --avatar_fill_hover: var(--gray-700); --avatar_fill_focus: var(--gray-600); --avatar_fill_active: var(--gray-600); --avatar-menu_container-heading_font-family: var(--family_sans); --avatar-menu_container-subtitle_font-family: var(--family_sans); --avatar-menu_container-support_font-family: var(--family_sans); --avatar-menu_container-heading_font-type: var(--type_display-regular); --avatar-menu_container-subtitle_font-type: var(--type_text-regular); --avatar-menu_container-support_font-type: var(--type_text-regular); --avatar-menu_radius: var(--large-container_radius); --avatar-menu_fill_container: var(--layer_primary); --avatar-menu_foreground_container-heading: var(--heading_primary); --avatar-menu_foreground_container-subtitle: var(--text_weak); --avatar-menu_foreground_container-support: var(--text_weak); --avatar_fill_1: var(--citi-blue-600); --avatar_fill_1_hover: var(--citi-blue-800); --avatar_fill_1_focus: var(--citi-blue-600); --avatar_fill_1_active: var(--citi-blue-600); --avatar_fill_2: var(--plum-700); --avatar_fill_2_hover: var(--Plum-800); --avatar_fill_2_focus: var(--plum-700); --avatar_fill_2_active: var(--plum-700); --avatar_fill_3: var(--forest-700); --avatar_fill_3_hover: var(--forest-bright-800); --avatar_fill_3_focus: var(--forest-700); --avatar_fill_3_active: var(--forest-700); --avatar_fill_4: var(--purple-600); --avatar_fill_4_hover: var(--purple-800); --avatar_fill_4_focus: var(--purple-600); --avatar_fill_4_active: var(--purple-600); --avatar_fill_5: var(--tan-700); --avatar_fill_5_hover: var(--tan-800); --avatar_fill_5_focus: var(--tan-700); --avatar_fill_5_active: var(--tan-700); --avatar_foreground: var(--white); --avatar_foreground_1: var(--white); --avatar_foreground_2: var(--white); --avatar_foreground_3: var(--white); --avatar_foreground_4: var(--white); --avatar_foreground_5: var(--white); --avatar_border: var(--border-none); --avatar_border_1: var(--border-none); --avatar_border_2: var(--border-none); --avatar_border_3: var(--border-none); --avatar_border_4: var(--border-none); --avatar_border_5: var(--border-none); --avatar-menu_container-heading_font-family: var(--family_sans); --avatar-menu_container-subtitle_font-family: var(--family_sans); --avatar-menu_container-support_font-family: var(--family_sans); --avatar-menu_container-heading_font-type: var(--type_display-regular); --avatar-menu_container-subtitle_font-type: var(--type_text-regular); --avatar-menu_container-support_font-type: var(--type_text-regular); --avatar-menu_radius: var(--large-container_radius); --avatar-menu_fill_container: var(--layer_primary); --avatar-menu_foreground_container-heading: var(--heading_primary); --avatar-menu_foreground_container-subtitle: var(--text_weak); --avatar-menu_foreground_container-support: var(--text_weak); --badge_fill_low-contrast: var(--citi-ink-blue-950); --badge_fill_low-contrast_info: var(--gray-900); --badge_fill_low-contrast_success: var(--blue-green-dark-900); --badge_fill_low-contrast_warning: var(--tan-900); --badge_fill_low-contrast_danger: var(--mahogany-900); --badge_fill_low-contrast_orange: var(--tan-900); --badge_fill_low-contrast_plum: var(--plum-dark-900); --badge_fill_low-contrast_purple: var(--purple-dark-900); --badge_fill_low-contrast_teal: var(--blue-green-dark-900); --badge_fill_low-contrast_sand: var(--sand-900); --badge_foreground_low-contrast: var(--citi-blue-50); --badge_foreground_low-contrast_info: var(--white); --badge_foreground_low-contrast_success: var(--blue-green-light-100); --badge_foreground_low-contrast_warning: var(--tan-100); --badge_foreground_low-contrast_danger: var(--red-light-100); --badge_foreground_low-contrast_orange: var(--orange-light-50); --badge_foreground_low-contrast_plum: var(--plum-light-100); --badge_foreground_low-contrast_purple: var(--purple-light-100); --badge_foreground_low-contrast_teal: var(--blue-green-light-100); --badge_foreground_low-contrast_sand: var(--white); --badge_border_low-contrast: var(--citi-blue-100); --badge_border_low-contrast_success: var(--forest-bright-400); --badge_border_low-contrast_warning: var(--tan-400); --badge_border_low-contrast_danger: var(--citi-red-500); --badge_border_low-contrast_disabled: var(--border_disabled); --badge_border_low-contrast_info: var(--gray-500); --badge_border_low-contrast_orange: var(--tan-bright-400); --badge_border_low-contrast_plum: var(--plum-light-500); --badge_border_low-contrast_purple: var(--purple-500); --badge_border_low-contrast_teal: var(--blue-green-dark-300); --badge_border_low-contrast_sand: var(--tan-500); --badge_fill_high-contrast_info: var(--gray-400); --badge_fill_high-contrast_success: var(--success); --badge_fill_high-contrast_warning: var(--warning); --badge_fill_high-contrast_danger: var(--danger); --badge_fill_high-contrast_default: var(--blue-light-400); --badge_fill_high-contrast_orange: var(--orange-light-300); --badge_fill_high-contrast_purple: var(--purple-light-200); --badge_fill_high-contrast_plum: var(--plum-light-300); --badge_fill_high-contrast_teal: var(--blue-green-200); --badge_fill_high-contrast_sand: var(--sand-300); --badge_foreground_high-contrast_info: var(--citi-ink-blue-950); --badge_foreground_high-contrast_success: var(--citi-ink-blue-950); --badge_foreground_high-contrast_warning: var(--tan-900); --badge_foreground_high-contrast_danger: var(--citi-ink-blue-950); --badge_foreground_high-contrast_default: var(--citi-ink-blue-950); --badge_foreground_high-contrast_orange: var(--citi-ink-blue-950); --badge_foreground_high-contrast_purple: var(--citi-ink-blue-950); --badge_foreground_high-contrast_plum: var(--citi-ink-blue-950); --badge_foreground_high-contrast_teal: var(--citi-ink-blue-950); --badge_foreground_high-contrast_sand: var(--citi-ink-blue-950); --badge_border_high-contrast_info: var(--border-none); --badge_border_high-contrast_success: var(--border-none); --badge_border_high-contrast_warning: var(--border-none); --badge_border_high-contrast_danger: var(--border-none); --badge_border_high-contrast_default: var(--border-none); --badge_border_high-contrast_orange: var(--border-none); --badge_border_high-contrast_purple: var(--border-none); --badge_border_high-contrast_plum: var(--border-none); --badge_border_high-contrast_teal: var(--border-none); --badge_border_high-contrast_sand: var(--border-none); --dot-indicator_fill: var(--accent); --badge-indicator_container_radius: var(--radius-8); --badge-indicator_number-indicator_radius: var(--radius-12); --badge-indicator_fill_container: transparent; --badge-indicator_fill_container_hover: var(--fill_hover); --badge-indicator_fill_container_focus: transparent; --badge-indicator_fill_container_active: transparent; --badge-indicator_border_container: var(--border-none); --badge-indicator_border_container_hover: var(--border-none); --badge-indicator_border_container_focus: var(--border_focus); --badge-indicator_border_container_active: var(--border_active); --badge-indicator_foreground_container: var(--icon_fill); --badge-indicator_foreground_container_hover: var(--icon_fill); --badge-indicator_foreground_container_focus: var(--icon_fill); --badge-indicator_foreground_container_active: var(--badge-indicator_foreground_container); --badge-indicator_number-indicator_font-family: var(--family_mono); --badge-indicator_number-indicator_font-type: var(--type_mono-regular); --badge-indicator_fill_dot-indicator_container: var(--danger); --badge-indicator_border_dot-indicator_container: var(--border-none); --badge-indicator_foreground_number-indicator-overflow: var(--gray-975); --breadcrumb_foreground: var(--link); --breadcrumb_foreground_hover: var(--link_hover); --breadcrumb_foreground_active: var(--link_active); --breadcrumb_foreground_disabled: var(--link_disabled); --button_fill_primary: var(--cta); --button_fill_primary_hover: var(--blue-light-200); --button_fill_primary_focus: var(--button_fill_primary); --button_fill_primary_active: var(--gray-300); --button_fill_primary_disabled: var(--fill_disabled); --button_foreground_primary: var(--citi-ink-blue-950); --button_foreground_primary_hover: var(--citi-ink-blue-950); --button_foreground_primary_focus: var(--button_foreground_primary); --button_foreground_primary_active: var(--citi-ink-blue-950); --button_foreground_primary_disabled: var(--text_disabled); --button_border_primary: var(--border-none); --button_border_primary_hover: var(--border-none); --button_border_primary_focus: var(--border-none); --button_border_primary_active: var(--border-none); --button_border_primary_disabled: var(--border-none); --button_fill_standard: var(--gray-900); --button_fill_standard_hover: var(--gray-700); --button_fill_standard_focus: var(--gray-900); --button_fill_standard_active: var(--gray-300); --button_fill_standard_disabled: var(--fill_disabled); --button_foreground_standard: var(--white); --button_foreground_standard_hover: var(--white); --button_foreground_standard_focus: var(--white); --button_foreground_standard_active: var(--citi-ink-blue-950); --button_foreground_standard_disabled: var(--text_disabled); --button_border_standard: var(--border-none); --button_border_standard_hover: var(--border-none); --button_border_standard_focus: var(--border-none); --button_border_standard_active: var(--border-none); --button_border_standard_disabled: var(--border-none); --button_fill_outline: transparent; --button_fill_outline_hover: var(--cta); --button_fill_outline_focus: var(--button_fill_outline); --button_fill_outline_active: var(--gray-300); --button_fill_outline_disabled: var(--fill_disabled); --button_foreground_outline: var(--cta); --button_foreground_outline_hover: var(--citi-ink-blue-950); --button_foreground_outline_focus: var(--button_foreground_outline); --button_foreground_outline_active: var(--gray-975); --button_foreground_outline_disabled: var(--text_disabled); --button_border_outline: var(--cta); --button_border_outline_hover: var(--cta); --button_border_outline_focus: var(--button_border_outline); --button_border_outline_active: var(--border-none); --button_fill_ghost: transparent; --button_fill_ghost_hover: var(--gray-700); --button_fill_ghost_focus: transparent; --button_fill_ghost_active: var(--gray-300); --button_fill_ghost_disabled: var(--fill_disabled); --button_foreground_ghost: var(--cta); --button_foreground_ghost_hover: var(--blue-light-200); --button_foreground_ghost_focus: var(--button_foreground_ghost); --button_foreground_ghost_active: var(--gray-975); --button_foreground_ghost_disabled: var(--text_disabled); --button_border_ghost: var(--border-none); --button_border_ghost_hover: var(--border-none); --button_border_ghost_focus: var(--border-none); --button_border_ghost_active: var(--border-none); --button_border_ghost_disabled: var(--border-none); --button_fill_success: var(--blue-green-400); --button_fill_success_hover: var(--blue-green-300); --button_fill_success_focus: var(--blue-green-400); --button_fill_success_active: var(--blue-green-light-100); --button_fill_success_disabled: var(--fill_disabled); --button_foreground_success: var(--gray-975); --button_foreground_success_hover: var(--gray-975); --button_foreground_success_focus: var(--gray-975); --button_foreground_success_active: var(--gray-975); --button_foreground_success_disabled: var(--text_disabled); --button_border_success: var(--border-none); --button_border_success_hover: var(--border-none); --button_border_success_focus: var(--border-none); --button_border_success_active: var(--border-none); --button_border_success_disabled: var(--border-none); --button_fill_danger: var(--red-light-400); --button_fill_danger_hover: var(--red-light-300); --button_fill_danger_focus: var(--red-light-400); --button_fill_danger_active: var(--red-light-100); --button_fill_danger_disabled: var(--fill_disabled); --button_foreground_danger: var(--gray-975); --button_foreground_danger_hover: var(--gray-975); --button_foreground_danger_focus: var(--gray-975); --button_foreground_danger_active: var(--gray-975); --button_foreground_danger_disabled: var(--text_disabled); --button_border_danger: var(--border-none); --button_border_danger_hover: var(--border-none); --button_border_danger_focus: var(--border-none); --button_border_danger_active: var(--border-none); --button_border_danger_disabled: var(--border-none); --button_fill_warning: var(--tan-bright-400); --button_fill_warning_hover: var(--tan-bright-300); --button_fill_warning_focus: var(--tan-bright-300); --button_fill_warning_active: var(--tan-bright-100); --button_fill_warning_disabled: var(--fill_disabled); --button_foreground_warning: var(--tan-900); --button_foreground_warning_hover: var(--tan-900); --button_foreground_warning_focus: var(--tan-900); --button_foreground_warning_active: var(--gray-975); --button_foreground_warning_disabled: var(--text_disabled); --button_border_warning: var(--border-none); --button_border_warning_hover: var(--border-none); --button_border_warning_focus: var(--border-none); --button_border_warning_active: var(--border-none); --button_border_warning_disabled: var(--border-none); --button_fill_primary_on-layer-brand-primary: var(--citi-blue-600); --button_fill_primary_hover_on-layer-brand-primary: var(--citi-blue-800); --button_fill_primary_focus_on-layer-brand-primary: var(--citi-blue-600); --button_fill_primary_active_on-layer-brand-primary: var(--citi-ink-blue-950); --button_fill_primary_disabled_on-layer-brand-primary: var(--gray-100); --button_foreground_primary_on-layer-brand-primary: var(--white); --button_foreground_primary_hover_on-layer-brand-primary: var(--white); --button_foreground_primary_focus_on-layer-brand-primary: var(--white); --button_foreground_primary_active_on-layer-brand-primary: var(--white); --button_foreground_primary_disabled_on-layer-brand-primary: var(--text_disabled_on-inverse); --button_border_primary_on-layer-brand-primary: var(--border-none); --button_border_primary_hover_on-layer-brand-primary: var(--border-none); --button_border_primary_focus_on-layer-brand-primary: var(--border-none); --button_border_primary_active_on-layer-brand-primary: var(--border-none); --button_border_primary_disabled_on-layer-brand-primary: var(--border-none); --button_fill_standard_on-layer-brand-primary: var(--gray-200); --button_fill_standard_hover_on-layer-brand-primary: var(--gray-300); --button_fill_standard_focus_on-layer-brand-primary: var(--gray-200); --button_fill_standard_active_on-layer-brand-primary: var(--citi-ink-blue-950); --button_fill_secondary_disabled_on-layer-brand-primary: var(--gray-100); --button_foreground_standard_on-layer-brand-primary: var(--citi-ink-blue-950); --button_foreground_standard_hover_on-layer-brand-primary: var(--citi-ink-blue-950); --button_foreground_standard_focus_on-layer-brand-primary: var(--citi-ink-blue-950); --button_foreground_standard_active_on-layer-brand-primary: var(--white); --button_foreground_secondary_disabled_on-layer-brand-primary: var(--text_disabled_on-inverse); --button_border_standard_on-layer-brand-primary: var(--border-none); --button_border_standard_hover_on-layer-brand-primary: var(--border-none); --button_border_secondary_focus_on-layer-brand-primary: var(--border-none); --button_border_secondary_active_on-layer-brand-primary: var(--border-none); --button_border_secondary_disabled_on-layer-brand-primary: var(--border-none); --button_fill_outline_on-layer-brand-primary: transparent; --button_fill_outline_hover_on-layer-brand-primary: var(--citi-blue-600); --button_fill_outline_focus_on-layer-brand-primary: transparent; --button_fill_outline_active_on-layer-brand-primary: var(--citi-ink-blue-950); --button_fill_outline_disabled_on-layer-brand-primary: var(--gray-100); --button_foreground_outline_on-layer-brand-primary: var(--citi-blue-600); --button_foreground_outline_hover_on-layer-brand-primary: var(--white); --button_foreground_outline_focus_on-layer-brand-primary: var(--citi-blue-600); --button_foreground_outline_active_on-layer-brand-primary: var(--white); --button_foreground_outline_disabled_on-layer-brand-primary: var(--text_disabled_on-inverse); --button_border_outline_on-layer-brand-primary: var(--citi-blue-600); --button_border_outline_hover_on-layer-brand-primary: var(--citi-blue-600); --button_border_outline_focus_on-layer-brand-primary: var(--button_border_outline_on-layer-brand-primary); --button_border_outline_active_on-layer-brand-primary: var(--border-none); --button_border_outline_disabled_on-layer-brand-primary: var(--border-none); --button_fill_primary_on-layer-brand-secondary: var(--white); --button_fill_primary_hover_on-layer-brand-secondary: var(--gray-100); --button_fill_primary_focus_on-layer-brand-secondary: var(--white); --button_fill_primary_active_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_fill_primary_disabled_on-layer-brand-secondary: rgba(255,255,255,0.30); --button_foreground_primary_on-layer-brand-secondary: var(--citi-blue-600); --button_foreground_primary_hover_on-layer-brand-secondary: var(--citi-blue-600); --button_foreground_primary_focus_on-layer-brand-secondary: var(--citi-blue-600); --button_foreground_primary_active_on-layer-brand-secondary: var(--white); --button_foreground_primary_disabled_on-layer-brand-secondary: rgba(255,255,255,0.40); --button_border_primary_on-layer-brand-secondary: var(--border-none); --button_border_primary_hover_on-layer-brand-secondary: var(--border-none); --button_border_primary_focus_on-layer-brand-secondary: var(--border-none); --button_border_primary_active_on-layer-brand-secondary: var(--border-none); --button_border_primary_disabled_on-layer-brand-secondary: var(--border-none); --button_fill_standard_on-layer-brand-secondary: var(--gray-200); --button_fill_standard_hover_on-layer-brand-secondary: var(--gray-300); --button_fill_standard_focus_on-layer-brand-secondary: var(--gray-200); --button_fill_standard_active_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_fill_standard_disabled_on-layer-brand-secondary: rgba(255,255,255,0.30); --button_foreground_standard_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_foreground_standard_hover_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_foreground_standard_focus_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_foreground_standard_active_on-layer-brand-secondary: var(--white); --button_foreground_standard_disabled_on-layer-brand-secondary: rgba(255,255,255,0.40); --button_border_standard_on-layer-brand-secondary: var(--border-none); --button_border_standard_hover_on-layer-brand-secondary: var(--border-none); --button_border_standard_focus_on-layer-brand-secondary: var(--border-none); --button_border_standard_active_on-layer-brand-secondary: var(--border-none); --button_border_standard_disabled_on-layer-brand-secondary: var(--border-none); --button_fill_outline_on-layer-brand-secondary: transparent; --button_fill_outline_hover_on-layer-brand-secondary: var(--white); --button_fill_outline_focus_on-layer-brand-secondary: transparent; --button_fill_outline_active_on-layer-brand-secondary: var(--citi-ink-blue-950); --button_fill_outline_disabled_on-layer-brand-secondary: rgba(255,255,255,0.30); --button_foreground_outline_on-layer-brand-secondary: var(--white); --button_foreground_outline_hover_on-layer-brand-secondary: var(--citi-blue-600); --button_foreground_outline_focus_on-layer-brand-secondary: var(--white); --button_foreground_outline_active_on-layer-brand-secondary: var(--white); --button_foreground_outline_disabled_on-layer-brand-secondary: rgba(255,255,255,0.40); --button_border_outline_on-layer-brand-secondary: var(--white); --button_border_outline_hover_on-layer-brand-secondary: var(--border-none); --button_border_outline_focus_on-layer-brand-secondary: var(--button_border_outline_on-layer-brand-secondary); --button_border_outline_active_on-layer-brand-secondary: var(--border-none); --button_border_outline_disabled_on-layer-brand-secondary: var(--border-none); --button_fill_on-high-contrast: transparent; --button_fill_on-high-contrast_hover: var(--white); --button_fill_on-high-contrast_active: var(--citi-ink-blue-950); --button_fill_on-high-contrast-info-status: transparent; --button_fill_on-high-contrast-info-status_hover: var(--white); --button_fill_on-high-contrast-info-status_active: var(--citi-ink-blue-950); --button_fill_on-high-contrast-danger-status: transparent; --button_fill_on-high-contrast-danger-status_hover: var(--white); --button_fill_on-high-contrast-danger-status_active: var(--citi-ink-blue-950); --button_fill_on-high-contrast-warning-status: transparent; --button_fill_on-high-contrast-warning-status_hover: var(--white); --button_fill_on-high-contrast-warning-status_active: var(--citi-ink-blue-950); --button_fill_on-high-contrast-success-status: transparent; --button_fill_on-high-contrast-success-status_hover: var(--white); --button_fill_on-high-contrast-success-status_active: var(--citi-ink-blue-950); --button_border_on-high-contrast: var(--gray-975); --button_border_on-high-contrast_hover: var(--border-none); --button_border_on-high-contrast_active: var(--border-none); --button_border_on-high-contrast-info-status: var(--gray-975); --button_border_on-high-contrast-info-status_hover: var(--border-none); --button_border_on-high-contrast-info-status_active: var(--border-none); --button_border_on-high-contrast-danger-status: var(--mahogany-950); --button_border_on-high-contrast-danger-status_hover: var(--border-none); --button_border_on-high-contrast-danger-status_active: var(--border-none); --button_border_on-high-contrast-warning-status: var(--tan-900); --button_border_on-high-contrast-warning-status_hover: var(--border-none); --button_border_on-high-contrast-warning-status_active: var(--border-none); --button_border_on-high-contrast-success-status: var(--forest-900); --button_border_on-high-contrast-success-status_hover: var(--border-none); --button_border_on-high-contrast-success-status_active: var(--border-none); --button_foreground_on-high-contrast: var(--gray-975); --button_foreground_on-high-contrast_hover: var(--gray-975); --button_foreground_on-high-contrast_active: var(--white); --button_foreground_on-high-contrast-info-status: var(--gray-975); --button_foreground_on-high-contrast-info-status_hover: var(--gray-975); --button_foreground_on-high-contrast-info-status_active: var(--white); --button_foreground_on-high-contrast-danger-status: var(--mahogany-950); --button_foreground_on-high-contrast-danger-status_hover: var(--mahogany-950); --button_foreground_on-high-contrast-danger-status_active: var(--white); --button_foreground_on-high-contrast-warning-status: var(--tan-900); --button_foreground_on-high-contrast-warning-status_hover: var(--tan-900); --button_foreground_on-high-contrast-warning-status_active: var(--white); --button_foreground_on-high-contrast-success-status: var(--forest-900); --button_foreground_on-high-contrast-success-status_hover: var(--forest-900); --button_foreground_on-high-contrast-success-status_active: var(--white); --button_fill_on-low-contrast: transparent; --button_fill_on-low-contrast_hover: var(--gray-100); --button_fill_on-low-contrast_active: var(--gray-300); --button_fill_on-low-contrast-info-status: transparent; --button_fill_on-low-contrast-info-status_hover: var(--gray-100); --button_fill_on-low-contrast-info-status_active: var(--gray-300); --button_fill_on-low-contrast-danger-status: transparent; --button_fill_on-low-contrast-danger-status_hover: var(--red-light-100); --button_fill_on-low-contrast-danger-status_active: var(--gray-300); --button_fill_on-low-contrast-warning-status: transparent; --button_fill_on-low-contrast-warning-status_hover: var(--tan-bright-100); --button_fill_on-low-contrast-warning-status_active: var(--gray-300); --button_fill_on-low-contrast-success-status: transparent; --button_fill_on-low-contrast-success-status_hover: var(--blue-green-light-100); --button_fill_on-low-contrast-success-status_active: var(--gray-300); --button_border_on-low-contrast: var(--gray-100); --button_border_on-low-contrast_hover: var(--border-none); --button_border_on-low-contrast_active: var(--border-none); --button_border_on-low-contrast-info-status: var(--gray-100); --button_border_on-low-contrast-info-status_hover: var(--border-none); --button_border_on-low-contrast-info-status_active: var(--border-none); --button_border_on-low-contrast-danger-status: var(--red-light-100); --button_border_on-low-contrast-danger-status_hover: var(--border-none); --button_border_on-low-contrast-danger-status_active: var(--border-none); --button_border_on-low-contrast-warning-status: var(--tan-bright-100); --button_border_on-low-contrast-warning-status_hover: var(--border-none); --button_border_on-low-contrast-warning-status_active: var(--border-none); --button_border_on-low-contrast-success-status: var(--blue-green-light-100); --button_border_on-low-contrast-success-status_hover: var(--border-none); --button_border_on-low-contrast-success-status_active: var(--border-none); --button_foreground_on-low-contrast: var(--gray-100); --button_foreground_on-low-contrast_hover: var(--gray-975); --button_foreground_on-low-contrast_active: var(--gray-975); --button_foreground_on-low-contrast-info-status: var(--gray-100); --button_foreground_on-low-contrast-info-status_hover: var(--gray-975); --button_foreground_on-low-contrast-info-status_active: var(--gray-975); --button_foreground_on-low-contrast-danger-status: var(--red-light-100); --button_foreground_on-low-contrast-danger-status_hover: var(--mahogany-950); --button_foreground_on-low-contrast-danger-status_active: var(--gray-975); --button_foreground_on-low-contrast-warning-status: var(--tan-bright-100); --button_foreground_on-low-contrast-warning-status_hover: var(--tan-900); --button_foreground_on-low-contrast-warning-status_active: var(--gray-975); --button_foreground_on-low-contrast-success-status: var(--blue-green-light-100); --button_foreground_on-low-contrast-success-status_hover: var(--forest-900); --button_foreground_on-low-contrast-success-status_active: var(--gray-975); --group-button_fill: var(--transparent); --group-button_fill_hover: var(--button_fill_standard_hover); --group-button_fill_focus: var(--button_fill_standard_focus); --group-button_fill_active: var(--button_fill_standard_active); --group-button_fill_disabled: var(--button_fill_standard_disabled); --group-button_border: var(--button_border_standard); --group-button_border_hover: var(--button_border_standard_hover); --group-button_border_focus: var(--button_border_standard_focus); --group-button_border_active: var(--button_border_standard_active); --group-button_border_disabled: var(--button_border_standard_disabled); --group-button_foreground: var(--button_foreground_standard); --group-button_foreground_hover: var(--button_foreground_standard_hover); --group-button_foreground_focus: var(--button_foreground_standard_focus); --group-button_foreground_active: var(--button_foreground_standard_active); --group-button_foreground_disabled: var(--button_foreground_standard_disabled); --group-button_container_padding: var(--spacing-0); --group-button_item_padding-top_theme: var(--button_container_vertical-padding); --group-button_item_padding-bottom_theme: var(--button_container_vertical-padding); --segmented_container_padding: var(--spacing-2); --segmented-control_foreground: var(--white); --segmented-control_foreground_active: var(--white); --segmented-control_foreground_hover: var(--white); --segmented-control_foreground_focus: var(--white); --segmented-control_fill_deprecated: var(--gray-800); --segmented-control_fill_hover_deprecated: var(--gray-700); --segmented-control_fill_active_deprecated: var(--gray-600); --segmented-control_fill_focus_deprecated: var(--gray-800); --segmented-control_fill: transparent; --segmented-control_fill_hover: var(--gray-800); --segmented-control_fill_active: var(--gray-600); --segmented-control_fill_focus: var(--segmented-control_fill); --segmented-control_border: var(--border_strong); --segmented-control_border_hover: var(--border_strong); --segmented-control_border_focus: var(--segmented-control_border); --segmented-control_border_active: var(--border_strong); --segmented-control_border_disabled: var(--border_strong); --card_radius: var(--large-container_radius); --card_border-width: var(--border-width_none); --card_foreground_header-label: var(--text_weak); --card_foreground_body: var(--text_strong); --card_foreground_footer: var(--text_weak); --card_fill: var(--layer_primary); --card_fill_on-layer-primary: var(--layer_secondary); --card_fill_media-type: var(--layer_brand_primary); --card_border: var(--border-none); --card_foreground_body_on-layer-brand-primary: var(--text_strong_on-layer-brand-primary); --card_foreground_header-label_on-layer_brand_primary: var(--text_weak_on-layer-brand-primary); --card_foreground_body_on-layer-brand-secondary: var(--text_strong_on-layer-brand-secondary); --card_foreground_header-label_on-layer_brand_secondary: var(--text_weak_on-layer-brand-secondary); --card_date-label_font-type: var(--type_text-regular); --card_font-type_body: var(--type_text-regular); --card_font-type_footer: var(--type_text-regular); --card-actionable_border-width: var(--border-width_thin); --card_border-width_hover: var(--border-width_thin); --card_border-width_active: var(--border-width_thick); --card_border-width_selected: var(--border-width_thick); --card_border-width_selected-hover: var(--border-width_thick); --card_fill_hover: var(--fill_hover); --card-actionable_border: var(--border_weak); --card_foreground_hover: var(--text_active); --card_foreground_active: var(--text_active); --card_foreground_disabled: var(--text_disabled); --card_border_hover: var(--border_hover); --card_border_active: var(--border_active); --card_border_selected: var(--border_active); --card_border_selected-hover: var(--border_active); --card_border_disabled: var(--border_disabled); --card_fill_active: var(--fill_hover); --card_fill_selected: var(--fill_active); --card_fill_selected-hover: var(--fill_selected); --card_fill_disabled: var(--fill_disabled); --carousel_card-container_radius: var(--large-container_radius); --carousel_image-container_radius: var(--large-container_radius); --carousel_indicator_radius: var(--radius-2); --carousel_border_card-container: var(--border-none); --carousel_border_image-container: var(--border-none); --carousel_fill_card-container: var(--layer_primary); --carousel_fill_image-container: transparent; --carousel_fill_indicator: var(--gray-500); --carousel_fill_indicator_active: var(--accent); --carousel-control-bg-color: var(--gray-800); --chart-color_single-focus_primary: var(--blue-light-400); --chart-color_single-focus_secondary: var(--gray-500); --chart-color_single-focus_utility: var(--gray-700); --chart-color_categorical_1: var(--blue-light-400); --chart-color_categorical_2: var(--purple-light-400); --chart-color_categorical_3: var(--tan-400); --chart-color_categorical_4: var(--blue-green-200); --chart-color_categorical_5: var(--plum-light-500); --chart-color_categorical_6: var(--blue-green-dark-300); --chart-color_categorical_7: var(--orange-light-300); --chart-color_categorical_8: var(--blue-green-600); --chart-color_categorical_9: var(--citi-blue-400); --chart-color_categorical_10: var(--purple-500); --chart-color_categorical_11: var(--yellow-light-300); --chart-color_categorical_12: var(--citi-red-500); --chart-color_categorical_13: var(--citi-blue-200); --chart-color_categorical_14: var(--plum-light-400); --chart-color_categorical_15: var(--green-light-300); --chart-color_categorical_16: var(--red-light-400); --chart-color_sequential_1: var(--citi-blue-100); --chart-color_sequential_2: var(--citi-blue-200); --chart-color_sequential_3: var(--citi-blue-300); --chart-color_sequential_4: var(--citi-blue-400); --chart-color_sequential_5: var(--citi-blue-500); --chart-color_sequential_6: var(--citi-blue-600); --chart-color_sequential_7: var(--citi-blue-700); --chart-color_sequential_8: var(--citi-blue-800); --chart-color_sequential_9: var(--citi-blue-900); --chart-color_sequential_10: var(--citi-blue-950); --chart-color_divergent_set-1_positive-1: var(--citi-blue-800); --chart-color_divergent_set-1_positive-2: var(--citi-blue-700); --chart-color_divergent_set-1_positive-3: var(--citi-blue-600); --chart-color_divergent_set-1_positive-4: var(--citi-blue-500); --chart-color_divergent_set-1_positive-5: var(--citi-blue-400); --chart-color_divergent_set-1_positive-6: var(--citi-blue-300); --chart-color_divergent_set-1_positive-7: var(--citi-blue-200); --chart-color_divergent_set-1_positive-8: var(--citi-blue-100); --chart-color_divergent_set-1_negative-1: var(--tan-100); --chart-color_divergent_set-1_negative-2: var(--tan-200); --chart-color_divergent_set-1_negative-3: var(--tan-300); --chart-color_divergent_set-1_negative-4: var(--tan-400); --chart-color_divergent_set-1_negative-5: var(--tan-500); --chart-color_divergent_set-1_negative-6: var(--tan-600); --chart-color_divergent_set-1_negative-7: var(--tan-700); --chart-color_divergent_set-1_negative-8: var(--tan-800); --chart-color_divergent_set-2_positive-1: var(--#forest-bright-800); --chart-color_divergent_set-2_positive-2: var(--#forest-bright-700); --chart-color_divergent_set-2_positive-3: var(--#forest-bright-600); --chart-color_divergent_set-2_positive-4: var(--#forest-bright-500); --chart-color_divergent_set-2_positive-5: var(--#forest-bright-400); --chart-color_divergent_set-2_positive-6: var(--#forest-bright-300); --chart-color_divergent_set-2_positive-7: var(--#forest-bright-200); --chart-color_divergent_set-2_positive-8: var(--#forest-bright-100); --chart-color_divergent_set-2_negative-1: var(--citi-red-100); --chart-color_divergent_set-2_negative-2: var(--citi-red-200); --chart-color_divergent_set-2_negative-3: var(--citi-red-300); --chart-color_divergent_set-2_negative-4: var(--citi-red-400); --chart-color_divergent_set-2_negative-5: var(--citi-red-500); --chart-color_divergent_set-2_negative-6: var(--citi-red-600); --chart-color_divergent_set-2_negative-7: var(--citi-red-700); --chart-color_divergent_set-2_negative-8: var(--citi-red-800); --chart-color_functional_critical: var(--danger); --chart-color_functional_high: var(--orange-400); --chart-color_functional_mid: var(--warning); --chart-color_functional_low: var(--success); --chart-color_fill: var(--layer_primary); --chart-color_fill_grid: var(--gray-800); --chart-color_fill_pane: var(--gray-700); --chart-color_foreground_label: var(--text_strong); --chart-color_foreground_title: var(--text_weak); --chart-color_foreground_subtitle: var(--text_strong); --chart-color_foreground_axis-titles: var(--text_strong); --control_fill: var(--fill_default); --control_fill_hover: var(--fill_hover); --control_fill_focus: var(--fill_default); --control_fill_active: var(--accent); --control_fill_error: var(--field_fill_danger); --control_fill_disabled: var(--fill_disabled); --control_foreground_hover: var(--gray-300); --control_foreground_active: var(--citi-ink-blue-950); --control_foreground_error: var(--danger); --control_foreground_disabled: var(--text_disabled); --control_border: var(--border_strong); --control_border_hover: var(--border_hover); --control_border_focus: var(--control_border); --control_border_active: var(--primary); --control_border_error: var(--danger); --control_border_disabled: var(--border_disabled); --switch_fill_track_active: var(--accent); --switch_fill_track_active-focus: var(--switch_fill_track_active); --switch_fill_handle_active: var(--citi-ink-blue-950); --switch_fill_handle_active-focus: var(--switch_fill_track_active); --switch_border_track_active: var(--border-none); --switch_border_track_active-focus: var(--border_focus_secondary); --switch_border_track_off: var(--white); --switch_border_track_off-focus: var(--border_focus); --switch_fill_track_off: rgba(0,0,0,0.01); --switch_border_track_disabled: var(--border_disabled); --switch_fill_track_off-focus: var(--switch_fill_track_off); --switch_border_track_disabled-off: var(--switch_border_track_disabled); --switch_fill_handle_off: var(--white); --switch_fill_handle_off-focus: var(--white); --switch_fill_handle_disabled: var(--gray-500); --switch_fill_handle_disabled-off: var(--gray-500); --switch_fill_track_disabled: transparent; --switch_fill_track_disabled-off: var(--switch_fill_track_disabled); --switch_handle_shadow-color: transparent; --switch_handle_shadow-x: var(--x-distance-0); --switch_handle_shadow-y: var(--y-distance-0); --switch_handle_shadow-spread: var(--spread-0); --switch_handle_shadow-blur: var(--blur-0); --switch_handle_radius: var(--radius-40); --code_fill: var(--gray-900); --code_fill_on-layer_secondary: var(--gray-900); --code_foreground: var(--text_strong); --code_padding: var(--spacing-4); --code_font-family: var(--family_mono); --code_radius: var(--border-radius-sm); --collapse_border_container: var(--border-none); --collapse_fill_nested-item-container: var(--layer_secondary); --collapse_container_radius: var(--large-container_radius); --collapse_item-container_radius: var(--spacing-12); --collapse_nested-item-container_horizontal-padding: var(--collapse_nested-item-container_padding); --collapse_nested-item-container_vertical-padding: var(--collapse_nested-item-container_padding); --context-menu-item_radius: var(--radius-16); --context-menu_fill: var(--layer_primary); --context-menu_border-width: var(--border-width_none); --context-menu-item_fill: transparent; --context-menu-item_fill_hover: var(--fill_hover); --context-menu-item_fill_active: var(--fill_active); --context-menu-item_fill_disabled: transparent; --context-menu-item_border-width: var(--border-width_none); --context-menu_border: var(--border-none); --context-menu-item_border: var(--border-none); --context-menu-item_border-width_active: var(--border-width_none); --context-menu-item_border_hover: var(--border-none); --context-menu-item_border_active: var(--border-none); --context-menu-item_border_disabled: var(--border-none); --context-menu-item_foreground: var(--text_strong); --context-menu-item_foreground_hover: var(--text_strong); --context-menu-item_foreground_active: var(--text_active); --context-menu-item_foreground_disabled: var(--text_disabled); --context-menu_font-type: var(--type_text-regular); --context-menu_font-type_active: var(--type_text-bold); --datatable_header: var(--gray-900); --datatable_info: var(--gray-900); --datatable_font-family_column-header: var(--family_sans); --datatable_font-type_column-header: var(--type_text-regular); --datatable_font-family_standard-cell: var(--family_sans); --datatable_font-type_standard-cell: var(--type_text-regular); --datatable_font-type_number-cell_active: var(--type_mono-bold); --datatable_font-type_standard-cell_active: var(--type_text-bold); --datatable_font-family_number-cell: var(--family_mono); --datatable_font-type_number-cell: var(--type_mono-regular); --datatable_fill: var(--fill_default); --datatable_fill_hover: var(--fill_hover); --datatable_fill_focus: var(--field_fill_focus); --datatable_fill_active: var(--fill_active); --datatable_fill_selected: var(--fill_active); --datatable_fill_disabled: var(--fill_disabled); --datatable_fill_info: var(--field_fill_read-only); --datatable_fill_total: var(--field_fill_read-only); --datatable_fill_column-header: var(--layer_secondary); --datatable_fill_column-header_hover: var(--teal-100); --datatable_fill_positive-indicator: #1a2825; --datatable_fill_positive-indicator_hover: #344441; --datatable_fill_positive-indicator_focus: #22312e; --datatable_fill_positive-indicator_active: #2045a1; --datatable_fill_positive-indicator_selected: #2045a1; --datatable_fill_positive-indicator_disabled: var(--fill_disabled); --datatable_fill_positive-indicator_info: #3b4c4a; --datatable_fill_positive-indicator_total: #3b4c4a; --datatable_fill_negative-indicator: #342221; --datatable_fill_negative-indicator_hover: #4e3e3e; --datatable_fill_negative-indicator_focus: #3c2b2b; --datatable_fill_negative-indicator_active: #393f9d; --datatable_fill_negative-indicator_selected: #393f9d; --datatable_fill_negative-indicator_disabled: var(--fill_disabled); --datatable_fill_negative-indicator_info: #554647; --datatable_fill_negative-indicator_total: #554647; --datatable_fill_status-icon_success: var(--success); --datatable_fill_status-icon_danger: var(--danger); --datatable_fill_status-icon_warning: var(--warning); --datatable_foreground: var(--text_strong); --datatable_foreground_hover: var(--text_strong); --datatable_foreground_focus: var(--text_strong); --datatable_foreground_active: var(--text_strong); --datatable_foreground_selected: var(--text_strong); --datatable_foreground_disabled: var(--text_disabled); --datatable_foreground_info: var(--text_strong); --datatable_foreground_total: var(--text_strong); --datatable_foreground_column-header: var(--text_strong); --datatable_foreground_column-header_hover: var(--teal-100); --datatable_foreground_positive: var(--text_success); --datatable_foreground_positive_hover: var(--text_success); --datatable_foreground_positive_focus: var(--text_success); --datatable_foreground_positive_active: var(--text_success); --datatable_foreground_positive_selected: var(--text_success); --datatable_foreground_positive_disabled: var(--text_disabled); --datatable_foreground_positive_info: var(--text_success); --datatable_foreground_positive_total: var(--text_success); --datatable_foreground_negative: var(--text_error); --datatable_foreground_negative_hover: var(--text_error); --datatable_foreground_negative_focus: var(--text_error); --datatable_foreground_negative_active: var(--text_error); --datatable_foreground_negative_selected: var(--text_error); --datatable_foreground_negative_disabled: var(--text_disabled); --datatable_foreground_negative_info: var(--text_error); --datatable_foreground_negative_total: var(--text_error); --datatable_border: var(--border_weak); --datatable_border_seelected: var(--border_active); --datatable_border_column-header: var(--border_weak); --datatable_border_column-header_resizing-handle: var(--border_strong); --drawer_fill_container_primary: var(--layer_primary); --drawer_fill_container_secondary: var(--layer_secondary); --drawer_container_shadow_color_overlay-1: var(--shadow_color_overlay-1); --drawer_container_shadow_x-distance_overlay-1: var(--shadow_x-distance_overlay-1); --drawer_container_shadow_y-distance_overlay-1: var(--shadow_y-distance_overlay-1); --drawer_container_shadow_blur_overlay-1: var(--shadow_blur_overlay-1); --drawer_container_shadow_spread_overlay-1: var(--shadow_spread_overlay-1); --drawer_container_shadow_color_overlay-2: var(--shadow_color_overlay-2); --drawer_container_shadow_x-distance_overlay-2: var(--shadow_x-distance_overlay-2); --drawer_container_shadow_y-distance_overlay-2: var(--shadow_y-distance_overlay-2); --drawer_container_shadow_blur_overlay-2: var(--shadow_blur_overlay-2); --drawer_container_shadow_spread_overlay-2: var(--shadow_spread_overlay-2); --field_fill: var(--gray-950); --field_fill_hover: var(--gray-800); --field_fill_focus: var(--field_fill); --field_fill_active: var(--field_fill); --field_fill_read-only: var(--fill_read-only); --field_fill_danger: var(--fill_danger); --field_fill_placeholder: var(--field_fill); --field_fill_disabled: var(--fill_disabled); --field_fill_secondary: var(--gray-900); --field_fill_secondary_hover: var(--gray-800); --field_border: var(--border_strong); --field_border_hover: var(--border_strong); --field_border_focus: var(--border_strong); --field_border_active: var(--border_active); --field_border_read-only: var(--border-none); --field_border_danger: var(--border_error); --field_border_placeholder: var(--border_strong); --field_border_disabled: var(--border-none); --field_foreground: var(--text_strong); --field_foreground_hover: var(--text_strong); --field_foreground_focus: var(--text_strong); --field_foreground_active: var(--text_strong); --field_foreground_danger: var(--text_strong); --field_foreground_read-only: var(--text_strong); --field_foreground_placeholder: var(--text_weak); --field_foreground_disabled: var(--text_disabled); --label_foreground: var(--text_strong); --label_foreground_required: var(--text_danger); --label_foreground_disabled: var(--text_disabled); --hint_foreground: var(--text_weak); --hint_foreground_danger: var(--text_danger); --hint_foreground_disabled: var(--text_disabled); --file-upload_uploaded-file_radius: var(--radius-8); --file-upload_fill_uploaded-file_on-layer-background: var(--layer_primary); --file-upload_border_uploaded-file_on-layer-background: var(--border_weak); --file-upload_foreground_file-name_on-layer-background: var(--text_strong); --file-upload_foreground_file-details_on-layer-background: var(--text_weak); --file-upload_fill_uploaded-file_on-layer-primary: var(--layer_secondary); --file-upload_fill_uploaded-file_danger: var(--fill_danger); --file-upload_border_uploaded-file_danger: var(--border_danger); --file-upload_foreground_file-name_on-layer-primary: var(--text_strong); --file-upload_foreground_file-details_on-layer-primary: var(--text_weak); --file-upload_border_uploaded-file_on-layer-primary: var(--border_weak); --file-upload_fill_upload-area: var(--layer_secondary); --file-upload_fill_upload-area-hover: var(--fill_hover); --file-upload_fill_upload-area-focus: var(--layer_secondary); --file-upload_fill_upload-area-active: var(--layer_secondary); --file-upload_foreground_upload-area: var(--text_strong); --file-upload_foreground_upload-area_hover: var(--text_strong); --file-upload_foreground_upload-area_focus: var(--text_strong); --file-upload_foreground_upload-area_active: var(--text_strong); --file-upload_border_upload-area: var(--border_strong); --file-upload_border_upload-area_hover: var(--border_strong); --file-upload_border_upload-area_disabled: var(--border-none); --file-upload_fill_uploaded-file_danger_on-layer-primary: var(--fill_danger); --file-upload_fill_uploaded-file_danger_on-layer-background: var(--fill_danger); --file-upload_border_uploaded-file_danger_on-layer-primary: var(--border_danger); --file-upload_border_uploaded-file_danger_on-layer-background: var(--border_danger); --global-header_text_application-name: var(--text_strong); --global-header_text_portal-application-name: var(--text_strong); --global-header_fill_banner: var(--layer_primary); --global-header_fill_navigation-bar: var(--gray-975); --global-header_border-width: var(--border-width_none); --global-header_border_banner: var(--border_weak); --global-left-nav_radius: var(--radius-12); --global-left-nav_border-width: var(--border-width_none); --global-left-nav_item_border-width: var(--border-width_none); --global-left-nav_item_border-width_hover: var(--border-width_none); --global-left-nav_item_border-width_active: var(--border-width_none); --global-left-nav_item_radius: var(--radius-20); --global-left-nav_container-margin: var(--container_margin); --global-left-nav_fill: var(--navbar_fill); --global-left-nav_item_fill: var(--navbar_fill); --global-left-nav_item_fill_hover: var(--navbar_fill_hover); --global-left-nav_item_fill_active: var(--citi-blue-600); --global-left-nav_item_fill_disabled: var(--navbar_fill_disabled); --global-left-nav_item_border: var(--navbar_border); --global-left-nav_item_border_hover: var(--navbar_border_hover); --global-left-nav_item_border_focus: var(--navbar_border_focus); --global-left-nav_item_border_active: var(--navbar_border); --global-left-nav_item_border_disabled: var(--navbar_border_disabled); --global-left-nav_border: var(--border-none); --global-left-nav_foreground_item-container: var(--navbar_foreground); --global-left-nav_foreground_item-container_hover: var(--navbar_foreground_hover); --global-left-nav_foreground_item-container_active: var(--white); --global-left-nav_foreground_item-container_disabled: var(--navbar_foreground_disabled); --global-left-nav_foreground_grouped-header: var(--gray-400); --global-left-nav_item_font-type: var(--type_text-regular); --global-left-nav_item_font-type_active: var(--type_text-bold); --global-left-nav_item-container_vertical-padding: var(--spacing-8); --global-left-nav_item-container_vertical-spacing: var(--spacing-0); --global-left-nav_border_section-divider: var(--gray-600); --global-left-nav_link: var(--link); --global-left-nav_link_hover: var(--link_hover); --global-left-nav_link_focus: var(--link_focus); --global-left-nav_link_active: var(--link_active); --global-left-nav_link_visited: var(--link_visited); --global-left-nav_link_disabled: var(--link_disabled); --global-left-nav_scrollbar_thumb: var(--gray-500); --global-left-nav_scrollbar_thumb_hover: var(--gray-600); --global-left-nav_scrollbar_thumb_focus: var(--gray-400); --global-left-nav_scrollbar-corner-bg: var(--scrollbar-corner-bg); --global-left-menu_fill_container: var(--layer_primary); --global-left-menu_fill_container_on-layer-secondary: var(--layer_secondary); --global-left-menu_foreground_container-heading: var(--heading_primary); --global-left-menu_foreground_container-subtitle: var(--text_weak); --global-left-menu_border_header-container-bottom: var(--border_weak); --grouped-header_foreground: var(--text_strong); --grouped-header_foreground_on-layer-brand-primary: var(--gray-600); --grouped-header_font-family: var(--family_sans); --grouped-header_font-type: var(--type_text-bold); --icon_fill: var(--gray-100); --icon_fill_hover: var(--gray-900); --icon_fill_active: var(--citi-ink-blue-400); --icon_fill_disabled: var(--gray-900); --icon_hover_on-fill-hover: var(--gray-800); --loader_font-family: var(--family_sans); --loader_font-type: var(--type_text-regular); --loader_foreground_label: var(--text_strong); --loader_foreground_label_on-mask: var(--text_on-mask); --loader_fill_loading-icon: var(--accent); --loader_fill_loading-icon_on-mask: var(--text_on-mask); --loader_fill_track: var(--gray-800); --loader_fill_track_active: var(--accent); --loader_border_track: var(--border-none); --loader_border_track_active: var(--border-none); --loader_fill_track_on-mask: var(--gray-800); --loader_fill_track_active_on-mask: var(--white); --loader_border_track_on-mask: var(--border-none); --loading-color: var(--gray-800); --mega-menu_fill_container: var(--layer_primary); --mega-menu_fill_side-panel-container: var(--layer_secondary); --mega-menu_fill_item-container: transparent; --mega-menu_fill_item-container_hover: var(--fill_hover); --mega-menu_fill_item-container_focus: transparent; --mega-menu_fill_item-container_active: var(--fill_active); --mega-menu_fill_item-container_disabled: transparent; --mega-menu_fill_side-panel-item: transparent; --mega-menu_fill_side-panel-item_hover: var(--fill_default_on-layer-secondary); --mega-menu_fill_side-panel-item_focus: transparent; --mega-menu_fill_side-panel-item_active: var(--fill_active); --mega-menu_fill_side-panel-item_disabled: transparent; --mega-menu_foreground-container_heading: var(--heading_primary); --mega-menu_foreground-container_heading-link: var(--heading_primary); --mega-menu_foreground-container_heading-link_hover: var(--heading_primary); --mega-menu_foreground-container_heading-link_focus: var(--heading_primary); --mega-menu_foreground-container_heading-link_active: var(--link_active); --mega-menu_foreground-container_subtitle: var(--text_weak); --mega-menu_foreground_item-container: var(--text_strong); --mega-menu_foreground_item-container_hover: var(--text_hover); --mega-menu_foreground_item-container_focus: var(--text_strong); --mega-menu_foreground_item-container_active: var(--text_active); --mega-menu_foreground_item-container_disabled: var(--text_disabled); --mega-menu_foreground_side-panel-item: var(--text_strong); --mega-menu_foreground_side-panel-item_hover: var(--text_hover); --mega-menu_foreground_side-panel-item_focus: var(--text_strong); --mega-menu_foreground_side-panel-item_active: var(--text_active); --mega-menu_foreground_side-panel-item_disabled: var(--text_disabled); --mega-menu_border_side-panel-container: var(--border-none); --mega-menu_border_item-container: var(--border-none); --mega-menu_border_item-container_hover: var(--border-none); --mega-menu_border_item-container_focus: var(--border-none); --mega-menu_border_item-container_active: var(--border-none); --mega-menu_border_item-container_disabled: var(--border-none); --mega-menu_border_side-panel-item: var(--border-none); --mega-menu_border_side-panel-item_hover: var(--border-none); --mega-menu_border_side-panel-item_focus: var(--border-none); --mega-menu_border_side-panel-item_active: var(--border-none); --mega-menu_border_side-panel-item_disabled: var(--border-none); --menu_fill_grouped-header-container: transparent; --menu_fill_item-container: transparent; --menu_fill_item-container_hover: var(--fill_hover); --menu_fill_item-container_focus: transparent; --menu_fill_item-container_active: var(--fill_active); --menu_fill_item-container_disabled: transparent; --menu_fill_item-container-border: var(--border_weak); --menu_fill_child-item-container: transparent; --menu_fill_child-item-container_hover: var(--fill_hover); --menu_fill_child-item-container_focus: transparent; --menu_fill_child-item-container_active: var(--fill_active); --menu_fill_child-item-container_disabled: transparent; --menu_foreground_item-container: var(--text_strong); --menu_foreground_item-container_hover: var(--text_strong); --menu_foreground_item-container_focus: var(--text_strong); --menu_foreground_item-container_active: var(--text_active); --menu_foreground_item-container_disabled: var(--text_disabled); --menu_foreground_child-item-container: var(--text_strong); --menu_foreground_child-item-container_hover: var(--text_strong); --menu_foreground_child-item-container_focus: var(--text_strong); --menu_foreground_child-item-container_active: var(--text_active); --menu_foreground_child-item-container_disabled: var(--text_disabled); --menu_foreground_grouped-header-container: var(--gray-300); --menu_border_item-container: var(--border-none); --menu_border_item-container_hover: var(--border-none); --menu_border_item-container_focus: var(--border-none); --menu_border_item-container_active: var(--border-none); --menu_border_item-container_disabled: var(--border-none); --menu_border_child-iitem-container: var(--border-none); --menu_border_child-iitem-container_hover: var(--border-none); --menu_border_child-iitem-container_focus: var(--border-none); --menu_border_child-iitem-container_active: var(--border-none); --menu_border_child-iitem-container_disabled: var(--border-none); --menu_item-container_font-family: var(--family_sans); --menu_child-item-container_font-family: var(--family_sans); --menu_item-container_font-type: var(--type_text-regular); --menu_child-item-container_font-type: var(--type_text-regular); --menu_item-container_active_font-type: var(--type_text-bold); --menu_child-item-container_active_font-type: var(--type_text-bold); --modal_background_on-mask: var(--black-60); --modal_radius: var(--large-container_radius); --modal_fill: var(--layer_primary); --modal_border-width: var(--border-width_none); --modal_body_font-type: var(--type_text-regular); --modal_border: var(--border-none); --modal_foreground_body: var(--text_strong); --navbar_fill: var(--layer_primary); --navbar_fill_hover: var(--fill_hover); --navbar_fill_focus: var(--fill_focus); --navbar_fill_active: var(--white); --navbar_fill_disabled: transparent; --navbar_fill_active_on_brand-primary: var(--citi-blue-600); --navbar_foreground: var(--white); --navbar_foreground_hover: var(--white); --navbar_foreground_focus: var(--white); --navbar_foreground_active: var(--blue-light-300); --navbar_foreground_disabled: var(--text_disabled); --navbar_border: var(--border-none); --navbar_border_hover: var(--border-none); --navbar_border_focus: var(--border-none); --navbar_border_active: var(--border_active); --navbar_border_disabled: var(--border-none); --navbar-menu_container_radius: var(--context-menu_container_radius); --navbar-menu_item-container_radius: var(--context-menu_item-container_radius); --navbar-menu_item-container_font-family: var(--family_sans); --navbar-menu_fill_container: var(--layer_primary); --navbar-menu_fill_item-container: transparent; --navbar-menu_fill_item-container_hover: var(--fill_hover); --navbar-menu_fill_item-container_focus: transparent; --navbar-menu_fill_item-container_active: var(--fill_active); --navbar-menu_fill_item-container_disabled: transparent; --navbar-menu_foreground_item-container: var(--text_strong); --navbar-menu_foreground_item-container_hover: var(--text_hover); --navbar-menu_foreground_item-container_focus: var(--text_strong); --navbar-menu_foreground_item-container_active: var(--text_active); --navbar-menu_foreground_item-container_disabled: var(--text_disabled); --navbar-menu_border_item-container: var(--border-none); --navbar-menu_border_item-container_hover: var(--border-none); --navbar-menu_border_item-container_focus: var(--border-none); --navbar-menu_border_item-container_active: var(--border-none); --navbar-menu_border_item-container_disabled: var(--border-none); --navbar-menu_item-container_font-type: var(--type_text-regular); --navbar-menu_item-container_active_font-type: var(--type_text-bold); --navbar-overflow-menu_radius: var(--context-menu_radius); --navbar-overflow-menu_radius_item: var(--context-menu-item_radius); --navbar-overflow-menu_border-width_item: var(--context-menu-item_border-width); --navbar-overflow-menu_border-width_item_active: var(--context-menu-item_border-width_active); --navbar-overflow-menu_border-width: var(--context-menu_border-width); --navbar-overflow-menu_fill_container: var(--navbar_fill); --navbar-overflow-menu_border: var(--border-none); --navbar-overflow-menu_fill_item-container: var(--navbar_fill); --navbar-overflow-menu_foreground_item-container: var(--text_strong); --navbar-overflow-menu_border_item-container: var(--border-none); --navbar-overflow-menu_border_item-container_hover: var(--border-none); --navbar-overflow-menu_border_item-container_focus: var(--border-none); --navbar-overflow-menu_border_item-container_active: var(--border-none); --navbar-overflow-menu_border_item-container_disabled: var(--border-none); --navbar-overflow-menu_foreground_item-container_hover: var(--text_strong); --navbar-overflow-menu_foreground_item-container_focus: var(--text_strong); --navbar-overflow-menu_foreground_item-container_active: var(--text_active_on-fill-active); --navbar-overflow-menu_foreground_item-container_disabled: var(--text_disabled); --navbar-overflow-menu_fill_item-container_hover: var(--navbar_fill_hover); --navbar-overflow-menu_fill_item-container_focus: var(--navbar_fill_focus); --navbar-overflow-menu_fill_item-container_active: var(--fill_active); --navbar-overflow-menu_fill_item-container_disabled: var(--navbar_fill_disabled); --navbar-tab_fill: transparent; --navbar-tab_fill_tab-indicator: transparent; --navbar-tab_fill_tab-indicator_hover: transparent; --navbar-tab_fill_tab-indicator_focus: transparent; --navbar-tab_fill_tab-indicator_active: var(--blue-light-400); --navbar-tab_fill_tab-indicator_disabled: transparent; --navbar-tab_fill_tab-indicator_active-hover: var(--blue-light-400); --navbar-tab_fill_tab-indicator_active-focus: var(--navbar_foreground_active); --navbar-tab_fill_hover: var(--navbar_fill_hover); --navbar-tab_fill_focus: var(--navbar_fill_focus); --navbar-tab_fill_active: transparent; --navbar-tab_fill_active-focus: var(--navbar_fill_focus); --navbar-tab_fill_active-hover: var(--navbar_fill_hover); --navbar-tab_fill_disabled: var(--navbar_fill_disabled); --navbar-tab_foreground: var(--navbar_foreground); --navbar-tab_foreground_hover: var(--navbar_foreground_hover); --navbar-tab_foreground_focus: var(--navbar_foreground_focus); --navbar-tab_foreground_active: var(--navbar_foreground_active); --navbar-tab_foreground_active-focus: var(--navbar_foreground_active); --navbar-tab_foreground_active-hover: var(--navbar_foreground_active); --navbar-tab_foreground_disabled: var(--text_disabled); --navbar-tab_border: var(--border-none); --navbar-tab_border_hover: var(--border-none); --navbar-tab_border_focus: var(--border-none); --navbar-tab_border_active-focus: var(--border-none); --navbar-tab_border_active: var(--border-none); --navbar-tab_border_active-hover: var(--border-none); --navbar-tab_radius: var(--tab_radius); --navbar-tab-condensed_radius: var(--tab_radius); --navbar-tab-condensed_border-width: var(--tab_border-width); --navbar-tab-condensed_border-width_active: var(--tab_border-width_active); --navbar-tab-condensed_fill: var(--tab_fill); --navbar-tab-condensed_fill_hover: var(--tab_fill_hover); --navbar-tab-condensed_fill_active: var(--tab_fill_active); --navbar-tab-condensed_fill_active-hover: var(--tab_fill_active-hover); --navbar-tab-condensed_fill_disabled: var(--tab_fill_disabled); --navbar-tab-condensed_foreground: var(--tab_foreground); --navbar-tab-condensed_foreground_hover: var(--tab_foreground_hover); --navbar-tab-condensed_foreground_active: var(--tab_foreground_active); --navbar-tab-condensed_foreground_active-hover: var(--tab_foreground_active-hover); --navbar-tab-condensed_foreground_disabled: var(--tab_foreground_disabled); --navbar-tab-condensed_border: var(--tab_border); --navbar-tab-condensed_border_hover: var(--tab_border_hover); --navbar-tab-condensed_border_active: var(--tab_border_active); --navbar-tab-condensed_border_active-hover: var(--tab_border_active-hover); --navbar-tab-condensed_border_disabled: var(--tab_border_disabled); --navbar-tab-condensed_fill_indicator: transparent; --navbar-tab-condensed_fill_indicator_hover: transparent; --navbar-tab-condensed_fill_indicator_active: var(--tab_fill_indicator_active); --navbar-tab-condensed_fill_indicator_disabled: var(--tab_fill_indicator_disabled); --navbar-tab-condensed_font-type: var(--type_text-regular); --navbar-tab_border-width: var(--tab_border-width); --navbar-tab_border-width_active: var(--tab_border-width_active); --navbar-tab_font-type: var(--type_text-regular); --notification_fill_container: var(--fill_default); --notification_fill_container_hover: var(--fill_hover); --notification_fill_container_focus: var(--fill_default); --notification_fill_container_active: var(--fill_default); --notification_fill_notification-danger-status: var(--danger); --notification_text_container-heading: var(--heading_primary); --notification_text_container-time-stamp: var(--heading_primary); --notification_foreground_status-info: var(--info); --notification_foreground_status-warning: var(--warning); --notification_foreground_status-success: var(--success); --notification_foreground_status-danger: var(--danger); --notification_text_container-body: var(--text_weak); --notification_border_container: var(--border-none); --notification_border_container_hover: var(--border-none); --notification_border_container_focus: var(--border-none); --notification_border_container_active: var(--border_active); --notification_container_radius: var(--small-container_radius); --notification_container_left-radius: var(--spacing-4); --notification_container-heading_font-family: var(--family_sans); --notification_container-heading_font-type: var(--type_text-bold); --notification_container-heading_font-family: var(--family_sans); --notification_container-heading_font-type: var(--type_text-regular); --notification_container-heading_font-family: var(--family_sans); --notification_container-heading_font-type: var(--type_text-regular); --notification-panel_container-heading_font-family: var(--family_display); --notification-panel_container-heading_font-type: var(--type_display-regular); --notification-panel_container-heading_font-size: var(--font-size-20); --notification-panel_container-heading_line-height: var(--line-height-heading-26); --notification-panel_stack-heading_font-family: var(--family_sans); --notification-panel_stack-heading_font-type: var(--type_text-regular); --notification-panel_empty-state_font-type: var(--type_text-regular); --notification-panel_empty-state_font-family: var(--family_sans); --notification-panel-card_border_container: var(--border_weak); --notification-panel-card_border_container_hover: var(--border_weak); --notification-panel_container_radius: var(--large-container_radius); --notification-panel_fill_container-heading: var(--layer_primary); --notification-panel_text_container-heading: var(--heading_primary); --notification-panel_text_stack-heading: var(--text_strong); --notification-panel_text_empty-state-heading: var(--text_strong); --notification-panel_text_empty-state-subtitle: var(--text_weak); --pagination_fill_control: transparent; --pagination_fill_control_hover: var(--gray-900); --pagination_fill_control_focus: transparent; --pagination_fill_control_active: var(--accent); --pagination_fill_control_disabled: transparent; --pagination_foreground_control: var(--gray-200); --pagination_foreground_control_hover: var(--gray-200); --pagination_foreground_control_focus: var(--accent); --pagination_foreground_control_active: var(--citi-ink-blue-950); --pagination_foreground_control_disabled: var(--text_disabled); --pagination_border_control: var(--border-none); --pagination_border_control_hover: var(--border-none); --pagination_border_control_focus: var(--border_focus); --pagination_border_control_active: var(--border-none); --pagination_border_control_disabled: var(--border-none); --popover_border-width: var(--border-width_none); --popover_fill: var(--layer_primary); --popover_fill_secondary: var(--layer_secondary); --popover_border: var(--border-none); --popover_border_secondary: var(--border-none); --popover_foreground_heading: var(--heading_primary); --popover_foreground_body: var(--text_strong); --popover-body_font-type: var(--type_text-regular); --popover_radius: var(--large-container_radius); --popover-heading_font-type: var(--type_text-bold); --section_font-family_heading: var(--family_display); --section_font-family_subtitle: var(--family_sans); --section_font-type_heading: var(--type_text-bold); --section_container_radius: var(--large-container_radius); --section_fill: var(--layer_secondary); --section_fill_hover: var(--fill_hover); --section_fill_focus: var(--layer_secondary); --section_fill_active: var(--layer_secondary); --section_fill_disabled: var(--fill_disabled); --section_border: var(--border-none); --section_border_hover: var(--border-none); --section_border_focus: var(--border_focus); --section_border_active: var(--border_active); --section_border_disabled: var(--border-none); --section_foreground_heading: var(--text_strong); --section_foreground_subtitle: var(--text_weak); --section_foreground_disabled: var(--text_disabled); --slider_fill_handle: var(--gray-975); --slider_fill_handle_hover: var(--slider_fill_handle); --slider_fill_handle_focus: var(--slider_fill_handle); --slider_fill_handle_active: transparent; --slider_fill_handle_disabled: var(--gray-500); --slider_border_handle: var(--blue-light-400); --slider_border_handle_hover: var(--accent); --slider_border_handle_focus: var(--slider_border_handle); --slider_border_handle_active: var(--border-none); --slider_border_handle_disabled: var(--gray-500); --slider_handle_border-width: var(--size-2); --slider_fill_track: var(--primary); --slider_fill_track_hover: var(--slider_fill_track); --slider_fill_track_focus: var(--slider_fill_track); --slider_fill_track_active: var(--accent); --slider_fill_track_disabled: var(--gray-500); --slider_fill_tick: var(--layer_primary); --slider_fill_tick_hover: var(--slider_fill_tick); --slider_fill_tick_focus: var(--slider_fill_tick); --slider_fill_tick_active: var(--slider_fill_tick); --slider_fill_tick_disabled: var(--slider_fill_tick); --stepper_border_status: var(--white); --stepper_border_status_hover: var(--gray-200); --stepper_border_status_focus: var(--border_focus); --stepper_border_status_active: var(--border-none); --stepper_border_status-completed: var(--accent); --stepper_border_status-error: var(--danger); --stepper_border_status-error_active: var(--border-none); --stepper_border_status_disabled: var(--border_disabled); --stepper_fill_status: transparent; --stepper_fill_status_hover: var(--fill_hover); --stepper_fill_status_focus: transparent; --stepper_fill_status_active: var(--accent); --stepper_fill_status-completed: transparent; --stepper_fill_status-error: transparent; --stepper_fill_status_disabled: transparent; --stepper_fill_status-error_active: var(--danger); --stepper_fill_status-completed_disabled: var(--fill_disabled); --stepper_foreground_status: var(--text_strong); --stepper_foreground_status_active: var(--citi-ink-blue-950); --stepper_foreground_status-completed: var(--accent); --stepper_foreground_status-error: var(--danger); --stepper_foreground_status-error_active: var(--gray-950); --stepper_foreground_status_disabled: var(--text_disabled); --stepper_foreground_status-completed_disabled: var(--text_disabled); --stepper_foreground_step-label: var(--text_strong); --stepper_foreground_step-label_hover: var(--text_strong); --stepper_foreground_step-label_focus: var(--text_strong); --stepper_foreground_step-label_active: var(--link); --stepper_foreground_step-label_active-hover: var(--link_hover); --stepper_foreground_step-label-completed: var(--blue-light-400); --stepper_foreground_step-label-error: var(--text_danger); --stepper_foreground_step-label-error_active: var(--text_danger); --stepper_foreground_step-label_disabled: var(--text_disabled); --stepper_fill_tracker: var(--border_strong); --stepper_fill_tracker_hover: var(--border_strong); --stepper_fill_tracker_focus: var(--border_strong); --stepper_fill_tracker_active: var(--accent); --stepper_fill_tracker_active-hover: var(--accent); --stepper_fill_tracker-completed: var(--accent); --stepper_fill_tracker-error: var(--danger); --stepper_fill_tracker-error_active: var(--danger); --stepper_fill_tracker_disabled: var(--border_strong); --table_border-width_focus: var(--border-width_thick); --table_fill: var(--fill_default); --table_border-width_active: var(--border-width_thin); --table_border-width_column-header: var(--border-width_thin); --table_border: var(--border_weak); --table_border_hover: var(--border_weak); --table_border_focus: var(--border_focus); --table_border_active: var(--border_weak); --table_border_disabled: var(--border_weak); --table_border_info: var(--border_weak); --table_border_total: var(--border_weak); --table_border_selected: var(--border_active); --table_border_column-header: var(--border_weak); --table_foreground: var(--text_strong); --table_foreground_hover: var(--text_strong); --table_foreground_focus: var(--text_strong); --table_foreground_active: var(--text_strong); --table_foreground_selected: var(--text_active_on-fill-active); --table_foreground_disabled: var(--text_disabled); --table_foreground_info: var(--text_strong); --table_foreground_total: var(--text_strong); --table_foreground_column-header: var(--text_strong); --table_fill_hover: var(--fill_hover); --table_fill_focus: var(--fill_focus); --table_fill_active: var(--fill_active); --table_fill_selected: var(--fill_active); --table_fill_disabled: var(--fill_disabled); --table_fill_info: var(--field_fill_read-only); --table_fill_total: var(--field_fill_read-only); --table_fill_column-header: var(--layer_secondary); --table_font-family_standard-cell: var(--family_sans); --table_font-type_standard-cell: var(--type_text-regular); --table_font-family_column-header: var(--family_sans); --table_font-type_column-header: var(--type_text-bold); --table-update-color: transparentize(var(--cyan), 0.8); --table-update-color-positive: transparentize(var(--success), 0.8); --table-update-color-negative: transparentize(var(--danger), 0.8); --table-color-1: var(--citi-blue-600); --table-color-2: var(--blue-green-600); --table-color-3: var(--forest-600); --table-color-4: var(--green-600); --table-color-5: var(--yellow-600); --table-color-6: var(--orange-600); --table-color-7: var(--mahogany-600); --table-color-8: var(--plum-600); --table-color-9: var(--purple-600); --table-color-success: var(--success); --table-color-warning: var(--warning); --table-color-danger: var(--danger); --table-color-range-gain-1: var(--forest-900); --table-foreground-range-gain-1: var(--text_strong); --table-color-range-gain-2: var(--forest-800); --table-foreground-range-gain-2: var(--text_strong); --table-color-range-gain-3: var(--forest-700); --table-foreground-range-gain-3: var(--text_strong); --table-color-range-gain-4: var(--forest-600); --table-foreground-range-gain-4: #000; --table-color-range-gain-5: var(--forest-500); --table-foreground-range-gain-5: var(--text_strong_on-inverse); --table-color-range-loss-1: var(--red-light-900); --table-foreground-range-loss-1: var(--text_strong); --table-color-range-loss-2: var(--red-light-800); --table-foreground-range-loss-2: var(--text_strong); --table-color-range-loss-3: var(--red-light-700); --table-foreground-range-loss-3: var(--text_strong); --table-color-range-loss-4: var(--red-light-600); --table-foreground-range-loss-4: var(--text_strong); --table-color-range-loss-5: var(--red-light-500); --table-foreground-range-loss-5: var(--text_strong_on-inverse); --tab_radius: var(--radius-0); --tab_border-width: var(--border-width_none); --tab_fill: transparent; --tab_fill_hover: var(--gray-900); --tab_fill_focus: transparent; --tab_fill_active: transparent; --tab_fill_disabled: transparent; --tab_fill_active-hover: var(--gray-900); --tab_fill_active-focus: transparent; --tab_foreground: var(--text_weak); --tab_foreground_hover: var(--white); --tab_foreground_focus: var(--text_weak); --tab_foreground_active: var(--accent); --tab_foreground_active-hover: var(--text_active); --tab_foreground_active-focus: var(--text_active); --tab_foreground_disabled: var(--text_disabled); --tab_border: var(--border-none); --tab_border_hover: var(--border-none); --tab_border_active: var(--border-none); --tab_border_active-hover: var(--border-none); --tab_border_disabled: var(--border-none); --tab_fill_count-wrapper: var(--gray-800); --tab_fill_count-wrapper_hover: var(--gray-600); --tab_fill_count-wrapper_focus: var(--tab_fill_count-wrapper); --tab_fill_count-wrapper_active: var(--gray-800); --tab_fill_count-wrapper_active-hover: var(--gray-600); --tab_fill_count-wrapper_active-focus: var(--tab_fill_count-wrapper_active); --tab_fill_count-wrapper_disabled: var(--fill_disabled); --tab_foreground_count-wrapper: var(--tab_foreground); --tab_foreground_count-wrapper_hover: var(--tab_foreground_hover); --tab_foreground_count-wrapper_active: var(--tab_foreground_active); --tab_foreground_count-wrapper_active-hover: var(--tab_foreground_active-hover); --tab_foreground_count-wrapper_disabled: var(--foreground_disabled); --tab_border_count-wrapper: var(--border-none); --tab_border_count-wrapper_hover: var(--border-none); --tab_border_count-wrapper_active: var(--border-none); --tab_border_count-wrapper_active-hover: var(--border-none); --tab_border_count-wrapper_disabled: var(--border-none); --tab_fill_indicator: var(--gray-600); --tab_fill_indicator_hover: var(--gray-600); --tab_fill_indicator_focus: var(--gray-600); --tab_fill_indicator_active: var(--accent); --tab_fill_indicator_disabled: var(--gray-700); --tab_fill_indicator_active-hover: var(--tab_foreground_active-hover); --tab_fill_indicator_active-focus: var(--blue-light-400); --tab_border-width_active: var(--border-width_none); --tab_border-width_active-hover: var(--border-width_none); --tab_border-width_count-wrapper: var(--border-width_none); --tab_border-width_count-wrapper_active: var(--border-width_none); --tab_border-width_count-wrapper_active-hover: var(--border-width_none); --tab_counter_radius: var(--radius-8); --tab_label_font-size: var(--font-size-14); --tab_label_line-height: var(--line-height-body-18); --tab_label_font-type: var(--type_text-regular); --tab-count-wrapper_font-type: var(--type_text-regular); --navbar-sub-tab-bg-color-active: var(--white); --navbar-menu-text-color: var(--gray-400); --navbar-menu-bg-color-active: var(--citi-blue-100); --navbar-item-bg-color-active: var(--citi-blue-100-70); --tag_container_radius: var(--radius-full); --tag_action-container_radius: var(--radius-full); --tag_container_border-width: var(--border-width_thin); --tag_container_border-width_active: var(--border-width_thick); --tag_font-family: var(--family_sans); --tag_font-type: var(--type_text-regular); --tag_fill: transparent; --tag_fill_focus: transparent; --tag_fill_active: var(--citi-ink-blue-950); --tag_fill_disabled: var(--fill_disabled); --tag_fill_read-only: var(--fill_read-only); --tag_fill_orange: rgba(137,47,5,0.30); --tag_fill_purple: rgba(88,34,90,0.40); --tag_fill_plum: rgba(135,26,78,0.30); --tag_fill_teal: rgba(25,64,68,0.30); --tag_fill_olive: var(--sand-950); --tag_fill_success: rgba(25, 64, 68, 0.3); --tag_fill_warning: rgba(97, 61, 34, 0.3); --tag_fill_danger: var(--fill_danger); --tag_foreground: var(--text_strong); --tag_foreground_focus: var(--text_strong); --tag_foreground_active: var(--text_active); --tag_foreground_disabled: var(--text_disabled); --tag_foreground_read-only: var(--text_strong); --tag_foreground_orange: var(--orange-light-300); --tag_foreground_purple: var(--purple-light-200); --tag_foreground_plum: var(--plum-light-300); --tag_foreground_teal: var(--blue-green-200); --tag_foreground_olive: var(--sand-300); --tag_foreground_success: var(--blue-green-light-100); --tag_foreground_warning: var(--tan-100); --tag_foreground_danger: var(--text_danger); --tag_border: var(--citi-blue-100); --tag_border_focus: var(--white); --tag_border_active: var(--border_active); --tag_border_success: var(--forest-bright-400); --tag_border_warning: var(--tan-400); --tag_border_danger: var(--border_danger); --tag_border_disabled: var(--border_disabled); --tag_border_read-only: var(--border_strong); --tag_border_orange: var(--orange-light-300); --tag_border_orange_focus: var(--orange-light-300); --tag_border_purple: var(--purple-light-200); --tag_border_purple_focus: var(--purple-light-200); --tag_border_plum: var(--plum-light-300); --tag_border_plum_focus: var(--plum-light-300); --tag_border_teal: var(--blue-green-200); --tag_border_teal_focus: var(--blue-green-200); --tag_border_olive: var(--sand-300); --tag_border_olive_focus: var(--sand-300); --tag_fill_action_hover: rgba(255,255,255,0.15); --tag_border_action_hover: var(--border-none); --text-block_foreground_heading: var(--heading_primary); --text-block_foreground_subtitle: var(--text_weak); --text-block_foreground_heading_on-layer-brand-primary: var(--text_strong_on-layer-brand-primary); --text-block_foreground_subtitle_on-layer-brand-primary: var(--text_weak_on-layer-brand-primary); --text-block_foreground_heading_on-layer-brand-secondary: var(--text_strong_on-layer-brand-secondary); --text-block_foreground_subtitle_on-layer-brand-seconadry: var(--text_weak_on-layer-brand-secondary); --text-block_font-type_heading: var(--type_display-regular); --text-block_font-type_subtitle: var(--type_text-regular); --tooltip_border-width: var(--border-width_none); --tooltip_fill: var(--white); --tooltip_font-type: var(--type_text-regular); --tooltip_foreground: var(--citi-ink-blue-950); --tooltip_border: var(--border-none); --chart-color-1: var(--chart-color_categorical_1); --chart-color-2: var(--chart-color_categorical_2); --chart-color-3: var(--chart-color_categorical_3); --chart-color-4: var(--chart-color_categorical_4); --chart-color-5: var(--chart-color_categorical_5); --chart-color-6: var(--chart-color_categorical_6); --chart-color-7: var(--chart-color_categorical_7); --chart-color-8: var(--chart-color_categorical_8); --chart-color-9: var(--chart-color_categorical_9); --chart-color-10: var(--chart-color_categorical_10); --chart-color-11: var(--chart-color_categorical_11); --chart-color-12: var(--chart-color_categorical_12); --chart-color-13: var(--chart-color_categorical_13); --chart-color-14: var(--chart-color_categorical_14); --chart-color-15: var(--chart-color_categorical_15); --chart-color-16: var(--chart-color_categorical_16); } .icgds.dark-theme .lmn-layer-brand-primary, .icgds.dark-theme .lmn-bg-secondary, .icgds.dark-theme .default-layer .lmn-layer-brand-primary, .icgds.dark-theme .default-layer .lmn-bg-secondary, .icgds.light-theme .theme-inverse .lmn-layer-brand-primary, .icgds.light-theme .theme-inverse .lmn-bg-secondary, .icgds .theme-inverse .lmn-layer-brand-primary, .icgds .theme-inverse .lmn-bg-secondary { --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-layer-brand-primary); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-layer-brand-primary); --text_strong: var(--text_strong_on-layer-brand-primary); --text_weak: var(--text_weak_on-layer-brand-primary); --button_fill_primary: var(--button_fill_primary_on-layer-brand-primary); --button_fill_primary_hover: var(--button_fill_primary_hover_on-layer-brand-primary); --button_fill_primary_focus: var(--button_fill_primary_focus_on-layer-brand-primary); --button_fill_primary_active: var(--button_fill_primary_active_on-layer-brand-primary); --button_fill_primary_disabled: var(--button_fill_primary_disabled_on-layer-brand-primary); --button_foreground_primary: var(--button_foreground_primary_on-layer-brand-primary); --button_foreground_primary_hover: var(--button_foreground_primary_hover_on-layer-brand-primary); --button_foreground_primary_focus: var(--button_foreground_primary_focus_on-layer-brand-primary); --button_foreground_primary_active: var(--button_foreground_primary_active_on-layer-brand-primary); --button_foreground_primary_disabled: var(--button_foreground_primary_disabled_on-layer-brand-primary); --button_border_primary: var(--button_border_primary_on-layer-brand-primary); --button_border_primary_hover: var(--button_border_primary_hover_on-layer-brand-primary); --button_border_primary_focus: var(--button_border_primary_focus_on-layer-brand-primary); --button_border_primary_active: var(--button_border_primary_active_on-layer-brand-primary); --button_border_primary_disabled: var(--button_border_primary_disabledr_on-layer-brand-primary); --button_fill_standard: var(--button_fill_standard_on-layer-brand-primary); --button_fill_standard_hover: var(--button_fill_standard_hover_on-layer-brand-primary); --button_fill_standard_focus: var(--button_fill_standard_focus_on-layer-brand-primary); --button_fill_standard_active: var(--button_fill_standard_active_on-layer-brand-primary); --button_fill_standard_disabled: var(--button_fill_standard_disabled_on-layer-brand-primary); --button_foreground_standard: var(--button_foreground_standard_on-layer-brand-primary); --button_foreground_standard_hover: var(--button_foreground_standard_hover_on-layer-brand-primary); --button_foreground_standard_focus: var(--button_foreground_standard_focus_on-layer-brand-primary); --button_foreground_standard_active: var(--button_foreground_standard_active_on-layer-brand-primary); --button_foreground_standard_disabled: var(--button_foreground_standard_disabled_on-layer-brand-primary); --button_border_standard: var(--button_border_standard_on-layer-brand-primary); --button_border_standard_hover: var(--button_border_standard_hover_on-layer-brand-primary); --button_border_standard_focus: var(--button_border_standard_focus_on-layer-brand-primary); --button_border_standard_active: var(---button_border_standard_active_on-layer-brand-primary); --button_border_standard_disabled: var(--button_border_standard_disabled_on-layer-brand-primary); --button_fill_outline: var(--button_fill_outline_on-layer-brand-primary); --button_fill_outline_hover: var(--button_fill_outline_hover_on-layer-brand-primary); --button_fill_outline_focus: var(--button_fill_outline_focus_on-layer-brand-primary); --button_fill_outline_active: var(--button_fill_outline_active_on-layer-brand-primary); --button_fill_outline_disabled: var(--button_fill_outline_disabled_on-layer-brand-primary); --button_foreground_outline: var(--button_foreground_outline_on-layer-brand-primary); --button_foreground_outline_hover: var(--button_foreground_outline_hover_on-layer-brand-primary); --button_foreground_outline_focus: var(--button_foreground_outline_focus_on-layer-brand-primary); --button_foreground_outline_active: var(--button_foreground_outline_active_on-layer-brand-primary); --button_foreground_outline_disabled: var(--button_foreground_outline_disabled_on-layer-brand-primary); --button_border_outline: var(--button_border_outline_on-layer-brand-primary); --button_border_outline_hover: var(--button_border_outline_hover_on-layer-brand-primary); --button_border_outline_focus: var(--button_border_outline_focus_on-layer-brand-primary); --button_border_outline_active: var(--button_border_outline_active_on-layer-brand-primary); --button_border_outline_disabled: var(--button_border_outline_disabled_on-layer-brand-primary); --card_foreground_body: var(--card_foreground_body_on-layer-brand-primary); --card_foreground_header-label: var(--card_foreground_header-label_on-layer_brand_primary); --card_fill: var(--layer_brand_primary); --card_border: var(--border-none); --link: var(--link_on-layer-brand-primary); --link_hover: var(--link_hover_on-layer-brand-primary); --link_active: var(--link_active_on-layer-brand-primary); --link_visited: var(--link_visited_on-layer-brand-primary); --link_disabled: var(--link_disabled_on-layer-brand-primary); --text-block_foreground_heading: var(--text-block_foreground_heading_on-layer-brand-primary); --text-block_foreground_subtitle: var(--text-block_foreground_subtitle_on-layer-brand-primary); } .icgds.dark-theme .lmn-layer-brand-secondary, .icgds.dark-theme .lmn-bg-primary, .icgds.dark-theme .default-layer .lmn-layer-brand-secondary, .icgds.dark-theme .default-layer .lmn-bg-primary, .icgds.light-theme .theme-inverse .lmn-layer-brand-secondary, .icgds.light-theme .theme-inverse .lmn-bg-primary, .icgds .theme-inverse .lmn-layer-brand-secondary, .icgds .theme-inverse .lmn-bg-primary { --fill_default: var(--fill_default_on-layer-secondary); --fill_hover: var(--fill_hover_on-layer-secondary); --fill_focus: var(--fill_focus_on-layer-secondary); --fill_active: var(--fill_active_on-layer-secondary); --fill_selected: var(--fill_selected_on-layer-secondary); --fill_disabled: var(--fill_disabled_on-layer-secondary); --fill_danger: var(--fill_danger_on-layer-secondary); --fill_read-only: var(--fill_read-only_on-layer-secondary); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-layer-brand-secondary); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-layer-brand-secondary); --text_strong: var(--text_strong_on-layer-brand-secondary); --text_weak: var(--text_weak_on-layer-brand-secondary); --button_fill_primary: var(--button_fill_primary_on-layer-brand-secondary); --button_fill_primary_hover: var(--button_fill_primary_hover_on-layer-brand-secondary); --button_fill_primary_focus: var(--button_fill_primary_focus_on-layer-brand-secondary); --button_fill_primary_active: var(--button_fill_primary_active_on-layer-brand-secondary); --button_fill_primary_disabled: var(--button_fill_primary_disabled_on-layer-brand-secondary); --button_foreground_primary: var(--button_foreground_primary_on-layer-brand-secondary); --button_foreground_primary_hover: var(--button_foreground_primary_hover_on-layer-brand-secondary); --button_foreground_primary_focus: var(--button_foreground_primary_focus_on-layer-brand-secondary); --button_foreground_primary_active: var(--button_foreground_primary_active_on-layer-brand-secondary); --button_foreground_primary_disabled: var(--button_foreground_primary_disabled_on-layer-brand-secondary); --button_border_primary: var(--button_border_primary_on-layer-brand-secondary); --button_border_primary_hover: var(--button_border_primary_hover_on-layer-brand-secondary); --button_border_primary_focus: var(--button_border_primary_focus_on-layer-brand-secondary); --button_border_primary_active: var(--button_border_primary_active_on-layer-brand-secondary); --button_border_primary_disabled: var(--button_border_primary_disabledr_on-layer-brand-secondary); --button_fill_standard: var(--button_fill_standard_on-layer-brand-secondary); --button_fill_standard_hover: var(--button_fill_standard_hover_on-layer-brand-secondary); --button_fill_standard_focus: var(--button_fill_standard_focus_on-layer-brand-secondary); --button_fill_standard_active: var(--button_fill_standard_active_on-layer-brand-secondary); --button_fill_standard_disabled: var(--button_fill_standard_disabled_on-layer-brand-secondary); --button_foreground_standard: var(--button_foreground_standard_on-layer-brand-secondary); --button_foreground_standard_hover: var(--button_foreground_standard_hover_on-layer-brand-secondary); --button_foreground_standard_focus: var(--button_foreground_standard_focus_on-layer-brand-secondary); --button_foreground_standard_active: var(--button_foreground_standard_active_on-layer-brand-secondary); --button_foreground_standard_disabled: var(--button_foreground_standard_disabled_on-layer-brand-secondary); --button_border_standard: var(--button_border_standard_on-layer-brand-secondary); --button_border_standard_hover: var(--button_border_standard_hover_on-layer-brand-secondary); --button_border_standard_focus: var(--button_border_standard_focus_on-layer-brand-secondary); --button_border_standard_active: var(---button_border_standard_active_on-layer-brand-secondary); --button_border_standard_disabled: var(--button_border_standard_disabled_on-layer-brand-secondary); --button_fill_outline: var(--button_fill_outline_on-layer-brand-secondary); --button_fill_outline_hover: var(--button_fill_outline_hover_on-layer-brand-secondary); --button_fill_outline_focus: var(--button_fill_outline_focus_on-layer-brand-secondary); --button_fill_outline_active: var(--button_fill_outline_active_on-layer-brand-secondary); --button_fill_outline_disabled: var(--button_fill_outline_disabled_on-layer-brand-secondary); --button_foreground_outline: var(--button_foreground_outline_on-layer-brand-secondary); --button_foreground_outline_hover: var(--button_foreground_outline_hover_on-layer-brand-secondary); --button_foreground_outline_focus: var(--button_foreground_outline_focus_on-layer-brand-secondary); --button_foreground_outline_active: var(--button_foreground_outline_active_on-layer-brand-secondary); --button_foreground_outline_disabled: var(--button_foreground_outline_disabled_on-layer-brand-secondary); --button_border_outline: var(--button_border_outline_on-layer-brand-secondary); --button_border_outline_hover: var(--button_border_outline_hover_on-layer-brand-secondary); --button_border_outline_focus: var(--button_border_outline_focus_on-layer-brand-secondary); --button_border_outline_active: var(--button_border_outline_active_on-layer-brand-secondary); --button_border_outline_disabled: var(--button_border_outline_disabled_on-layer-brand-secondary); --card_foreground_body: var(--card_foreground_body_on-layer-brand-secondary); --card_foreground_header-label: var(--card_foreground_header-label_on-layer_brand_secondary); --card_fill: var(--layer_brand_secondary); --card_border: var(--border-none); --link: var(--link_on-layer-brand-secondary); --link_hover: var(--link_hover_on-layer-brand-secondary); --link_active: var(--link_active_on-layer-brand-secondary); --link_visited: var(--link_visited_on-layer-brand-secondary); --link_disabled: var(--link_disabled_on-layer-brand-secondary); --text-block_foreground_heading: var(--text-block_foreground_heading_on-layer-brand-secondary); --text-block_foreground_subtitle: var(--text-block_foreground_subtitle_on-layer-brand-seconadry); } .icgds.dark-theme .lmn-alert, .icgds.dark-theme .lmn-alert-info, .icgds.dark-theme .lmn-bg-info, .icgds.dark-theme .default-layer .lmn-alert, .icgds.dark-theme .default-layer .lmn-alert-info, .icgds.dark-theme .default-layer .lmn-bg-info, .icgds.light-theme .theme-inverse .lmn-alert, .icgds.light-theme .theme-inverse .lmn-alert-info, .icgds.light-theme .theme-inverse .lmn-bg-info, .icgds .theme-inverse .lmn-alert, .icgds .theme-inverse .lmn-alert-info, .icgds .theme-inverse .lmn-bg-info { --text_weak: var(--alert_foreground_info); --text_strong: var(--alert_foreground_info); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-high-contrast-info-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-high-contrast-info-status); --button_fill_standard: var(--button_fill_on-high-contrast-info-status); --button_fill_standard_hover: var(--button_fill_on-high-contrast-info-status_hover); --button_fill_standard_active: var(--button_fill_on-high-contrast-info-status_active); --button_foreground_standard: var(--button_foreground_on-high-contrast-info-status); --button_foreground_standard_hover: var(--button_foreground_on-high-contrast-info-status_hover); --button_foreground_standard_active: var(--button_foreground_on-high-contrast-info-status_active); --button_border_standard: var(--button_border_on-high-contrast-info-status); --button_border_standard_hover: var(--button_border_on-high-contrast-info-status_hover); --button_border_standard_active: var(---button_border_on-high-contrast-info-status_active); } .icgds.dark-theme .lmn-alert-danger, .icgds.dark-theme .lmn-bg-danger, .icgds.dark-theme .default-layer .lmn-alert-danger, .icgds.dark-theme .default-layer .lmn-bg-danger, .icgds.light-theme .theme-inverse .lmn-alert-danger, .icgds.light-theme .theme-inverse .lmn-bg-danger, .icgds .theme-inverse .lmn-alert-danger, .icgds .theme-inverse .lmn-bg-danger { --text_weak: var(--alert_foreground_danger); --text_strong: var(--alert_foreground_danger); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-high-contrast-danger-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-high-contrast-danger-status); --button_fill_standard: var(--button_fill_on-high-contrast-danger-status); --button_fill_standard_hover: var(--button_fill_on-high-contrast-danger-status_hover); --button_fill_standard_active: var(--button_fill_on-high-contrast-danger-status_active); --button_foreground_standard: var(--button_foreground_on-high-contrast-danger-status); --button_foreground_standard_hover: var(--button_foreground_on-high-contrast-danger-status_hover); --button_foreground_standard_active: var(--button_foreground_on-high-contrast-danger-status_active); --button_border_standard: var(--button_border_on-high-contrast-danger-status); --button_border_standard_hover: var(--button_border_on-high-contrast-danger-status_hover); --button_border_standard_active: var(---button_border_on-high-contrast-danger-status_active); } .icgds.dark-theme .lmn-alert-success, .icgds.dark-theme .lmn-bg-success, .icgds.dark-theme .default-layer .lmn-alert-success, .icgds.dark-theme .default-layer .lmn-bg-success, .icgds.light-theme .theme-inverse .lmn-alert-success, .icgds.light-theme .theme-inverse .lmn-bg-success, .icgds .theme-inverse .lmn-alert-success, .icgds .theme-inverse .lmn-bg-success { --text_weak: var(--alert_foreground_success); --text_strong: var(--alert_foreground_success); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-high-contrast-success-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-high-contrast-success-status); --button_fill_standard: var(--button_fill_on-high-contrast-success-status); --button_fill_standard_hover: var(--button_fill_on-high-contrast-success-status_hover); --button_fill_standard_active: var(--button_fill_on-high-contrast-success-status_active); --button_foreground_standard: var(--button_foreground_on-high-contrast-success-status); --button_foreground_standard_hover: var(--button_foreground_on-high-contrast-success-status_hover); --button_foreground_standard_active: var(--button_foreground_on-high-contrast-success-status_active); --button_border_standard: var(--button_border_on-high-contrast-success-status); --button_border_standard_hover: var(--button_border_on-high-contrast-success-status_hover); --button_border_standard_active: var(---button_border_on-high-contrast-success-status_active); } .icgds.dark-theme .lmn-alert-warning, .icgds.dark-theme .lmn-bg-warning, .icgds.dark-theme .default-layer .lmn-alert-warning, .icgds.dark-theme .default-layer .lmn-bg-warning, .icgds.light-theme .theme-inverse .lmn-alert-warning, .icgds.light-theme .theme-inverse .lmn-bg-warning, .icgds .theme-inverse .lmn-alert-warning, .icgds .theme-inverse .lmn-bg-warning { --text_weak: var(--alert_foreground_warning); --text_strong: var(--alert_foreground_warning); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-high-contrast-warning-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-high-contrast-warning-status); --button_fill_standard: var(--button_fill_on-high-contrast-warning-status); --button_fill_standard_hover: var(--button_fill_on-high-contrast-warning-status_hover); --button_fill_standard_active: var(--button_fill_on-high-contrast-warning-status_active); --button_foreground_standard: var(--button_foreground_on-high-contrast-warning-status); --button_foreground_standard_hover: var(--button_foreground_on-high-contrast-warning-status_hover); --button_foreground_standard_active: var(--button_foreground_on-high-contrast-warning-status_active); --button_border_standard: var(--button_border_on-high-contrast-warning-status); --button_border_standard_hover: var(--button_border_on-high-contrast-warning-status_hover); --button_border_standard_active: var(---button_border_on-high-contrast-warning-status_active); } .icgds.dark-theme .lmn-alert-low-contrast, .icgds.dark-theme .lmn-alert-low-contrast.lmn-alert-info, .icgds.dark-theme .default-layer .lmn-alert-low-contrast, .icgds.dark-theme .default-layer .lmn-alert-low-contrast.lmn-alert-info, .icgds.light-theme .theme-inverse .lmn-alert-low-contrast, .icgds.light-theme .theme-inverse .lmn-alert-low-contrast.lmn-alert-info, .icgds .theme-inverse .lmn-alert-low-contrast, .icgds .theme-inverse .lmn-alert-low-contrast.lmn-alert-info { --text_weak: var(--alert_foreground_low-contrast-info); --text_strong: var(--alert_foreground_low-contrast-info); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-low-contrast-info-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-low-contrast-info-status); --button_fill_standard: var(--button_fill_on-low-contrast-info-status); --button_fill_standard_hover: var(--button_fill_on-low-contrast-info-status_hover); --button_fill_standard_active: var(--button_fill_on-low-contrast-info-status_active); --button_foreground_standard: var(--button_foreground_on-low-contrast-info-status); --button_foreground_standard_hover: var(--button_foreground_on-low-contrast-info-status_hover); --button_foreground_standard_active: var(--button_foreground_on-low-contrast-info-status_active); --button_border_standard: var(--button_border_on-low-contrast-info-status); --button_border_standard_hover: var(--button_border_on-low-contrast-info-status_hover); --button_border_standard_active: var(---button_border_on-low-contrast-info-status_active); } .icgds.dark-theme .lmn-alert-low-contrast.lmn-alert-danger, .icgds.dark-theme .default-layer .lmn-alert-low-contrast.lmn-alert-danger, .icgds.light-theme .theme-inverse .lmn-alert-low-contrast.lmn-alert-danger, .icgds .theme-inverse .lmn-alert-low-contrast.lmn-alert-danger { --text_weak: var(--alert_foreground_low-contrast-danger); --text_strong: var(--alert_foreground_low-contrast-danger); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-low-contrast-danger-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-low-contrast-danger-status); --button_fill_standard: var(--button_fill_on-low-contrast-danger-status); --button_fill_standard_hover: var(--button_fill_on-low-contrast-danger-status_hover); --button_fill_standard_active: var(--button_fill_on-low-contrast-danger-status_active); --button_foreground_standard: var(--button_foreground_on-low-contrast-danger-status); --button_foreground_standard_hover: var(--button_foreground_on-low-contrast-danger-status_hover); --button_foreground_standard_active: var(--button_foreground_on-low-contrast-danger-status_active); --button_border_standard: var(--button_border_on-low-contrast-danger-status); --button_border_standard_hover: var(--button_border_on-low-contrast-danger-status_hover); --button_border_standard_active: var(---button_border_on-low-contrast-danger-status_active); } .icgds.dark-theme .lmn-alert-low-contrast.lmn-alert-success, .icgds.dark-theme .default-layer .lmn-alert-low-contrast.lmn-alert-success, .icgds.light-theme .theme-inverse .lmn-alert-low-contrast.lmn-alert-success, .icgds .theme-inverse .lmn-alert-low-contrast.lmn-alert-success { --text_weak: var(--alert_foreground_low-contrast-success); --text_strong: var(--alert_foreground_low-contrast-success); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-low-contrast-success-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-low-contrast-success-status); --button_fill_standard: var(--button_fill_on-low-contrast-success-status); --button_fill_standard_hover: var(--button_fill_on-low-contrast-success-status_hover); --button_fill_standard_active: var(--button_fill_on-low-contrast-success-status_active); --button_foreground_standard: var(--button_foreground_on-low-contrast-success-status); --button_foreground_standard_hover: var(--button_foreground_on-low-contrast-success-status_hover); --button_foreground_standard_active: var(--button_foreground_on-low-contrast-success-status_active); --button_border_standard: var(--button_border_on-low-contrast-success-status); --button_border_standard_hover: var(--button_border_on-low-contrast-success-status_hover); --button_border_standard_active: var(---button_border_on-low-contrast-success-status_active); } .icgds.dark-theme .lmn-alert-low-contrast.lmn-alert-warning, .icgds.dark-theme .default-layer .lmn-alert-low-contrast.lmn-alert-warning, .icgds.light-theme .theme-inverse .lmn-alert-low-contrast.lmn-alert-warning, .icgds .theme-inverse .lmn-alert-low-contrast.lmn-alert-warning { --text_weak: var(--alert_foreground_low-contrast-warning); --text_strong: var(--alert_foreground_low-contrast-warning); --shadow_fill-inner-line_focus: var(--shadow_fill-inner-line_focus_on-low-contrast-warning-status); --shadow_fill-outline_focus: var(--shadow_fill-outline_focus_on-low-contrast-warning-status); --button_fill_standard: var(--button_fill_on-low-contrast-warning-status); --button_fill_standard_hover: var(--button_fill_on-low-contrast-warning-status_hover); --button_fill_standard_active: var(--button_fill_on-low-contrast-warning-status_active); --button_foreground_standard: var(--button_foreground_on-low-contrast-warning-status); --button_foreground_standard_hover: var(--button_foreground_on-low-contrast-warning-status_hover); --button_foreground_standard_active: var(--button_foreground_on-low-contrast-warning-status_active); --button_border_standard: var(--button_border_on-low-contrast-warning-status); --button_border_standard_hover: var(--button_border_on-low-contrast-warning-status_hover); --button_border_standard_active: var(---button_border_on-low-contrast-warning-status_active); } .icgds.dark-theme .lmn-layer-secondary, .icgds.dark-theme .default-layer .lmn-layer-secondary, .icgds.light-theme .theme-inverse .lmn-layer-secondary, .icgds .theme-inverse .lmn-layer-secondary { --code_fill: var(--code_fill_on-layer_secondary); } .icgds { --black-60: rgba(0,0,0,0.60); --black: #0A0B0B; --gray-975: #1D1F20; --gray-950: #26292B; --gray-900: #3A3E40; --gray-850-70: rgba(34,48,62,0.70); --gray-800: #42474A; --gray-700: #4D5457; --gray-600: #5E676B; --gray-500: #747F83; --gray-475: #808A8E; --gray-400: #A4ACAF; --gray-300: #BCC5C9; --gray-200: #D3DADD; --gray-150: #DDE3E5; --gray-100: #E6EBED; --gray-50: #F0F5F7; --gray-25: #F7FAFB; --white: #FFFFFF; --transparent: transparent; --sand-975:#18110D; --sand-950:#30211A; --sand-900:#5A4134; --sand-800:#6F4F3D; --sand-700:#886046; --sand-600:#A47752; --sand-500:#B1895E; --sand-400:#BB9A71; --sand-300:#D5C1A8; --sand-200:#DFD0BE; --sand-100:#EAE0D3; --sand-50:#F4EFE9; --sand-025:#FAF7F4; --citi-ink-blue-950: #0F1632; --citi-ink-blue-950-40: rgb(15, 22, 50, .4); --citi-ink-blue-900: #283E87; --citi-ink-blue-800: #2842AB; --citi-ink-blue-700: #2D4CD5; --citi-ink-blue-600: #3B61F0; --citi-ink-blue-500: #5987FB; --citi-ink-blue-500-tint-60: #6F7384; --citi-ink-blue-500-tint-70: #575C70; --citi-ink-blue-400: #78A8FF; --citi-ink-blue-300: #9FC9FF; --citi-ink-blue-200: #C3E0FF; --citi-ink-blue-100: #DEEFFF; --citi-ink-blue-50: #EDF6FF; --citi-blue-950: #192452; --citi-blue-900: #223986; --citi-blue-800: #233FAA; --citi-blue-700: #244CD1; --citi-blue-600: #255BE3; --citi-blue-500: #427FEF; --citi-blue-400: #66A2F4; --citi-blue-300: #97C2F9; --citi-blue-200: #C1D9FC; --citi-blue-100: #DCE9FD; --citi-blue-50: #F0F6FE; --blue-light-950: #162D55; --blue-light-900: #1D478B; --blue-light-800: #1D52B0; --blue-light-700: #1B66DA; --blue-light-600: #237CED; --blue-light-500: #399BF8; --blue-light-400: #73C2FC; --blue-light-300: #92D3FE; --blue-light-200: #BEE3FF; --blue-light-100: #DBEFFE; --blue-light-100-opacity-10: rgba(from var(--blue-light-100) r g b / 0.1); --blue-light-50: #EFF8FF; --blue-green-dark-950: #09262A; --blue-green-dark-900: #194044; --blue-green-dark-800: #1A5055; --blue-green-dark-700: #1B636A; --blue-green-dark-600: #1D7C84; --blue-green-dark-500: #289DA4; --blue-green-dark-400: #41BCC0; --blue-green-dark-300: #6FD9D9; --blue-green-dark-300-shade-30: #4E9898; --blue-green-dark-200: #A4EBE8; --blue-green-dark-100: #D2F5F4; --blue-green-dark-50: #F2FBFA; --blue-green-950: #012D1F; --blue-green-900: #045035; --blue-green-800: #03623E; --blue-green-700: #007C4D; --blue-green-600: #00AF68; --blue-green-500: #0ABF72; --blue-green-400: #2FD88A; --blue-green-300: #6AEBAC; --blue-green-200: #A4F6C8; --blue-green-100: #D0FBE1; --blue-green-50: #EBFEF3; --blue-green-light-950: #0C270F; --blue-green-light-900: #1F4822; --blue-green-light-800: #245727; --blue-green-light-700: #286D2C; --blue-green-light-600: #2F8A34; --blue-green-light-500: #3FA845; --blue-green-light-400: #80CE84; --blue-green-light-300: #99DC9C; --blue-green-light-200: #C6ECC7; --blue-green-light-200-opacity-10: rgba(from var(--blue-green-light-200) r g b / 0.1); --blue-green-light-100: #E2F6E3; --blue-green-light-50: #F2FBF2; --forest-950: #0D2615; --forest-900: #193722; --forest-800: #255633; --forest-700: #2A6B3C; --forest-600: #318849; --forest-500: #42A55C; --forest-400: #67C17F; --forest-300: #9ADBAC; --forest-200: #C7EBD0; --forest-100: #E2F6E7; --forest-50: #F3FAF4; --forest-bright-950: #0E2512; --forest-bright-900: #224527; --forest-bright-800: #28532D; --forest-bright-700: #2D6834; --forest-bright-600: #388A42; --forest-bright-500: #46A152; --forest-bright-400: #6BBD75; --forest-bright-300: #9DD8A3; --forest-bright-200: #C8EACC; --forest-bright-100: #E3F5E5; --forest-bright-50: #F3FAF3; --forest-bright-600-shade-80: #0B1C0C; --green-dark-950: #14250E; --green-dark-900: #2C4522; --green-dark-800: #335525; --green-dark-700: #396526; --green-dark-600: #48832D; --green-dark-500: #60A53D; --green-dark-400: #7FC05B; --green-dark-300: #A0D482; --green-dark-200: #C5E5B1; --green-dark-100: #E1F1D6; --green-dark-50: #F1F9EC; --green-950: #1F3300; --green-900: #3F5B0C; --green-800: #4A6C08; --green-700: #5C8902; --green-600: #7AB500; --green-500: #97D700; --green-400: #BDFB20; --green-300: #D4FF53; --green-200: #E7FF92; --green-100: #F4FFC5; --green-50: #FBFFE4; --green-light-950: #1C290A; --green-light-900: #384B1C; --green-light-800: #41581C; --green-light-700: #4F6E1D; --green-light-600: #689020; --green-light-500: #86B52D; --green-light-400: #A5D04B; --green-light-300: #B6DC62; --green-light-200: #DAEEA8; --green-light-100: #ECF6D1; --green-light-50: #F7FBEA; --tan-950: #381F10; --tan-900: #613D22; --tan-800: #714922; --tan-700: #916024; --tan-600: #A87926; --tan-500: #C3992F; --tan-400: #D3AF3C; --tan-300: #DEC666; --tan-200: #EADE9E; --tan-100: #F4EFCD; --tan-50: #FAF8EC; --tan-700-shade-80: #1D1307; --tan-bright-950: #451703; --tan-bright-900: #773110; --tan-bright-800: #913B0F; --tan-bright-700: #B34C0A; --tan-bright-600: #D86F07; --tan-bright-500: #F4950C; --tan-bright-400: #FAB728; --tan-bright-300: #FBCB4E; --tan-bright-200: #FCE18B; --tan-bright-100: #FEF1C7; --tan-bright-50: #FFFAEB; --yellow-dark-950: #3D1B0B; --yellow-dark-900: #69361A; --yellow-dark-800: #7A4119; --yellow-dark-700: #935115; --yellow-dark-600: #B87116; --yellow-dark-500: #D6941C; --yellow-dark-400: #E5A824; --yellow-dark-300: #EDC457; --yellow-dark-200: #F4DD94; --yellow-dark-100: #F9EFC8; --yellow-dark-50: #FCF8EA; --yellow-950: #442304; --yellow-900: #74440F; --yellow-800: #89530A; --yellow-700: #A66B02; --yellow-600: #D19600; --yellow-500: #FFCD00; --yellow-400: #FFDC0D; --yellow-300: #FFED41; --yellow-200: #FFF986; --yellow-100: #FFFEC1; --yellow-50: #FFFEE7; --yellow-light-950: #421E06; --yellow-light-900: #713B12; --yellow-light-800: #86480D; --yellow-light-700: #A25C06; --yellow-light-600: #CB8203; --yellow-light-500: #EBAB07; --yellow-light-400: #FBC414; --yellow-light-300: #FEDD58; --yellow-light-200: #FFEB89; --yellow-light-100: #FEF7C3; --yellow-light-50: #FEFBE8; --orange-dark-950: #4A1400; --orange-dark-900: #892F05; --orange-dark-800: #B23802; --orange-dark-700: #D84400; --orange-dark-600: #FF7C00; --orange-dark-500: #FF9C25; --orange-dark-400: #FFC364; --orange-dark-300: #FFC364; --orange-dark-200: #FFDDA0; --orange-dark-100: #FFF1D0; --orange-dark-50: #FFF8EB; --orange-950: #450E05; --orange-900: #7F230F; --orange-800: #9E270E; --orange-700: #C73007; --orange-600: #F04406; --orange-500: #FF5C0B; --orange-400: #FF8137; --orange-300: #FFAF70; --orange-200: #FFD0A8; --orange-100: #FFEAD4; --orange-50: #FFF6ED; --orange-light-950: #440F06; --orange-light-900: #7E2310; --orange-light-800: #9C2810; --orange-light-700: #C53109; --orange-light-600: #ED4509; --orange-light-500: #FC5F13; --orange-light-400: #FE8239; --orange-light-300: #FFA15A; --orange-light-200: #FFD0A9; --orange-light-100: #FFEAD4; --orange-light-50: #FFF6ED; --mahogany-950: #460303; --mahogany-900: #8A1212; --mahogany-800: #A70D0D; --mahogany-700: #CB0A0A; --mahogany-600: #F11111; --mahogany-500: #FF3030; --mahogany-400: #FF6262; --mahogany-300: #FF9B9B; --mahogany-200: #FFC4C4; --mahogany-100: #FFDFDF; --mahogany-50: #FFF1F1; --mahogany-950-shade-80:#0E0101; --citi-red-950: #4B0B04; --citi-red-900: #881F14; --citi-red-800: #A51D0F; --citi-red-700: #C81E0D; --citi-red-600: #ED2915; --citi-red-500: #FF3C28; --citi-red-400: #FF7264; --citi-red-300: #FFA69D; --citi-red-200: #FFCAC5; --citi-red-100: #FFE2DF; --citi-red-50: #FFF2F1; --red-dark-950: #4E0701; --red-dark-900: #75130B; --red-dark-800: #AD1407; --red-dark-700: #D21303; --red-dark-600: #F91B09; --red-dark-500: #FF3929; --red-dark-400: #FF685C; --red-dark-300: #FF9F97; --red-dark-200: #FFC7C2; --red-dark-100: #FFE0DE; --red-dark-50: #FFF1F0; --red-light-950: #480907; --red-light-900: #841C18; --red-light-800: #A01914; --red-light-700: #C11A14; --red-light-600: #E5241D; --red-light-500: #F8423B; --red-light-400: #FF7671; --red-light-300: #FFA3A0; --red-light-200: #FFC9C7; --red-light-100: #FFE2E1; --red-light-50: #FFF1F1; --plum-dark-950: #4F0829; --plum-dark-900: #871A4E; --plum-dark-800: #9C1857; --plum-dark-700: #BC1A69; --plum-dark-600: #D92984; --plum-dark-500: #EA4AA5; --plum-dark-400: #F373C0; --plum-dark-300: #F8A9DA; --plum-dark-200: #FBCFEB; --plum-dark-100: #FCE7F5; --plum-dark-50: #FDF2F9; --plum-950: #550225; --plum-900: #8A1145; --plum-800: #A60E4F; --plum-700: #CA0C60; --plum-600: #D71671; --plum-500: #F73D9E; --plum-400: #FD69BA; --plum-300: #FFA2D7; --plum-200: #FECCE9; --plum-100: #FDE6F4; --plum-50: #FEF1F8; --plum-light-950: #440F06; --plum-light-900: #861547; --plum-light-800: #A11352; --plum-light-700: #C31364; --plum-light-600: #E0227E; --plum-light-500: #F143A1; --plum-light-400: #F98AC9; --plum-light-300: #FBA6D8; --plum-light-200: #FCCEEA; --plum-light-100: #FDE6F4; --plum-light-50: #FDF2F8; --purple-dark-950: #410F43; --purple-dark-900: #58225A; --purple-dark-800: #792A7E; --purple-dark-700: #92319A; --purple-dark-600: #AE3FBA; --purple-dark-500: #C95FD6; --purple-dark-400: #DC8CE6; --purple-dark-300: #E9B7F0; --purple-dark-200: #F2D7F7; --purple-dark-100: #F8EBFC; --purple-dark-150: #FCF6FD; --purple-950: #3F0E44; --purple-900: #622768; --purple-800: #74297F; --purple-700: #8E319C; --purple-700-opacity-10: rgba(from var(--purple-700) r g b / 0.1); --purple-600: #A83EBB; --purple-500: #C35ED7; --purple-400: #D78BE7; --purple-300: #E5B6F1; --purple-200: #F0D6F8; --purple-100: #F7EBFC; --purple-50: #FCF6FD; --purple-light-950: #340566; --purple-light-900: #50198A; --purple-light-800: #611EAB; --purple-light-700: #721ED2; --purple-light-600: #862EEF; --purple-light-500: #9C51FB; --purple-light-400: #C599FF; --purple-light-300: #D3B2FF; --purple-light-200: #E6D4FF; --purple-light-100: #F1E7FF; --purple-light-50: #F9F5FF; --citi-blue: var(--citi-blue-600); --citi-red: var(--citi-red-500); --x-value: 16; --font-family-base: "Citi Sans", sans-serif; --font-family-body: "Citi Sans", sans-serif; --font-family-heading: "Citi Sans Display", sans-serif; --font-family-mono: "Citi Sans Mono", monospace; --font-family-table: "Citi Sans Table", sans-serif; --font-family-condensed: "Citi Sans Condensed", sans-serif; --font-family-table-condensed: "Citi Sans Table Condensed", sans-serif; --font-family-serif: "Citi Serif", serif; --family_sans: var(--citi-sans); --family_display: var(--citi-sans-display); --family_serif: var(--citi-serif); --family_mono: var(--citi-sans-mono); --family_table: var(--citi-sans-table); --family-condensed: var(--citi-sans-condensed); --family_table_condensed: var(--citi-sans-table-condensed); --type_serif-display-regular: var(--citi-sans-serif-regular); --type_mono-light: var(--citi-sans-mono-light); --type_mono-regular: var(--citi-sans-mono-regular); --type_mono-bold: var(--citi-sans-mono-bold); --type_mono-light-italic: var(--citi-sans-mono-light-italic); --type_mono-regular-italic: var(--citi-sans-mono-regular-italic); --type_mono-bold-italic: var(--citi-sans-mono-bold-italic); --type_text-light: var(--citi-sans-text-light); --type_text-regular: var(--citi-sans-text-regular); --type_text-bold: var(--citi-sans-text-bold); --type_text-light-italic: var(--citi-sans-text-light-italic); --type_text-regular-italic: var(--citi-sans-text-regular-italic); --type_text-bold-italic: var(--citi-sans-text-bold-italic); --type_display-light: var(--citi-sans-display-regular); --type_display-regular: var(--citi-sans-display-regular); --type_display-bold: var(--citi-sans-display-bold); --type_display-regular-italic: var(--citi-sans-display-regular-italic); --type_display-bold-italic: var(--citi-sans-display-bold-italic); --type_condensed-regular: var(--citi-sans-condensed-regular); --type_condensed-regular-italic: var(--citi-sans-condensed-regular-italic); --type_serif-display-regular: var(--citi-sans-serif-regular); --type_serif-display-regular-italic: var(--citi-sans-serif-regular-italic); --font-size-body-2xs: 10px; --font-size-body-xs: 12px; --font-size-body-sm: 13px; --font-size-body-md: 14px; --font-size-body-lg: 16px; --font-size-body-xl: 18px; --font-size-heading-0: 20px; --font-size-heading-1: 24px; --font-size-heading-2: 28px; --font-size-heading-3: 32px; --font-size-heading-4: 36px; --font-size-heading-5: 42px; --font-size-heading-6: 48px; --font-size-heading-7: 54px; --font-size-heading-8: 60px; --font-size-heading-9: 68px; --line-height-body: 1.5; --line-height-heading: 1.25; --line-height-base: 1.25; --font-size-base: 16px; --font-weight-base: 400; --font-size-h1: var(--font-size-heading-5); --font-size-h2: var(--font-size-heading-4); --font-size-h3: var(--font-size-heading-3); --font-size-h4: var(--font-size-heading-2); --font-size-h5: var(--font-size-heading-1); --font-size-h6: var(--font-size-heading-0); --headings-margin-bottom: var(--spacing-half-x); --headings-font-weight: var(--font-weight-regular); --headings-line-height: var(--line-height-heading); --lead-font-size: var(--font-size-base) * 1.25; --lead-font-weight: var(--font-weight-regular); --display1-size: var(--font-size-heading-4); --display2-size: var(--font-size-heading-5); --display3-size: var(--font-size-heading-6); --display4-size: var(--font-size-heading-7); --display1-weight: var(--headings-font-weight); --display2-weight: var(--headings-font-weight); --display3-weight: var(--headings-font-weight); --display4-weight: var(--headings-font-weight); --display-line-height: var(--headings-line-height); --small-font-size: 80%; --blockquote-font-size: var(--font-size-base) * 1.25; --blockquote-small-font-size: var(--small-font-size); --border-radius-circle: 50%; --border-radius-pill: 50rem; --border-radius-xs: 2px; --border-radius-sm: 4px; --border-radius-md: 8px; --border-radius-lg: 12px; --border-radius-xl: 20px; --border-radius-none: 0; --border-style-solid: solid; --border-style-dashed: dashed; --box-shadow-size: 1px 1px 3px; --box-shadow-size-sm: 1px 1px 3px -1px; --box-shadow-size-lg: 1px 1px 3px 2px; --box-shadow-inset-focus: 0 0 0 3px var(--comp-box-shadow-color-focus), inset 0 0 0 1px var(--comp-border-color-focus); --scrollbar-bg: var(--white); --scrollbar-thumb-bg: var(--gray-200); --scrollbar-thumb-bg-hover: var(--gray-300); --scrollbar-thumb-bg-active: var(--gray-400); --scrollbar-corner-bg: null; --scrollbar-width: 14px; --motion-duration-none: 0ms; --motion-duration-fast-1: 100ms; --motion-duration-fast-2: 150ms; --motion-duration-fast-3: 200ms; --motion-duration-medium-1: 400ms; --motion-duration-medium-2: 500ms; --motion-duration-medium-3: 600ms; --motion-duration-slow-1: 800ms; --motion-duration-slow-2: 1000ms; --motion-duration-slow-3: 1500ms; --motion-timing-linear: linear; --motion-timing-ease-in: cubic-bezier(.60,.0,1,1); --motion-timing-ease-out: cubic-bezier(0,0,.23,.99); --motion-timing-ease-in-out: cubic-bezier(.62,.28,.23,.99); --comp-transition-duration: var(--motion-duration-fast-3); --comp-transition: var(--motion-timing-ease-in); --border-width_thick: var(--border-width-2); --border-width_thin: var(--border-width-1); --border-width_none: var(--border-width-0); --border-width_focus: var(--border-width-2); --border-width_active: var(--border-width-2); --small-container_radius: var(--radius-12); --large-container_radius: var(--radius-20); --icon_width: var(--size-24); --icon_height: var(--size-24); --between-menu-items_vertical-spacing: var(--spacing-4); --adaptive_menu-parent-icon: var(--icon-chevron-right); --adaptive_item-container_height: var(--size-44); --adaptive_nav-item_container_padding-left: var(--spacing-12); --adaptive_nav-item_container_padding-right: var(--spacing-12); --adaptive_nav-item_container_padding-top: var(--spacing-10); --adaptive_nav-item_container_padding-bottom: var(--spacing-10); --adaptive_nav-item_container_horizontal_spacing: var(--spacing-8); --adaptive_nav-item_container_radius: var(--radius-20); --adaptive_nav-item_font-size: var(--font-size-16); --adaptive_nav-item_line-height: var(--line-height-24); --ai-prompt-input_radius: var(--radius-32); --alert_vertical_space: var(--spacing-x); --alert_icon_success: var(--icon-success-filled); --alert_icon_warning: var(--icon-alert-triangle-filled); --alert_icon_danger: var(--icon-danger-filled); --alert_icon_info: var(--icon-info-circle-filled); --alert_icon_size: var(--icon_size_lg); --badge_padding_x: var(--spacing-x); --badge_icon_padding_left: var(--spacing-half-x); --badge_icon_padding_right: var(--spacing-three-quarter-x); --button_border_radius: var(--border-radius-pill); --button_radius: var(--radius-full); --segmented_container_padding: var(--spacing-2); --card_border_radius: var(--border-radius-xl); --card_border_color: transparent; --card_header_font_size: 28px; --card_header_line_height: 36px; --card_header_margin: var(--spacing-three-quarter-x); --carousel_previous_icon: var(--icon-arrow-left); --carousel_next_icon: var(--icon-arrow-right); --collapse_icon: var(--icon-plus); --collapse_icon_active: var(--icon-minus); --context-menu_border_container: var(--border-none); --context-menu_container_radius: var(--radius-20); --context-menu_item-container_radius: var(--radius-16); --checkbox_radius: var(--radius-4); --dropdown_trigger_icon: var(--icon-chevron-down); --dropdown_trigger_icon_size: var(--size-18); --drawer_container_margin: var(--container_margin); --drawer_container_radius: var(--large-container_radius); --drawer_heading-font-family: var(--family_sans); --drawer_subtitle_font-family: var(--family_sans); --drawer_heading_font-type: var(--type_text-regular); --drawer_subtitle_font-type: var(--type_text-regular); --drawer_container_border: var(--border-none); --drawer_small-container_width: 248px; --drawer_medium-container_width: 296px; --drawer_large-container_width: 408px; --field_icon_trigger: var(--icon-chevron-down); --field_icon_step-up: var(--icon-chevron-up); --field_icon_step-down: var(--icon-chevron-down); --field_icon_error: var(--icon-danger-filled); --fab_radius: var(--radius-full); --global-header_radius: var(--radius-12); --global-header_shadow: var(--shadow_raised); --global-header_container-margin: var(--spacing-8); --global-header_application-name_font-size: var(--font-size-16); --global-header_application-name_line-height: var(--line-height-body-20); --global-header_application-name_font-family: var(--font-family-heading); --global-header_application-name_font-type: var(--type_display-regular); --global-left-nav_container_radius: var(--radius-12); --global-left-nav_item-container_radius: var(--radius-12); --global-left-nav_container-margin: var(--spacing-8); --global-left-nav_item-container_vertical-padding: var(--spacing-8); --global-left-nav_item-container_vertical-spacing: var(--spacing-0); --global-left-nav_collapse-icon: var(--icon-arrow-left); --global-left-menu_radius: var(--large-container_radius); --global-left-menu_container-margin: var(--container_margin); --global-header_app-name-divider: none; --label_font-weight: 700; --list_Item-container_radius: var(--radius-16); --list_item-container_font-type: var(--type_text-regular); --list_active-item-container_font-type: var(--type_text-bold); --list_item-container-heading_font-type: var(--type_text-bold); --list_active-item-container-heading_font-type: var(--type_text-bold); --list_number-item-container_font-type: var(--type_mono-regular); --list_item-container_font-family: var(--family_sans); --list_number-item-container_font-family: var(--family_mono); --modal_icon_success: var(--icon-check-circle); --modal_icon_warning: var(--icon-alert-triangle); --modal_icon_danger: var(--icon-danger); --modal_icon_info: var(--icon-info-circle); --modal_icon_size: var(--icon_size_lg); --tab_counter_radius: var(--radius-8); --tab_border-width: var(--border-width-none); --tab_border-width_active: var(--border-width_none); --tab_border-width_active-hover: var(--border-width_none); --tab_border-width_count-wrapper: var(--border-width_none); --tab_border-width_count-wrapper_active: var(--border-width_none); --tab_border-width_count-wrapper_active-hover: var(--border-width_none); --tab_label_font-type: var(--type_text-regular); --tab-count-wrapper_font-type: var(--type_text-regular); --tag_trigger_icon: var(--icon-chevron-down); --text-link_font-family: var(--family_sans); --text-link_type: var(--type_text-regular); --text-link_radius: var(--radius-2); --mega-menu_container_radius: var(--large-container_radius); --mega-menu_item-container_radius: var(--small-container_radius); --mega-menu_side-panel-item-container_radius: var(--small-container_radius); --mega-menu_container-heading_font-family: var(--family_sans); --mega-menu_container-subtitle_font-family: var(--family_sans); --mega-menu_item-container_font-family: var(--family_sans); --mega-menu_side-panel-item_font-family: var(--family_sans); --mega-menu_container-heading-_font-type: var(--type_display-regular); --mega-menu_container-heading-link_font-type: var(--type_display-regular); --mega-menu_container-subtitle_font-type: var(--type_text-regular); --mega-menu_container-item_font-type: var(--type_text-regular); --mega-menu_container-item-active_font-type: var(--type_text-bold); --mega-menu_side-panel-item_font-type: var(--type_text-regular); --mega-menu_side-panel-item_active_font-type: var(--type_text-bold); --menu-item_radius: var(--radius-12); --menu-item_trigger_icon: var(--icon-chevron-right); --menu_item-container_radius: var(--context-menu_item-container_radius); --notification_container_radius: var(--small-container_radius); --notification_container_left-radius: var(--radius-4); --notification_info-icon: var(--icon-info-circle); --notification_danger-icon: var(--icon-alert-triangle); --notification_warning-icon: var(--icon-alert-circle); --notification_success-icon: var(--icon-check-circle); --notification_icon_size: var(--size-24); --search_container_radius: var(--radius-12); --search_radius: var(--button_radius); --search_border: var(--border_weak); --icon_size_xs: var(--size-12); --icon_size_sm: var(--size-16); --icon_size_md: var(--size-20); --icon_size_lg: var(--size-24); --icon_padding_xs: 6px; --icon_padding_sm: var(--size-4); --icon_padding_md: var(--size-2); --icon_padding_lg: var(--spacing-0); --icon-font-family-base: "ICGDS6"; --icon-font-family-fallback: "ICGDSIcons"; --icon-font-family: var(--icon-font-family-base), var(--icon-font-family-fallback); --icon-height: var(--size-24); --icon_trigger-open-size: var(--size-18); --icon_trigger-collapse-size: var(--size-18); --icon-ai: ""; --icon-labs: ""; --icon-accident: ""; --icon-accounts: ""; --icon-activities: ""; --icon-add-circle: ""; --icon-add: ""; --icon-alert-circle-filled: ""; --icon-alert-circle: ""; --icon-alert-triangle-filled: ""; --icon-alert-triangle: ""; --icon-alert: ""; --icon-align-bottom: ""; --icon-align-left: ""; --icon-align-right: ""; --icon-align-top: ""; --icon-apps: ""; --icon-arrow-down: ""; --icon-arrow-left: ""; --icon-arrow-right: ""; --icon-arrow-up: ""; --icon-asterisk: ""; --icon-atm-pin: ""; --icon-attach: ""; --icon-auto: ""; --icon-average: ""; --icon-bar-chart: ""; --icon-bars: ""; --icon-bell-filled: ""; --icon-bell: ""; --icon-between: ""; --icon-blank-document: ""; --icon-bold: ""; --icon-bonds: ""; --icon-bookmark-filled: ""; --icon-bookmark: ""; --icon-brokerage: ""; --icon-bug: ""; --icon-bullet-list: ""; --icon-bulls-eye: ""; --icon-business-date: ""; --icon-buy-stock: ""; --icon-calculator: ""; --icon-calendar-check-filled: ""; --icon-calendar-check: ""; --icon-calendar-warning: ""; --icon-calendar: ""; --icon-camera: ""; --icon-card-balance-transfer: ""; --icon-card-pin: ""; --icon-caret-down: ""; --icon-caret-left: ""; --icon-caret-right: ""; --icon-caret-up: ""; --icon-cart: ""; --icon-cash: ""; --icon-cashback: ""; --icon-certificate-reward: ""; --icon-certificate: ""; --icon-chart-bar-down: ""; --icon-chart-bar-up: ""; --icon-chart-bar: ""; --icon-chart-line: ""; --icon-chat-history: ""; --icon-chat: ""; --icon-check-circle: ""; --icon-check-list: ""; --icon-check: ""; --icon-checked: ""; --icon-checkout: ""; --icon-chevron-down: ""; --icon-chevron-left: ""; --icon-chevron-right: ""; --icon-chevron-up: ""; --icon-circle-filled: ""; --icon-circle: ""; --icon-clear-format: ""; --icon-clock: ""; --icon-close-circle: ""; --icon-close-filled: ""; --icon-close: ""; --icon-cloud-download: ""; --icon-cloud-upload: ""; --icon-cmt: ""; --icon-code: ""; --icon-coins: ""; --icon-college: ""; --icon-comment: ""; --icon-comment: ""; --icon-compass-north: ""; --icon-components: ""; --icon-compress: ""; --icon-concierge-bell: ""; --icon-contact-alt: ""; --icon-contact: ""; --icon-convenience-chat: ""; --icon-copy: ""; --icon-corporate-action: ""; --icon-credit-card: ""; --icon-crop: ""; --icon-crosshair: ""; --icon-css: ""; --icon-cut: ""; --icon-danger-filled: ""; --icon-danger: ""; --icon-default-view: ""; --icon-diamond-filled: ""; --icon-diamond: ""; --icon-digital-payments: ""; --icon-dining: ""; --icon-disabled-ban: ""; --icon-doc-file: ""; --icon-document-form: ""; --icon-document-graph: ""; --icon-document-pdf-alt: ""; --icon-does-not-contain: ""; --icon-does-not-equal: ""; --icon-dollar-check: ""; --icon-dollar-performance: ""; --icon-dollar: ""; --icon-down-double: ""; --icon-download: ""; --icon-edit: ""; --icon-email-read: ""; --icon-email: ""; --icon-empty: ""; --icon-end-right: ""; --icon-equals: ""; --icon-erase: ""; --icon-euro: ""; --icon-expand-diagonal: ""; --icon-expand: ""; --icon-extreme-sports: ""; --icon-favorite-filled: ""; --icon-favorite: ""; --icon-file-csv: ""; --icon-file-doc: ""; --icon-file-excel: ""; --icon-file-pdf: ""; --icon-file-ppt: ""; --icon-file-zip: ""; --icon-file: ""; --icon-files: ""; --icon-filter-alt: ""; --icon-filter-sort: ""; --icon-flag: ""; --icon-folder-tree: ""; --icon-folder: ""; --icon-folders: ""; --icon-frame: ""; --icon-function: ""; --icon-fx-exchange: ""; --icon-get-more-alt: ""; --icon-get-more: ""; --icon-greater-than-or-equal: ""; --icon-greater-than: ""; --icon-green: ""; --icon-group: ""; --icon-grouping: ""; --icon-handle: ""; --icon-hexagon-filled: ""; --icon-hexagon: ""; --icon-home: ""; --icon-horizontal: ""; --icon-hotel-alt: ""; --icon-hotel: ""; --icon-html: ""; --icon-idea: ""; --icon-image: ""; --icon-indeterminate: ""; --icon-indent: ""; --icon-info-circle-filled: ""; --icon-info-circle: ""; --icon-info: ""; --icon-institution: ""; --icon-insurance-purchase: ""; --icon-insurance: ""; --icon-italic: ""; --icon-key: ""; --icon-layout-grid-compact: ""; --icon-layout-grid: ""; --icon-layout-rows-compact: ""; --icon-layout-rows: ""; --icon-layout: ""; --icon-left-double: ""; --icon-less-than-or-equal: ""; --icon-less-than: ""; --icon-letter: ""; --icon-life-protection: ""; --icon-line-chart: ""; --icon-link-out: ""; --icon-link: ""; --icon-list: ""; --icon-location: ""; --icon-lock: ""; --icon-login: ""; --icon-logout: ""; --icon-make-appointment: ""; --icon-market-news: ""; --icon-max: ""; --icon-media-document: ""; --icon-menu-grid: ""; --icon-menu: ""; --icon-messages: ""; --icon-miles-transfer: ""; --icon-min: ""; --icon-minus-circle: ""; --icon-minus: ""; --icon-mobile-check: ""; --icon-mobile-notification: ""; --icon-mobile-pin: ""; --icon-mobile-profile: ""; --icon-money-market: ""; --icon-moon: ""; --icon-more-alt: ""; --icon-more: ""; --icon-movie: ""; --icon-navigation-back: ""; --icon-navigation-down: ""; --icon-neither: ""; --icon-next-circle: ""; --icon-next: ""; --icon-no-document: ""; --icon-notepad: ""; --icon-number-list: ""; --icon-offers: ""; --icon-online-chat: ""; --icon-organization: ""; --icon-outdent: ""; --icon-overseas: ""; --icon-paint-brush: ""; --icon-palette: ""; --icon-paragraph: ""; --icon-password-disabled: ""; --icon-password: ""; --icon-paste: ""; --icon-pause-circle: ""; --icon-pause: ""; --icon-pay-all: ""; --icon-pay-now: ""; --icon-pay-with-card: ""; --icon-pay-with-points: ""; --icon-percentage: ""; --icon-pets: ""; --icon-pie-chart-alt: ""; --icon-pie-chart: ""; --icon-pivot: ""; --icon-plane: ""; --icon-play-circle: ""; --icon-play: ""; --icon-plus: ""; --icon-pop-out: ""; --icon-position: ""; --icon-pound: ""; --icon-power: ""; --icon-previous-circle: ""; --icon-previous: ""; --icon-primary-school: ""; --icon-print: ""; --icon-profile-account: ""; --icon-profile-alt: ""; --icon-profile-block: ""; --icon-profile-check: ""; --icon-profile-close: ""; --icon-profile-expert: ""; --icon-profile-plus: ""; --icon-profile-remove: ""; --icon-profile-setting: ""; --icon-profile: ""; --icon-protection: ""; --icon-pushpin-filled: ""; --icon-pushpin: ""; --icon-qr-code: ""; --icon-quadrant: ""; --icon-quote: ""; --icon-question-circle-filled: ""; --icon-question-circle: ""; --icon-question: ""; --icon-quick-cash: ""; --icon-quick-response: ""; --icon-radio-checked: ""; --icon-rebates: ""; --icon-recurring: ""; --icon-redo: ""; --icon-refresh-reload: ""; --icon-relationship: ""; --icon-remove: ""; --icon-retake: ""; --icon-rewards-alt: ""; --icon-rewards: ""; --icon-right-double: ""; --icon-rotate-sync: ""; --icon-save-as: ""; --icon-save: ""; --icon-search: ""; --icon-sell-stock: ""; --icon-send-funds: ""; --icon-send: ""; --icon-setting: ""; --icon-share: ""; --icon-shop-with-miles: ""; --icon-shop-with-points: ""; --icon-shopping: ""; --icon-shrink-diagonal: ""; --icon-sigma-uppercase: ""; --icon-slider: ""; --icon-sort-ascending: ""; --icon-sort-descending: ""; --icon-sort: ""; --icon-spinner: ""; --icon-sports-equipment: ""; --icon-square-filled: ""; --icon-square: ""; --icon-stack: ""; --icon-stacks: ""; --icon-stale-account: ""; --icon-star-filled: ""; --icon-star: ""; --icon-start-left: ""; --icon-stop-circle: ""; --icon-stop: ""; --icon-stop-filled: ""; --icon-strikethrough: ""; --icon-success-filled: ""; --icon-sun: ""; --icon-tag-filled: ""; --icon-tag: ""; --icon-text-align-center: ""; --icon-text-align-justified: ""; --icon-text-align-left: ""; --icon-text-align-right: ""; --icon-text-color: ""; --icon-text-case: ""; --icon-text-edit: ""; --icon-text-highlight: ""; --icon-text: ""; --icon-thumbs-down: ""; --icon-thumbs-up: ""; --icon-ticket: ""; --icon-time-deposit: ""; --icon-time: ""; --icon-toggle-currency: ""; --icon-train: ""; --icon-transfer-vertical: ""; --icon-transfer: ""; --icon-trash: ""; --icon-travel-insurance: ""; --icon-travel: ""; --icon-triangle-filled: ""; --icon-triangle: ""; --icon-typing: ""; --icon-unchecked: ""; --icon-underline: ""; --icon-undo: ""; --icon-university: ""; --icon-unlinked: ""; --icon-unlock: ""; --icon-unstack: ""; --icon-up-double: ""; --icon-upload: ""; --icon-vertical: ""; --icon-video: ""; --icon-view-add: ""; --icon-view-lock: ""; --icon-view-remove: ""; --icon-volume-low: ""; --icon-volume-medium: ""; --icon-volume-off: ""; --icon-volume-on: ""; --icon-volumn-off: ""; --icon-wallet: ""; --icon-watchlist: ""; --icon-wedding: ""; --icon-window-code: ""; --icon-window-resizer: ""; --icon-window: ""; --icon-yen: ""; --icon-zoom-in: ""; --icon-zoom-out: ""; } .icgds, .icgds .lmn-ui-md { --component_height: var(--size-40); --component_size: var(--size-40); --component-body_font-size: var(--font-size-14); --component-body_line-height: var(--line-height-body-18); --container_height: var(--size-40); --container_width: var(--size-40); --container_size: var(--size-40); --container_margin: var(--spacing-8); --container-to-menu_spacing: var(--spacing-4); --container_padding-left: var(--spacing-12); --container_padding-right: var(--spacing-12); --container_element_padding-left: var(--spacing-8); --container_element_padding-right: var(--spacing-8); --container_padding-top: 8px; --container_padding-bottom: 8px; --container_horizontal-spacing: var(--spacing-4); --container_vertical-spacing: var(--spacing-4); --container_footer_height: var(--size-36); --container_footer_padding-top: 11px; --container_footer_padding-right: 12px; --container_footer_padding-bottom: 11px; --container_footer_padding-left: 12px; --small-container_padding: var(--spacing-24); --font-size_display-1: var(--font-size-60); --font-size_display-2: var(--font-size-48); --font-size_display-3: var(--font-size-40); --font-size_heading-1: var(--font-size-32); --font-size_heading-2: var(--font-size-24); --font-size_heading-3: var(--font-size-20); --font-size_heading-4: var(--font-size-18); --font-size_heading-5: var(--font-size-16); --font-size_heading-6: var(--font-size-14); --font-size_body: var(--font-size-14); --font-size_lead-paragraph: var(--font-size-18); --font-size_support: var(--font-size-12); --hint_font-size: var(--font-size_support); --label_font-size: var(--font-size-12); --label_line-height: var(--line-height-heading-16); --large-container_padding: var(--spacing-24); --large-container_vertical-spacing: var(--spacing-16); --large-container_horizontal-spacing: var(--spacing-12); --large-container_heading_padding-bottom: var(--spacing-8); --large-container_header-label-to-text-block: var(--spacing-8); --large-container_text-block-to-body: var(--spacing-12); --large-container_body-to-footer: var(--spacing-24); --display-1_line-height: var(--line-height-heading-76); --display-2_line-height: var(--line-height-heading-60); --display-3_line-height: var(--line-height-heading-52); --line-height_heading-1: var(--line-height-heading-40); --line-height_heading-2: var(--line-height-heading-32); --line-height_heading-3: var(--line-height-heading-26); --line-height_heading-4: var(--line-height-body-22); --line-height_heading-5: var(--line-height-heading-20); --line-height_heading-6: var(--line-height-heading-18); --line-height_body: var(--line-height-body-18); --line-height_paragraph: var(--line-height-body-22); --line-height_lead-paragraph: var(--line-height-heading-28); --line-height_support: var(--line-height-heading-16); --hint_line-height: var(--line-height_support); --alert_container_height: var(--size-48); --alert_container_padding-top: var(--spacing-12); --alert_container_padding-right: var(--spacing-16); --alert_container_padding-bottom: var(--spacing-12); --alert_container_padding-left: var(--spacing-16); --alert-icon-container_padding-left: var(--spacing-12); --alert_container_horizontal_spacing: var(--spacing-8); --alert_radius: var(--small-container_radius); --app-switcher_item-container_font-size: var(--font-size-14); --app-switcher_item-container-heading_font-size: var(--font-size-20); --app-switcher_item-container-description_font-size: var(--font-size-12); --app-switcher_item-container_line-height: var(--line-height-body-18); --app-switcher_item-container-heading_line-height: var(--line-height-heading-26); --app-switcher_item-container-description_line-height: var(--line-height-body-16); --app-switcher_item_container_padding-top: var(--spacing-8); --app-switcher_item_container_padding-right: var(--spacing-4); --app-switcher_item_container_padding-bottom: var(--spacing-8); --app-switcher_item_container_padding-left: var(--spacing-4); --app-switcher_item_container_vertical_spacing: var(--spacing-4); --app-switcher_item-state_container_padding-top: var(--spacing-8); --app-switcher_item-state_container_padding-right: var(--spacing-12); --app-switcher_item-state_container_padding-bottom: var(--spacing-8); --app-switcher_item-state_container_padding-left: var(--spacing-12); --app-switcher_item_container_horizontal_spacing: var(--spacing-8); --avatar_container_size: var(--container_size); --avatar-menu_container-heading_font-size: var(--font-size_heading-3); --avatar-menu_container-subtitle_font-size: var(--font-size_body); --avatar-menu_container-support_font-size: var(--font-size_support); --avatar-menu_container-heading_line-height: var(--line-height_heading-3); --avatar-menu_container-subtitle_line-height: var(--line-height_body); --avatar-menu_container-support_line-height: var(--line-height_support); --avatar-menu_container_vertical-margin: var(--spacing-8); --avatar-menu_container_horizontal-margin: var(--spacing-16); --avatar-menu_container_padding: var(--spacing-0); --avatar-menu_header-container_padding-top: var(--spacing-24); --avatar-menu_header-container_padding-bottom: var(--spacing-16); --avatar-menu_header-container_horizontal-padding: var(--spacing-16); --avatar-menu_header-wrapper_vertical-spacing: var(--spacing-8); --avatar-menu_header-wrapper_margin-bottom: var(--spacing-16); --avatar-menu_header-wrapper_vertical-padding: var(--spacing-0); --avatar-menu_header-wrapper_horizontal-padding: var(--spacing-16); --avatar-menu_support-container_margin-top: var(--spacing-16); --avatar-menu_menu-stack-container_vertical-spacing: var(--spacing-4); --avatar-menu_menu-stack-container_horizontal-padding: var(--spacing-12); --avatar-menu_menu-stack-container_margin-bottom: var(--spacing-8); --avatar-menu_footer-container_padding-top: var(--spacing-16); --avatar-menu_footer-container_horizontal-padding: var(--spacing-12); --avatar-menu_footer-container_padding-bottom: 20px; --badge_container_height: var(--container_height); --badge_icon-container_padding-left: var(--spacing-12); --badge_container_padding: var(--spacing-16); --badge_radius: var(--radius-12); --badge_height_container: var(--size-28); --badge_icon_size: var(--size-24); --badge-indicator_container_size: var(--container_size); --badge-indicator_container_vertical-padding: var(--spacing-8); --badge-indicator_container_horizontal-padding: var(--spacing-8); --badge-indicator_dot-indication_postion: -10px; --badge-indicator_dot-indicator_size: 10px; --badge-indicator_number-indicator_height: var(--size-16); --badge-indicator_number-indicator_vertical-padding: var(--size-0); --badge-indicator_number-indicator_horizontal-padding: var(--size-4); --badge-indicator_number-indicator-overflow_height: var(--size-4); --badge-indicator_number-indicator-overflow_vertical-padding: var(--spacing-2); --badge-indicator_number-indicator-overflow_horizontal-padding: var(--spacing-0); --badge-indicator_number-indicator_font-size: var(--font-size-14); --badge-indicator_number-indicator_line-height: var(--line-height-heading-18); --breadcrumb_container_height: var(--size-24); --breadcrumb_horizontal-spacing: var(--spacing-4); --breadcrumb_page-link_horizontal-spacing: var(--spacing-4); --breadcrumb_separator_horizontal-padding: var(--spacing-4); --breadcrumb-item_horizontal-spacing: var(--breadcrumb_horizontal-spacing); --button_container_padding-left: 20px; --button_container_padding-right: 20px; --button_container_horizontal-spacing: var(--spacing-4); --button_icon-container_padding-left: var(--spacing-16); --button_icon-container_padding-right: var(--spacing-16); --button_container_vertical-padding: 11px; --button_container_min-width: 84px; --button_container_height: var(--container_height); --group-button_item_height: var(--size-36); --group-button_item_height_theme: var(--component_height); --segmented-control-item_min-width: 88px; --segmented-control_height: var(--size-36); --segmented-control_active_height: var(--component_size); --group-button_item_padding-top: 11px; --group-button-item_padding-bottom: 11px; --card-title-to-subtitle_vertical-spacing: var(--spacing-8); --card_header-label-to-text-block: var(--large-container_header-label-to-text-block); --card_text-block-to-body: var(--large-container_text-block-to-body); --card_body-to-footer: var(--large-container_body-to-footer); --card_container_padding: var(--large-container_padding); --card_heading-to-control_spacing: var(--spacing-8); --card_body_font-size: var(--font-size_body); --card_body_line-height: var(--line-height_paragraph); --card_footer_font-size: var(--font-size_body); --card_footer_line-height: var(--line-height_body); --card_date-label_font-size: var(--font-size_support); --card_date-label_line-height: var(--line-height_support); --carousel_indicator_width: var(--size-24); --carousel_indicator_active_width: var(--size-64); --carousel_indicator_active_height: var(--size-2); --collapse_item-container_padding-left: var(--container_padding-left); --collapse_item-container_padding-right: var(--container_padding-right); --collapse_item-container_vertical-padding: var(--spacing-8); --collapse_item-container_horizontal-spacing: var(--container_horizontal-spacing); --collapse-item-container_height: var(--component_height); --collapse_nested-item-container_vertical-spacing: var(--container_vertical-spacing); --collapse_nested-item-container_padding: var(--small-container_padding); --collapse_nested-item-container_radius: var(--small-container_radius); --collapse_nested-item-container_margin-bottom: var(--spacing-16); --collapse_container_horizontal-padding: var(--spacing-16); --collapse_container_vertical-padding: var(--spacing-12); --context-menu_radius: var(--radius-20); --context-menu-search_radius: var(--radius-16); --context-menu-item_height: var(--size-36); --context-menu-item_horizontal_spacing: var(--spacing-8); --context-menu-item_padding-left: var(--spacing-12); --context-menu-item_padding-right: var(--spacing-8); --context-menu-item_vertical-padding: 9px; --context-menu-item_grouped-header_vertical-padding: var(--spacing-12); --context-menu_padding: var(--spacing-4); --context-menu_vertical-spacing: var(--spacing-8); --context-menu_group_vertical-spacing: var(--spacing-4); --context-menu_footer-options_padding-top: var(--spacing-12); --context-menu_footer-options_padding-right: var(--spacing-8); --context-menu_footer-options_padding-bottom: var(--spacing-8); --context-menu_footer-options_padding-left: var(--spacing-12); --context-menu-search_padding: var(--spacing-0); --context-menu_font-size: var(--font-size_body); --context-menu_line-height: var(--line-height_body); --control_size: var(--size-20); --control-item_horizontal-spacing: var(--spacing-8); --control_label_vertical-spacing: var(--spacing-8); --control_group-container_vertical-spacing: var(--spacing-12); --control_group-container_horizontal-spacing: var(--spacing-12); --control_checkbox_padding: 3px; --control_radio_padding: 5px; --control_handle-on_size: var(--size-16); --control_handle-off_size: var(--size-12); --control_switch-on_padding: var(--spacing-2); --control_switch-off_padding: var(--spacing-4); --switch_height: var(--size-20); --switch_width: var(--size-36); --switch_radius: var(--radius-full); --switch_handle-on_size: var(--size-16); --switch_handle-off_size: var(--size-12); --switch_container-on_padding: var(--spacing-2); --switch_container-off_padding: var(--spacing-4); --switch_group-container_vertical-spacing: var(--spacing-8); --switch_group-container_horizontal-spacing: var(--spacing-8); --datatable_font-size_standard-cell: var(--font-size_body); --datatable_line-height_standard-cell: var(--line-height_body); --datatable_font-size_column-header: var(--font-size_body); --datatable_line-height_column-header: var(--line-height_body); --datatable_container_horizontal-padding: var(--spacing-16); --datatable_container_vertical-padding: 15px; --datatable_container_horizontal-spacing: var(--spacing-12); --datatable_body-container_horizontal-spacing: var(--spacing-4); --datatable_inline-button-container_horizontal-padding: var(--spacing-4); --datatable_status-indicator-container_horizontal-spacing: var(--spacing-8); --datatable_status-indicator-body-container_horizontal-spacing: var(--spacing-4); --datatable_action-icons-container_horizontal-padding: var(--spacing-12); --datatable_container_height: var(--size-48); --datatable_column-header_resizing-control_height: var(--size-20); --datatable_column-header_resizing-control_width: var(--size-2); --datepicker-item_font-size: var(--font-size-14); --datepicker-item_line-height: var(--line-height-body-16); --datepicker-date-item-container_height: var(--size-40); --datepicker-date-item_height: var(--size-32); --datepicker_calendar_horizontal-spacing: var(--spacing-48); --datepicker_calendar_padding: var(--spacing-24); --datepicker_calendar_vertical-spacing: var(--spacing-24); --datepicker_month-year-calendar-container_padding: var(--spacing-8); --datepicker_week-container_padding-bottom: var(--spacing-8); --datepicker_week-container_width: 280px; --drawer_heading_font-size: var(--font-size_heading-2); --drawer_subtitle_font-size: var(--font-size_heading-5); --drawer_heading_line-height: var(--line-height_heading-2); --drawer_subtitle_line-height: var(--line-height_heading-5); --drawer_container_vertical-spacing: var(--spacing-16); --drawer_container_padding-bottom: var(--large-container_padding); --drawer_container_padding-top: var(--large-container_padding); --drawer_container_padding-right: var(--large-container_padding); --drawer_container_padding-left: var(--large-container_padding); --drawer_header-container_vertical-spacing: var(--spacing-8); --drawer_content-stack_vertical-spacing: var(--spacing-8); --drawer_footer-button_horizontal-spacing: var(--between-buttons_horizontal-spacing); --drawer_footer_horizontal-padding: var(--spacing-0); --drawer_footer_vertical-padding: 11px; --drawer_footer_height: var(--component_height); --dropdown-icon_container_width: var(--component_size); --field_font-size: var(--font-size_body); --field_line-height_single-line: var(--line-height_body); --field_line-height_multi-line: var(--line-height_paragraph); --field-number_font-size: var(--font-size_body); --field-number_line-height: var(--line-height_body); --field_radius: var(--radius-8); --field_container_height: var(--component_height); --field_container_horizontal-padding: var(--container_padding-left); --field_icon-container_horizontal-padding: var(--container_element_padding-left); --field_container_vertical-padding: var(--container_padding-top); --field_container_horizontal-spacing: var(--container_horizontal-spacing); --field_container_vertical-spacing: var(--container_vertical-spacing); --field_container-to-menu_spacing: var(--component-to-menu_margin-bottom); --field_border-width: var(--size-1); --field_border-width_focus: var(--border-width_thin); --field_border-width_active: var(--border-width_thin); --label_required_horizontal-spacing: var(--container_horizontal-spacing); --file-upload_uploaded-file_vertical-spacing: var(--spacing-4); --file-upload_uploaded-file_padding: var(--spacing-12); --file-upload_uploaded-file_horizontal-spacing: var(--spacing-12); --file-upload_upload-area_padding: var(--spacing-32); --file-upload_upload-area_horizontal-spacing: var(--spacing-12); --file-upload_uploaded-file-group_margin-bottom: var(--spacing-24); --file-upload_uploaded-file-group_margin-top: var(--spacing-16); --file-upload_uploaded-file-group_vertical-spacing: var(--spacing-8); --file-upload_upload-button_veritcal-spacing: var(--spacing-4); --file-upload_uploaded-file_text-container_vertical-spacing: var(--spacing-2); --file-upload_uploaded-file_name-to-details_vertical-spacing: var(--spacing-2); --global-header-banner_height: 56px; --global-header-action-bar_horizontal-padding: var(--spacing-16); --global-header-navigation-bar_horizontal-padding_desktop: var(--spacing-0); --global-header-navigation-bar_vertical-padding_desktop: var(--spacing-0); --global-header-action-bar_vertical-padding: 7px; --global-header_container_margin-top: var(--spacing-8); --global-header_container_margin-right: var(--spacing-8); --global-header_container_margin-bottom: var(--spacing-0); --global-header_container_margin-left: var(--spacing-8); --global-header_banner_radius: var(--global-header_radius); --global-header_open-nav-state_banner_radius-bottom: var(--radius-0); --global-header_banner_radius-bottom-right: var(--radius-0); --global-header_banner_radius-bottom-left: var(--global-header_radius); --global-header-icon_container_size: var(--size-0); --global-header-logo_padding-bottom: var(--spacing-0); --global-header-between-icon-to-logo_horizontal-spacing: var(--spacing-8); --global-header-between-logo-to-app-name_horizontal-spacing: var(--spacing-16); --global-header_divider_padding: var(--size-0); --global-header_expanded-banner_bottom-left-radius: var(--global-header_radius); --global-header_expanded-banner_bottom-right-radius: var(--global-header_radius); --global-left-nav_item_font-size: var(--font-size-14); --global-left-nav_item_line-height: var(--line-height-body-18); --global-left-nav_item_collapsed-panel_font-size: var(--font-size-12); --global-left-nav-item_collapsed-panel_line-height: var(--line-height-body-18); --global-left-nav_vertical-padding: var(--spacing-12); --global-left-nav_expanded-panel_width: var(--size-192); --global-left-nav_collapsed-panel_width: 72px; --global-left-nav_item-container_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item-container_expanded-panel_vertical-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-panel_horizontal-padding: 18px; --global-left-nav_item-container_collapsed-panel_vertical-padding: var(--spacing-4); --global-left-nav_item_expanded-panel_horizontal-spacing: var(--spacing-8); --global-left-nav_item_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item_expanded-panel_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-panel_padding: var(--spacing-8); --global-left-nav_item-container_collapsed-label_horizontal-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-spacing: var(--spacing-4); --global-left-nav_item_collapsed-label_horizontal-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_between-nav-items_vertical-spacing: var(--between-menu-items_vertical-spacing); --global-left-menu_header_container_padding-left: var(--spacing-12); --global-left-menu_header_container_padding-bottom: var(--spacing-12); --global-left-menu_container_padding-top: var(--spacing-24); --global-left-menu_container_padding-right: var(--spacing-8); --global-left-menu_container_padding-bottom: var(--spacing-16); --global-left-menu_container_padding-left: var(--spacing-16); --global-left-menu_container_vertical-spacing: var(--between-menu-items_vertical-spacing); --global-left-menu-container_mask: var(--false); --global-left-menu_radius-top: var(--large-container_radius); --grouped-header_font-size: var(--font-size-12); --grouped-header_line-height: var(--line-height-body-16); --icon_container_size: var(--size-24); --list_item_min-width: 200px; --list_item_border-bottom_width: var(--size-1); --list_item-container_padding-left: var(--spacing-12); --list_item-container_padding-right: var(--spacing-12); --list_item-container_padding-top: 11px; --list_item-container_padding-bottom: 11px; --list_nested-item-container_padding-left: var(--spacing-24); --list_horizontal-layout_horizontal-spacing: var(--spacing-12); --list_item-container_horizontal-spacing: var(--spacing-4); --list_item-container_font-size: var(--font-size_body); --list_item-container_line-height: var(--line-height_body); --loader_font-size: var(--font-size_body); --loader_line-height: var(--line-height_body); --loader_container_horizontal_spacing: var(--spacing-4); --loader_container_vertical_spacing: var(--spacing-4); --mega-menu_container-heading_font-size: var(--font-size_heading-3); --mega-menu_container-subtitle_font-size: var(--font-size_heading-6); --mega-menu_item-container_font-size: var(--font-size-14); --mega-menu_side-panel-item_font-size: var(--font-size-14); --mega-menu_container-heading_line-height: var(--line-height_heading-3); --mega-menu_container-subtitle_line-height: var(--line-height_heading-6); --mega-menu_item-container_line-height: var(--line-height-body-22); --mega-menu_side-panel-item_line-height: var(--line-height-heading-18); --menu_item-container_font-size: var(--font-size-14); --menu_item-container_line-height: var(--line-height-heading-18); --menu-item_container_height: var(--size-36); --menu-item_icon_size: var(--size-24); --menu-item_container_padding-left: var(--spacing-12); --menu-item_container_padding-right: var(--spacing-8); --menu-item_container_padding-top: 9px; --menu-item_container_padding-bottom: 9px; --menu-item_container_horizontal_spacing: var(--spacing-8); --menu-item_container-control_padding-right: var(--spacing-12); --menu-item_container_font-size: var(--font-size-14); --menu-item_container_line-height: var(--line-height-heading-18); --menu-item_group-header_padding-top: var(--spacing-12); --menu-item_group-header_padding-bottom: var(--spacing-12); --menu_divider_vertical-spacing: var(--spacing-8); --modal_container_padding: var(--large-container_padding); --modal_text-block-to-body: var(--large-container_text-block-to-body); --modal_body-to-footer: var(--large-container_body-to-footer); --modal_heading_horizontal-spacing: var(--spacing-8); --modal_body_font-size: var(--font-size_body); --modal_body_line-height: var(--line-height_paragraph); --modal_sm-width: 400px; --modal_md-width: 608px; --modal_lg-width: 816px; --modal_xl-width: 1024px; --modal_max-height: 488px; --modal_icon-status_height: var(--size-32); --modal_icon-status_width: var(--size-32); --navbar-overflow-menu_item-container_height: var(--context-menu-item_height); --navbar-overflow-menu_padding: var(--context-menu_padding); --navbar-overflow-menu_vertical-spacing: var(--context-menu_group_vertical-spacing); --navbar-overflow-menu_item_horizontal_spacing: var(--context-menu-item_horizontal_spacing); --navbar-overflow-menu_item_padding-left: var(--context-menu-item_padding-left); --navbar-overflow-menu_item_padding-right: var(--context-menu-item_padding-right); --navbar-overflow-menu_item_vertical-padding: var(--context-menu-item_vertical-padding); --navbar-tab_height: var(--size-48); --navbar-tab-condensed_height: 56px; --navbar-tab-condensed_height_indicator: 3px; --navbar-tab-condensed_horizontal-padding: var(--navbar-tab_horizontal-padding); --navbar-tab-condensed_horizontal-spacing: var(--navbar-tab_horizontal-spacing); --navbar-tab-condensed_icon_padding-right: var(--navbar-tab_icon_padding-right); --navbar-tab-condensed_padding-top: 18px; --navbar-tab-condensed_padding-bottom: 17px; --navbar-tab_horizontal-spacing: var(--spacing-8); --navbar-tab_horizontal-padding: var(--spacing-24); --navbar-tab_icon_padding-right: 20px; --navbar-tab_padding-top: 15px; --navbar-tab_padding-bottom: var(--spacing-12); --navbar-tab_font-size: var(--font-size-14); --navbar-tab_line-height: var(--line-height-heading-18); --notification_container_padding: var(--spacing-16); --notification_header_margin-bottom: var(--spacing-8); --notification_header-wrapper_horizontal-spacing: var(--spacing-8); --notification_container_vertical-spacing: var(--spacing-12); --notification_container-heading_font-size: var(--font-size-14); --notification_container-heading_line-height: var(--line-height-body-18); --notification-panel_container_vertical-margin: var(--spacing-8); --notification-panel_container_horizontal-margin: var(--spacing-16); --notification_heading-time-stamp_font-size: var(--font-size-12); --notification_heading-time-stamp_line-height: var(--line-height-body-16); --notification_container-body_font-size: var(--font-size-14); --notification_container-body_line-height: var(--line-height-body-22); --notification-panel_container_vertical-padding: var(--spacing-24); --notification-panel_search_desktop-view: true; --notification-panel_switch_desktop-view: true; --notification-panel_container_horizontal-padding: var(--spacing-24); --notification-panel_container_vertical-spacing: var(--spacing-16); --notification-panel_header-container_vertical-spacing: var(--spacing-8); --notification-panel_badge-indicator-to-notification-panel: var(--spacing-12); --notification-panel_x-right-position: var(--spacing-12); --notification-panel_stack-container_font-size: var(--font-size-14); --notification-panel_stack-container_line-height: var(--line-height-body-18); --notification-panel_empty-state-heading_font-size: var(--font-size-18); --notification-panel_empty-state-heading_line-height: var(--line-height-body-28); --notification-panel_empty-state-subtitle_font-size: var(--font-size-14); --notification-panel_empty-state-subtitle_line-height: var(--line-height-body-22); --pagination_page-buttons_horizontal-spacing: var(--spacing-4); --pagination_items-per-page_width: 166px; --pagination_horizontal-spacing: var(--spacing-8); --popover-body_font-size: var(--font-size_body); --popover_vertical-spacing: var(--container_vertical-spacing); --popover-heading_font-size: var(--font-size_heading-4); --popover-body_line-height: var(--line-height_body); --popover-heading_line-height: var(--line-height_heading-4); --popover_padding: var(--small-container_padding); --search_wrapper_padding: var(--spacing-0); --search_container_padding-left: var(--spacing-8); --search-icon_container_width: var(--component_size); --transfer_search-wrapper_margin-bottom: var(--size-12); --section-heading-to-component_vertical-spacing: var(--spacing-32); --section_font-size_heading: var(--font-size-20); --section_font-size_subtitle: var(--font-size-14); --section_line-height_heading: var(--line-height-heading-26); --section_line-height_subtitle: var(--line-height-heading-18); --section_container_padding: var(--large-container_padding); --section_container_horizontal-spacing: var(--container_horizontal-spacing); --section_header-container_margin-bottom: var(--large-container_text-block-to-body); --section_header-container_vertical-spacing: var(--spacing-4); --slider_horizontal-spacing: var(--spacing-8); --slider_vertical-spacing: var(--spacing-12); --slider_handle_size: 18px; --slider_handle_size_hover: var(--size-20); --slider_handle_border-width: var(--size-1); --slider_tick_height: var(--size-4); --slider_tick_width: var(--size-2); --slider_tick_radius: var(--radius-0); --slider_track_height: var(--size-4); --stepper_track_border-width: var(--size-1); --stepper_linear-status_size: var(--size-28); --stepper_non-linear-status_size: var(--size-20); --stepper_step-body-container_padding-right: var(--spacing-24); --stepper_vertical-layout-item-step-body-container_padding-top: var(--spacing-4); --stepper_step-body-container_vertical-spacing: var(--spacing-2); --stepper_horizontal-layout-item_vertical-spacing: var(--spacing-2); --stepper_horizontal-layout-item_horizontal-spacing: var(--spacing-4); --stepper_horizontal-layout-item_width: 208px; --stepper_vertical-layout-item_min-height: var(--size-80); --stepper_vertical-layout-item_horizontal-spacing: var(--spacing-8); --stepper_vertical-layout-item_vertical-spacing: var(--spacing-4); --stepper_horizontal-layout-group_horizontal-spacing: var(--spacing-4); --stepper_vertical-layout-group_vertical-spacing: var(--spacing-4); --tab_label_font-size: var(--font-size_body); --tab_label_line-height: var(--line-height_body); --tab_height_indicator_default: var(--size-2); --tab-count-wrapper_font-size: var(--font-size_body); --tab_width_indicator_vertical: var(--size-2); --tab-count-wrapper_line-height: var(--line-height_body); --tab_container_min-width: 90px; --tab_container_icon_min-width: 116px; --tab_container_count-wrapper_min-width: 124px; --tab_height: var(--component_height); --tab_container_horizontal-padding: var(--spacing-16); --tab_container_horizontal-spacing: var(--spacing-8); --tab_container_vertical-padding: 10px; --tab_icon-container_padding-right: var(--spacing-8); --tab_icon-container_vertical-padding: 7px; --tab_count-wrapper_horizontal-padding: var(--spacing-4); --tab_count-wrapper_vertical-padding: var(--spacing-2); --table_container_height: var(--datatable_container_height); --table_container_horizontal-padding: var(--datatable_container_horizontal-padding); --table_container_vertical-padding: var(--datatable_container_vertical-padding); --table_column-header_horizontal-padding: var(--table_container_horizontal-padding); --table_column-header_vertical-padding: var(--table_container_vertical-padding); --table_font-size_standard-cell: var(--font-size_body); --table_line-height_standard-cell: var(--line-height_body); --table_font-size_column-header: var(--font-size_body); --table_line-height_column-header: var(--line-height_body); --tag-font-size: var(--font-size_body); --tag-line-height: var(--line-height_body); --tag_container_horizontal-padding: var(--button_container_padding-left); --tag_icon-container_padding-left: var(--button_icon-container_padding-left); --tag_icon-container_padding-right: var(--button_icon-container_padding-right); --tag_container_horizontal-spacing: var(--button_container_horizontal-spacing); --tag_container_vertical-padding: var(--button_container_vertical-padding); --tag_container_height: var(--component_height); --tag_container_min-width: var(--button_container_min-width); --tag_select_font-size: var(--font-size-12); --tag_select_line-height: var(--line-height-heading-16); --tag_select_container_padding-left: var(--spacing-12); --tag_select_container_padding-right: var(--spacing-12); --tag_select_horizontal-spacing: var(--spacing-4); --tag_select_container_vertical-padding: 6px; --tag_select_container_height: var(--size-28); --text-area_container_vertical-padding: var(--spacing-8); --text-area_container_padding-right: var(--spacing-4); --text-area_spacing-bottom_container: var(--spacing-12); --text-block_vertical-spacing: var(--spacing-2); --text-block_heading_font-size: var(--font-size_heading-2); --text-block_subtitle_font-size: var(--font-size_heading-5); --text-block_heading_line-height: var(--line-height_heading-2); --text-block_subtitle_line-height: var(--line-height_heading-5); --text-link_font-size: var(--font-size_body); --text-link_line-height: var(--line-height_body); --text-link_icon_horizontal-spacing: var(--container_horizontal-spacing); --transfer_container_horizontal_spacing: var(--spacing-8); --transfer_container_vertical-spacing: var(--spacing-4); --transfer_container_padding-top: var(--size-8); --transfer_container_padding-right: var(--size-16); --transfer_container_padding-bottom: var(--size-8); --transfer_container_padding-left: var(--size-16); --transfer_list-item-group_vertical-spacing: var(--size-8); --transfer_container_height: 431px; --transfer_container_width: 272px; --transfer_header-wrapper_horizontal-padding: 10px; --transfer_header-wrapper_vertical-padding: var(--spacing-12); --transfer_search-wrapper_margin-bottom: var(--size-12); --transfer_direction-button_vertical-padding: var(--spacing-4); --transfer_between-button_spacing: var(--spacing-4); --tooltip_radius: var(--radius-8); --tooltip_padding: var(--radius-8); --tooltip_font-size: var(--font-size_support); --tooltip_line-height: var(--line-height_support); } .icgds .lmn-ui-sm, .icgds .lmn-ui-xs, .icgds .lmn-ui-compact { --component_height: var(--size-28); --component_size: var(--size-28); --component-body_font-size: var(--font-size-12); --component-body_line-height: var(--line-height-body-16); --container_height: var(--size-28); --container_width: var(--size-28); --container_size: var(--size-28); --container_margin: var(--spacing-8); --container-to-menu_spacing: var(--spacing-4); --container_padding-left: var(--spacing-8); --container_padding-right: var(--spacing-8); --container_element_padding-left: var(--spacing-4); --container_element_padding-right: var(--spacing-4); --container_padding-top: 5px; --container_padding-bottom: 5px; --container_horizontal-spacing: var(--spacing-4); --container_vertical-spacing: var(--spacing-4); --container_footer_height: var(--size-28); --container_footer_padding-top: 5px; --container_footer_padding-right: 8px; --container_footer_padding-bottom: 5px; --container_footer_padding-left: 8px; --small-container_padding: var(--spacing-16); --font-size_display-1: var(--font-size-48); --font-size_display-2: var(--font-size-40); --font-size_display-3: var(--font-size-32); --font-size_heading-1: var(--font-size-26); --font-size_heading-2: var(--font-size-22); --font-size_heading-3: var(--font-size-18); --font-size_heading-4: var(--font-size-16); --font-size_heading-5: var(--font-size-14); --font-size_heading-6: var(--font-size-12); --font-size_body: var(--font-size-12); --font-size_lead-paragraph: var(--font-size-16); --font-size_support: var(--font-size-12); --hint_font-size: var(--font-size_support); --label_font-size: var(--font-size-12); --label_line-height: var(--line-height-heading-16); --display-1_line-height: var(--line-height-heading-60); --display-2_line-height: var(--line-height-heading-52); --display-3_line-height: var(--line-height-heading-40); --line-height_heading-1: var(--line-height-heading-32); --line-height_heading-2: var(--line-height-heading-28); --line-height_heading-3: var(--line-height-heading-22); --line-height_heading-4: var(--line-height-heading-20); --line-height_heading-5: var(--line-height-heading-18); --line-height_heading-6: var(--line-height-heading-16); --line-height_body: var(--line-height-body-16); --line-height_paragraph: var(--line-height-body-18); --line-height_lead-paragraph: var(--line-height-heading-24); --line-height_support: var(--line-height-heading-16); --hint_line-height: var(--line-height_support); --large-container_padding: var(--spacing-16); --large-container_vertical-spacing: var(--spacing-16); --large-container_horizontal-spacing: var(--spacing-8); --large-container_heading_padding-bottom: var(--spacing-4); --large-container_header-label-to-text-block: var(--spacing-8); --large-container_text-block-to-body: var(--spacing-12); --large-container_body-to-footer: var(--spacing-24); --alert_container_height: var(--size-40); --alert_container_padding-top: var(--spacing-8); --alert_container_padding-right: var(--spacing-16); --alert_container_padding-bottom: var(--spacing-8); --alert_container_padding-left: var(--spacing-16); --alert-icon-container_padding-left: var(--spacing-8); --alert_container_horizontal_spacing: var(--spacing-8); --alert_radius: var(--small-container_radius); --app-switcher_item-container_font-size: var(--font-size-14); --app-switcher_item-container-heading_font-size: var(--font-size-20); --app-switcher_item-container-description_font-size: var(--font-size-12); --app-switcher_item-container_line-height: var(--line-height-body-18); --app-switcher_item-container-heading_line-height: var(--line-height-heading-26); --app-switcher_item-container-description_line-height: var(--line-height-body-16); --app-switcher_item_container_padding-top: var(--spacing-8); --app-switcher_item_container_padding-right: var(--spacing-4); --app-switcher_item_container_padding-bottom: var(--spacing-8); --app-switcher_item_container_padding-left: var(--spacing-4); --app-switcher_item_container_vertical_spacing: var(--spacing-4); --app-switcher_item-state_container_padding-top: var(--spacing-8); --app-switcher_item-state_container_padding-right: var(--spacing-12); --app-switcher_item-state_container_padding-bottom: var(--spacing-8); --app-switcher_item-state_container_padding-left: var(--spacing-12); --app-switcher_item_container_horizontal_spacing: var(--spacing-8); --avatar_container_size: var(--container_size); --avatar-menu_container-heading_font-size: var(--font-size_heading-3); --avatar-menu_container-subtitle_font-size: var(--font-size_body); --avatar-menu_container-support_font-size: var(--font-size_support); --avatar-menu_container-heading_line-height: var(--line-height_heading-3); --avatar-menu_container-subtitle_line-height: var(--line-height_body); --avatar-menu_container-support_line-height: var(--line-height_support); --avatar-menu_container_vertical-margin: var(--spacing-8); --avatar-menu_container_horizontal-margin: var(--spacing-16); --avatar-menu_container_padding: var(--spacing-0); --avatar-menu_header-container_padding-top: var(--size-24); --avatar-menu_header-container_padding-bottom: var(--size-16); --avatar-menu_header-container_horizontal-padding: var(--size-16); --avatar-menu_header-wrapper_vertical-spacing: var(--spacing-8); --avatar-menu_header-wrapper_margin-bottom: var(--spacing-16); --avatar-menu_header-wrapper_vertical-padding: var(--spacing-0); --avatar-menu_header-wrapper_horizontal-padding: var(--spacing-16); --avatar-menu_support-container_margin-top: var(--spacing-16); --avatar-menu_menu-stack-container_vertical-spacing: var(--spacing-4); --avatar-menu_menu-stack-container_horizontal-padding: var(--spacing-12); --avatar-menu_menu-stack-container_margin-bottom: var(--spacing-8); --avatar-menu_footer-container_padding-top: var(--spacing-16); --avatar-menu_footer-container_horizontal-padding: var(--spacing-12); --avatar-menu_footer-container_padding-bottom: 20px; --badge_container_height: var(--container_height); --badge_icon-container_padding-left: var(--spacing-8); --badge_container_padding: var(--spacing-12); --badge_radius: var(--radius-8); --badge_height_container: var(--size-20); --badge_icon_size: var(--size-18); --badge-indicator_container_size: var(--container_size); --badge-indicator_container_vertical-padding: var(--spacing-2); --badge-indicator_container_horizontal-padding: var(--spacing-2); --badge-indicator_dot-indication_postion: -10px; --badge-indicator_dot-indicator_size: 10px; --badge-indicator_number-indicator_height: var(--size-16); --badge-indicator_number-indicator_vertical-padding: var(--size-0); --badge-indicator_number-indicator_horizontal-padding: var(--size-4); --badge-indicator_number-indicator-overflow_height: var(--size-4); --badge-indicator_number-indicator-overflow_vertical-padding: var(--spacing-2); --badge-indicator_number-indicator-overflow_horizontal-padding: var(--spacing-0); --badge-indicator_number-indicator_font-size: var(--font-size-14); --badge-indicator_number-indicator_line-height: var(--line-height-heading-18); --breadcrumb_container_height: var(--size-24); --breadcrumb_horizontal-spacing: var(--spacing-2); --breadcrumb_page-link_horizontal-spacing: var(--spacing-4); --breadcrumb_separator_horizontal-padding: var(--spacing-4); --breadcrumb-item_horizontal-spacing: var(--breadcrumb_horizontal-spacing); --button_container_padding-left: var(--spacing-12); --button_container_padding-right: var(--spacing-12); --button_container_horizontal-spacing: var(--spacing-4); --button_icon-container_padding-left: var(--spacing-8); --button_icon-container_padding-right: var(--spacing-8); --button_container_vertical-padding: 6px; --button_container_min-width: 70px; --button_container_height: var(--container_height); --group-button_item_height: var(--size-24); --group-button_item_height_theme: var(--component_height); --segmented-control-item_min-width: 72px; --segmented-control_height: var(--size-24); --segmented-control_active_height: var(--component_size); --group-button_item_padding-top: 6px; --group-button-item_padding-bottom: 6px; --card-title-to-subtitle_vertical-spacing: var(--spacing-4); --card_header-label-to-text-block: var(--large-container_header-label-to-text-block); --card_text-block-to-body: var(--large-container_text-block-to-body); --card_body-to-footer: var(--large-container_body-to-footer); --card_container_padding: var(--large-container_padding); --card_heading-to-control_spacing: var(--spacing-8); --card_body_font-size: var(--font-size_body); --card_body_line-height: var(--line-height_paragraph); --card_footer_font-size: var(--font-size_body); --card_footer_line-height: var(--line-height_body); --card_date-label_font-size: var(--font-size_support); --card_date-label_line-height: var(--line-height_support); --carousel_indicator_width: var(--size-24); --carousel_indicator_active_width: var(--size-64); --carousel_indicator_active_height: var(--size-2); --collapse_item-container_padding-left: var(--container_padding-left); --collapse_item-container_padding-right: var(--container_padding-right); --collapse_item-container_vertical-padding: var(--spacing-2); --collapse_item-container_horizontal-spacing: var(--container_horizontal-spacing); --collapse-item-container_height: var(--component_height); --collapse_nested-item-container_vertical-spacing: var(--container_vertical-spacing); --collapse_nested-item-container_padding: var(--small-container_padding); --collapse_nested-item-container_radius: var(--small-container_radius); --collapse_nested-item-container_margin-bottom: var(--spacing-8); --collapse_container_horizontal-padding: var(--spacing-12); --collapse_container_vertical-padding: var(--spacing-8); --context-menu_radius: var(--radius-16); --context-menu-search_radius: var(--radius-12); --context-menu-item_height: var(--size-28); --context-menu-item_horizontal_spacing: var(--spacing-4); --context-menu-item_padding-left: var(--spacing-12); --context-menu-item_padding-right: var(--spacing-4); --context-menu-item_vertical-padding: 5px; --context-menu-item_grouped-header_vertical-padding: var(--spacing-8); --context-menu_padding: var(--spacing-4); --context-menu_vertical-spacing: var(--spacing-8); --context-menu_group_vertical-spacing: var(--spacing-4); --context-menu_footer-options_padding-top: var(--spacing-12); --context-menu_footer-options_padding-right: var(--spacing-8); --context-menu_footer-options_padding-bottom: var(--spacing-8); --context-menu_footer-options_padding-left: var(--spacing-12); --context-menu-search_padding: var(--spacing-0); --context-menu_font-size: var(--font-size_body); --context-menu_line-height: var(--line-height_body); --control_size: var(--size-16); --control-item_horizontal-spacing: var(--spacing-8); --control_label_vertical-spacing: var(--spacing-8); --control_group-container_vertical-spacing: var(--spacing-8); --control_group-container_horizontal-spacing: var(--spacing-12); --control_checkbox_padding: 3px; --control_radio_padding: 5px; --control_handle-on_size: var(--size-12); --control_handle-off_size: 10px; --control_switch-on_padding: var(--spacing-2); --control_switch-off_padding: 3px; --switch_height: var(--size-16); --switch_width: var(--size-32); --switch_radius: var(--radius-full); --switch_handle-on_size: var(--size-12); --switch_handle-off_size: var(--size-8); --switch_container-on_padding: var(--spacing-2); --switch_container-off_padding: var(--spacing-4); --switch_group-container_vertical-spacing: var(--spacing-8); --switch_group-container_horizontal-spacing: var(--spacing-8); --datatable_font-size_standard-cell: var(--font-size_body); --datatable_line-height_standard-cell: var(--line-height_body); --datatable_font-size_column-header: var(--font-size_body); --datatable_line-height_column-header: var(--line-height_body); --datatable_container_horizontal-padding: var(--spacing-12); --datatable_container_vertical-padding: var(--spacing-12); --datatable_container_horizontal-spacing: var(--spacing-8); --datatable_body-container_horizontal-spacing: var(--spacing-4); --datatable_inline-button-container_horizontal-padding: var(--spacing-4); --datatable_status-indicator-container_horizontal-spacing: var(--spacing-8); --datatable_status-indicator-body-container_horizontal-spacing: var(--spacing-4); --datatable_action-icons-container_horizontal-padding: var(--spacing-4); --datatable_container_height: var(--size-40); --datatable_column-header_resizing-control_height: var(--size-12); --datatable_column-header_resizing-control_width: var(--size-2); --datepicker-item_font-size: var(--font-size-12); --datepicker-item_line-height: var(--line-height-heading-12); --datepicker-date-item-container_height: var(--size-36); --datepicker-date-item_height: var(--size-28); --datepicker_calendar_horizontal-spacing: var(--spacing-24); --datepicker_calendar_padding: var(--spacing-24); --datepicker_calendar_vertical-spacing: var(--spacing-16); --datepicker_month-year-calendar-container_padding: var(--spacing-8); --datepicker_week-container_padding-bottom: var(--spacing-8); --datepicker_week-container_width: 250px; --drawer_heading_font-size: var(--font-size_heading-2); --drawer_subtitle_font-size: var(--font-size_heading-5); --drawer_heading_line-height: var(--line-height_heading-2); --drawer_subtitle_line-height: var(--line-height_heading-5); --drawer_container_vertical-spacing: var(--spacing-16); --drawer_container_padding-bottom: var(--large-container_padding); --drawer_container_padding-top: var(--large-container_padding); --drawer_container_padding-right: var(--large-container_padding); --drawer_container_padding-left: var(--large-container_padding); --drawer_header-container_vertical-spacing: var(--spacing-8); --drawer_content-stack_vertical-spacing: var(--spacing-8); --drawer_footer-button_horizontal-spacing: var(--between-buttons_horizontal-spacing); --drawer_footer_horizontal-padding: var(--spacing-0); --drawer_footer_vertical-padding: 5px; --drawer_footer_height: var(--component_height); --dropdown-icon_container_width: var(--component_size); --field_font-size: var(--font-size_body); --field_line-height_single-line: var(--line-height_body); --field_line-height_multi-line: var(--line-height_paragraph); --field-number_font-size: var(--font-size_body); --field-number_line-height: var(--line-height_body); --field_radius: 6px; --field_container_height: var(--component_height); --field_container_horizontal-padding: var(--container_padding-left); --field_icon-container_horizontal-padding: var(--container_element_padding-left); --field_container_vertical-padding: var(--container_padding-top); --field_container_horizontal-spacing: var(--container_horizontal-spacing); --field_container_vertical-spacing: var(--container_vertical-spacing); --field_container-to-menu_spacing: var(--component-to-menu_margin-bottom); --field_border-width: var(--size-1); --field_border-width_focus: var(--border-width_thin); --field_border-width_active: var(--border-width_thin); --label_required_horizontal-spacing: var(--container_horizontal-spacing); --file-upload_uploaded-file_vertical-spacing: var(--spacing-4); --file-upload_uploaded-file_padding: var(--spacing-8); --file-upload_uploaded-file_horizontal-spacing: var(--spacing-8); --file-upload_upload-area_padding: var(--spacing-24); --file-upload_upload-area_horizontal-spacing: var(--spacing-8); --file-upload_uploaded-file-group_margin-bottom: var(--spacing-16); --file-upload_uploaded-file-group_margin-top: var(--spacing-12); --file-upload_uploaded-file-group_vertical-spacing: var(--spacing-4); --file-upload_upload-button_veritcal-spacing: var(--spacing-4); --file-upload_uploaded-file_text-container_vertical-spacing: var(--spacing-2); --file-upload_uploaded-file_name-to-details_vertical-spacing: var(--spacing-2); --global-header-banner_height: 56px; --global-header-action-bar_horizontal-padding: var(--spacing-16); --global-header-navigation-bar_horizontal-padding_desktop: var(--spacing-0); --global-header-navigation-bar_vertical-padding_desktop: var(--spacing-0); --global-header-action-bar_vertical-padding: 7px; --global-header_container_margin-top: var(--spacing-8); --global-header_container_margin-right: var(--spacing-8); --global-header_container_margin-bottom: var(--spacing-0); --global-header_container_margin-left: var(--spacing-8); --global-header_banner_radius: var(--global-header_radius); --global-header_open-nav-state_banner_radius-bottom: var(--radius-0); --global-header_banner_radius-bottom-right: var(--radius-0); --global-header_banner_radius-bottom-left: var(--global-header_radius); --global-header-icon_container_size: var(--size-0); --global-header-logo_padding-bottom: var(--spacing-0); --global-header-between-icon-to-logo_horizontal-spacing: var(--spacing-8); --global-header-between-logo-to-app-name_horizontal-spacing: var(--spacing-16); --global-header_divider_padding: var(--size-0); --global-header_expanded-banner_bottom-left-radius: var(--global-header_radius); --global-header_expanded-banner_bottom-right-radius: var(--global-header_radius); --global-left-nav_item_font-size: var(--font-size-14); --global-left-nav_item_line-height: var(--line-height-body-18); --global-left-nav_item_collapsed-panel_font-size: var(--font-size-12); --global-left-nav-item_collapsed-panel_line-height: var(--line-height-body-18); --global-left-nav_vertical-padding: var(--spacing-12); --global-left-nav_expanded-panel_width: var(--size-192); --global-left-nav_collapsed-panel_width: 72px; --global-left-nav_item-container_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item-container_expanded-panel_vertical-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-panel_horizontal-padding: 18px; --global-left-nav_item-container_collapsed-panel_vertical-padding: var(--spacing-4); --global-left-nav_item_expanded-panel_horizontal-spacing: var(--spacing-8); --global-left-nav_item_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item_expanded-panel_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-panel_padding: var(--spacing-8); --global-left-nav_item-container_collapsed-label_horizontal-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-spacing: var(--spacing-4); --global-left-nav_item_collapsed-label_horizontal-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_between-nav-items_vertical-spacing: var(--between-menu-items_vertical-spacing); --global-left-menu_header_container_padding-left: var(--spacing-12); --global-left-menu_header_container_padding-bottom: var(--spacing-12); --global-left-menu_container_padding-top: var(--spacing-24); --global-left-menu_container_padding-right: var(--spacing-8); --global-left-menu_container_padding-bottom: var(--spacing-16); --global-left-menu_container_padding-left: var(--spacing-16); --global-left-menu_container_vertical-spacing: var(--between-menu-items_vertical-spacing); --global-left-menu-container_mask: var(--false); --global-left-menu_radius-top: var(--large-container_radius); --grouped-header_font-size: var(--font-size-12); --grouped-header_line-height: var(--line-height-body-16); --icon_container_size: var(--size-24); --list_item_min-width: 200px; --list_item_border-bottom_width: var(--size-1); --list_item-container_padding-left: var(--spacing-8); --list_item-container_padding-right: var(--spacing-8); --list_item-container_padding-top: 6px; --list_item-container_padding-bottom: 6px; --list_nested-item-container_padding-left: var(--spacing-12); --list_horizontal-layout_horizontal-spacing: var(--spacing-12); --list_item-container_horizontal-spacing: var(--spacing-2); --list_item-container_font-size: var(--font-size_body); --list_item-container_line-height: var(--line-height_body); --loader_font-size: var(--font-size_body); --loader_line-height: var(--line-height_body); --loader_container_horizontal_spacing: var(--spacing-4); --loader_container_vertical_spacing: var(--spacing-4); --mega-menu_container-heading_font-size: var(--font-size_heading-3); --mega-menu_container-subtitle_font-size: var(--font-size_heading-6); --mega-menu_item-container_font-size: var(--font-size-14); --mega-menu_side-panel-item_font-size: var(--font-size-14); --mega-menu_container-heading_line-height: var(--line-height_heading-3); --mega-menu_container-subtitle_line-height: var(--line-height_heading-6); --mega-menu_item-container_line-height: var(--line-height-body-22); --mega-menu_side-panel-item_line-height: var(--line-height-heading-18); --menu_item-container_font-size: var(--font-size-14); --menu_item-container_line-height: var(--line-height-heading-18); --menu-item_container_height: var(--size-28); --menu-item_icon_size: var(--size-24); --menu-item_container_padding-left: var(--spacing-12); --menu-item_container_padding-right: var(--spacing-4); --menu-item_container_padding-top: 5px; --menu-item_container_padding-bottom: 5px; --menu-item_container_horizontal_spacing: var(--spacing-4); --menu-item_container-control_padding-right: var(--spacing-12); --menu-item_container_font-size: var(--font-size-14); --menu-item_container_line-height: var(--line-height-heading-18); --menu-item_group-header_padding-top: var(--spacing-8); --menu-item_group-header_padding-bottom: var(--spacing-8); --menu_divider_vertical-spacing: var(--spacing-4); --modal_container_padding: var(--large-container_padding); --modal_text-block-to-body: var(--large-container_text-block-to-body); --modal_body-to-footer: var(--large-container_body-to-footer); --modal_heading_horizontal-spacing: var(--spacing-8); --modal_body_font-size: var(--font-size_body); --modal_body_line-height: var(--line-height_paragraph); --modal_sm-width: 400px; --modal_md-width: 608px; --modal_lg-width: 816px; --modal_xl-width: 1024px; --modal_max-height: 528px; --modal_icon-status_height: var(--size-24); --modal_icon-status_width: var(--size-24); --navbar-overflow-menu_item-container_height: var(--context-menu-item_height); --navbar-overflow-menu_padding: var(--context-menu_padding); --navbar-overflow-menu_vertical-spacing: var(--context-menu_group_vertical-spacing); --navbar-overflow-menu_item_horizontal_spacing: var(--context-menu-item_horizontal_spacing); --navbar-overflow-menu_item_padding-left: var(--context-menu-item_padding-left); --navbar-overflow-menu_item_padding-right: var(--context-menu-item_padding-right); --navbar-overflow-menu_item_vertical-padding: var(--context-menu-item_vertical-padding); --navbar-tab_height: var(--size-48); --navbar-tab-condensed_height: 56px; --navbar-tab-condensed_height_indicator: 3px; --navbar-tab-condensed_horizontal-padding: var(--navbar-tab_horizontal-padding); --navbar-tab-condensed_horizontal-spacing: var(--navbar-tab_horizontal-spacing); --navbar-tab-condensed_icon_padding-right: var(--navbar-tab_icon_padding-right); --navbar-tab-condensed_padding-top: 18px; --navbar-tab-condensed_padding-bottom: 17px; --navbar-tab_horizontal-spacing: var(--spacing-8); --navbar-tab_horizontal-padding: var(--spacing-24); --navbar-tab_icon_padding-right: 20px; --navbar-tab_padding-top: 15px; --navbar-tab_padding-bottom: var(--spacing-12); --navbar-tab_font-size: var(--font-size-14); --navbar-tab_line-height: var(--line-height-heading-18); --notification_container_padding: var(--spacing-12); --notification_header_margin-bottom: var(--size-4); --notification_header-wrapper_horizontal-spacing: var(--size-4); --notification_container_vertical-spacing: var(--spacing-12); --notification_container-heading_font-size: var(--font-size-14); --notification_container-heading_line-height: var(--line-height-body-18); --notification-panel_container_vertical-margin: var(--spacing-8); --notification-panel_container_horizontal-margin: var(--spacing-16); --notification_heading-time-stamp_font-size: var(--font-size-12); --notification_heading-time-stamp_line-height: var(--line-height-body-16); --notification_container-body_font-size: var(--font-size-14); --notification_container-body_line-height: var(--line-height-body-22); --notification-panel_container_vertical-padding: var(--spacing-24); --notification-panel_search_desktop-view: true; --notification-panel_switch_desktop-view: true; --notification-panel_container_horizontal-padding: var(--spacing-24); --notification-panel_container_vertical-spacing: var(--spacing-12); --notification-panel_header-container_vertical-spacing: var(--spacing-12); --notification-panel_badge-indicator-to-notification-panel: var(--spacing-12); --notification-panel_x-right-position: var(--spacing-12); --notification-panel_stack-container_font-size: var(--font-size-14); --notification-panel_stack-container_line-height: var(--line-height-body-18); --notification-panel_empty-state-heading_font-size: var(--font-size-18); --notification-panel_empty-state-heading_line-height: var(--line-height-body-28); --notification-panel_empty-state-subtitle_font-size: var(--font-size-14); --notification-panel_empty-state-subtitle_line-height: var(--line-height-body-22); --pagination_page-buttons_horizontal-spacing: var(--spacing-4); --pagination_items-per-page_width: 139px; --pagination_horizontal-spacing: var(--spacing-4); --popover-body_font-size: var(--font-size_body); --popover_vertical-spacing: var(--container_vertical-spacing); --popover-heading_font-size: var(--font-size_heading-4); --popover-body_line-height: var(--line-height_body); --popover-heading_line-height: var(--line-height_heading-4); --popover_padding: var(--small-container_padding); --search_wrapper_padding: var(--spacing-0); --search_container_padding-left: var(--spacing-8); --search-icon_container_width: var(--component_size); --transfer_search-wrapper_margin-bottom: var(--spacing-12); --section-heading-to-component_vertical-spacing: var(--spacing-12); --section_font-size_heading: var(--font-size-20); --section_font-size_subtitle: var(--font-size-14); --section_line-height_heading: var(--line-height-heading-26); --section_line-height_subtitle: var(--line-height-heading-18); --section_container_padding: var(--large-container_padding); --section_container_horizontal-spacing: var(--container_horizontal-spacing); --section_header-container_margin-bottom: var(--large-container_text-block-to-body); --section_header-container_vertical-spacing: var(--spacing-4); --slider_horizontal-spacing: var(--spacing-8); --slider_vertical-spacing: var(--spacing-12); --slider_handle_size: 18px; --slider_handle_size_hover: var(--size-20); --slider_handle_border-width: var(--size-1); --slider_tick_height: var(--size-4); --slider_tick_width: var(--size-2); --slider_tick_radius: var(--radius-0); --slider_track_height: var(--size-4); --stepper_track_border-width: var(--size-1); --stepper_linear-status_size: var(--size-28); --stepper_non-linear-status_size: var(--size-20); --stepper_step-body-container_padding-right: var(--spacing-24); --stepper_vertical-layout-item-step-body-container_padding-top: var(--spacing-4); --stepper_step-body-container_vertical-spacing: var(--spacing-2); --stepper_horizontal-layout-item_vertical-spacing: var(--spacing-2); --stepper_horizontal-layout-item_horizontal-spacing: var(--spacing-4); --stepper_horizontal-layout-item_width: 208px; --stepper_vertical-layout-item_min-height: var(--size-80); --stepper_vertical-layout-item_horizontal-spacing: var(--spacing-8); --stepper_vertical-layout-item_vertical-spacing: var(--spacing-4); --stepper_horizontal-layout-group_horizontal-spacing: var(--spacing-4); --stepper_vertical-layout-group_vertical-spacing: var(--spacing-4); --tab_label_font-size: var(--font-size_body); --tab_label_line-height: var(--line-height_body); --tab_height_indicator_default: var(--size-2); --tab-count-wrapper_font-size: var(--font-size_body); --tab_width_indicator_vertical: var(--size-2); --tab-count-wrapper_line-height: var(--line-height_body); --tab_container_min-width: 76px; --tab_container_icon_min-width: 88px; --tab_container_count-wrapper_min-width: var(--size-96); --tab_height: var(--component_height); --tab_container_horizontal-padding: var(--spacing-12); --tab_container_horizontal-spacing: var(--spacing-4); --tab_container_vertical-padding: 5px; --tab_icon-container_padding-right: var(--spacing-8); --tab_icon-container_vertical-padding: 4px; --tab_count-wrapper_horizontal-padding: var(--spacing-4); --tab_count-wrapper_vertical-padding: var(--spacing-2); --table_container_height: var(--datatable_container_height); --table_container_horizontal-padding: var(--datatable_container_horizontal-padding); --table_container_vertical-padding: var(--datatable_container_vertical-padding); --table_column-header_horizontal-padding: var(--table_container_horizontal-padding); --table_column-header_vertical-padding: var(--table_container_vertical-padding); --table_font-size_standard-cell: var(--font-size_body); --table_line-height_standard-cell: var(--line-height_body); --table_font-size_column-header: var(--font-size_body); --table_line-height_column-header: var(--line-height_body); --tag-font-size: var(--font-size_body); --tag-line-height: var(--line-height_body); --tag_container_horizontal-padding: var(--button_container_padding-left); --tag_icon-container_padding-left: var(--button_icon-container_padding-left); --tag_icon-container_padding-right: var(--button_icon-container_padding-right); --tag_container_horizontal-spacing: var(--button_container_horizontal-spacing); --tag_container_vertical-padding: var(--button_container_vertical-padding); --tag_container_height: var(--component_height); --tag_container_min-width: var(--button_container_min-width); --tag_select_font-size: var(--font-size-12); --tag_select_line-height: var(--line-height-heading-16); --tag_select_container_padding-left: var(--spacing-8); --tag_select_container_padding-right: var(--spacing-8); --tag_select_horizontal-spacing: var(--spacing-4); --tag_select_container_vertical-padding: 0px; --tag_select_container_height: var(--size-20); --text-area_container_vertical-padding: var(--spacing-8); --text-area_container_padding-right: var(--spacing-4); --text-area_spacing-bottom_container: var(--spacing-4); --text-block_vertical-spacing: var(--spacing-2); --text-block_heading_font-size: var(--font-size_heading-2); --text-block_subtitle_font-size: var(--font-size_heading-5); --text-block_heading_line-height: var(--line-height_heading-2); --text-block_subtitle_line-height: var(--line-height_heading-5); --text-link_font-size: var(--font-size_body); --text-link_line-height: var(--line-height_body); --text-link_icon_horizontal-spacing: var(--container_horizontal-spacing); --transfer_container_horizontal_spacing: var(--spacing-8); --transfer_container_vertical-spacing: var(--spacing-4); --transfer_container_padding-top: var(--spacing-8); --transfer_container_padding-right: var(--spacing-8); --transfer_container_padding-bottom: var(--spacing-8); --transfer_container_padding-left: var(--spacing-8); --transfer_list-item-group_vertical-spacing: var(--spacing-8); --transfer_container_height: 351px; --transfer_container_width: 220px; --transfer_header-wrapper_horizontal-padding: 10px; --transfer_header-wrapper_vertical-padding: var(--spacing-12); --transfer_search-wrapper_margin-bottom: var(--spacing-12); --transfer_direction-button_vertical-padding: var(--spacing-4); --transfer_between-button_spacing: var(--size-8); --tooltip_radius: var(--radius-4); --tooltip_padding: var(--radius-4); --tooltip_font-size: var(--font-size_support); --tooltip_line-height: var(--line-height_support); } .icgds .lmn-ui-xs { --component_height: var(--size-20); --component_size: var(--size-20); --container_height: var(--size-20); --container_width: var(--size-20); --component-body_font-size: var(--font-size-12); --component-body_line-height: var(--line-height-body-16); --font-size_body: var(--font-size-12); --font-size_support: var(--font-size-12); --hint_font-size: var(--font-size_support); --body_line-height_multi-line: var(--line-height-body-16); --line-height_support: var(--line-height-body-16); --hint_line-height: var(--line-height_support); --badge_container_height: var(--container_height); --badge_radius: var(--radius-8); --badge_container_padding: var(--spacing-8); --badge_icon-container_padding-left: var(--spacing-4); --button_icon-container_padding-left: var(--spacing-4); --button_icon-container_padding-right: var(--spacing-4); --button_container_padding-left: var(--spacing-8); --button_container_padding-right: var(--spacing-8); --button_horizontal-spacing: var(--spacing-4); --button_container_padding-top: var(--spacing-2); --button_container_padding-bottom: var(--spacing-2); --button_container_padding-right: var(--spacing-8); --button_horizontal-spacing: var(--spacing-4); --button_container_padding-top: var(--spacing-2); --button_container_padding-bottom: var(--spacing-2); --button_container_min-width: 54px; --button_container_height: var(--container_height); --datatable_font-size: var(--font-size_support); --datatable_line-height: var(--support_line-height); --datatable_container_height: var(--size-24); --datatable_container_horizontal-padding: var(--spacing-8); --datatable_container_vertical-padding: var(--spacing-4); --datatable_container_horizontal-spacing: var(--spacing-8); --datatable_body-container_horizontal-spacing: var(--spacing-4); --datatable_inline-button-container_horizontal-padding: var(--spacing-4); --datatable_status-indicator-container_horizontal-spacing: var(--spacing-8); --datatable_status-indicator-body-container_horizontal-spacing: var(--spacing-4); --datatable_action-icons-container_horizontal-padding: var(--spacing-4); --datatable_column-header_resizing-control_height: var(--size-12); --datatable_column-header_resizing-control_width: var(--size-2); --table_font-size_standard-cell: var(--font-size-12); --table_line-height_standard-cell: var(--line-height-heading-16); --table_font-size_column-header: var(--font-size-12); --table_line-height_column-header: var(--line-height-heading-16); --table_container_height: var(--datatable_container_height); --table_container_horizontal-padding: var(--datatable_container_horizontal-padding); --table_container_vertical-padding: var(--datatable_container_vertical-padding); --tag_container_height: var(--container_height); --tag_container_horizontal-spacing: var(--spacing-2); --tag_container_horizontal-padding: var(--spacing-8); --tag_container_vertical-padding: var(--spacing-2); --tag_font-size: var(--font-size-12); --tag_line-height: var(--line-height-heading-16); } .icgds .lmn-ui-lg, .icgds .lmn-ui-spacious { --component_height: var(--size-48); --component_size: var(--size-48); --component-body_font-size: var(--font-size-16); --component-body_line-height: var(--line-height-body-20); --container_height: var(--size-48); --container_width: var(--size-48); --container_size: var(--size-48); --container_margin: var(--spacing-8); --container-to-menu_spacing: var(--spacing-4); --container_padding-left: var(--spacing-12); --container_padding-right: var(--spacing-12); --container_element_padding-left: var(--spacing-8); --container_element_padding-right: var(--spacing-8); --container_padding-top: 12px; --container_padding-bottom: 12px; --container_horizontal-spacing: var(--spacing-4); --container_vertical-spacing: var(--spacing-4); --container_footer_height: var(--size-36); --container_footer_padding-top: 11px; --container_footer_padding-right: 12px; --container_footer_padding-bottom: 11px; --container_footer_padding-left: 12px; --small-container_padding: var(--spacing-24); --font-size_display-1: var(--font-size-76); --font-size_display-2: var(--font-size-60); --font-size_display-3: var(--font-size-48); --font-size_heading-1: var(--font-size-40); --font-size_heading-2: var(--font-size-32); --font-size_heading-3: var(--font-size-24); --font-size_heading-4: var(--font-size-20); --font-size_heading-5: var(--font-size-18); --font-size_heading-6: var(--font-size-16); --font-size_body: var(--font-size-16); --font-size_lead-paragraph: var(--font-size-20); --font-size_support: var(--font-size-14); --hint_font-size: var(--font-size_support); --label_font-size: var(--font-size-14); --label_line-height: var(--line-height-heading-18); --display-1_line-height: var(--line-height-heading-96); --display-2_line-height: var(--line-height-heading-76); --display-3_line-height: var(--line-height-heading-60); --line-height_heading-1: var(--line-height-heading-52); --line-height_heading-2: var(--line-height-heading-40); --line-height_heading-3: var(--line-height-heading-30); --line-height_heading-4: var(--line-height-heading-26); --line-height_heading-5: var(--line-height-heading-22); --line-height_heading-6: var(--line-height-heading-20); --line-height_body: var(--line-height-body-20); --line-height_paragraph: var(--line-height-body-24); --line-height_lead-paragraph: var(--line-height-heading-30); --line-height_support: var(--line-height-heading-18); --hint_line-height: var(--line-height_support); --large-container_padding: var(--size-32); --large-container_vertical-spacing: var(--spacing-16); --large-container_horizontal-spacing: var(--spacing-16); --large-container_heading_padding-bottom: var(--spacing-8); --large-container_header-label-to-text-block: var(--spacing-12); --large-container_text-block-to-body: var(--spacing-16); --large-container_body-to-footer: var(--spacing-32); --alert_container_height: 56px; --alert_container_padding-top: var(--spacing-16); --alert_container_padding-right: 20px; --alert_container_padding-bottom: var(--spacing-16); --alert_container_padding-left: 20px; --alert-icon-container_padding-left: var(--spacing-16); --alert_container_horizontal_spacing: var(--spacing-12); --alert_radius: var(--small-container_radius); --app-switcher_item-container_font-size: var(--font-size-14); --app-switcher_item-container-heading_font-size: var(--font-size-20); --app-switcher_item-container-description_font-size: var(--font-size-12); --app-switcher_item-container_line-height: var(--line-height-body-18); --app-switcher_item-container-heading_line-height: var(--line-height-heading-26); --app-switcher_item-container-description_line-height: var(--line-height-body-16); --app-switcher_item_container_padding-top: var(--spacing-8); --app-switcher_item_container_padding-right: var(--spacing-4); --app-switcher_item_container_padding-bottom: var(--spacing-8); --app-switcher_item_container_padding-left: var(--spacing-4); --app-switcher_item_container_vertical_spacing: var(--spacing-4); --app-switcher_item-state_container_padding-top: var(--spacing-8); --app-switcher_item-state_container_padding-right: var(--spacing-12); --app-switcher_item-state_container_padding-bottom: var(--spacing-8); --app-switcher_item-state_container_padding-left: var(--spacing-12); --app-switcher_item_container_horizontal_spacing: var(--spacing-8); --avatar_container_size: var(--container_size); --avatar-menu_container-heading_font-size: var(--font-size_heading-3); --avatar-menu_container-subtitle_font-size: var(--font-size_body); --avatar-menu_container-support_font-size: var(--font-size_support); --avatar-menu_container-heading_line-height: var(--line-height_heading-3); --avatar-menu_container-subtitle_line-height: var(--line-height_body); --avatar-menu_container-support_line-height: var(--line-height_support); --avatar-menu_container_vertical-margin: var(--spacing-8); --avatar-menu_container_horizontal-margin: var(--spacing-16); --avatar-menu_container_padding: var(--spacing-0); --avatar-menu_header-container_padding-top: var(--spacing-24); --avatar-menu_header-container_padding-bottom: var(--spacing-16); --avatar-menu_header-container_horizontal-padding: var(--spacing-16); --avatar-menu_header-wrapper_vertical-spacing: var(--spacing-8); --avatar-menu_header-wrapper_margin-bottom: var(--spacing-16); --avatar-menu_header-wrapper_vertical-padding: var(--spacing-0); --avatar-menu_header-wrapper_horizontal-padding: var(--spacing-16); --avatar-menu_support-container_margin-top: var(--spacing-16); --avatar-menu_menu-stack-container_vertical-spacing: var(--spacing-4); --avatar-menu_menu-stack-container_horizontal-padding: var(--spacing-12); --avatar-menu_menu-stack-container_margin-bottom: var(--spacing-8); --avatar-menu_footer-container_padding-top: var(--spacing-16); --avatar-menu_footer-container_horizontal-padding: var(--spacing-12); --avatar-menu_footer-container_padding-bottom: 20px; --badge_container_height: var(--container_height); --badge_icon-container_padding-left: var(--spacing-12); --badge_container_padding: var(--spacing-16); --badge_radius: var(--radius-12); --badge_height_container: var(--size-40); --badge_icon_size: var(--size-24); --badge-indicator_container_size: var(--container_size); --badge-indicator_container_vertical-padding: var(--spacing-12); --badge-indicator_container_horizontal-padding: var(--spacing-12); --badge-indicator_dot-indication_postion: -10px; --badge-indicator_dot-indicator_size: 10px; --badge-indicator_number-indicator_height: var(--size-16); --badge-indicator_number-indicator_vertical-padding: var(--size-0); --badge-indicator_number-indicator_horizontal-padding: var(--size-4); --badge-indicator_number-indicator-overflow_height: var(--size-4); --badge-indicator_number-indicator-overflow_vertical-padding: var(--spacing-2); --badge-indicator_number-indicator-overflow_horizontal-padding: var(--spacing-0); --badge-indicator_number-indicator_font-size: var(--font-size-14); --badge-indicator_number-indicator_line-height: var(--line-height-heading-18); --breadcrumb_container_height: var(--size-24); --breadcrumb_horizontal-spacing: var(--spacing-4); --breadcrumb_page-link_horizontal-spacing: var(--spacing-4); --breadcrumb_separator_horizontal-padding: var(--spacing-4); --breadcrumb-item_horizontal-spacing: var(--breadcrumb_horizontal-spacing); --button_container_padding-left: var(--spacing-24); --button_container_padding-right: var(--spacing-24); --button_container_horizontal-spacing: var(--spacing-8); --button_icon-container_padding-left: 20px; --button_icon-container_padding-right: 20px; --button_container_vertical-padding: 14px; --button_container_min-width: 98px; --button_container_height: var(--container_height); --group-button_item_height: 44px; --group-button_item_height_theme: var(--component_height); --segmented-control-item_min-width: 100px; --segmented-control_height: var(--size-44); --segmented-control_active_height: var(--component_size); --group-button_item_padding-top: 14px; --group-button-item_padding-bottom: 14px; --card-title-to-subtitle_vertical-spacing: var(--spacing-12); --card_header-label-to-text-block: var(--large-container_header-label-to-text-block); --card_text-block-to-body: var(--large-container_text-block-to-body); --card_body-to-footer: var(--large-container_body-to-footer); --card_container_padding: var(--large-container_padding); --card_heading-to-control_spacing: var(--spacing-12); --card_body_font-size: var(--font-size_body); --card_body_line-height: var(--line-height_paragraph); --card_footer_font-size: var(--font-size_body); --card_footer_line-height: var(--line-height_body); --card_date-label_font-size: var(--font-size_support); --card_date-label_line-height: var(--line-height_support); --carousel_indicator_width: var(--size-24); --carousel_indicator_active_width: var(--size-64); --carousel_indicator_active_height: var(--size-2); --collapse_item-container_padding-left: var(--container_padding-left); --collapse_item-container_padding-right: var(--container_padding-right); --collapse_item-container_vertical-padding: var(--spacing-12); --collapse_item-container_horizontal-spacing: var(--container_horizontal-spacing); --collapse-item-container_height: var(--component_height); --collapse_nested-item-container_vertical-spacing: var(--container_vertical-spacing); --collapse_nested-item-container_padding: var(--small-container_padding); --collapse_nested-item-container_radius: var(--small-container_radius); --collapse_nested-item-container_margin-bottom: var(--spacing-16); --collapse_container_horizontal-padding: var(--spacing-24); --collapse_container_vertical-padding: 20px; --context-menu_radius: var(--radius-20); --context-menu-search_radius: var(--radius-16); --context-menu-item_height: var(--size-36); --context-menu-item_horizontal_spacing: var(--spacing-8); --context-menu-item_padding-left: var(--spacing-12); --context-menu-item_padding-right: var(--spacing-8); --context-menu-item_vertical-padding: 9px; --context-menu-item_grouped-header_vertical-padding: var(--spacing-12); --context-menu_padding: var(--spacing-8); --context-menu_vertical-spacing: var(--spacing-12); --context-menu_group_vertical-spacing: var(--spacing-8); --context-menu_footer-options_padding-top: var(--spacing-12); --context-menu_footer-options_padding-right: var(--spacing-8); --context-menu_footer-options_padding-bottom: var(--spacing-8); --context-menu_footer-options_padding-left: var(--spacing-12); --context-menu-search_padding: var(--spacing-0); --context-menu_font-size: var(--font-size_body); --context-menu_line-height: var(--line-height_body); --control_size: var(--size-24); --control-item_horizontal-spacing: var(--spacing-8); --control_label_vertical-spacing: var(--spacing-12); --control_group-container_vertical-spacing: var(--spacing-32); --control_group-container_horizontal-spacing: var(--spacing-32); --control_checkbox_padding: 3px; --control_radio_padding: 5px; --control_handle-on_size: var(--size-24); --control_switch-on_padding: var(--spacing-2); --control_switch-off_padding: var(--spacing-4); --switch_height: var(--size-24); --switch_width: var(--size-40); --switch_radius: var(--radius-full); --switch_handle-on_size: var(--size-20); --switch_handle-off_size: 14px; --switch_container-on_padding: var(--spacing-2); --switch_container-off_padding: var(--spacing-4); --switch_group-container_vertical-spacing: var(--spacing-8); --switch_group-container_horizontal-spacing: var(--spacing-8); --datatable_font-size_standard-cell: var(--font-size_body); --datatable_line-height_standard-cell: var(--line-height_body); --datatable_font-size_column-header: var(--font-size_body); --datatable_line-height_column-header: var(--line-height_body); --datatable_container_horizontal-padding: var(--spacing-16); --datatable_container_vertical-padding: 22px; --datatable_container_horizontal-spacing: var(--spacing-12); --datatable_body-container_horizontal-spacing: var(--spacing-4); --datatable_inline-button-container_horizontal-padding: var(--spacing-4); --datatable_status-indicator-container_horizontal-spacing: var(--spacing-8); --datatable_status-indicator-body-container_horizontal-spacing: var(--spacing-4); --datatable_action-icons-container_horizontal-padding: var(--spacing-12); --datatable_container_height: var(--size-64); --datatable_column-header_resizing-control_height: var(--size-24); --datatable_column-header_resizing-control_width: var(--size-2); --datepicker-item_font-size: var(--font-size-14); --datepicker-item_line-height: var(--line-height-body-16); --datepicker-date-item-container_height: var(--size-40); --datepicker-date-item_height: var(--size-32); --datepicker_calendar_horizontal-spacing: var(--spacing-48); --datepicker_calendar_padding: var(--spacing-24); --datepicker_calendar_vertical-spacing: var(--spacing-24); --datepicker_month-year-calendar-container_padding: var(--spacing-8); --datepicker_week-container_padding-bottom: var(--spacing-8); --datepicker_week-container_width: 280px; --drawer_heading_font-size: var(--font-size_heading-2); --drawer_subtitle_font-size: var(--font-size_heading-5); --drawer_heading_line-height: var(--line-height_heading-2); --drawer_subtitle_line-height: var(--line-height_heading-5); --drawer_container_vertical-spacing: var(--spacing-16); --drawer_container_padding-bottom: var(--spacing-24); --drawer_container_padding-top: var(--spacing-24); --drawer_container_padding-right: var(--spacing-24); --drawer_container_padding-left: var(--spacing-24); --drawer_header-container_vertical-spacing: var(--spacing-8); --drawer_content-stack_vertical-spacing: var(--spacing-8); --drawer_footer-button_horizontal-spacing: var(--between-buttons_horizontal-spacing); --drawer_footer_horizontal-padding: var(--spacing-0); --drawer_footer_vertical-padding: 15px; --drawer_footer_height: var(--component_height); --dropdown-icon_container_width: var(--component_size); --field_font-size: var(--font-size_body); --field_line-height_single-line: var(--line-height_body); --field_line-height_multi-line: var(--line-height_paragraph); --field-number_font-size: var(--font-size_body); --field-number_line-height: var(--line-height_body); --field_radius: var(--radius-8); --field_container_height: var(--component_height); --field_container_horizontal-padding: var(--container_padding-left); --field_icon-container_horizontal-padding: var(--container_element_padding-left); --field_container_vertical-padding: var(--container_padding-top); --field_container_horizontal-spacing: var(--container_horizontal-spacing); --field_container_vertical-spacing: var(--container_vertical-spacing); --field_container-to-menu_spacing: var(--component-to-menu_margin-bottom); --field_border-width: var(--size-1); --field_border-width_focus: var(--border-width_thin); --field_border-width_active: var(--border-width_thin); --label_required_horizontal-spacing: var(--container_horizontal-spacing); --file-upload_uploaded-file_vertical-spacing: var(--spacing-4); --file-upload_uploaded-file_padding: var(--spacing-16); --file-upload_uploaded-file_horizontal-spacing: var(--spacing-12); --file-upload_upload-area_padding: var(--spacing-40); --file-upload_upload-area_horizontal-spacing: var(--spacing-12); --file-upload_uploaded-file-group_margin-bottom: var(--spacing-32); --file-upload_uploaded-file-group_margin-top: var(--spacing-24); --file-upload_uploaded-file-group_vertical-spacing: var(--spacing-12); --file-upload_upload-button_veritcal-spacing: var(--spacing-4); --file-upload_uploaded-file_text-container_vertical-spacing: var(--spacing-4); --file-upload_uploaded-file_name-to-details_vertical-spacing: var(--spacing-4); --global-header-banner_height: 56px; --global-header-action-bar_horizontal-padding: var(--spacing-16); --global-header-navigation-bar_horizontal-padding_desktop: var(--spacing-0); --global-header-navigation-bar_vertical-padding_desktop: var(--spacing-0); --global-header-action-bar_vertical-padding: 7px; --global-header_container_margin-top: var(--spacing-8); --global-header_container_margin-right: var(--spacing-8); --global-header_container_margin-bottom: var(--spacing-0); --global-header_container_margin-left: var(--spacing-8); --global-header_banner_radius: var(--global-header_radius); --global-header_open-nav-state_banner_radius-bottom: var(--radius-0); --global-header_banner_radius-bottom-right: var(--radius-0); --global-header_banner_radius-bottom-left: var(--global-header_radius); --global-header-icon_container_size: var(--size-0); --global-header-logo_padding-bottom: var(--spacing-0); --global-header-between-icon-to-logo_horizontal-spacing: var(--spacing-8); --global-header-between-logo-to-app-name_horizontal-spacing: var(--spacing-16); --global-header_divider_padding: var(--size-0); --global-header_expanded-banner_bottom-left-radius: var(--global-header_radius); --global-header_expanded-banner_bottom-right-radius: var(--global-header_radius); --global-left-nav-item_font-size: var(--font-size-14); --global-left-nav-item_line-height: var(--line-height-body-18); --global-left-nav-item_collapsed-panel_font-size: var(--font-size-12); --global-left-nav-item_collapsed-panel_line-height: var(--line-height-body-18); --global-left-nav_vertical-padding: var(--spacing-12); --global-left-nav_expanded-panel_width: var(--size-192); --global-left-nav_collapsed-panel_width: 72px; --global-left-nav_item-container_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item-container_expanded-panel_vertical-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-panel_horizontal-padding: 18px; --global-left-nav_item-container_collapsed-panel_vertical-padding: var(--spacing-4); --global-left-nav_item_expanded-panel_horizontal-spacing: var(--spacing-8); --global-left-nav_item_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item_expanded-panel_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-panel_padding: var(--spacing-8); --global-left-nav_item-container_collapsed-label_horizontal-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-spacing: var(--spacing-4); --global-left-nav_item_collapsed-label_horizontal-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_between-nav-items_vertical-spacing: var(--between-menu-items_vertical-spacing); --global-left-menu_header_container_padding-left: var(--spacing-12); --global-left-menu_header_container_padding-bottom: var(--spacing-12); --global-left-menu_container_padding-top: var(--spacing-24); --global-left-menu_container_padding-right: var(--spacing-8); --global-left-menu_container_padding-bottom: var(--spacing-16); --global-left-menu_container_padding-left: var(--spacing-16); --global-left-menu_container_vertical-spacing: var(--between-menu-items_vertical-spacing); --global-left-menu-container_mask: var(--false); --global-left-menu_radius-top: var(--large-container_radius); --grouped-header_font-size: var(--font-size-12); --grouped-header_line-height: var(--line-height-body-16); --icon_container_size: var(--size-24); --list_item_min-width: 200px; --list_item_border-bottom_width: var(--size-1); --list_item-container_padding-left: var(--spacing-12); --list_item-container_padding-right: var(--spacing-12); --list_item-container_padding-top: 14px; --list_item-container_padding-bottom: 14px; --list_nested-item-container_padding-left: var(--spacing-32); --list_horizontal-layout_horizontal-spacing: var(--spacing-12); --list_item-container_horizontal-spacing: var(--spacing-8); --list_item-container_font-size: var(--font-size_body); --list_item-container_line-height: var(--line-height_body); --loader_font-size: var(--font-size_body); --loader_line-height: var(--line-height_body); --loader_container_horizontal_spacing: var(--spacing-8); --loader_container_vertical_spacing: var(--spacing-8); --mega-menu_container-heading_font-size: var(--font-size_heading-3); --mega-menu_container-subtitle_font-size: var(--font-size_heading-6); --mega-menu_item-container_font-size: var(--font-size-14); --mega-menu_side-panel-item_font-size: var(--font-size-14); --mega-menu_container-heading_line-height: var(--line-height_heading-3); --mega-menu_container-subtitle_line-height: var(--line-height_heading-6); --mega-menu_item-container_line-height: var(--line-height-body-22); --mega-menu_side-panel-item_line-height: var(--line-height-heading-18); --menu_item-container_font-size: var(--font-size-14); --menu_item-container_line-height: var(--line-height-heading-18); --menu-item_container_height: var(--size-36); --menu-item_icon_size: var(--size-24); --menu-item_container_padding-left: var(--spacing-12); --menu-item_container_padding-right: var(--spacing-8); --menu-item_container_padding-top: 9px; --menu-item_container_padding-bottom: 9px; --menu-item_container_horizontal_spacing: var(--spacing-8); --menu-item_container-control_padding-right: var(--spacing-12); --menu-item_container_font-size: var(--font-size-14); --menu-item_container_line-height: var(--line-height-heading-18); --menu-item_group-header_padding-top: var(--spacing-16); --menu-item_group-header_padding-bottom: var(--spacing-12); --menu_divider_vertical-spacing: var(--spacing-8); --modal_container_padding: var(--large-container_padding); --modal_text-block-to-body: var(--large-container_text-block-to-body); --modal_body-to-footer: var(--large-container_body-to-footer); --modal_heading_horizontal-spacing: var(--spacing-12); --modal_body_font-size: var(--font-size_body); --modal_body_line-height: var(--line-height_paragraph); --modal_sm-width: 400px; --modal_md-width: 608px; --modal_lg-width: 816px; --modal_xl-width: 1024px; --modal_max-height: 438px; --modal_icon-status_height: var(--size-32); --modal_icon-status_width: var(--size-32); --navbar-overflow-menu_item-container_height: var(--context-menu-item_height); --navbar-overflow-menu_padding: var(--context-menu_padding); --navbar-overflow-menu_vertical-spacing: var(--context-menu_group_vertical-spacing); --navbar-overflow-menu_item_horizontal_spacing: var(--context-menu-item_horizontal_spacing); --navbar-overflow-menu_item_padding-left: var(--context-menu-item_padding-left); --navbar-overflow-menu_item_padding-right: var(--context-menu-item_padding-right); --navbar-overflow-menu_item_vertical-padding: var(--context-menu-item_vertical-padding); --navbar-tab_height: var(--size-48); --navbar-tab-condensed_height: 56px; --navbar-tab-condensed_height_indicator: 3px; --navbar-tab-condensed_horizontal-padding: var(--navbar-tab_horizontal-padding); --navbar-tab-condensed_horizontal-spacing: var(--navbar-tab_horizontal-spacing); --navbar-tab-condensed_icon_padding-right: var(--navbar-tab_icon_padding-right); --navbar-tab-condensed_padding-top: 18px; --navbar-tab-condensed_padding-bottom: 17px; --navbar-tab_horizontal-spacing: var(--spacing-8); --navbar-tab_horizontal-padding: var(--spacing-24); --navbar-tab_icon_padding-right: 20px; --navbar-tab_padding-top: 15px; --navbar-tab_padding-bottom: var(--spacing-12); --navbar-tab_font-size: var(--font-size-14); --navbar-tab_line-height: var(--line-height-heading-18); --notification_container_padding: var(--spacing-16); --notification_header_margin-bottom: var(--spacing-8); --notification_header-wrapper_horizontal-spacing: var(--spacing-8); --notification_container_vertical-spacing: var(--spacing-12); --notification_container-heading_font-size: var(--font-size-14); --notification_container-heading_line-height: var(--line-height-body-18); --notification-panel_container_vertical-margin: var(--spacing-8); --notification-panel_container_horizontal-margin: var(--spacing-16); --notification_heading-time-stamp_font-size: var(--font-size-12); --notification_heading-time-stamp_line-height: var(--line-height-body-16); --notification_container-body_font-size: var(--font-size-14); --notification_container-body_line-height: var(--line-height-body-22); --notification-panel_container_vertical-padding: var(--spacing-24); --notification-panel_search_desktop-view: true; --notification-panel_switch_desktop-view: true; --notification-panel_container_horizontal-padding: var(--spacing-24); --notification-panel_container_vertical-spacing: var(--spacing-16); --notification-panel_header-container_vertical-spacing: var(--spacing-16); --notification-panel_badge-indicator-to-notification-panel: var(--spacing-12); --notification-panel_x-right-position: var(--spacing-12); --notification-panel_stack-container_font-size: var(--font-size-14); --notification-panel_stack-container_line-height: var(--line-height-body-18); --notification-panel_empty-state-heading_font-size: var(--font-size-18); --notification-panel_empty-state-heading_line-height: var(--line-height-body-28); --notification-panel_empty-state-subtitle_font-size: var(--font-size-14); --notification-panel_empty-state-subtitle_line-height: var(--line-height-body-22); --pagination_page-buttons_horizontal-spacing: var(--spacing-4); --pagination_items-per-page_width: 183px; --pagination_horizontal-spacing: var(--spacing-8); --popover-body_font-size: var(--font-size_body); --popover_vertical-spacing: var(--container_vertical-spacing); --popover-heading_font-size: var(--font-size_heading-4); --popover-body_line-height: var(--line-height_body); --popover-heading_line-height: var(--line-height_heading-4); --popover_padding: var(--small-container_padding); --search_wrapper_padding: var(--spacing-0); --search_container_padding-left: var(--spacing-8); --search-icon_container_width: var(--component_size); --transfer_search-wrapper_margin-bottom: var(--spacing-16); --section-heading-to-component_vertical-spacing: var(--spacing-48); --section_font-size_heading: var(--font-size-20); --section_font-size_subtitle: var(--font-size-14); --section_line-height_heading: var(--line-height-heading-26); --section_line-height_subtitle: var(--line-height-heading-18); --section_container_padding: var(--large-container_padding); --section_container_horizontal-spacing: var(--container_horizontal-spacing); --section_header-container_margin-bottom: var(--large-container_text-block-to-body); --section_header-container_vertical-spacing: var(--size-4); --slider_horizontal-spacing: var(--spacing-8); --slider_vertical-spacing: var(--spacing-12); --slider_handle_size: 18px; --slider_handle_size_hover: var(--size-20); --slider_handle_border-width: var(--border-width_thin); --slider_tick_height: var(--size-2); --slider_tick_width: var(--size-2); --slider_tick_radius: var(--radius-0); --slider_track_radius: var(--radius-full); --slider_track_height: var(--size-2); --stepper_track_border-width: var(--size-1); --stepper_linear-status_size: var(--size-28); --stepper_non-linear-status_size: var(--size-20); --stepper_step-body-container_padding-right: var(--spacing-24); --stepper_vertical-layout-item-step-body-container_padding-top: var(--spacing-4); --stepper_step-body-container_vertical-spacing: var(--spacing-2); --stepper_horizontal-layout-item_vertical-spacing: var(--spacing-2); --stepper_horizontal-layout-item_horizontal-spacing: var(--spacing-4); --stepper_horizontal-layout-item_width: 208; --stepper_vertical-layout-item_min-height: var(--size-80); --stepper_vertical-layout-item_horizontal-spacing: var(--spacing-8); --stepper_vertical-layout-item_vertical-spacing: var(--spacing-4); --stepper_horizontal-layout-group_horizontal-spacing: var(--spacing-4); --stepper_vertical-layout-group_vertical-spacing: var(--spacing-4); --tab_label_font-size: var(--font-size_body); --tab_label_line-height: var(--line-height_body); --tab_height_indicator_default: var(--size-2); --tab-count-wrapper_font-size: var(--font-size_body); --tab_width_indicator_vertical: var(--size-2); --tab-count-wrapper_line-height: var(--line-height_body); --tab_container_min-width: 100px; --tab_container_icon_min-width: var(--size-128); --tab_container_count-wrapper_min-width: 136px; --tab_height: var(--component_height); --tab_container_horizontal-padding: var(--spacing-16); --tab_container_horizontal-spacing: var(--spacing-8); --tab_container_vertical-padding: 13px; --tab_icon-container_padding-right: var(--spacing-12); --tab_icon-container_vertical-padding: 11px; --tab_count-wrapper_horizontal-padding: var(--spacing-8); --tab_count-wrapper_vertical-padding: var(--spacing-4); --table_container_height: var(--datatable_container_height); --table_container_horizontal-padding: var(--datatable_container_horizontal-padding); --table_container_vertical-padding: var(--datatable_container_vertical-padding); --table_column-header_horizontal-padding: var(--table_container_horizontal-padding); --table_column-header_vertical-padding: var(--table_container_vertical-padding); --table_font-size_standard-cell: var(--font-size_body); --table_line-height_standard-cell: var(--line-height_body); --table_font-size_column-header: var(--font-size_body); --table_line-height_column-header: var(--line-height_body); --tag-font-size: var(--font-size_body); --tag-line-height: var(--line-height_body); --tag_container_horizontal-padding: var(--button_container_padding-left); --tag_icon-container_padding-left: var(--button_icon-container_padding-left); --tag_icon-container_padding-right: var(--button_icon-container_padding-right); --tag_container_horizontal-spacing: var(--button_container_horizontal-spacing); --tag_container_vertical-padding: var(--button_container_vertical-padding); --tag_container_height: var(--component_height); --tag_container_min-width: var(--button_container_min-width); --tag_select_font-size: var(--font-size-14); --tag_select_line-height: var(--line-height-heading-18); --tag_select_container_padding-left: 20px; --tag_select_container_padding-right: 20px; --tag_select_horizontal-spacing: var(--spacing-4); --tag_select_container_vertical-padding: 11px; --tag_select_container_height: var(--size-40); --text-area_container_vertical-padding: var(--spacing-12); --text-area_container_padding-right: var(--spacing-4); --text-area_spacing-bottom_container: var(--spacing-16); --text-block_vertical-spacing: var(--spacing-4); --text-block_heading_font-size: var(--font-size_heading-2); --text-block_subtitle_font-size: var(--font-size_heading-5); --text-block_heading_line-height: var(--line-height_heading-2); --text-block_subtitle_line-height: var(--line-height_heading-5); --text-link_font-size: var(--font-size_body); --text-link_line-height: var(--line-height_body); --text-link_icon_horizontal-spacing: var(--container_horizontal-spacing); --transfer_container_horizontal_spacing: var(--spacing-12); --transfer_container_vertical-spacing: var(--spacing-8); --transfer_container_padding-top: var(--spacing-16); --transfer_container_padding-right: var(--spacing-16); --transfer_container_padding-bottom: var(--spacing-16); --transfer_container_padding-left: var(--spacing-16); --transfer_list-item-group_vertical-spacing: var(--spacing-16); --transfer_container_height: 525px; --transfer_container_width: 288px; --transfer_header-wrapper_horizontal-padding: 10px; --transfer_header-wrapper_vertical-padding: var(--spacing-12); --transfer_search-wrapper_margin-bottom: var(--spacing-16); --transfer_direction-button_vertical-padding: var(--spacing-4); --transfer_between-button_spacing: var(--spacing-8); --tooltip_radius: var(--radius-12); --tooltip_padding: var(--radius-12); --tooltip_font-size: var(--font-size_support); --tooltip_line-height: var(--line-height_support); } .icgds.lmn-adaptive-tablet, .icgds.lmn-adaptive-tablet .lmn-ui-md, .icgds.lmn-adaptive-tablet .lmn-ui-sm, .icgds.lmn-adaptive-tablet .lmn-ui-compact, .icgds.lmn-adaptive-tablet .lmn-ui-xs, .icgds.lmn-adaptive-tablet .lmn-ui-lg, .icgds.lmn-adaptive-tablet .lmn-ui-spacious, .icgds .lmn-adaptive-tablet, .icgds .lmn-adaptive-tablet .lmn-ui-md, .icgds .lmn-adaptive-tablet .lmn-ui-sm, .icgds .lmn-adaptive-tablet .lmn-ui-compact, .icgds .lmn-adaptive-tablet .lmn-ui-xs, .icgds .lmn-adaptive-tablet .lmn-ui-lg, .icgds .lmn-adaptive-tablet .lmn-ui-spacious { --component_size: var(--size-44); --large-container_padding: var(--size-24); --alert_container_height: var(--size-48); --alert_container_padding-top: var(--spacing-12); --alert_container_padding-right: var(--spacing-16); --alert_container_padding-bottom: var(--spacing-12); --alert_container_padding-left: var(--spacing-16); --alert-icon-container_padding-left: var(--spacing-12); --alert_container_horizontal_spacing: var(--spacing-8); --alert_radius: var(--small-container_radius); --app-switcher_item-container_font-size: var(--font-size-16); --app-switcher_item-container-heading_font-size: var(--font-size-20); --app-switcher_item-container-description_font-size: var(--font-size-14); --app-switcher_item-container_line-height: var(--line-height-body-20); --app-switcher_item-container-heading_line-height: var(--line-height-heading-26); --app-switcher_item-container-description_line-height: var(--line-height-body-18); --app-switcher_item_container_padding-top: var(--spacing-0); --app-switcher_item_container_padding-right: var(--spacing-0); --app-switcher_item_container_padding-bottom: var(--spacing-0); --app-switcher_item_container_padding-left: var(--spacing-0); --app-switcher_item_container_vertical_spacing: var(--spacing-8); --app-switcher_item-state_container_padding-top: var(--spacing-12); --app-switcher_item-state_container_padding-right: var(--spacing-12); --app-switcher_item-state_container_padding-bottom: var(--spacing-12); --app-switcher_item-state_container_padding-left: var(--spacing-12); --app-switcher_item_container_horizontal_spacing: var(--spacing-12); --avatar-menu_container-heading_font-size: var(--font-size_heading-3); --avatar-menu_container-subtitle_font-size: var(--font-size_body); --avatar-menu_container-support_font-size: var(--font-size_support); --avatar-menu_container-heading_line-height: var(--line-height_heading-3); --avatar-menu_container-subtitle_line-height: var(--line-height_body); --avatar-menu_container-support_line-height: var(--line-height_support); --avatar-menu_container_vertical-margin: var(--spacing-8); --avatar-menu_container_horizontal-margin: var(--spacing-8); --avatar-menu_container_padding: var(--spacing-0); --avatar-menu_header-container_padding-top: var(--spacing-24); --avatar-menu_header-container_padding-bottom: var(--spacing-16); --avatar-menu_header-container_horizontal-padding: var(--spacing-16); --avatar-menu_header-wrapper_vertical-spacing: var(--spacing-8); --avatar-menu_header-wrapper_margin-bottom: var(--spacing-16); --avatar-menu_header-wrapper_vertical-padding: var(--spacing-0); --avatar-menu_header-wrapper_horizontal-padding: var(--spacing-16); --avatar-menu_support-container_margin-top: var(--spacing-16); --avatar-menu_menu-stack-container_vertical-spacing: var(--spacing-4); --avatar-menu_menu-stack-container_horizontal-padding: var(--spacing-12); --avatar-menu_menu-stack-container_margin-bottom: var(--spacing-8); --avatar-menu_footer-container_padding-top: var(--spacing-16); --avatar-menu_footer-container_horizontal-padding: var(--spacing-12); --avatar-menu_footer-container_padding-bottom: 20px; --segmented-control_height: var(--size-44); --segmented-control_active_height: var(--size-48); --card-title-to-subtitle_vertical-spacing: var(--spacing-12); --card_header-label-to-text-block: var(--large-container_header-label-to-text-block); --card_text-block-to-body: var(--large-container_text-block-to-body); --card_body-to-footer: var(--large-container_body-to-footer); --card_container_padding: var(--large-container_padding); --card_heading-to-control_spacing: var(--spacing-12); --card_body_font-size: var(--font-size_body); --card_body_line-height: var(--line-height_paragraph); --card_footer_font-size: var(--font-size_body); --card_footer_line-height: var(--line-height_body); --card_date-label_font-size: var(--font-size_support); --card_date-label_line-height: var(--line-height_support); --carousel_indicator_width: var(--size-24); --carousel_indicator_active_width: var(--size-64); --carousel_indicator_active_height: var(--size-2); --drawer_heading_font-size: var(--font-size_heading-2); --drawer_subtitle_font-size: var(--font-size_heading-5); --drawer_heading_line-height: var(--line-height_heading-2); --drawer_subtitle_line-height: var(--line-height_heading-5); --drawer_container_vertical-spacing: var(--spacing-16); --drawer_container_padding-bottom: var(--spacing-24); --drawer_container_padding-top: var(--spacing-24); --drawer_container_padding-right: var(--spacing-24); --drawer_container_padding-left: var(--spacing-24); --drawer_header-container_vertical-spacing: var(--spacing-8); --drawer_content-stack_vertical-spacing: var(--spacing-8); --drawer_footer-button_horizontal-spacing: var(--between-buttons_horizontal-spacing); --drawer_footer_horizontal-padding: var(--spacing-0); --drawer_footer_vertical-padding: 15px; --drawer_footer_height: var(--component_height); --field_font-size: var(--font-size_body); --field_line-height_single-line: var(--line-height_body); --field_line-height_multi-line: var(--line-height_paragraph); --field-number_font-size: var(--font-size_body); --field-number_line-height: var(--line-height_body); --field_radius: var(--radius-8); --field_container_height: var(--component_height); --field_container_horizontal-padding: var(--container_padding-left); --field_icon-container_horizontal-padding: var(--container_element_padding-left); --field_container_vertical-padding: var(--container_padding-top); --field_container_horizontal-spacing: var(--container_horizontal-spacing); --field_container_vertical-spacing: var(--container_vertical-spacing); --field_container-to-menu_spacing: var(--component-to-menu_margin-bottom); --field_border-width: var(--border-width-1); --field_border-width_focus: var(--border-width_thin); --field_border-width_active: var(--border-width_thin); --global-header-banner_height: 56px; --global-header-action-bar_horizontal-padding: var(--spacing-16); --global-header-navigation-bar_horizontal-padding_desktop: var(--spacing-0); --global-header-navigation-bar_vertical-padding_desktop: var(--spacing-0); --global-header-action-bar_vertical-padding: 7px; --global-header_container_margin-top: var(--spacing-8); --global-header_container_margin-right: var(--spacing-8); --global-header_container_margin-bottom: var(--spacing-0); --global-header_container_margin-left: var(--spacing-8); --global-header_banner_radius: var(--global-header_radius); --global-header_open-nav-state_banner_radius-bottom: var(--radius-0); --global-header_banner_radius-bottom-right: var(--radius-12); --global-header_banner_radius-bottom-left: var(--global-header_radius); --global-header-icon_container_size: var(--component_size); --global-header-logo_padding-bottom: 5px; --global-header-between-icon-to-logo_horizontal-spacing: var(--spacing-4); --global-header-between-logo-to-app-name_horizontal-spacing: var(--spacing-16); --global-header_divider_padding: var(--spacing-4); --global-header_expanded-banner_bottom-left-radius: var(--global-header_radius); --global-header_expanded-banner_bottom-right-radius: var(--global-header_radius); --global-left-menu_container_padding-top: var(--spacing-8); --global-left-menu_container_padding-right: var(--spacing-8); --global-left-menu_container_padding-bottom: var(--spacing-8); --global-left-menu_container_padding-left: var(--spacing-8); --global-left-menu_container_vertical-spacing: var(--between-menu-items_vertical-spacing); --global-left-menu-container_mask: var(--true); --global-left-menu_radius-top: var(--large-container_radius); --global-left-nav_item_font-size: var(--font-size-14); --global-left-nav_item_line-height: var(--line-height-body-18); --global-left-nav_item_collapsed-panel_font-size: var(--font-size-12); --global-left-nav_item_collapsed-panel_line-height: var(--line-height-body-18); --global-left-nav_vertical-padding: var(--spacing-12); --global-left-nav_expanded-panel_width: var(--size-192); --global-left-nav_collapsed-panel_width: 72px; --global-left-nav_item-container_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item-container_expanded-panel_vertical-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-panel_horizontal-padding: 18px; --global-left-nav_item-container_collapsed-panel_vertical-padding: var(--spacing-4); --global-left-nav_item_expanded-panel_horizontal-spacing: var(--spacing-8); --global-left-nav_item_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item_expanded-panel_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-panel_padding: var(--spacing-8); --global-left-nav_item-container_collapsed-label_horizontal-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-spacing: var(--spacing-4); --global-left-nav_item_collapsed-label_horizontal-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_between-nav-items_vertical-spacing: var(--between-menu-items_vertical-spacing); --icon_container_size: var(--component_size); --mega-menu_container-heading_font-size: var(--font-size_heading-3); --mega-menu_container-subtitle_font-size: var(--font-size_heading-6); --mega-menu_item-container_font-size: var(--font-size-14); --mega-menu_side-panel-item_font-size: var(--font-size-14); --mega-menu_container-heading_line-height: var(--line-height_heading-3); --mega-menu_container-subtitle_line-height: var(--line-height_heading-6); --mega-menu_item-container_line-height: var(--line-height-body-22); --mega-menu_side-panel-item_line-height: var(--line-height-heading-18); --menu-item_container_height: var(--component_size); --menu-item_icon_size: var(--size-24); --menu-item_container_radius: var(--context-menu-item_radius) --menu-item_container_padding-left: var(--spacing-12); --menu-item_container_padding-right: var(--spacing-12); --menu-item_container_padding-top: var(--spacing-12); --menu-item_container_padding-bottom: var(--spacing-12); --menu-item_container_horizontal_spacing: var(--spacing-12); --menu-item_container_font-size: var(--font-size-16); --menu-item_container_line-height: var(--line-height-heading-24); --menu-item_container-description_font-size: var(--font-size-12); --menu-item_container-description_line-height: var(--line-height-16); --adaptive_item-container_height: var(--size-44); --adaptive_nav-item_container_padding-left: var(--spacing-12); --adaptive_nav-item_container_padding-right: var(--spacing-12); --adaptive_nav-item_container_padding-top: var(--spacing-10); --adaptive_nav-item_container_padding-bottom: var(--spacing-10); --adaptive_nav-item_container_horizontal_spacing: var(--spacing-8); --adaptive_nav-item_container_radius: var(--radius-20); --adaptive_nav-item_font-size: var(--font-size-16); --adaptive_nav-item_line-height: var(--line-height-24); --notification-panel_container_vertical-margin: var(--spacing-8); --notification-panel_container_horizontal-margin: var(--spacing-8); --notification-panel_header-container_vertical-spacing: var(--spacing-16); } .icgds.lmn-adaptive-mobile, .icgds.lmn-adaptive-mobile .lmn-ui-md, .icgds.lmn-adaptive-mobile .lmn-ui-sm, .icgds.lmn-adaptive-mobile .lmn-ui-compact, .icgds.lmn-adaptive-mobile .lmn-ui-xs, .icgds.lmn-adaptive-mobile .lmn-ui-lg, .icgds.lmn-adaptive-mobile .lmn-ui-spacious, .icgds .lmn-adaptive-mobile, .icgds .lmn-adaptive-mobile .lmn-ui-md, .icgds .lmn-adaptive-mobile .lmn-ui-sm, .icgds .lmn-adaptive-mobile .lmn-ui-compact, .icgds .lmn-adaptive-mobile .lmn-ui-xs, .icgds .lmn-adaptive-mobile .lmn-ui-lg, .icgds .lmn-adaptive-mobile .lmn-ui-spacious { --component_size: var(--size-44); --large-container_padding: var(--size-24); --alert_container_height: var(--size-48); --alert_container_padding-top: var(--spacing-12); --alert_container_padding-right: var(--spacing-16); --alert_container_padding-bottom: var(--spacing-12); --alert_container_padding-left: var(--spacing-16); --alert-icon-container_padding-left: var(--spacing-12); --alert_container_horizontal_spacing: var(--spacing-8); --alert_radius: var(--small-container_radius); --app-switcher_item-container_font-size: var(--font-size-16); --app-switcher_item-container-heading_font-size: var(--font-size-20); --app-switcher_item-container-description_font-size: var(--font-size-14); --app-switcher_item-container_line-height: var(--line-height-body-20); --app-switcher_item-container-heading_line-height: var(--line-height-heading-26); --app-switcher_item-container-description_line-height: var(--line-height-body-18); --app-switcher_item_container_padding-top: var(--spacing-0); --app-switcher_item_container_padding-right: var(--spacing-0); --app-switcher_item_container_padding-bottom: var(--spacing-0); --app-switcher_item_container_padding-left: var(--spacing-0); --app-switcher_item_container_vertical_spacing: var(--spacing-8); --app-switcher_item-state_container_padding-top: var(--spacing-12); --app-switcher_item-state_container_padding-right: var(--spacing-12); --app-switcher_item-state_container_padding-bottom: var(--spacing-12); --app-switcher_item-state_container_padding-left: var(--spacing-12); --app-switcher_item_container_horizontal_spacing: var(--spacing-12); --avatar-menu_container-heading_font-size: var(--font-size_heading-3); --avatar-menu_container-subtitle_font-size: var(--font-size_body); --avatar-menu_container-support_font-size: var(--font-size_support); --avatar-menu_container-heading_line-height: var(--line-height_heading-3); --avatar-menu_container-subtitle_line-height: var(--line-height_body); --avatar-menu_container-support_line-height: var(--line-height_support); --avatar-menu_container_vertical-margin: var(--spacing-8); --avatar-menu_container_horizontal-margin: var(--spacing-8); --avatar-menu_container_padding: var(--spacing-0); --avatar-menu_header-container_padding-top: var(--spacing-24); --avatar-menu_header-container_padding-bottom: var(--spacing-16); --avatar-menu_header-container_horizontal-padding: var(--spacing-16); --avatar-menu_header-wrapper_vertical-spacing: var(--spacing-8); --avatar-menu_header-wrapper_margin-bottom: var(--spacing-16); --avatar-menu_header-wrapper_vertical-padding: var(--spacing-0); --avatar-menu_header-wrapper_horizontal-padding: var(--spacing-16); --avatar-menu_support-container_margin-top: var(--spacing-16); --avatar-menu_menu-stack-container_vertical-spacing: var(--spacing-4); --avatar-menu_menu-stack-container_horizontal-padding: var(--spacing-12); --avatar-menu_menu-stack-container_margin-bottom: var(--spacing-8); --avatar-menu_footer-container_padding-top: var(--spacing-16); --avatar-menu_footer-container_horizontal-padding: var(--spacing-12); --avatar-menu_footer-container_padding-bottom: 20px; --segmented-control_height: var(--size-44); --segmented-control_active_height: var(--size-48); --card-title-to-subtitle_vertical-spacing: var(--spacing-12); --card_header-label-to-text-block: var(--large-container_header-label-to-text-block); --card_text-block-to-body: var(--large-container_text-block-to-body); --card_body-to-footer: var(--large-container_body-to-footer); --card_container_padding: var(--large-container_padding); --card_heading-to-control_spacing: var(--spacing-12); --card_body_font-size: var(--font-size_body); --card_body_line-height: var(--line-height_paragraph); --card_footer_font-size: var(--font-size_body); --card_footer_line-height: var(--line-height_body); --card_date-label_font-size: var(--font-size_support); --card_date-label_line-height: var(--line-height_support); --carousel_indicator_width: var(--size-24); --carousel_indicator_active_width: var(--size-64); --carousel_indicator_active_height: var(--size-2); --drawer_heading_font-size: var(--font-size_heading-2); --drawer_subtitle_font-size: var(--font-size_heading-5); --drawer_heading_line-height: var(--line-height_heading-2); --drawer_subtitle_line-height: var(--line-height_heading-5); --drawer_container_vertical-spacing: var(--spacing-16); --drawer_container_padding-bottom: var(--spacing-24); --drawer_container_padding-top: var(--spacing-24); --drawer_container_padding-right: var(--spacing-24); --drawer_container_padding-left: var(--spacing-24); --drawer_header-container_vertical-spacing: var(--spacing-8); --drawer_content-stack_vertical-spacing: var(--spacing-8); --drawer_footer-button_horizontal-spacing: var(--between-buttons_horizontal-spacing); --drawer_footer_horizontal-padding: var(--spacing-0); --drawer_footer_vertical-padding: 15px; --drawer_footer_height: var(--component_height); --field_font-size: var(--font-size_body); --field_line-height_single-line: var(--line-height_body); --field_line-height_multi-line: var(--line-height_paragraph); --field-number_font-size: var(--font-size_body); --field-number_line-height: var(--line-height_body); --field_radius: var(--radius-8); --field_container_height: var(--component_height); --field_container_horizontal-padding: var(--container_padding-left); --field_icon-container_horizontal-padding: var(--container_element_padding-left); --field_container_vertical-padding: var(--container_padding-top); --field_container_horizontal-spacing: var(--container_horizontal-spacing); --field_container_vertical-spacing: var(--container_vertical-spacing); --field_container-to-menu_spacing: var(--component-to-menu_margin-bottom); --field_border-width: var(--border-width-1); --field_border-width_focus: var(--border-width_thin); --field_border-width_active: var(--border-width_thin); --global-header-banner_height: 56px; --global-header-action-bar_horizontal-padding: var(--spacing-16); --global-header-navigation-bar_horizontal-padding_desktop: var(--spacing-0); --global-header-navigation-bar_vertical-padding_desktop: var(--spacing-0); --global-header-action-bar_vertical-padding: 7px; --global-header_container_margin-top: var(--spacing-8); --global-header_container_margin-right: var(--spacing-8); --global-header_container_margin-bottom: var(--spacing-0); --global-header_container_margin-left: var(--spacing-8); --global-header_banner_radius: var(--global-header_radius); --global-header_open-nav-state_banner_radius-bottom: var(--radius-0); --global-header_banner_radius-bottom-right: var(--radius-12); --global-header_banner_radius-bottom-left: var(--global-header_radius); --global-header-icon_container_size: var(--component_size); --global-header-logo_padding-bottom: 5px; --global-header-between-icon-to-logo_horizontal-spacing: var(--spacing-4); --global-header-between-logo-to-app-name_horizontal-spacing: var(--spacing-16); --global-header_divider_padding: var(--spacing-4); --global-header_expanded-banner_bottom-left-radius: var(--radius-0); --global-header_expanded-banner_bottom-right-radius: var(--radius-0); --global-left-menu_container_padding-top: var(--spacing-8); --global-left-menu_container_padding-right: var(--spacing-8); --global-left-menu_container_padding-bottom: var(--spacing-8); --global-left-menu_container_padding-left: var(--spacing-8); --global-left-menu_container_vertical-spacing: var(--between-menu-items_vertical-spacing); --global-left-menu-container_mask: var(--false); --global-left-menu_radius-top: var(--radius-0); --global-left-nav_item_font-size: var(--font-size-14); --global-left-nav_item_line-height: var(--line-height-body-18); --global-left-nav_item_collapsed-panel_font-size: var(--font-size-12); --global-left-nav_item_collapsed-panel_line-height: var(--line-height-body-18); --global-left-nav_vertical-padding: var(--spacing-12); --global-left-nav_expanded-panel_width: var(--size-192); --global-left-nav_collapsed-panel_width: 72px; --global-left-nav_item-container_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item-container_expanded-panel_vertical-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-panel_horizontal-padding: 18px; --global-left-nav_item-container_collapsed-panel_vertical-padding: var(--spacing-4); --global-left-nav_item_expanded-panel_horizontal-spacing: var(--spacing-8); --global-left-nav_item_expanded-panel_horizontal-padding: var(--spacing-12); --global-left-nav_item_expanded-panel_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-panel_padding: var(--spacing-8); --global-left-nav_item-container_collapsed-label_horizontal-padding: var(--spacing-4); --global-left-nav_item-container_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-spacing: var(--spacing-4); --global-left-nav_item_collapsed-label_horizontal-padding: var(--spacing-8); --global-left-nav_item_collapsed-label_vertical-padding: var(--spacing-8); --global-left-nav_between-nav-items_vertical-spacing: var(--between-menu-items_vertical-spacing); --icon_container_size: var(--component_size); --mega-menu_container-heading_font-size: var(--font-size_heading-3); --mega-menu_container-subtitle_font-size: var(--font-size_heading-6); --mega-menu_item-container_font-size: var(--font-size-14); --mega-menu_side-panel-item_font-size: var(--font-size-14); --mega-menu_container-heading_line-height: var(--line-height_heading-3); --mega-menu_container-subtitle_line-height: var(--line-height_heading-6); --mega-menu_item-container_line-height: var(--line-height-body-22); --mega-menu_side-panel-item_line-height: var(--line-height-heading-18); --menu-item_container_height: var(--component_size); --menu-item_icon_size: var(--size-24); --menu-item_container_radius: var(--context-menu-item_radius) --menu-item_container_padding-left: var(--spacing-12); --menu-item_container_padding-right: var(--spacing-12); --menu-item_container_padding-top: var(--spacing-12); --menu-item_container_padding-bottom: var(--spacing-12); --menu-item_container_horizontal_spacing: var(--spacing-12); --menu-item_container_font-size: var(--font-size-16); --menu-item_container_line-height: var(--line-height-heading-24); --menu-item_container-description_font-size: var(--font-size-12); --menu-item_container-description_line-height: var(--line-height-16); --adaptive_item-container_height: var(--size-44); --adaptive_nav-item_container_padding-left: var(--spacing-12); --adaptive_nav-item_container_padding-right: var(--spacing-12); --adaptive_nav-item_container_padding-top: var(--spacing-10); --adaptive_nav-item_container_padding-bottom: var(--spacing-10); --adaptive_nav-item_container_horizontal_spacing: var(--spacing-8); --adaptive_nav-item_container_radius: var(--radius-20); --adaptive_nav-item_font-size: var(--font-size-16); --adaptive_nav-item_line-height: var(--line-height-24); --notification-panel_container_vertical-margin: var(--spacing-8); --notification-panel_container_horizontal-margin: var(--spacing-8); --notification-panel_header-container_vertical-spacing: var(--spacing-16); } @charset "UTF-8"; @font-face { font-family: Overpass; src: url('Overpass-Regular.8ef4d36dd5ea292b.woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Overpass; src: url('Overpass-Light.b4a3d0de9a3f5249.woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Overpass; src: url('Overpass-Bold.f71ca7fba8963c1f.woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Overpass; src: url('Overpass-Regular-Italic.52da4fe2bf454661.woff2'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: Overpass; src: url('Overpass-Light-Italic.8b87ccf93df106ac.woff2'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: Overpass; src: url('Overpass-Bold-Italic.67cf23f394127584.woff2'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: OverpassMono; src: url('OverpassMono-Regular.e6a67c3ed553a3ba.woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: OverpassMono; src: url('OverpassMono-Light.af751831e00edfc4.woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: OverpassMono; src: url('OverpassMono-Bold.4129d8c7c6afb7e5.woff2'); font-weight: 600; font-style: normal; font-display: swap; } /* Citi Sans */ @font-face { font-family: "Citi Sans"; src: url('Citi-Sans-Text-Light.816279dd4afaf34d.woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: "Citi Sans"; src: url('Citi-Sans-Text-Light-Italic.fc4b858ae626fef5.woff2'); font-weight: 300; font-style: italic; } @font-face { font-family: "Citi Sans"; src: url('Citi-Sans-Text-Regular.7f484af3db1a5767.woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans"; src: url('Citi-Sans-Text-Regular-Italic.3fb1f31eb6413fa0.woff2'); font-weight: 400; font-style: italic; } @font-face { font-family: "Citi Sans"; src: url('Citi-Sans-Text-Bold.26c1df2bf26146e3.woff2'); font-weight: 600; font-style: normal; } @font-face { font-family: "Citi Sans"; src: url('Citi-Sans-Text-Bold-Italic.b1512969004f0d71.woff2'); font-weight: 600; font-style: italic; } @font-face { font-family: "Citi Sans Condensed"; src: url('Citi-Sans-Condensed-Regular.c813ffd8c1021fb5.woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans Condensed"; src: url('Citi-Sans-Condensed-Regular-Italic.1e2a4c44a507343e.woff2'); font-weight: 600; font-style: Italic; } /* Citi Sans Display */ @font-face { font-family: "Citi Sans Display"; src: url('Citi-Sans-Display-Regular.82cb2b8122b67e1d.woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans Display"; src: url('Citi-Sans-Display-Regular-Italic.b75e55602302dc89.woff2'); font-weight: 400; font-style: italic; } @font-face { font-family: "Citi Sans Display"; src: url('Citi-Sans-Display-Bold.742dae0daded2f97.woff2'); font-weight: 600; font-style: normal; } @font-face { font-family: "Citi Sans Display"; src: url('Citi-Sans-Display-Bold-Italic.a9e76371740eddea.woff2'); font-weight: 600; font-style: italic; } /* Citi Sans Table */ @font-face { font-family: "Citi Sans Table"; src: url('Citi-Sans-Table-Text-Regular.39c08ed5561a3c97.woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans Table"; src: url('Citi-Sans-Table-Text-Bold.6fb43aebbdcaa07a.woff2'); font-weight: 600; font-style: normal; } @font-face { font-family: "Citi Sans Table"; src: url('Citi-Sans-Table-Text-Regular-Italic.13b44f58898e6a29.woff2'); font-weight: 400; font-style: italic; } @font-face { font-family: "Citi Sans Table"; src: url('Citi-Sans-Table-Text-Bold-Italic.bce2ba84841403c1.woff2'); font-weight: 600; font-style: italic; } @font-face { font-family: "Citi Sans Table Condensed"; src: url('Citi-Sans-Table-Condensed-Regular.4a72309a3826c1fa.woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans Table Condensed"; src: url('Citi-Sans-Table-Condensed-Regular-Italic.ee82f5782dbca155.woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans Mono"; src: url('Citi-Sans-Mono-Light-Italic.491c1ad7ee4c0144.woff2'); font-weight: 300; font-style: italic; } @font-face { font-family: "Citi Sans Mono"; src: url('Citi-Sans-Mono-Light.97d34eda3838e091.woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: "Citi Sans Mono"; src: url('Citi-Sans-Mono-Regular.4937c32ec9f4e7d9.woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans Mono"; src: url('Citi-Sans-Mono-Regular-Italic.8f4863aa21231d91.woff2'); font-weight: 400; font-style: italic; } @font-face { font-family: "Citi Sans Mono"; src: url('Citi-Sans-Mono-Bold.14aa0467e06b5f1b.woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: "Citi Sans Mono"; src: url('Citi-Sans-Mono-Bold-Italic.25ed1a184055353f.woff2'); font-weight: 700; font-style: italic; } /* Citi Sans Serif */ @font-face { font-family: "Citi Serif"; src: url('Citi-Serif-Display-Regular.b8105110dd17ab94.woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Serif"; src: url('Citi-Serif-Display-Regular-Italic.77e75200601c4151.woff2'); font-weight: 400; font-style: italic; } @keyframes ai-rotation { 0% { --conic-gradient-angle: 0deg; } 100% { --conic-gradient-angle: 360deg; } } @keyframes ai-button-rotation { 0% { --gradient-angle-1: 307deg; --gradient-angle-2: 61deg; --gradient-angle-3: 180deg; } 100% { --gradient-angle-1: 667deg; --gradient-angle-2: 421deg; --gradient-angle-3: 540deg; } } .icgds { font-family: var(--family_sans) !important; font-size: var(--font-size-base) !important; text-rendering: optimizelegibility !important; font-display: swap; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(var(--black), 0); -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; color: var(--text_strong); margin: 0; line-height: var(--line-height-base); background: var(--background); --breakpoint_xs: 0; --breakpoint_sm: 584px; --breakpoint_md: 784px; --breakpoint_lg: 1072px; --breakpoint_xl: 1264px; --breakpoint_2xl: 1680px; } .icgds .lmn-modal-open { overflow: hidden; } .icgds .lmn-modal-open .lmn-modal { overflow-y: auto; overflow-x: hidden; } .icgds.lmn-layer-primary { background: var(--layer_primary); } .icgds.lmn-layer-secondary { background: var(--layer_secondary); } .icgds.lmn-theme-dark input { color-scheme: dark; } .icgds *, .icgds *::after, .icgds *::before { box-sizing: border-box; } .icgds :focus, .icgds :active { outline: none; } .icgds .lmn-no-hover { pointer-events: none; } .icgds .ptr { cursor: pointer; } .icgds code, .icgds pre { padding: var(--code_padding); background: var(--code_fill); font-family: var(--code_font-family); color: var(--code_foreground); border-radius: var(--code_radius); display: inline-block; } .icgds kbd { font-size: var(--font-size-body-sm); padding: var(--spacing-4); background-color: var(--button_fill_standard_active); color: var(--button_foreground_standard_active); border-radius: var(--border-radius-sm); } .icgds .lmn-pre-scrollable { max-height: 500px; overflow-y: scroll; } .icgds dl, .icgds ol, .icgds ul { margin-top: 0; margin-bottom: var(--spacing-x); } .icgds a { text-decoration: none; color: var(--link); cursor: pointer; transition: color 0.2s var(--comp-transition); } .icgds a:hover { color: var(--link_hover); } .icgds a:focus { color: var(--link_active); } .icgds a:active, .icgds a:visited { color: var(--link_visited); } .icgds h1, .icgds h2, .icgds h3, .icgds h4, .icgds h5, .icgds h6, .icgds .lmn-h1, .icgds .lmn-h2, .icgds .lmn-h3, .icgds .lmn-h4, .icgds .lmn-h5, .icgds .lmn-h6 { margin-top: 0; margin-bottom: var(--headings-margin-bottom); } .icgds h1 small, .icgds h2 small, .icgds h3 small, .icgds h4 small, .icgds h5 small, .icgds h6 small, .icgds .lmn-h1 small, .icgds .lmn-h2 small, .icgds .lmn-h3 small, .icgds .lmn-h4 small, .icgds .lmn-h5 small, .icgds .lmn-h6 small { font-size: 80%; } .icgds p { font: var(--type_text-regular) var(--font-size_body)/var(--line-height_paragraph) var(--family_sans); color: var(--text_strong); } .icgds .lmn-lead-paragraph { font: var(--type_text-regular) var(--font-size_lead-paragraph)/var(--line-height_lead-paragraph) var(--family_sans); color: var(--text_strong); } .icgds h1, .icgds .lmn-h1 { font: var(--type_display-regular) var(--font-size_heading-1)/var(--line-height_heading-1) var(--family_display); } .icgds h2, .icgds .lmn-h2 { font: var(--type_display-regular) var(--font-size_heading-2)/var(--line-height_heading-2) var(--family_display); } .icgds h3, .icgds .lmn-h3 { font: var(--type_display-regular) var(--font-size_heading-3)/var(--line-height_heading-3) var(--family_display); } .icgds h4, .icgds .lmn-h4 { font: var(--type_text-regular) var(--font-size_heading-4)/var(--line-height_heading-4) var(--family_sans); } .icgds h4, .icgds .lmn-h4 { font: var(--type_text-regular) var(--font-size_heading-4)/var(--line-height_heading-4) var(--family_sans); } .icgds h5, .icgds .lmn-h5 { font: var(--type_text-regular) var(--font-size_heading-5)/var(--line-height_heading-5) var(--family_sans); } .icgds h6, .icgds .lmn-h6 { font: var(--type_text-regular) var(--font-size_heading-6)/var(--line-height_heading-6) var(--family_sans); } .icgds .lmn-display-1 { font: var(--type_display-regular) var(--font-size_display-1)/var(--display-1_line-height) var(--family_display); } .icgds .lmn-display-2 { font: var(--type_display-regular) var(--font-size_display-2)/var(--display-2_line-height) var(--family_display); } .icgds .lmn-display-3 { font: var(--type_display-regular) var(--font-size_display-3)/var(--display-3_line-height) var(--family_display); } .icgds small, .icgds .lmn-small, .icgds .lmn-text-support { font: var(--type_text-regular) var(--font-size_support)/var(--line-height_support) var(--family_sans); } .icgds .lmn-text-support-paragraph { font: var(--type_text-regular) var(--font-size_support)/var(--line-height-body-18) var(--family_sans); } .icgds mark { background: transparent; font-weight: var(--font-weight-bold); color: var(--text_strong); } .icgds ::-webkit-scrollbar { width: var(--scrollbar-width); height: var(--scrollbar-width); } .icgds ::-webkit-scrollbar-thumb { min-height: 12px; border: 4px solid transparent; background-clip: content-box; border-radius: 7px; background-color: var(--scrollbar_thumb); } .icgds ::-webkit-scrollbar-button { width: 0; height: 0; display: none; } .icgds ::-webkit-scrollbar-corner { background-color: transparent; } .icgds .lmn-ps-container.ps { overflow: hidden !important; touch-action: auto; overflow-anchor: none; -ms-overflow-style: none; } .icgds .lmn-ps-container .ps__rail-x { position: absolute; bottom: 0; display: none; height: 14px; transition: background-color 0.2s linear, opacity 0.2s linear; } .icgds .lmn-ps-container .ps__rail-y { position: absolute; right: 0; display: none; width: 14px; transition: background-color 0.2s linear, opacity 0.2s linear; } .icgds .lmn-ps-container.ps--active-x > .ps__rail-x, .icgds .lmn-ps-container.ps--active-y > .ps__rail-y { display: block; } .icgds .lmn-ps-container .ps__thumb-x { position: absolute; bottom: 0; height: 14px; border-radius: var(--border-radius-sm); transition: background-color 0.2s linear, height 0.2s ease-in-out; } .icgds .lmn-ps-container .ps__thumb-y { position: absolute; right: 0; width: 14px; border-radius: var(--border-radius-sm); transition: background-color 0.2s linear, width 0.2s ease-in-out; } @supports (-ms-overflow-style: none) { .icgds .lmn-ps-container.ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .icgds .lmn-ps-container.ps { overflow: auto !important; } } .icgds .lmn-ai-text { background: var(--ai-gradient) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .icgds .lmn-rotate-180 { transform: rotate(180deg); } .icgds .lmn-fade-enter, .icgds .fadeIn { opacity: 0; animation: fade-enter var(--motion-duration-medium-1) forwards var(--comp-transition); } .icgds .lmn-fade-leave, .icgds .fadeOut { opacity: 1; animation: fade-leave var(--motion-duration-medium-1) forwards var(--comp-transition); } .icgds .slide-in-right { transform: translateX(280px); opacity: 0; animation: slide-in-right var(--motion-duration-medium-1) forwards var(--comp-transition); } @keyframes slide-in-right { 0% { opacity: 0; transform: translateX(280px); } 70% { opacity: 1; } 100% { opacity: 1; transform: translateX(0); } } .icgds .slide-in-left { transform: translateX(-280px); opacity: 0; animation: slide-in-left var(--motion-duration-medium-1) forwards var(--comp-transition); } @keyframes slide-in-left { 0% { opacity: 0; transform: translateX(-280px); } 70% { opacity: 1; } 100% { opacity: 1; transform: translateX(0); } } @keyframes fade-enter { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-leave { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes tooltip-right { 0% { pointer-events: none; opacity: 0; transform: translateX(-20px); } 50% { opacity: 1; } 100% { pointer-events: auto; transform: translateX(0); } } @keyframes tooltip-left { 0% { pointer-events: none; opacity: 0; transform: translateX(20px); } 50% { opacity: 1; } 100% { pointer-events: auto; transform: translateX(0); } } @keyframes tooltip-top { 0% { pointer-events: none; opacity: 0; transform: translateY(20px); } 50% { opacity: 1; } 100% { pointer-events: auto; transform: translateX(0); } } @keyframes tooltip-bottom { 0% { pointer-events: none; opacity: 0; transform: translateY(-20px); } 50% { opacity: 1; } 100% { pointer-events: auto; transform: translateX(0); } } .icgds .lmn-background { background-color: var(--background) !important; } .icgds .lmn-layer-brand-primary { background-color: var(--layer_brand_primary) !important; } .icgds .lmn-layer-brand-secondary { background-color: var(--layer_brand_secondary) !important; } .icgds .lmn-layer-primary { background-color: var(--layer_primary) !important; } .icgds .lmn-layer-secondary { background-color: var(--layer_secondary) !important; } .icgds .lmn-bg-primary { background-color: var(--primary) !important; } .icgds .lmn-bg-secondary { background-color: var(--secondary) !important; } .icgds .lmn-bg-success { background-color: var(--success) !important; } .icgds .lmn-bg-warning { background-color: var(--warning) !important; } .icgds .lmn-bg-danger { background-color: var(--danger) !important; } .icgds .lmn-bg-info { background-color: var(--info) !important; } .icgds .lmn-bg-transparent { background-color: transparent !important; } .icgds .lmn-border { border: var(--border-width_thin) solid var(--border_weak) !important; } .icgds .lmn-border-top { border-top: var(--border-width_thin) solid var(--border_weak) !important; } .icgds .lmn-border-right { border-right: var(--border-width_thin) solid var(--border_weak) !important; } .icgds .lmn-border-bottom { border-bottom: var(--border-width_thin) solid var(--border_weak) !important; } .icgds .lmn-border-left { border-left: var(--border-width_thin) solid var(--border_weak) !important; } .icgds .lmn-border-0 { border: 0 !important; } .icgds .lmn-border-top-0 { border-top: 0 !important; } .icgds .lmn-border-right-0 { border-right: 0 !important; } .icgds .lmn-border-bottom-0 { border-bottom: 0 !important; } .icgds .lmn-border-left-0 { border-left: 0 !important; } .icgds .lmn-border-weak { border-color: var(--border_weak) !important; } .icgds .lmn-border-weak-left { border-left: var(--border-width_thin) solid var(--border_weak) !important; } .icgds .lmn-border-weak-right { border-right: var(--border-width_thin) solid var(--border_weak) !important; } .icgds .lmn-border-weak-top { border-top: var(--border-width_thin) solid var(--border_weak) !important; } .icgds .lmn-border-weak-bottom { border-bottom: var(--border-width_thin) solid var(--border_weak) !important; } .icgds .lmn-border-strong { border-color: var(--border_strong) !important; } .icgds .lmn-border-strong-left { border-left: var(--border-width_thin) solid var(--border_strong) !important; } .icgds .lmn-border-strong-right { border-right: var(--border-width_thin) solid var(--border_strong) !important; } .icgds .lmn-border-strong-top { border-top: var(--border-width_thin) solid var(--border_strong) !important; } .icgds .lmn-border-strong-bottom { border-bottom: var(--border-width_thin) solid var(--border_strong) !important; } .icgds .lmn-border-brand { border-color: var(--border_brand) !important; } .icgds .lmn-border-brand-left { border-left: var(--border-width_thin) solid var(--border_brand) !important; } .icgds .lmn-border-brand-right { border-right: var(--border-width_thin) solid var(--border_brand) !important; } .icgds .lmn-border-brand-top { border-top: var(--border-width_thin) solid var(--border_brand) !important; } .icgds .lmn-border-brand-bottom { border-bottom: var(--border-width_thin) solid var(--border_brand) !important; } .icgds .lmn-border-error { border-color: var(--border_error) !important; } .icgds .lmn-border-error-left { border-left: var(--border-width_thin) solid var(--border_error) !important; } .icgds .lmn-border-error-right { border-right: var(--border-width_thin) solid var(--border_error) !important; } .icgds .lmn-border-error-top { border-top: var(--border-width_thin) solid var(--border_error) !important; } .icgds .lmn-border-error-bottom { border-bottom: var(--border-width_thin) solid var(--border_error) !important; } .icgds .lmn-border-primary { border-color: var(--primary) !important; } .icgds .lmn-border-primary-left { border-left: var(--border-width_thin) solid var(--primary) !important; } .icgds .lmn-border-primary-right { border-right: var(--border-width_thin) solid var(--primary) !important; } .icgds .lmn-border-primary-top { border-top: var(--border-width_thin) solid var(--primary) !important; } .icgds .lmn-border-primary-bottom { border-bottom: var(--border-width_thin) solid var(--primary) !important; } .icgds .lmn-border-secondary { border-color: var(--secondary) !important; } .icgds .lmn-border-secondary-left { border-left: var(--border-width_thin) solid var(--secondary) !important; } .icgds .lmn-border-secondary-right { border-right: var(--border-width_thin) solid var(--secondary) !important; } .icgds .lmn-border-secondary-top { border-top: var(--border-width_thin) solid var(--secondary) !important; } .icgds .lmn-border-secondary-bottom { border-bottom: var(--border-width_thin) solid var(--secondary) !important; } .icgds .lmn-border-success { border-color: var(--success) !important; } .icgds .lmn-border-success-left { border-left: var(--border-width_thin) solid var(--success) !important; } .icgds .lmn-border-success-right { border-right: var(--border-width_thin) solid var(--success) !important; } .icgds .lmn-border-success-top { border-top: var(--border-width_thin) solid var(--success) !important; } .icgds .lmn-border-success-bottom { border-bottom: var(--border-width_thin) solid var(--success) !important; } .icgds .lmn-border-warning { border-color: var(--warning) !important; } .icgds .lmn-border-warning-left { border-left: var(--border-width_thin) solid var(--warning) !important; } .icgds .lmn-border-warning-right { border-right: var(--border-width_thin) solid var(--warning) !important; } .icgds .lmn-border-warning-top { border-top: var(--border-width_thin) solid var(--warning) !important; } .icgds .lmn-border-warning-bottom { border-bottom: var(--border-width_thin) solid var(--warning) !important; } .icgds .lmn-border-danger { border-color: var(--danger) !important; } .icgds .lmn-border-danger-left { border-left: var(--border-width_thin) solid var(--danger) !important; } .icgds .lmn-border-danger-right { border-right: var(--border-width_thin) solid var(--danger) !important; } .icgds .lmn-border-danger-top { border-top: var(--border-width_thin) solid var(--danger) !important; } .icgds .lmn-border-danger-bottom { border-bottom: var(--border-width_thin) solid var(--danger) !important; } .icgds .lmn-border-info { border-color: var(--info) !important; } .icgds .lmn-border-info-left { border-left: var(--border-width_thin) solid var(--info) !important; } .icgds .lmn-border-info-right { border-right: var(--border-width_thin) solid var(--info) !important; } .icgds .lmn-border-info-top { border-top: var(--border-width_thin) solid var(--info) !important; } .icgds .lmn-border-info-bottom { border-bottom: var(--border-width_thin) solid var(--info) !important; } .icgds .lmn-border-white { border-color: var(--white) !important; } .icgds .lmn-border-white-right { border-left: var(--border-width_thin) solid var(--white) !important; } .icgds .lmn-border-white-left { border-right: var(--border-width_thin) solid var(--white) !important; } .icgds .lmn-border-white-top { border-top: var(--border-width_thin) solid var(--white) !important; } .icgds .lmn-border-white-bottom { border-bottom: var(--border-width_thin) solid var(--white) !important; } .icgds .lmn-rounded { border-radius: var(--radius-8) !important; } .icgds .lmn-rounded-top { border-top-left-radius: var(--radius-8) !important; border-top-right-radius: var(--radius-8) !important; } .icgds .lmn-rounded-right { border-top-right-radius: var(--radius-8) !important; border-bottom-right-radius: var(--radius-8) !important; } .icgds .lmn-rounded-bottom { border-bottom-right-radius: var(--radius-8) !important; border-bottom-left-radius: var(--radius-8) !important; } .icgds .lmn-rounded-left { border-top-left-radius: var(--radius-8) !important; border-bottom-left-radius: var(--radius-8) !important; } .icgds .lmn-border-radius-xs { border-radius: var(--radius-2) !important; } .icgds .lmn-border-radius-sm { border-radius: var(--radius-4) !important; } .icgds .lmn-border-radius { border-radius: var(--radius-8) !important; } .icgds .lmn-border-radius-lg { border-radius: var(--radius-12) !important; } .icgds .lmn-border-radius-xl { border-radius: var(--radius-16) !important; } .icgds .lmn-border-radius-circle { border-radius: var(--radius-full) !important; } .icgds .lmn-border-radius-none { border-radius: var(--radius-none) !important; } .icgds .lmn-clearfix::after { display: block; clear: both; content: ""; } .icgds .lmn-cursor-pointer { cursor: pointer; } .icgds .lmn-cursor-default { cursor: default; } .icgds .lmn-cursor-not-allowed, .icgds .lmn-cursor-disabled { cursor: not-allowed; } .icgds .lmn-pointer-events-none { pointer-events: none; } .icgds .lmn-delete, .icgds .delete { color: var(--border_strong); cursor: pointer; appearance: none; background: none; -webkit-appearance: none; border: none; display: inline-block; text-decoration: none; margin-left: var(--spacing-half-x); } .icgds .lmn-delete:focus, .icgds .delete:focus { outline: none; color: initial; } .icgds .lmn-delete::before, .icgds .delete::before { content: var(--icon-close); font-family: var(--icon-font-family); font-weight: bold; } .icgds .lmn-d-inline { display: inline !important; } .icgds .lmn-d-inline-block { display: inline-block !important; } .icgds .lmn-d-block { display: block !important; } .icgds .lmn-d-table { display: table !important; } .icgds .lmn-d-table-row { display: table-row !important; } .icgds .lmn-d-table-cell { display: table-cell !important; } .icgds .lmn-d-flex { display: flex !important; } .icgds .lmn-d-inline-flex { display: inline-flex !important; } .icgds .lmn-d-none { display: none !important; } @media (min-width: 584px) { .icgds .lmn-d-sm-inline { display: inline !important; } .icgds .lmn-d-sm-inline-block { display: inline-block !important; } .icgds .lmn-d-sm-block { display: block !important; } .icgds .lmn-d-sm-table { display: table !important; } .icgds .lmn-d-sm-table-row { display: table-row !important; } .icgds .lmn-d-sm-table-cell { display: table-cell !important; } .icgds .lmn-d-sm-flex { display: flex !important; } .icgds .lmn-d-sm-inline-flex { display: inline-flex !important; } .icgds .lmn-d-sm-none { display: none !important; } } @media (min-width: 784px) { .icgds .lmn-d-md-inline { display: inline !important; } .icgds .lmn-d-md-inline-block { display: inline-block !important; } .icgds .lmn-d-md-block { display: block !important; } .icgds .lmn-d-md-table { display: table !important; } .icgds .lmn-d-md-table-row { display: table-row !important; } .icgds .lmn-d-md-table-cell { display: table-cell !important; } .icgds .lmn-d-md-flex { display: flex !important; } .icgds .lmn-d-md-inline-flex { display: inline-flex !important; } .icgds .lmn-d-md-none { display: none !important; } } @media (min-width: 1072px) { .icgds .lmn-d-lg-inline { display: inline !important; } .icgds .lmn-d-lg-inline-block { display: inline-block !important; } .icgds .lmn-d-lg-block { display: block !important; } .icgds .lmn-d-lg-table { display: table !important; } .icgds .lmn-d-lg-table-row { display: table-row !important; } .icgds .lmn-d-lg-table-cell { display: table-cell !important; } .icgds .lmn-d-lg-flex { display: flex !important; } .icgds .lmn-d-lg-inline-flex { display: inline-flex !important; } .icgds .lmn-d-lg-none { display: none !important; } } @media (min-width: 1264px) { .icgds .lmn-d-xl-inline { display: inline !important; } .icgds .lmn-d-xl-inline-block { display: inline-block !important; } .icgds .lmn-d-xl-block { display: block !important; } .icgds .lmn-d-xl-table { display: table !important; } .icgds .lmn-d-xl-table-row { display: table-row !important; } .icgds .lmn-d-xl-table-cell { display: table-cell !important; } .icgds .lmn-d-xl-flex { display: flex !important; } .icgds .lmn-d-xl-inline-flex { display: inline-flex !important; } .icgds .lmn-d-xl-none { display: none !important; } } @media (min-width: 1680px) { .icgds .lmn-d-2xl-inline { display: inline !important; } .icgds .lmn-d-2xl-inline-block { display: inline-block !important; } .icgds .lmn-d-2xl-block { display: block !important; } .icgds .lmn-d-2xl-table { display: table !important; } .icgds .lmn-d-2xl-table-row { display: table-row !important; } .icgds .lmn-d-2xl-table-cell { display: table-cell !important; } .icgds .lmn-d-2xl-flex { display: flex !important; } .icgds .lmn-d-2xl-inline-flex { display: inline-flex !important; } .icgds .lmn-d-2xl-none { display: none !important; } } @media print { .icgds .lmn-d-print-inline { display: inline !important; } .icgds .lmn-d-print-inline-block { display: inline-block !important; } .icgds .lmn-d-print-block { display: block !important; } .icgds .lmn-d-print-table { display: table !important; } .icgds .lmn-d-print-table-row { display: table-row !important; } .icgds .lmn-d-print-table-cell { display: table-cell !important; } .icgds .lmn-d-print-flex { display: flex !important; } .icgds .lmn-d-print-inline-flex { display: inline-flex !important; } .icgds .lmn-d-print-none { display: none !important; } } .icgds .lmn-drop-list-dragging .lmn-drag { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); cursor: move; } .icgds .lmn-drag-preview { align-items: center; justify-content: space-around; box-sizing: border-box; list-style: none; border-radius: var(--border-radius-sm); padding: var(--spacing-4); padding-top: var(--spacing-4); background: var(--layer_primary); border: 1px solid var(--border_strong); box-shadow: var(--shadow_x-distance_overlay-2) var(--shadow_y-distance_overlay-2) var(--shadow_blur_overlay-2) var(--shadow_spread_overlay-2) var(--shadow_color_overlay-2), var(--shadow_x-distance_overlay-1) var(--shadow_y-distance_overlay-1) var(--shadow_blur_overlay-1) var(--shadow_spread_overlay-1) var(--shadow_color_overlay-1); } .icgds .lmn-drag { cursor: pointer; } .icgds .lmn-drag-handle { display: flex; align-items: center; cursor: move; } .icgds .lmn-drag-placeholder { opacity: 0.2; } .icgds .lmn-drop-area { border: 1px dashed var(--border_weak); transition: border-color, background var(--motion-duration-fast-3) var(--motion-timing-ease-in); } .icgds .lmn-drop-area:hover { background: var(--layer_secondary); border-color: var(--border_strong); } .icgds .lmn-embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .icgds .lmn-embed-responsive::before { display: block; content: ""; } .icgds .lmn-embed-responsive .lmn-embed-responsive-item, .icgds .lmn-embed-responsive iframe, .icgds .lmn-embed-responsive embed, .icgds .lmn-embed-responsive object, .icgds .lmn-embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .icgds .lmn-embed-responsive-21by9::before { padding-top: 42.8571428571%; } .icgds .lmn-embed-responsive-16by9::before { padding-top: 56.25%; } .icgds .lmn-embed-responsive-4by3::before { padding-top: 75%; } .icgds .lmn-embed-responsive-1by1::before { padding-top: 100%; } .icgds .lmn-embed-responsive-21by9::before { padding-top: 42.8571428571%; } .icgds .lmn-embed-responsive-16by9::before { padding-top: 56.25%; } .icgds .lmn-embed-responsive-4by3::before { padding-top: 75%; } .icgds .lmn-embed-responsive-1by1::before { padding-top: 100%; } .icgds figure { margin: 0; } .icgds .lmn-figure { display: inline-block; } .icgds .lmn-figure-img { margin-bottom: var(--spacing-half-x); line-height: 1; } .icgds .lmn-img-fluid { max-width: 100%; height: auto; } .icgds .lmn-figure-caption { color: var(--text_weak); font-size: var(--font-size_support); } .icgds .lmn-flex-row { flex-direction: row !important; } .icgds .lmn-flex-column { flex-direction: column !important; } .icgds .lmn-flex-row-reverse { flex-direction: row-reverse !important; } .icgds .lmn-flex-column-reverse { flex-direction: column-reverse !important; } .icgds .lmn-flex-wrap { flex-wrap: wrap !important; } .icgds .lmn-flex-nowrap { flex-wrap: nowrap !important; } .icgds .lmn-flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .icgds .lmn-flex-fill { flex: 1 1 auto !important; } .icgds .lmn-flex-grow-0 { flex-grow: 0 !important; } .icgds .lmn-flex-grow-1 { flex-grow: 1 !important; } .icgds .lmn-flex-grow-2 { flex-grow: 2 !important; } .icgds .lmn-flex-grow-3 { flex-grow: 3 !important; } .icgds .lmn-flex-grow-4 { flex-grow: 4 !important; } .icgds .lmn-flex-shrink-0 { flex-shrink: 0 !important; } .icgds .lmn-flex-shrink-1 { flex-shrink: 1 !important; } .icgds .lmn-flex-shrink-2 { flex-shrink: 2 !important; } .icgds .lmn-flex-shrink-3 { flex-shrink: 3 !important; } .icgds .lmn-flex-shrink-4 { flex-shrink: 4 !important; } .icgds .lmn-justify-content-start { justify-content: flex-start !important; } .icgds .lmn-justify-content-end { justify-content: flex-end !important; } .icgds .lmn-justify-content-center { justify-content: center !important; } .icgds .lmn-justify-content-between { justify-content: space-between !important; } .icgds .lmn-justify-content-around { justify-content: space-around !important; } .icgds .lmn-align-items-start { align-items: flex-start !important; } .icgds .lmn-align-items-end { align-items: flex-end !important; } .icgds .lmn-align-items-center { align-items: center !important; } .icgds .lmn-align-items-baseline { align-items: baseline !important; } .icgds .lmn-align-items-stretch { align-items: stretch !important; } .icgds .lmn-align-content-start { align-content: flex-start !important; } .icgds .lmn-align-content-end { align-content: flex-end !important; } .icgds .lmn-align-content-center { align-content: center !important; } .icgds .lmn-align-content-between { align-content: space-between !important; } .icgds .lmn-align-content-around { align-content: space-around !important; } .icgds .lmn-align-content-stretch { align-content: stretch !important; } .icgds .lmn-align-self-auto { align-self: auto !important; } .icgds .lmn-align-self-start { align-self: flex-start !important; } .icgds .lmn-align-self-end { align-self: flex-end !important; } .icgds .lmn-align-self-center { align-self: center !important; } .icgds .lmn-align-self-baseline { align-self: baseline !important; } .icgds .lmn-align-self-stretch { align-self: stretch !important; } @media (min-width: 584px) { .icgds .lmn-flex-sm-row { flex-direction: row !important; } .icgds .lmn-flex-sm-column { flex-direction: column !important; } .icgds .lmn-flex-sm-row-reverse { flex-direction: row-reverse !important; } .icgds .lmn-flex-sm-column-reverse { flex-direction: column-reverse !important; } .icgds .lmn-flex-sm-wrap { flex-wrap: wrap !important; } .icgds .lmn-flex-sm-nowrap { flex-wrap: nowrap !important; } .icgds .lmn-flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .icgds .lmn-flex-sm-fill { flex: 1 1 auto !important; } .icgds .lmn-flex-sm-grow-0 { flex-grow: 0 !important; } .icgds .lmn-flex-sm-grow-1 { flex-grow: 1 !important; } .icgds .lmn-flex-sm-grow-2 { flex-grow: 2 !important; } .icgds .lmn-flex-sm-grow-3 { flex-grow: 3 !important; } .icgds .lmn-flex-sm-grow-4 { flex-grow: 4 !important; } .icgds .lmn-flex-sm-shrink-0 { flex-shrink: 0 !important; } .icgds .lmn-flex-sm-shrink-1 { flex-shrink: 1 !important; } .icgds .lmn-flex-sm-shrink-2 { flex-shrink: 2 !important; } .icgds .lmn-flex-sm-shrink-3 { flex-shrink: 3 !important; } .icgds .lmn-flex-sm-shrink-4 { flex-shrink: 4 !important; } .icgds .lmn-justify-content-sm-start { justify-content: flex-start !important; } .icgds .lmn-justify-content-sm-end { justify-content: flex-end !important; } .icgds .lmn-justify-content-sm-center { justify-content: center !important; } .icgds .lmn-justify-content-sm-between { justify-content: space-between !important; } .icgds .lmn-justify-content-sm-around { justify-content: space-around !important; } .icgds .lmn-align-items-sm-start { align-items: flex-start !important; } .icgds .lmn-align-items-sm-end { align-items: flex-end !important; } .icgds .lmn-align-items-sm-center { align-items: center !important; } .icgds .lmn-align-items-sm-baseline { align-items: baseline !important; } .icgds .lmn-align-items-sm-stretch { align-items: stretch !important; } .icgds .lmn-align-content-sm-start { align-content: flex-start !important; } .icgds .lmn-align-content-sm-end { align-content: flex-end !important; } .icgds .lmn-align-content-sm-center { align-content: center !important; } .icgds .lmn-align-content-sm-between { align-content: space-between !important; } .icgds .lmn-align-content-sm-around { align-content: space-around !important; } .icgds .lmn-align-content-sm-stretch { align-content: stretch !important; } .icgds .lmn-align-self-sm-auto { align-self: auto !important; } .icgds .lmn-align-self-sm-start { align-self: flex-start !important; } .icgds .lmn-align-self-sm-end { align-self: flex-end !important; } .icgds .lmn-align-self-sm-center { align-self: center !important; } .icgds .lmn-align-self-sm-baseline { align-self: baseline !important; } .icgds .lmn-align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 784px) { .icgds .lmn-flex-md-row { flex-direction: row !important; } .icgds .lmn-flex-md-column { flex-direction: column !important; } .icgds .lmn-flex-md-row-reverse { flex-direction: row-reverse !important; } .icgds .lmn-flex-md-column-reverse { flex-direction: column-reverse !important; } .icgds .lmn-flex-md-wrap { flex-wrap: wrap !important; } .icgds .lmn-flex-md-nowrap { flex-wrap: nowrap !important; } .icgds .lmn-flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .icgds .lmn-flex-md-fill { flex: 1 1 auto !important; } .icgds .lmn-flex-md-grow-0 { flex-grow: 0 !important; } .icgds .lmn-flex-md-grow-1 { flex-grow: 1 !important; } .icgds .lmn-flex-md-grow-2 { flex-grow: 2 !important; } .icgds .lmn-flex-md-grow-3 { flex-grow: 3 !important; } .icgds .lmn-flex-md-grow-4 { flex-grow: 4 !important; } .icgds .lmn-flex-md-shrink-0 { flex-shrink: 0 !important; } .icgds .lmn-flex-md-shrink-1 { flex-shrink: 1 !important; } .icgds .lmn-flex-md-shrink-2 { flex-shrink: 2 !important; } .icgds .lmn-flex-md-shrink-3 { flex-shrink: 3 !important; } .icgds .lmn-flex-md-shrink-4 { flex-shrink: 4 !important; } .icgds .lmn-justify-content-md-start { justify-content: flex-start !important; } .icgds .lmn-justify-content-md-end { justify-content: flex-end !important; } .icgds .lmn-justify-content-md-center { justify-content: center !important; } .icgds .lmn-justify-content-md-between { justify-content: space-between !important; } .icgds .lmn-justify-content-md-around { justify-content: space-around !important; } .icgds .lmn-align-items-md-start { align-items: flex-start !important; } .icgds .lmn-align-items-md-end { align-items: flex-end !important; } .icgds .lmn-align-items-md-center { align-items: center !important; } .icgds .lmn-align-items-md-baseline { align-items: baseline !important; } .icgds .lmn-align-items-md-stretch { align-items: stretch !important; } .icgds .lmn-align-content-md-start { align-content: flex-start !important; } .icgds .lmn-align-content-md-end { align-content: flex-end !important; } .icgds .lmn-align-content-md-center { align-content: center !important; } .icgds .lmn-align-content-md-between { align-content: space-between !important; } .icgds .lmn-align-content-md-around { align-content: space-around !important; } .icgds .lmn-align-content-md-stretch { align-content: stretch !important; } .icgds .lmn-align-self-md-auto { align-self: auto !important; } .icgds .lmn-align-self-md-start { align-self: flex-start !important; } .icgds .lmn-align-self-md-end { align-self: flex-end !important; } .icgds .lmn-align-self-md-center { align-self: center !important; } .icgds .lmn-align-self-md-baseline { align-self: baseline !important; } .icgds .lmn-align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 1072px) { .icgds .lmn-flex-lg-row { flex-direction: row !important; } .icgds .lmn-flex-lg-column { flex-direction: column !important; } .icgds .lmn-flex-lg-row-reverse { flex-direction: row-reverse !important; } .icgds .lmn-flex-lg-column-reverse { flex-direction: column-reverse !important; } .icgds .lmn-flex-lg-wrap { flex-wrap: wrap !important; } .icgds .lmn-flex-lg-nowrap { flex-wrap: nowrap !important; } .icgds .lmn-flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .icgds .lmn-flex-lg-fill { flex: 1 1 auto !important; } .icgds .lmn-flex-lg-grow-0 { flex-grow: 0 !important; } .icgds .lmn-flex-lg-grow-1 { flex-grow: 1 !important; } .icgds .lmn-flex-lg-grow-2 { flex-grow: 2 !important; } .icgds .lmn-flex-lg-grow-3 { flex-grow: 3 !important; } .icgds .lmn-flex-lg-grow-4 { flex-grow: 4 !important; } .icgds .lmn-flex-lg-shrink-0 { flex-shrink: 0 !important; } .icgds .lmn-flex-lg-shrink-1 { flex-shrink: 1 !important; } .icgds .lmn-flex-lg-shrink-2 { flex-shrink: 2 !important; } .icgds .lmn-flex-lg-shrink-3 { flex-shrink: 3 !important; } .icgds .lmn-flex-lg-shrink-4 { flex-shrink: 4 !important; } .icgds .lmn-justify-content-lg-start { justify-content: flex-start !important; } .icgds .lmn-justify-content-lg-end { justify-content: flex-end !important; } .icgds .lmn-justify-content-lg-center { justify-content: center !important; } .icgds .lmn-justify-content-lg-between { justify-content: space-between !important; } .icgds .lmn-justify-content-lg-around { justify-content: space-around !important; } .icgds .lmn-align-items-lg-start { align-items: flex-start !important; } .icgds .lmn-align-items-lg-end { align-items: flex-end !important; } .icgds .lmn-align-items-lg-center { align-items: center !important; } .icgds .lmn-align-items-lg-baseline { align-items: baseline !important; } .icgds .lmn-align-items-lg-stretch { align-items: stretch !important; } .icgds .lmn-align-content-lg-start { align-content: flex-start !important; } .icgds .lmn-align-content-lg-end { align-content: flex-end !important; } .icgds .lmn-align-content-lg-center { align-content: center !important; } .icgds .lmn-align-content-lg-between { align-content: space-between !important; } .icgds .lmn-align-content-lg-around { align-content: space-around !important; } .icgds .lmn-align-content-lg-stretch { align-content: stretch !important; } .icgds .lmn-align-self-lg-auto { align-self: auto !important; } .icgds .lmn-align-self-lg-start { align-self: flex-start !important; } .icgds .lmn-align-self-lg-end { align-self: flex-end !important; } .icgds .lmn-align-self-lg-center { align-self: center !important; } .icgds .lmn-align-self-lg-baseline { align-self: baseline !important; } .icgds .lmn-align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1264px) { .icgds .lmn-flex-xl-row { flex-direction: row !important; } .icgds .lmn-flex-xl-column { flex-direction: column !important; } .icgds .lmn-flex-xl-row-reverse { flex-direction: row-reverse !important; } .icgds .lmn-flex-xl-column-reverse { flex-direction: column-reverse !important; } .icgds .lmn-flex-xl-wrap { flex-wrap: wrap !important; } .icgds .lmn-flex-xl-nowrap { flex-wrap: nowrap !important; } .icgds .lmn-flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .icgds .lmn-flex-xl-fill { flex: 1 1 auto !important; } .icgds .lmn-flex-xl-grow-0 { flex-grow: 0 !important; } .icgds .lmn-flex-xl-grow-1 { flex-grow: 1 !important; } .icgds .lmn-flex-xl-grow-2 { flex-grow: 2 !important; } .icgds .lmn-flex-xl-grow-3 { flex-grow: 3 !important; } .icgds .lmn-flex-xl-grow-4 { flex-grow: 4 !important; } .icgds .lmn-flex-xl-shrink-0 { flex-shrink: 0 !important; } .icgds .lmn-flex-xl-shrink-1 { flex-shrink: 1 !important; } .icgds .lmn-flex-xl-shrink-2 { flex-shrink: 2 !important; } .icgds .lmn-flex-xl-shrink-3 { flex-shrink: 3 !important; } .icgds .lmn-flex-xl-shrink-4 { flex-shrink: 4 !important; } .icgds .lmn-justify-content-xl-start { justify-content: flex-start !important; } .icgds .lmn-justify-content-xl-end { justify-content: flex-end !important; } .icgds .lmn-justify-content-xl-center { justify-content: center !important; } .icgds .lmn-justify-content-xl-between { justify-content: space-between !important; } .icgds .lmn-justify-content-xl-around { justify-content: space-around !important; } .icgds .lmn-align-items-xl-start { align-items: flex-start !important; } .icgds .lmn-align-items-xl-end { align-items: flex-end !important; } .icgds .lmn-align-items-xl-center { align-items: center !important; } .icgds .lmn-align-items-xl-baseline { align-items: baseline !important; } .icgds .lmn-align-items-xl-stretch { align-items: stretch !important; } .icgds .lmn-align-content-xl-start { align-content: flex-start !important; } .icgds .lmn-align-content-xl-end { align-content: flex-end !important; } .icgds .lmn-align-content-xl-center { align-content: center !important; } .icgds .lmn-align-content-xl-between { align-content: space-between !important; } .icgds .lmn-align-content-xl-around { align-content: space-around !important; } .icgds .lmn-align-content-xl-stretch { align-content: stretch !important; } .icgds .lmn-align-self-xl-auto { align-self: auto !important; } .icgds .lmn-align-self-xl-start { align-self: flex-start !important; } .icgds .lmn-align-self-xl-end { align-self: flex-end !important; } .icgds .lmn-align-self-xl-center { align-self: center !important; } .icgds .lmn-align-self-xl-baseline { align-self: baseline !important; } .icgds .lmn-align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1680px) { .icgds .lmn-flex-2xl-row { flex-direction: row !important; } .icgds .lmn-flex-2xl-column { flex-direction: column !important; } .icgds .lmn-flex-2xl-row-reverse { flex-direction: row-reverse !important; } .icgds .lmn-flex-2xl-column-reverse { flex-direction: column-reverse !important; } .icgds .lmn-flex-2xl-wrap { flex-wrap: wrap !important; } .icgds .lmn-flex-2xl-nowrap { flex-wrap: nowrap !important; } .icgds .lmn-flex-2xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .icgds .lmn-flex-2xl-fill { flex: 1 1 auto !important; } .icgds .lmn-flex-2xl-grow-0 { flex-grow: 0 !important; } .icgds .lmn-flex-2xl-grow-1 { flex-grow: 1 !important; } .icgds .lmn-flex-2xl-grow-2 { flex-grow: 2 !important; } .icgds .lmn-flex-2xl-grow-3 { flex-grow: 3 !important; } .icgds .lmn-flex-2xl-grow-4 { flex-grow: 4 !important; } .icgds .lmn-flex-2xl-shrink-0 { flex-shrink: 0 !important; } .icgds .lmn-flex-2xl-shrink-1 { flex-shrink: 1 !important; } .icgds .lmn-flex-2xl-shrink-2 { flex-shrink: 2 !important; } .icgds .lmn-flex-2xl-shrink-3 { flex-shrink: 3 !important; } .icgds .lmn-flex-2xl-shrink-4 { flex-shrink: 4 !important; } .icgds .lmn-justify-content-2xl-start { justify-content: flex-start !important; } .icgds .lmn-justify-content-2xl-end { justify-content: flex-end !important; } .icgds .lmn-justify-content-2xl-center { justify-content: center !important; } .icgds .lmn-justify-content-2xl-between { justify-content: space-between !important; } .icgds .lmn-justify-content-2xl-around { justify-content: space-around !important; } .icgds .lmn-align-items-2xl-start { align-items: flex-start !important; } .icgds .lmn-align-items-2xl-end { align-items: flex-end !important; } .icgds .lmn-align-items-2xl-center { align-items: center !important; } .icgds .lmn-align-items-2xl-baseline { align-items: baseline !important; } .icgds .lmn-align-items-2xl-stretch { align-items: stretch !important; } .icgds .lmn-align-content-2xl-start { align-content: flex-start !important; } .icgds .lmn-align-content-2xl-end { align-content: flex-end !important; } .icgds .lmn-align-content-2xl-center { align-content: center !important; } .icgds .lmn-align-content-2xl-between { align-content: space-between !important; } .icgds .lmn-align-content-2xl-around { align-content: space-around !important; } .icgds .lmn-align-content-2xl-stretch { align-content: stretch !important; } .icgds .lmn-align-self-2xl-auto { align-self: auto !important; } .icgds .lmn-align-self-2xl-start { align-self: flex-start !important; } .icgds .lmn-align-self-2xl-end { align-self: flex-end !important; } .icgds .lmn-align-self-2xl-center { align-self: center !important; } .icgds .lmn-align-self-2xl-baseline { align-self: baseline !important; } .icgds .lmn-align-self-2xl-stretch { align-self: stretch !important; } } .icgds .lmn-float-left { float: left !important; } .icgds .lmn-float-right { float: right !important; } .icgds .lmn-float-none { float: none !important; } @media (min-width: 584px) { .icgds .lmn-float-sm-left { float: left !important; } .icgds .lmn-float-sm-right { float: right !important; } .icgds .lmn-float-sm-none { float: none !important; } } @media (min-width: 784px) { .icgds .lmn-float-md-left { float: left !important; } .icgds .lmn-float-md-right { float: right !important; } .icgds .lmn-float-md-none { float: none !important; } } @media (min-width: 1072px) { .icgds .lmn-float-lg-left { float: left !important; } .icgds .lmn-float-lg-right { float: right !important; } .icgds .lmn-float-lg-none { float: none !important; } } @media (min-width: 1264px) { .icgds .lmn-float-xl-left { float: left !important; } .icgds .lmn-float-xl-right { float: right !important; } .icgds .lmn-float-xl-none { float: none !important; } } @media (min-width: 1680px) { .icgds .lmn-float-2xl-left { float: left !important; } .icgds .lmn-float-2xl-right { float: right !important; } .icgds .lmn-float-2xl-none { float: none !important; } } .icgds .lmn-row { display: flex; flex-wrap: wrap; margin-right: calc(var(--spacing-x) / -2); margin-left: calc(var(--spacing-x) / -2); } .icgds .lmn-row.lmn-no-gutters { margin-right: 0; margin-left: 0; } .icgds .lmn-row.lmn-no-gutters > .lmn-col, .icgds .lmn-row.lmn-no-gutters > [class*=lmn-col-] { padding-right: 0; padding-left: 0; } .icgds .lmn-row-gutter-24 { margin-right: calc(var(--spacing-one-and-a-half-x) / -2); margin-left: calc(var(--spacing-one-and-a-half-x) / -2); } .icgds .lmn-row-gutter-24 > [class^=lmn-col] { padding-right: calc(var(--spacing-one-and-a-half-x) / 2); padding-left: calc(var(--spacing-one-and-a-half-x) / 2); } .icgds .lmn-col-2xl, .icgds .lmn-col-2xl-auto, .icgds .lmn-col-2xl-12, .icgds .lmn-col-2xl-11, .icgds .lmn-col-2xl-10, .icgds .lmn-col-2xl-9, .icgds .lmn-col-2xl-8, .icgds .lmn-col-2xl-7, .icgds .lmn-col-2xl-6, .icgds .lmn-col-2xl-5, .icgds .lmn-col-2xl-4, .icgds .lmn-col-2xl-3, .icgds .lmn-col-2xl-2, .icgds .lmn-col-2xl-1, .icgds .lmn-col-xl, .icgds .lmn-col-xl-auto, .icgds .lmn-col-xl-12, .icgds .lmn-col-xl-11, .icgds .lmn-col-xl-10, .icgds .lmn-col-xl-9, .icgds .lmn-col-xl-8, .icgds .lmn-col-xl-7, .icgds .lmn-col-xl-6, .icgds .lmn-col-xl-5, .icgds .lmn-col-xl-4, .icgds .lmn-col-xl-3, .icgds .lmn-col-xl-2, .icgds .lmn-col-xl-1, .icgds .lmn-col-lg, .icgds .lmn-col-lg-auto, .icgds .lmn-col-lg-12, .icgds .lmn-col-lg-11, .icgds .lmn-col-lg-10, .icgds .lmn-col-lg-9, .icgds .lmn-col-lg-8, .icgds .lmn-col-lg-7, .icgds .lmn-col-lg-6, .icgds .lmn-col-lg-5, .icgds .lmn-col-lg-4, .icgds .lmn-col-lg-3, .icgds .lmn-col-lg-2, .icgds .lmn-col-lg-1, .icgds .lmn-col-md, .icgds .lmn-col-md-auto, .icgds .lmn-col-md-12, .icgds .lmn-col-md-11, .icgds .lmn-col-md-10, .icgds .lmn-col-md-9, .icgds .lmn-col-md-8, .icgds .lmn-col-md-7, .icgds .lmn-col-md-6, .icgds .lmn-col-md-5, .icgds .lmn-col-md-4, .icgds .lmn-col-md-3, .icgds .lmn-col-md-2, .icgds .lmn-col-md-1, .icgds .lmn-col-sm, .icgds .lmn-col-sm-auto, .icgds .lmn-col-sm-12, .icgds .lmn-col-sm-11, .icgds .lmn-col-sm-10, .icgds .lmn-col-sm-9, .icgds .lmn-col-sm-8, .icgds .lmn-col-sm-7, .icgds .lmn-col-sm-6, .icgds .lmn-col-sm-5, .icgds .lmn-col-sm-4, .icgds .lmn-col-sm-3, .icgds .lmn-col-sm-2, .icgds .lmn-col-sm-1, .icgds .lmn-col, .icgds .lmn-col-auto, .icgds .lmn-col-12, .icgds .lmn-col-11, .icgds .lmn-col-10, .icgds .lmn-col-9, .icgds .lmn-col-8, .icgds .lmn-col-7, .icgds .lmn-col-6, .icgds .lmn-col-5, .icgds .lmn-col-4, .icgds .lmn-col-3, .icgds .lmn-col-2, .icgds .lmn-col-1 { width: 100%; min-height: 1px; padding-right: calc(var(--spacing-x) / 2); padding-left: calc(var(--spacing-x) / 2); } .icgds .lmn-col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-first { order: -1; } .icgds .lmn-order-last { order: 13; } .icgds .lmn-order-0 { order: 0; } .icgds .lmn-order-1 { order: 1; } .icgds .lmn-order-2 { order: 2; } .icgds .lmn-order-3 { order: 3; } .icgds .lmn-order-4 { order: 4; } .icgds .lmn-order-5 { order: 5; } .icgds .lmn-order-6 { order: 6; } .icgds .lmn-order-7 { order: 7; } .icgds .lmn-order-8 { order: 8; } .icgds .lmn-order-9 { order: 9; } .icgds .lmn-order-10 { order: 10; } .icgds .lmn-order-11 { order: 11; } .icgds .lmn-order-12 { order: 12; } .icgds .lmn-offset-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-3 { margin-left: 25%; } .icgds .lmn-offset-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-6 { margin-left: 50%; } .icgds .lmn-offset-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-9 { margin-left: 75%; } .icgds .lmn-offset-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-11 { margin-left: 91.6666666667%; } @media (min-width: 584px) { .icgds .lmn-col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-sm-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-sm-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-sm-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-sm-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-sm-first { order: -1; } .icgds .lmn-order-sm-last { order: 13; } .icgds .lmn-order-sm-0 { order: 0; } .icgds .lmn-order-sm-1 { order: 1; } .icgds .lmn-order-sm-2 { order: 2; } .icgds .lmn-order-sm-3 { order: 3; } .icgds .lmn-order-sm-4 { order: 4; } .icgds .lmn-order-sm-5 { order: 5; } .icgds .lmn-order-sm-6 { order: 6; } .icgds .lmn-order-sm-7 { order: 7; } .icgds .lmn-order-sm-8 { order: 8; } .icgds .lmn-order-sm-9 { order: 9; } .icgds .lmn-order-sm-10 { order: 10; } .icgds .lmn-order-sm-11 { order: 11; } .icgds .lmn-order-sm-12 { order: 12; } .icgds .lmn-offset-sm-0 { margin-left: 0; } .icgds .lmn-offset-sm-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-sm-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-sm-3 { margin-left: 25%; } .icgds .lmn-offset-sm-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-sm-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-sm-6 { margin-left: 50%; } .icgds .lmn-offset-sm-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-sm-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-sm-9 { margin-left: 75%; } .icgds .lmn-offset-sm-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 784px) { .icgds .lmn-col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-md-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-md-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-md-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-md-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-md-first { order: -1; } .icgds .lmn-order-md-last { order: 13; } .icgds .lmn-order-md-0 { order: 0; } .icgds .lmn-order-md-1 { order: 1; } .icgds .lmn-order-md-2 { order: 2; } .icgds .lmn-order-md-3 { order: 3; } .icgds .lmn-order-md-4 { order: 4; } .icgds .lmn-order-md-5 { order: 5; } .icgds .lmn-order-md-6 { order: 6; } .icgds .lmn-order-md-7 { order: 7; } .icgds .lmn-order-md-8 { order: 8; } .icgds .lmn-order-md-9 { order: 9; } .icgds .lmn-order-md-10 { order: 10; } .icgds .lmn-order-md-11 { order: 11; } .icgds .lmn-order-md-12 { order: 12; } .icgds .lmn-offset-md-0 { margin-left: 0; } .icgds .lmn-offset-md-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-md-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-md-3 { margin-left: 25%; } .icgds .lmn-offset-md-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-md-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-md-6 { margin-left: 50%; } .icgds .lmn-offset-md-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-md-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-md-9 { margin-left: 75%; } .icgds .lmn-offset-md-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 1072px) { .icgds .lmn-col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-lg-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-lg-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-lg-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-lg-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-lg-first { order: -1; } .icgds .lmn-order-lg-last { order: 13; } .icgds .lmn-order-lg-0 { order: 0; } .icgds .lmn-order-lg-1 { order: 1; } .icgds .lmn-order-lg-2 { order: 2; } .icgds .lmn-order-lg-3 { order: 3; } .icgds .lmn-order-lg-4 { order: 4; } .icgds .lmn-order-lg-5 { order: 5; } .icgds .lmn-order-lg-6 { order: 6; } .icgds .lmn-order-lg-7 { order: 7; } .icgds .lmn-order-lg-8 { order: 8; } .icgds .lmn-order-lg-9 { order: 9; } .icgds .lmn-order-lg-10 { order: 10; } .icgds .lmn-order-lg-11 { order: 11; } .icgds .lmn-order-lg-12 { order: 12; } .icgds .lmn-offset-lg-0 { margin-left: 0; } .icgds .lmn-offset-lg-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-lg-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-lg-3 { margin-left: 25%; } .icgds .lmn-offset-lg-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-lg-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-lg-6 { margin-left: 50%; } .icgds .lmn-offset-lg-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-lg-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-lg-9 { margin-left: 75%; } .icgds .lmn-offset-lg-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1264px) { .icgds .lmn-col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-xl-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-xl-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-xl-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-xl-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-xl-first { order: -1; } .icgds .lmn-order-xl-last { order: 13; } .icgds .lmn-order-xl-0 { order: 0; } .icgds .lmn-order-xl-1 { order: 1; } .icgds .lmn-order-xl-2 { order: 2; } .icgds .lmn-order-xl-3 { order: 3; } .icgds .lmn-order-xl-4 { order: 4; } .icgds .lmn-order-xl-5 { order: 5; } .icgds .lmn-order-xl-6 { order: 6; } .icgds .lmn-order-xl-7 { order: 7; } .icgds .lmn-order-xl-8 { order: 8; } .icgds .lmn-order-xl-9 { order: 9; } .icgds .lmn-order-xl-10 { order: 10; } .icgds .lmn-order-xl-11 { order: 11; } .icgds .lmn-order-xl-12 { order: 12; } .icgds .lmn-offset-xl-0 { margin-left: 0; } .icgds .lmn-offset-xl-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-xl-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-xl-3 { margin-left: 25%; } .icgds .lmn-offset-xl-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-xl-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-xl-6 { margin-left: 50%; } .icgds .lmn-offset-xl-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-xl-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-xl-9 { margin-left: 75%; } .icgds .lmn-offset-xl-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1680px) { .icgds .lmn-col-2xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-2xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-2xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-2xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-2xl-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-2xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-2xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-2xl-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-2xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-2xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-2xl-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-2xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-2xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-2xl-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-2xl-first { order: -1; } .icgds .lmn-order-2xl-last { order: 13; } .icgds .lmn-order-2xl-0 { order: 0; } .icgds .lmn-order-2xl-1 { order: 1; } .icgds .lmn-order-2xl-2 { order: 2; } .icgds .lmn-order-2xl-3 { order: 3; } .icgds .lmn-order-2xl-4 { order: 4; } .icgds .lmn-order-2xl-5 { order: 5; } .icgds .lmn-order-2xl-6 { order: 6; } .icgds .lmn-order-2xl-7 { order: 7; } .icgds .lmn-order-2xl-8 { order: 8; } .icgds .lmn-order-2xl-9 { order: 9; } .icgds .lmn-order-2xl-10 { order: 10; } .icgds .lmn-order-2xl-11 { order: 11; } .icgds .lmn-order-2xl-12 { order: 12; } .icgds .lmn-offset-2xl-0 { margin-left: 0; } .icgds .lmn-offset-2xl-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-2xl-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-2xl-3 { margin-left: 25%; } .icgds .lmn-offset-2xl-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-2xl-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-2xl-6 { margin-left: 50%; } .icgds .lmn-offset-2xl-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-2xl-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-2xl-9 { margin-left: 75%; } .icgds .lmn-offset-2xl-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-2xl-11 { margin-left: 91.6666666667%; } } .icgds .lmn-container { width: 100%; position: relative; margin-right: auto; margin-left: auto; } @media (min-width: 0) { .icgds .lmn-container { max-width: unset; } } @media (min-width: 584px) { .icgds .lmn-container { max-width: 560px; } } @media (min-width: 784px) { .icgds .lmn-container { max-width: 752px; } } @media (min-width: 1072px) { .icgds .lmn-container { max-width: 1040px; } } @media (min-width: 1264px) { .icgds .lmn-container { max-width: 1232px; } } @media (min-width: 1680px) { .icgds .lmn-container { max-width: 1616px; } } .icgds .lmn-container-fluid { width: 100%; position: relative; padding-right: var(--spacing-x); padding-left: var(--spacing-x); padding-bottom: calc(var(--spacing-x) / 2); margin-right: auto; margin-left: auto; } .icgds .lmn-container-fluid { padding-right: var(--spacing-2x); padding-left: var(--spacing-2x); } .icgds .lmn-trigger-icon-wrapper { display: flex; align-items: center; background-color: transparent; padding: 0; border: 1px solid transparent; border-radius: 4px; color: var(--icon_fill); cursor: pointer; } .icgds .lmn-trigger-icon-wrapper:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-icon-frame { font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-inline-icon-frame { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-action-icon { font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; appearance: none; background-color: transparent; vertical-align: baseline; position: relative; font-size: 18px; line-height: 18px; color: var(--icon_fill); border-radius: var(--radius-4); border: 1px solid transparent; cursor: pointer; transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-linear); } .icgds .lmn-action-icon.selected, .icgds .lmn-action-icon.ql-active { background-color: var(--button_fill_ghost_active); color: var(--button_foreground_ghost_active) !important; } .icgds .lmn-action-icon:hover { background: var(--field_fill_hover); } .icgds .lmn-action-icon:active { outline: 1px solid var(--border_active); } .icgds .lmn-action-icon:focus, .icgds .lmn-action-icon.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-action-icon.lmn-action-icon-panel:hover { background-color: var(--icon_hover_on-fill-hover); } .icgds .lmn-action-icon:disabled, .icgds .lmn-action-icon.disabled { background-color: var(--fill_disabled); color: var(--text_disabled) !important; outline-color: transparent; box-shadow: none; } .icgds .lmn-action-icon.lmn-ui-xs { font-size: 10px; line-height: 10px; } .icgds .lmn-action-icon.lmn-ui-sm { font-size: 14px; line-height: 14px; } .icgds .lmn-action-icon.lmn-ui-lg { font-size: 24px; line-height: 24px; } .icgds .lmn-action-icon.lmn-ui-xl { font-size: 24px; line-height: 24px; } .icgds .lmn-citi-logo .lmn-logo-arc { fill: var(--citi-red); } .icgds .lmn-citi-logo .lmn-logo-text { fill: var(--asset-citi-logo-full-color); } .icgds .lmn-citi-logo.lmn-citi-logo-one-color .lmn-logo-arc, .icgds .lmn-citi-logo.lmn-citi-logo-one-color .lmn-logo-text { fill: var(--asset-citi-logo-one-color-reverse); } .icgds .lmn-img-fluid { max-width: 100%; height: auto; } .icgds .lmn-img-thumbnail { background-color: var(--layer_secondary); border: 1px solid var(--border_weak); border-radius: var(--border-radius-sm); padding: var(--spacing-quarter-x); max-width: 100%; height: auto; box-shadow: var(--shadow_x-distance_raised-2) var(--shadow_y-distance_raised-2) var(--shadow_blur_raised-2) var(--shadow_spread_raised-2) var(--shadow_color_raised-2), var(--shadow_x-distance_raised-1) var(--shadow_y-distance_raised-1) var(--shadow_blur_raised-1) var(--shadow_spread_raised-1) var(--shadow_color_raised-1); } .icgds .lmn-img-ratio-1-1 { aspect-ratio: 1/1; } .icgds .lmn-img-ratio-2-1 { aspect-ratio: 2/1; } .icgds .lmn-img-ratio-4-3 { aspect-ratio: 4/3; } .icgds .lmn-app-wrapper { display: grid; grid-template-columns: [aside] max-content 1fr [aside-right] max-content; grid-template-rows: [header] max-content [content] 1fr [footer] min-content; grid-auto-rows: max-content; height: 100vh; width: 100vw; } .icgds .lmn-app-header { /* row-start / col-start / row-end / col-end */ grid-area: header/1/content/last-line; } .icgds .lmn-app-header:has(+ .lmn-app-aside-mobile):has(.lmn-navbar-menu-open) { background: var(--modal_background_on-mask); } .icgds .lmn-app-wrapper, .icgds .lmn-app-content { grid-area: content/2/last-line/aside-right; background: var(--background); overflow: hidden; } .icgds .lmn-app-wrapper.lmn-app-content-scrollable, .icgds .lmn-app-content.lmn-app-content-scrollable { overflow-y: auto; display: flex; flex-direction: column; } .icgds .lmn-app-aside { z-index: 1; grid-area: content/aside/last-line/2; display: flex; } .icgds .lmn-app-aside:has(.lmn-global-left-menu) { padding: var(--global-left-menu_container-margin); } .icgds .lmn-app-aside:has(.lmn-global-left-menu) .lmn-global-left-menu { margin: 0; } .icgds .lmn-app-aside:has(.lmn-left-navigation) { padding: var(--global-left-nav_container-margin); } .icgds .lmn-app-aside:has(.lmn-left-navigation) .lmn-left-navigation { margin: 0; } .icgds .lmn-app-aside:has(.lmn-drawer-open) { padding: var(--drawer_container_margin); } .icgds .lmn-app-aside:has(.lmn-drawer-open) .lmn-drawer-content { margin: 0; } .icgds .lmn-app-aside-right { z-index: 1; grid-area: content/aside-right/last-line/last-line; display: flex; } .icgds .lmn-app-aside-right:has(.lmn-global-left-menu) { padding: var(--global-left-menu_container-margin); } .icgds .lmn-app-aside-right:has(.lmn-global-left-menu) .lmn-global-left-menu { margin: 0; } .icgds .lmn-app-aside-mobile { z-index: 999; grid-area: content/aside/last-line/last-line; display: flex; } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu), .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) { background: var(--modal_background_on-mask); } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-global-left-menu, .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-global-left-menu { margin: 0; width: 424px; flex-grow: unset; } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-left-navigation, .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-left-navigation { margin: 0; } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-app-aside-right, .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right { height: 100%; margin-left: auto; } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-app-aside-right:has(.lmn-avatar-menu), .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right:has(.lmn-avatar-menu) { padding: var(--avatar-menu_container_vertical-margin) var(--avatar-menu_container_horizontal-margin); } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-app-aside-right:has(.lmn-notification-container), .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right:has(.lmn-notification-container) { padding: var(--avatar-menu_container_vertical-margin) var(--avatar-menu_container_horizontal-margin); } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-app-aside-right .lmn-avatar-menu, .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right .lmn-avatar-menu { margin-top: 0; max-height: 100%; overflow: auto; } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-app-aside-right .lmn-avatar-menu .lmn-avatar-menu-inner, .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right .lmn-avatar-menu .lmn-avatar-menu-inner { height: 100%; } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-app-aside-right .lmn-avatar-menu .lmn-avatar-menu-inner .lmn-avatar-menu-footer, .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right .lmn-avatar-menu .lmn-avatar-menu-inner .lmn-avatar-menu-footer { margin-top: auto; padding-bottom: var(--global-left-menu_container_padding-bottom); } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-app-aside-right .lmn-notification-container, .icgds .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right .lmn-notification-container { display: inline-flex; flex-direction: column; margin-top: 0; height: 100%; } .icgds .lmn-app-aside-mobile:has(.lmn-global-left-menu) { padding: var(--global-left-menu_container-margin); } .icgds .lmn-app-footer { grid-area: footer/2/last-line/last-line; } @media (max-width: 783.98px) { .icgds .lmn-responsive-layout:has(.lmn-datepicker) { inset: 0; z-index: var(--modal-mask-z-index); background: var(--modal_background_on-mask); position: fixed; } } .icgds .lmn-overflow-hidden { overflow: hidden !important; } .icgds .lmn-overflow-visible { overflow: visible !important; } .icgds .lmn-overflow-scroll { overflow: scroll !important; } .icgds .lmn-overflow-auto { overflow: auto !important; } .icgds .lmn-overflow-x-hidden { overflow-x: hidden !important; } .icgds .lmn-overflow-x-visible { overflow-x: visible !important; } .icgds .lmn-overflow-x-scroll { overflow-x: scroll !important; } .icgds .lmn-overflow-x-auto { overflow-x: auto !important; } .icgds .lmn-overflow-y-hidden { overflow-y: hidden !important; } .icgds .lmn-overflow-y-visible { overflow-y: visible !important; } .icgds .lmn-overflow-y-scroll { overflow-y: scroll !important; } .icgds .lmn-overflow-y-auto { overflow-y: auto !important; } .icgds .lmn-position-static { position: static !important; } .icgds .lmn-position-relative { position: relative !important; } .icgds .lmn-position-absolute { position: absolute !important; } .icgds .lmn-position-fixed { position: fixed !important; } .icgds .lmn-position-sticky { position: sticky !important; } .icgds .lmn-fixed-top { position: fixed !important; top: 0; right: 0; left: 0; z-index: var(--zindex-fixed); } .icgds .lmn-fixed-bottom { position: fixed !important; right: 0; bottom: 0; left: 0; z-index: var(--zindex-fixed); } @supports (position: sticky) { .icgds .lmn-sticky-top { position: sticky !important; top: 0; z-index: var(--zindex-sticky); } } .icgds .lmn-hidden-element { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .icgds .lmn-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .icgds .lmn-sr-only-focusable:active, .icgds .lmn-sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .icgds .lmn-shadow, .icgds .lmn-shadow-sm, .icgds .lmn-shadow-raised { box-shadow: var(--shadow_raised); } .icgds .lmn-shadow-lg, .icgds .lmn-shadow-overlay { box-shadow: var(--shadow_overlay); } .icgds .lmn-shadow-none { box-shadow: none !important; } .icgds .lmn-w-25 { width: 25% !important; } .icgds .lmn-w-50 { width: 50% !important; } .icgds .lmn-w-75 { width: 75% !important; } .icgds .lmn-w-100 { width: 100% !important; } .icgds .lmn-w-auto { width: auto !important; } .icgds .lmn-h-25 { height: 25% !important; } .icgds .lmn-h-50 { height: 50% !important; } .icgds .lmn-h-75 { height: 75% !important; } .icgds .lmn-h-100 { height: 100% !important; } .icgds .lmn-h-auto { height: auto !important; } .icgds .lmn-mw-100 { max-width: 100% !important; } .icgds .lmn-mh-100 { max-height: 100% !important; } .icgds .lmn-min-vw-100 { min-width: 100vw !important; } .icgds .lmn-min-vh-100 { min-height: 100vh !important; } .icgds .lmn-vw-100 { width: 100vw !important; } .icgds .lmn-vh-100 { height: 100vh !important; } .icgds .lmn-border-box { box-sizing: border-box; } .icgds .lmn-border-box *, .icgds .lmn-border-box *::before, .icgds .lmn-border-box *::after { box-sizing: border-box; } .icgds .lmn-max-width-xs { max-width: unset !important; } @media (min-width: 584px) { .icgds .lmn-max-width-sm { max-width: 560px !important; } } @media (min-width: 784px) { .icgds .lmn-max-width-md { max-width: 752px !important; } } @media (min-width: 1072px) { .icgds .lmn-max-width-lg { max-width: 1040px !important; } } @media (min-width: 1264px) { .icgds .lmn-max-width-xl { max-width: 1232px !important; } } @media (min-width: 1680px) { .icgds .lmn-max-width-2xl { max-width: 1616px !important; } } .icgds .lmn-m-1px { margin: var(--spacing-1) !important; } .icgds .lmn-m-2px { margin: var(--spacing-2) !important; } .icgds .lmn-m-4px { margin: var(--spacing-4) !important; } .icgds .lmn-m-8px { margin: var(--spacing-8) !important; } .icgds .lmn-m-12px { margin: var(--spacing-12) !important; } .icgds .lmn-m-16px { margin: var(--spacing-16) !important; } .icgds .lmn-m-24px { margin: var(--spacing-24) !important; } .icgds .lmn-m-32px { margin: var(--spacing-32) !important; } .icgds .lmn-m-40px { margin: var(--spacing-40) !important; } .icgds .lmn-m-48px { margin: var(--spacing-48) !important; } .icgds .lmn-m-56px { margin: var(--spacing-56) !important; } .icgds .lmn-m-64px { margin: var(--spacing-64) !important; } .icgds .lmn-m-80px { margin: var(--spacing-80) !important; } .icgds .lmn-p-1px { padding: var(--spacing-1) !important; } .icgds .lmn-p-2px { padding: var(--spacing-2) !important; } .icgds .lmn-p-4px { padding: var(--spacing-4) !important; } .icgds .lmn-p-8px { padding: var(--spacing-8) !important; } .icgds .lmn-p-12px { padding: var(--spacing-12) !important; } .icgds .lmn-p-16px { padding: var(--spacing-16) !important; } .icgds .lmn-p-24px { padding: var(--spacing-24) !important; } .icgds .lmn-p-32px { padding: var(--spacing-32) !important; } .icgds .lmn-p-40px { padding: var(--spacing-40) !important; } .icgds .lmn-p-48px { padding: var(--spacing-48) !important; } .icgds .lmn-p-56px { padding: var(--spacing-56) !important; } .icgds .lmn-p-64px { padding: var(--spacing-64) !important; } .icgds .lmn-p-80px { padding: var(--spacing-80) !important; } .icgds .lmn-g-1px { gap: var(--spacing-1) !important; } .icgds .lmn-g-2px { gap: var(--spacing-2) !important; } .icgds .lmn-g-4px { gap: var(--spacing-4) !important; } .icgds .lmn-g-8px { gap: var(--spacing-8) !important; } .icgds .lmn-g-12px { gap: var(--spacing-12) !important; } .icgds .lmn-g-16px { gap: var(--spacing-16) !important; } .icgds .lmn-g-24px { gap: var(--spacing-24) !important; } .icgds .lmn-g-32px { gap: var(--spacing-32) !important; } .icgds .lmn-g-40px { gap: var(--spacing-40) !important; } .icgds .lmn-g-48px { gap: var(--spacing-48) !important; } .icgds .lmn-g-56px { gap: var(--spacing-56) !important; } .icgds .lmn-g-64px { gap: var(--spacing-64) !important; } .icgds .lmn-g-80px { gap: var(--spacing-80) !important; } .icgds .lmn-mt-1px, .icgds .lmn-my-1px { margin-top: var(--spacing-1) !important; } .icgds .lmn-mr-1px, .icgds .lmn-mx-1px { margin-right: var(--spacing-1) !important; } .icgds .lmn-mb-1px, .icgds .lmn-my-1px { margin-bottom: var(--spacing-1) !important; } .icgds .lmn-ml-1px, .icgds .lmn-mx-1px { margin-left: var(--spacing-1) !important; } .icgds .lmn-mt-2px, .icgds .lmn-my-2px { margin-top: var(--spacing-2) !important; } .icgds .lmn-mr-2px, .icgds .lmn-mx-2px { margin-right: var(--spacing-2) !important; } .icgds .lmn-mb-2px, .icgds .lmn-my-2px { margin-bottom: var(--spacing-2) !important; } .icgds .lmn-ml-2px, .icgds .lmn-mx-2px { margin-left: var(--spacing-2) !important; } .icgds .lmn-mt-4px, .icgds .lmn-my-4px { margin-top: var(--spacing-4) !important; } .icgds .lmn-mr-4px, .icgds .lmn-mx-4px { margin-right: var(--spacing-4) !important; } .icgds .lmn-mb-4px, .icgds .lmn-my-4px { margin-bottom: var(--spacing-4) !important; } .icgds .lmn-ml-4px, .icgds .lmn-mx-4px { margin-left: var(--spacing-4) !important; } .icgds .lmn-mt-8px, .icgds .lmn-my-8px { margin-top: var(--spacing-8) !important; } .icgds .lmn-mr-8px, .icgds .lmn-mx-8px { margin-right: var(--spacing-8) !important; } .icgds .lmn-mb-8px, .icgds .lmn-my-8px { margin-bottom: var(--spacing-8) !important; } .icgds .lmn-ml-8px, .icgds .lmn-mx-8px { margin-left: var(--spacing-8) !important; } .icgds .lmn-mt-12px, .icgds .lmn-my-12px { margin-top: var(--spacing-12) !important; } .icgds .lmn-mr-12px, .icgds .lmn-mx-12px { margin-right: var(--spacing-12) !important; } .icgds .lmn-mb-12px, .icgds .lmn-my-12px { margin-bottom: var(--spacing-12) !important; } .icgds .lmn-ml-12px, .icgds .lmn-mx-12px { margin-left: var(--spacing-12) !important; } .icgds .lmn-mt-16px, .icgds .lmn-my-16px { margin-top: var(--spacing-16) !important; } .icgds .lmn-mr-16px, .icgds .lmn-mx-16px { margin-right: var(--spacing-16) !important; } .icgds .lmn-mb-16px, .icgds .lmn-my-16px { margin-bottom: var(--spacing-16) !important; } .icgds .lmn-ml-16px, .icgds .lmn-mx-16px { margin-left: var(--spacing-16) !important; } .icgds .lmn-mt-24px, .icgds .lmn-my-24px { margin-top: var(--spacing-24) !important; } .icgds .lmn-mr-24px, .icgds .lmn-mx-24px { margin-right: var(--spacing-24) !important; } .icgds .lmn-mb-24px, .icgds .lmn-my-24px { margin-bottom: var(--spacing-24) !important; } .icgds .lmn-ml-24px, .icgds .lmn-mx-24px { margin-left: var(--spacing-24) !important; } .icgds .lmn-mt-32px, .icgds .lmn-my-32px { margin-top: var(--spacing-32) !important; } .icgds .lmn-mr-32px, .icgds .lmn-mx-32px { margin-right: var(--spacing-32) !important; } .icgds .lmn-mb-32px, .icgds .lmn-my-32px { margin-bottom: var(--spacing-32) !important; } .icgds .lmn-ml-32px, .icgds .lmn-mx-32px { margin-left: var(--spacing-32) !important; } .icgds .lmn-mt-40px, .icgds .lmn-my-40px { margin-top: var(--spacing-40) !important; } .icgds .lmn-mr-40px, .icgds .lmn-mx-40px { margin-right: var(--spacing-40) !important; } .icgds .lmn-mb-40px, .icgds .lmn-my-40px { margin-bottom: var(--spacing-40) !important; } .icgds .lmn-ml-40px, .icgds .lmn-mx-40px { margin-left: var(--spacing-40) !important; } .icgds .lmn-mt-48px, .icgds .lmn-my-48px { margin-top: var(--spacing-48) !important; } .icgds .lmn-mr-48px, .icgds .lmn-mx-48px { margin-right: var(--spacing-48) !important; } .icgds .lmn-mb-48px, .icgds .lmn-my-48px { margin-bottom: var(--spacing-48) !important; } .icgds .lmn-ml-48px, .icgds .lmn-mx-48px { margin-left: var(--spacing-48) !important; } .icgds .lmn-mt-56px, .icgds .lmn-my-56px { margin-top: var(--spacing-56) !important; } .icgds .lmn-mr-56px, .icgds .lmn-mx-56px { margin-right: var(--spacing-56) !important; } .icgds .lmn-mb-56px, .icgds .lmn-my-56px { margin-bottom: var(--spacing-56) !important; } .icgds .lmn-ml-56px, .icgds .lmn-mx-56px { margin-left: var(--spacing-56) !important; } .icgds .lmn-mt-64px, .icgds .lmn-my-64px { margin-top: var(--spacing-64) !important; } .icgds .lmn-mr-64px, .icgds .lmn-mx-64px { margin-right: var(--spacing-64) !important; } .icgds .lmn-mb-64px, .icgds .lmn-my-64px { margin-bottom: var(--spacing-64) !important; } .icgds .lmn-ml-64px, .icgds .lmn-mx-64px { margin-left: var(--spacing-64) !important; } .icgds .lmn-mt-80px, .icgds .lmn-my-80px { margin-top: var(--spacing-80) !important; } .icgds .lmn-mr-80px, .icgds .lmn-mx-80px { margin-right: var(--spacing-80) !important; } .icgds .lmn-mb-80px, .icgds .lmn-my-80px { margin-bottom: var(--spacing-80) !important; } .icgds .lmn-ml-80px, .icgds .lmn-mx-80px { margin-left: var(--spacing-80) !important; } .icgds .lmn-m-0 { margin: 0 !important; } .icgds .lmn-mt-0, .icgds .lmn-my-0 { margin-top: 0 !important; } .icgds .lmn-mr-0, .icgds .lmn-mx-0 { margin-right: 0 !important; } .icgds .lmn-mb-0, .icgds .lmn-my-0 { margin-bottom: 0 !important; } .icgds .lmn-ml-0, .icgds .lmn-mx-0 { margin-left: 0 !important; } .icgds .lmn-pt-1px, .icgds .lmn-py-1px { padding-top: var(--spacing-1) !important; } .icgds .lmn-pr-1px, .icgds .lmn-px-1px { padding-right: var(--spacing-1) !important; } .icgds .lmn-pb-1px, .icgds .lmn-py-1px { padding-bottom: var(--spacing-1) !important; } .icgds .lmn-pl-1px, .icgds .lmn-px-1px { padding-left: var(--spacing-1) !important; } .icgds .lmn-pt-2px, .icgds .lmn-py-2px { padding-top: var(--spacing-2) !important; } .icgds .lmn-pr-2px, .icgds .lmn-px-2px { padding-right: var(--spacing-2) !important; } .icgds .lmn-pb-2px, .icgds .lmn-py-2px { padding-bottom: var(--spacing-2) !important; } .icgds .lmn-pl-2px, .icgds .lmn-px-2px { padding-left: var(--spacing-2) !important; } .icgds .lmn-pt-4px, .icgds .lmn-py-4px { padding-top: var(--spacing-4) !important; } .icgds .lmn-pr-4px, .icgds .lmn-px-4px { padding-right: var(--spacing-4) !important; } .icgds .lmn-pb-4px, .icgds .lmn-py-4px { padding-bottom: var(--spacing-4) !important; } .icgds .lmn-pl-4px, .icgds .lmn-px-4px { padding-left: var(--spacing-4) !important; } .icgds .lmn-pt-8px, .icgds .lmn-py-8px { padding-top: var(--spacing-8) !important; } .icgds .lmn-pr-8px, .icgds .lmn-px-8px { padding-right: var(--spacing-8) !important; } .icgds .lmn-pb-8px, .icgds .lmn-py-8px { padding-bottom: var(--spacing-8) !important; } .icgds .lmn-pl-8px, .icgds .lmn-px-8px { padding-left: var(--spacing-8) !important; } .icgds .lmn-pt-12px, .icgds .lmn-py-12px { padding-top: var(--spacing-12) !important; } .icgds .lmn-pr-12px, .icgds .lmn-px-12px { padding-right: var(--spacing-12) !important; } .icgds .lmn-pb-12px, .icgds .lmn-py-12px { padding-bottom: var(--spacing-12) !important; } .icgds .lmn-pl-12px, .icgds .lmn-px-12px { padding-left: var(--spacing-12) !important; } .icgds .lmn-pt-16px, .icgds .lmn-py-16px { padding-top: var(--spacing-16) !important; } .icgds .lmn-pr-16px, .icgds .lmn-px-16px { padding-right: var(--spacing-16) !important; } .icgds .lmn-pb-16px, .icgds .lmn-py-16px { padding-bottom: var(--spacing-16) !important; } .icgds .lmn-pl-16px, .icgds .lmn-px-16px { padding-left: var(--spacing-16) !important; } .icgds .lmn-pt-24px, .icgds .lmn-py-24px { padding-top: var(--spacing-24) !important; } .icgds .lmn-pr-24px, .icgds .lmn-px-24px { padding-right: var(--spacing-24) !important; } .icgds .lmn-pb-24px, .icgds .lmn-py-24px { padding-bottom: var(--spacing-24) !important; } .icgds .lmn-pl-24px, .icgds .lmn-px-24px { padding-left: var(--spacing-24) !important; } .icgds .lmn-pt-32px, .icgds .lmn-py-32px { padding-top: var(--spacing-32) !important; } .icgds .lmn-pr-32px, .icgds .lmn-px-32px { padding-right: var(--spacing-32) !important; } .icgds .lmn-pb-32px, .icgds .lmn-py-32px { padding-bottom: var(--spacing-32) !important; } .icgds .lmn-pl-32px, .icgds .lmn-px-32px { padding-left: var(--spacing-32) !important; } .icgds .lmn-pt-40px, .icgds .lmn-py-40px { padding-top: var(--spacing-40) !important; } .icgds .lmn-pr-40px, .icgds .lmn-px-40px { padding-right: var(--spacing-40) !important; } .icgds .lmn-pb-40px, .icgds .lmn-py-40px { padding-bottom: var(--spacing-40) !important; } .icgds .lmn-pl-40px, .icgds .lmn-px-40px { padding-left: var(--spacing-40) !important; } .icgds .lmn-pt-48px, .icgds .lmn-py-48px { padding-top: var(--spacing-48) !important; } .icgds .lmn-pr-48px, .icgds .lmn-px-48px { padding-right: var(--spacing-48) !important; } .icgds .lmn-pb-48px, .icgds .lmn-py-48px { padding-bottom: var(--spacing-48) !important; } .icgds .lmn-pl-48px, .icgds .lmn-px-48px { padding-left: var(--spacing-48) !important; } .icgds .lmn-pt-56px, .icgds .lmn-py-56px { padding-top: var(--spacing-56) !important; } .icgds .lmn-pr-56px, .icgds .lmn-px-56px { padding-right: var(--spacing-56) !important; } .icgds .lmn-pb-56px, .icgds .lmn-py-56px { padding-bottom: var(--spacing-56) !important; } .icgds .lmn-pl-56px, .icgds .lmn-px-56px { padding-left: var(--spacing-56) !important; } .icgds .lmn-pt-64px, .icgds .lmn-py-64px { padding-top: var(--spacing-64) !important; } .icgds .lmn-pr-64px, .icgds .lmn-px-64px { padding-right: var(--spacing-64) !important; } .icgds .lmn-pb-64px, .icgds .lmn-py-64px { padding-bottom: var(--spacing-64) !important; } .icgds .lmn-pl-64px, .icgds .lmn-px-64px { padding-left: var(--spacing-64) !important; } .icgds .lmn-pt-80px, .icgds .lmn-py-80px { padding-top: var(--spacing-80) !important; } .icgds .lmn-pr-80px, .icgds .lmn-px-80px { padding-right: var(--spacing-80) !important; } .icgds .lmn-pb-80px, .icgds .lmn-py-80px { padding-bottom: var(--spacing-80) !important; } .icgds .lmn-pl-80px, .icgds .lmn-px-80px { padding-left: var(--spacing-80) !important; } .icgds .lmn-p-0 { padding: 0 !important; } .icgds .lmn-pt-0, .icgds .lmn-py-0 { padding-top: 0 !important; } .icgds .lmn-pr-0, .icgds .lmn-px-0 { padding-right: 0 !important; } .icgds .lmn-pb-0, .icgds .lmn-py-0 { padding-bottom: 0 !important; } .icgds .lmn-pl-0, .icgds .lmn-px-0 { padding-left: 0 !important; } .icgds .lmn-m-auto { margin: auto !important; } .icgds .lmn-mt-auto, .icgds .lmn-my-auto { margin-top: auto !important; } .icgds .lmn-mr-auto, .icgds .lmn-mx-auto { margin-right: auto !important; } .icgds .lmn-mb-auto, .icgds .lmn-my-auto { margin-bottom: auto !important; } .icgds .lmn-ml-auto, .icgds .lmn-mx-auto { margin-left: auto !important; } @media (min-width: 584px) { .icgds .lmn-m-sm-1px { margin: var(--spacing-1) !important; } .icgds .lmn-m-sm-2px { margin: var(--spacing-2) !important; } .icgds .lmn-m-sm-4px { margin: var(--spacing-4) !important; } .icgds .lmn-m-sm-8px { margin: var(--spacing-8) !important; } .icgds .lmn-m-sm-12px { margin: var(--spacing-12) !important; } .icgds .lmn-m-sm-16px { margin: var(--spacing-16) !important; } .icgds .lmn-m-sm-24px { margin: var(--spacing-24) !important; } .icgds .lmn-m-sm-32px { margin: var(--spacing-32) !important; } .icgds .lmn-m-sm-40px { margin: var(--spacing-40) !important; } .icgds .lmn-m-sm-48px { margin: var(--spacing-48) !important; } .icgds .lmn-m-sm-56px { margin: var(--spacing-56) !important; } .icgds .lmn-m-sm-64px { margin: var(--spacing-64) !important; } .icgds .lmn-m-sm-80px { margin: var(--spacing-80) !important; } .icgds .lmn-p-sm-1px { padding: var(--spacing-1) !important; } .icgds .lmn-p-sm-2px { padding: var(--spacing-2) !important; } .icgds .lmn-p-sm-4px { padding: var(--spacing-4) !important; } .icgds .lmn-p-sm-8px { padding: var(--spacing-8) !important; } .icgds .lmn-p-sm-12px { padding: var(--spacing-12) !important; } .icgds .lmn-p-sm-16px { padding: var(--spacing-16) !important; } .icgds .lmn-p-sm-24px { padding: var(--spacing-24) !important; } .icgds .lmn-p-sm-32px { padding: var(--spacing-32) !important; } .icgds .lmn-p-sm-40px { padding: var(--spacing-40) !important; } .icgds .lmn-p-sm-48px { padding: var(--spacing-48) !important; } .icgds .lmn-p-sm-56px { padding: var(--spacing-56) !important; } .icgds .lmn-p-sm-64px { padding: var(--spacing-64) !important; } .icgds .lmn-p-sm-80px { padding: var(--spacing-80) !important; } .icgds .lmn-g-sm-1px { gap: var(--spacing-1) !important; } .icgds .lmn-g-sm-2px { gap: var(--spacing-2) !important; } .icgds .lmn-g-sm-4px { gap: var(--spacing-4) !important; } .icgds .lmn-g-sm-8px { gap: var(--spacing-8) !important; } .icgds .lmn-g-sm-12px { gap: var(--spacing-12) !important; } .icgds .lmn-g-sm-16px { gap: var(--spacing-16) !important; } .icgds .lmn-g-sm-24px { gap: var(--spacing-24) !important; } .icgds .lmn-g-sm-32px { gap: var(--spacing-32) !important; } .icgds .lmn-g-sm-40px { gap: var(--spacing-40) !important; } .icgds .lmn-g-sm-48px { gap: var(--spacing-48) !important; } .icgds .lmn-g-sm-56px { gap: var(--spacing-56) !important; } .icgds .lmn-g-sm-64px { gap: var(--spacing-64) !important; } .icgds .lmn-g-sm-80px { gap: var(--spacing-80) !important; } .icgds .lmn-mt-sm-1px, .icgds .lmn-my-sm-1px { margin-top: var(--spacing-1) !important; } .icgds .lmn-mr-sm-1px, .icgds .lmn-mx-sm-1px { margin-right: var(--spacing-1) !important; } .icgds .lmn-mb-sm-1px, .icgds .lmn-my-sm-1px { margin-bottom: var(--spacing-1) !important; } .icgds .lmn-ml-sm-1px, .icgds .lmn-mx-sm-1px { margin-left: var(--spacing-1) !important; } .icgds .lmn-mt-sm-2px, .icgds .lmn-my-sm-2px { margin-top: var(--spacing-2) !important; } .icgds .lmn-mr-sm-2px, .icgds .lmn-mx-sm-2px { margin-right: var(--spacing-2) !important; } .icgds .lmn-mb-sm-2px, .icgds .lmn-my-sm-2px { margin-bottom: var(--spacing-2) !important; } .icgds .lmn-ml-sm-2px, .icgds .lmn-mx-sm-2px { margin-left: var(--spacing-2) !important; } .icgds .lmn-mt-sm-4px, .icgds .lmn-my-sm-4px { margin-top: var(--spacing-4) !important; } .icgds .lmn-mr-sm-4px, .icgds .lmn-mx-sm-4px { margin-right: var(--spacing-4) !important; } .icgds .lmn-mb-sm-4px, .icgds .lmn-my-sm-4px { margin-bottom: var(--spacing-4) !important; } .icgds .lmn-ml-sm-4px, .icgds .lmn-mx-sm-4px { margin-left: var(--spacing-4) !important; } .icgds .lmn-mt-sm-8px, .icgds .lmn-my-sm-8px { margin-top: var(--spacing-8) !important; } .icgds .lmn-mr-sm-8px, .icgds .lmn-mx-sm-8px { margin-right: var(--spacing-8) !important; } .icgds .lmn-mb-sm-8px, .icgds .lmn-my-sm-8px { margin-bottom: var(--spacing-8) !important; } .icgds .lmn-ml-sm-8px, .icgds .lmn-mx-sm-8px { margin-left: var(--spacing-8) !important; } .icgds .lmn-mt-sm-12px, .icgds .lmn-my-sm-12px { margin-top: var(--spacing-12) !important; } .icgds .lmn-mr-sm-12px, .icgds .lmn-mx-sm-12px { margin-right: var(--spacing-12) !important; } .icgds .lmn-mb-sm-12px, .icgds .lmn-my-sm-12px { margin-bottom: var(--spacing-12) !important; } .icgds .lmn-ml-sm-12px, .icgds .lmn-mx-sm-12px { margin-left: var(--spacing-12) !important; } .icgds .lmn-mt-sm-16px, .icgds .lmn-my-sm-16px { margin-top: var(--spacing-16) !important; } .icgds .lmn-mr-sm-16px, .icgds .lmn-mx-sm-16px { margin-right: var(--spacing-16) !important; } .icgds .lmn-mb-sm-16px, .icgds .lmn-my-sm-16px { margin-bottom: var(--spacing-16) !important; } .icgds .lmn-ml-sm-16px, .icgds .lmn-mx-sm-16px { margin-left: var(--spacing-16) !important; } .icgds .lmn-mt-sm-24px, .icgds .lmn-my-sm-24px { margin-top: var(--spacing-24) !important; } .icgds .lmn-mr-sm-24px, .icgds .lmn-mx-sm-24px { margin-right: var(--spacing-24) !important; } .icgds .lmn-mb-sm-24px, .icgds .lmn-my-sm-24px { margin-bottom: var(--spacing-24) !important; } .icgds .lmn-ml-sm-24px, .icgds .lmn-mx-sm-24px { margin-left: var(--spacing-24) !important; } .icgds .lmn-mt-sm-32px, .icgds .lmn-my-sm-32px { margin-top: var(--spacing-32) !important; } .icgds .lmn-mr-sm-32px, .icgds .lmn-mx-sm-32px { margin-right: var(--spacing-32) !important; } .icgds .lmn-mb-sm-32px, .icgds .lmn-my-sm-32px { margin-bottom: var(--spacing-32) !important; } .icgds .lmn-ml-sm-32px, .icgds .lmn-mx-sm-32px { margin-left: var(--spacing-32) !important; } .icgds .lmn-mt-sm-40px, .icgds .lmn-my-sm-40px { margin-top: var(--spacing-40) !important; } .icgds .lmn-mr-sm-40px, .icgds .lmn-mx-sm-40px { margin-right: var(--spacing-40) !important; } .icgds .lmn-mb-sm-40px, .icgds .lmn-my-sm-40px { margin-bottom: var(--spacing-40) !important; } .icgds .lmn-ml-sm-40px, .icgds .lmn-mx-sm-40px { margin-left: var(--spacing-40) !important; } .icgds .lmn-mt-sm-48px, .icgds .lmn-my-sm-48px { margin-top: var(--spacing-48) !important; } .icgds .lmn-mr-sm-48px, .icgds .lmn-mx-sm-48px { margin-right: var(--spacing-48) !important; } .icgds .lmn-mb-sm-48px, .icgds .lmn-my-sm-48px { margin-bottom: var(--spacing-48) !important; } .icgds .lmn-ml-sm-48px, .icgds .lmn-mx-sm-48px { margin-left: var(--spacing-48) !important; } .icgds .lmn-mt-sm-56px, .icgds .lmn-my-sm-56px { margin-top: var(--spacing-56) !important; } .icgds .lmn-mr-sm-56px, .icgds .lmn-mx-sm-56px { margin-right: var(--spacing-56) !important; } .icgds .lmn-mb-sm-56px, .icgds .lmn-my-sm-56px { margin-bottom: var(--spacing-56) !important; } .icgds .lmn-ml-sm-56px, .icgds .lmn-mx-sm-56px { margin-left: var(--spacing-56) !important; } .icgds .lmn-mt-sm-64px, .icgds .lmn-my-sm-64px { margin-top: var(--spacing-64) !important; } .icgds .lmn-mr-sm-64px, .icgds .lmn-mx-sm-64px { margin-right: var(--spacing-64) !important; } .icgds .lmn-mb-sm-64px, .icgds .lmn-my-sm-64px { margin-bottom: var(--spacing-64) !important; } .icgds .lmn-ml-sm-64px, .icgds .lmn-mx-sm-64px { margin-left: var(--spacing-64) !important; } .icgds .lmn-mt-sm-80px, .icgds .lmn-my-sm-80px { margin-top: var(--spacing-80) !important; } .icgds .lmn-mr-sm-80px, .icgds .lmn-mx-sm-80px { margin-right: var(--spacing-80) !important; } .icgds .lmn-mb-sm-80px, .icgds .lmn-my-sm-80px { margin-bottom: var(--spacing-80) !important; } .icgds .lmn-ml-sm-80px, .icgds .lmn-mx-sm-80px { margin-left: var(--spacing-80) !important; } .icgds .lmn-m-sm-0 { margin: 0 !important; } .icgds .lmn-mt-sm-0, .icgds .lmn-my-sm-0 { margin-top: 0 !important; } .icgds .lmn-mr-sm-0, .icgds .lmn-mx-sm-0 { margin-right: 0 !important; } .icgds .lmn-mb-sm-0, .icgds .lmn-my-sm-0 { margin-bottom: 0 !important; } .icgds .lmn-ml-sm-0, .icgds .lmn-mx-sm-0 { margin-left: 0 !important; } .icgds .lmn-pt-sm-1px, .icgds .lmn-py-sm-1px { padding-top: var(--spacing-1) !important; } .icgds .lmn-pr-sm-1px, .icgds .lmn-px-sm-1px { padding-right: var(--spacing-1) !important; } .icgds .lmn-pb-sm-1px, .icgds .lmn-py-sm-1px { padding-bottom: var(--spacing-1) !important; } .icgds .lmn-pl-sm-1px, .icgds .lmn-px-sm-1px { padding-left: var(--spacing-1) !important; } .icgds .lmn-pt-sm-2px, .icgds .lmn-py-sm-2px { padding-top: var(--spacing-2) !important; } .icgds .lmn-pr-sm-2px, .icgds .lmn-px-sm-2px { padding-right: var(--spacing-2) !important; } .icgds .lmn-pb-sm-2px, .icgds .lmn-py-sm-2px { padding-bottom: var(--spacing-2) !important; } .icgds .lmn-pl-sm-2px, .icgds .lmn-px-sm-2px { padding-left: var(--spacing-2) !important; } .icgds .lmn-pt-sm-4px, .icgds .lmn-py-sm-4px { padding-top: var(--spacing-4) !important; } .icgds .lmn-pr-sm-4px, .icgds .lmn-px-sm-4px { padding-right: var(--spacing-4) !important; } .icgds .lmn-pb-sm-4px, .icgds .lmn-py-sm-4px { padding-bottom: var(--spacing-4) !important; } .icgds .lmn-pl-sm-4px, .icgds .lmn-px-sm-4px { padding-left: var(--spacing-4) !important; } .icgds .lmn-pt-sm-8px, .icgds .lmn-py-sm-8px { padding-top: var(--spacing-8) !important; } .icgds .lmn-pr-sm-8px, .icgds .lmn-px-sm-8px { padding-right: var(--spacing-8) !important; } .icgds .lmn-pb-sm-8px, .icgds .lmn-py-sm-8px { padding-bottom: var(--spacing-8) !important; } .icgds .lmn-pl-sm-8px, .icgds .lmn-px-sm-8px { padding-left: var(--spacing-8) !important; } .icgds .lmn-pt-sm-12px, .icgds .lmn-py-sm-12px { padding-top: var(--spacing-12) !important; } .icgds .lmn-pr-sm-12px, .icgds .lmn-px-sm-12px { padding-right: var(--spacing-12) !important; } .icgds .lmn-pb-sm-12px, .icgds .lmn-py-sm-12px { padding-bottom: var(--spacing-12) !important; } .icgds .lmn-pl-sm-12px, .icgds .lmn-px-sm-12px { padding-left: var(--spacing-12) !important; } .icgds .lmn-pt-sm-16px, .icgds .lmn-py-sm-16px { padding-top: var(--spacing-16) !important; } .icgds .lmn-pr-sm-16px, .icgds .lmn-px-sm-16px { padding-right: var(--spacing-16) !important; } .icgds .lmn-pb-sm-16px, .icgds .lmn-py-sm-16px { padding-bottom: var(--spacing-16) !important; } .icgds .lmn-pl-sm-16px, .icgds .lmn-px-sm-16px { padding-left: var(--spacing-16) !important; } .icgds .lmn-pt-sm-24px, .icgds .lmn-py-sm-24px { padding-top: var(--spacing-24) !important; } .icgds .lmn-pr-sm-24px, .icgds .lmn-px-sm-24px { padding-right: var(--spacing-24) !important; } .icgds .lmn-pb-sm-24px, .icgds .lmn-py-sm-24px { padding-bottom: var(--spacing-24) !important; } .icgds .lmn-pl-sm-24px, .icgds .lmn-px-sm-24px { padding-left: var(--spacing-24) !important; } .icgds .lmn-pt-sm-32px, .icgds .lmn-py-sm-32px { padding-top: var(--spacing-32) !important; } .icgds .lmn-pr-sm-32px, .icgds .lmn-px-sm-32px { padding-right: var(--spacing-32) !important; } .icgds .lmn-pb-sm-32px, .icgds .lmn-py-sm-32px { padding-bottom: var(--spacing-32) !important; } .icgds .lmn-pl-sm-32px, .icgds .lmn-px-sm-32px { padding-left: var(--spacing-32) !important; } .icgds .lmn-pt-sm-40px, .icgds .lmn-py-sm-40px { padding-top: var(--spacing-40) !important; } .icgds .lmn-pr-sm-40px, .icgds .lmn-px-sm-40px { padding-right: var(--spacing-40) !important; } .icgds .lmn-pb-sm-40px, .icgds .lmn-py-sm-40px { padding-bottom: var(--spacing-40) !important; } .icgds .lmn-pl-sm-40px, .icgds .lmn-px-sm-40px { padding-left: var(--spacing-40) !important; } .icgds .lmn-pt-sm-48px, .icgds .lmn-py-sm-48px { padding-top: var(--spacing-48) !important; } .icgds .lmn-pr-sm-48px, .icgds .lmn-px-sm-48px { padding-right: var(--spacing-48) !important; } .icgds .lmn-pb-sm-48px, .icgds .lmn-py-sm-48px { padding-bottom: var(--spacing-48) !important; } .icgds .lmn-pl-sm-48px, .icgds .lmn-px-sm-48px { padding-left: var(--spacing-48) !important; } .icgds .lmn-pt-sm-56px, .icgds .lmn-py-sm-56px { padding-top: var(--spacing-56) !important; } .icgds .lmn-pr-sm-56px, .icgds .lmn-px-sm-56px { padding-right: var(--spacing-56) !important; } .icgds .lmn-pb-sm-56px, .icgds .lmn-py-sm-56px { padding-bottom: var(--spacing-56) !important; } .icgds .lmn-pl-sm-56px, .icgds .lmn-px-sm-56px { padding-left: var(--spacing-56) !important; } .icgds .lmn-pt-sm-64px, .icgds .lmn-py-sm-64px { padding-top: var(--spacing-64) !important; } .icgds .lmn-pr-sm-64px, .icgds .lmn-px-sm-64px { padding-right: var(--spacing-64) !important; } .icgds .lmn-pb-sm-64px, .icgds .lmn-py-sm-64px { padding-bottom: var(--spacing-64) !important; } .icgds .lmn-pl-sm-64px, .icgds .lmn-px-sm-64px { padding-left: var(--spacing-64) !important; } .icgds .lmn-pt-sm-80px, .icgds .lmn-py-sm-80px { padding-top: var(--spacing-80) !important; } .icgds .lmn-pr-sm-80px, .icgds .lmn-px-sm-80px { padding-right: var(--spacing-80) !important; } .icgds .lmn-pb-sm-80px, .icgds .lmn-py-sm-80px { padding-bottom: var(--spacing-80) !important; } .icgds .lmn-pl-sm-80px, .icgds .lmn-px-sm-80px { padding-left: var(--spacing-80) !important; } .icgds .lmn-p-sm-0 { padding: 0 !important; } .icgds .lmn-pt-sm-0, .icgds .lmn-py-sm-0 { padding-top: 0 !important; } .icgds .lmn-pr-sm-0, .icgds .lmn-px-sm-0 { padding-right: 0 !important; } .icgds .lmn-pb-sm-0, .icgds .lmn-py-sm-0 { padding-bottom: 0 !important; } .icgds .lmn-pl-sm-0, .icgds .lmn-px-sm-0 { padding-left: 0 !important; } .icgds .lmn-m-sm-auto { margin: auto !important; } .icgds .lmn-mt-sm-auto, .icgds .lmn-my-sm-auto { margin-top: auto !important; } .icgds .lmn-mr-sm-auto, .icgds .lmn-mx-sm-auto { margin-right: auto !important; } .icgds .lmn-mb-sm-auto, .icgds .lmn-my-sm-auto { margin-bottom: auto !important; } .icgds .lmn-ml-sm-auto, .icgds .lmn-mx-sm-auto { margin-left: auto !important; } } @media (min-width: 784px) { .icgds .lmn-m-md-1px { margin: var(--spacing-1) !important; } .icgds .lmn-m-md-2px { margin: var(--spacing-2) !important; } .icgds .lmn-m-md-4px { margin: var(--spacing-4) !important; } .icgds .lmn-m-md-8px { margin: var(--spacing-8) !important; } .icgds .lmn-m-md-12px { margin: var(--spacing-12) !important; } .icgds .lmn-m-md-16px { margin: var(--spacing-16) !important; } .icgds .lmn-m-md-24px { margin: var(--spacing-24) !important; } .icgds .lmn-m-md-32px { margin: var(--spacing-32) !important; } .icgds .lmn-m-md-40px { margin: var(--spacing-40) !important; } .icgds .lmn-m-md-48px { margin: var(--spacing-48) !important; } .icgds .lmn-m-md-56px { margin: var(--spacing-56) !important; } .icgds .lmn-m-md-64px { margin: var(--spacing-64) !important; } .icgds .lmn-m-md-80px { margin: var(--spacing-80) !important; } .icgds .lmn-p-md-1px { padding: var(--spacing-1) !important; } .icgds .lmn-p-md-2px { padding: var(--spacing-2) !important; } .icgds .lmn-p-md-4px { padding: var(--spacing-4) !important; } .icgds .lmn-p-md-8px { padding: var(--spacing-8) !important; } .icgds .lmn-p-md-12px { padding: var(--spacing-12) !important; } .icgds .lmn-p-md-16px { padding: var(--spacing-16) !important; } .icgds .lmn-p-md-24px { padding: var(--spacing-24) !important; } .icgds .lmn-p-md-32px { padding: var(--spacing-32) !important; } .icgds .lmn-p-md-40px { padding: var(--spacing-40) !important; } .icgds .lmn-p-md-48px { padding: var(--spacing-48) !important; } .icgds .lmn-p-md-56px { padding: var(--spacing-56) !important; } .icgds .lmn-p-md-64px { padding: var(--spacing-64) !important; } .icgds .lmn-p-md-80px { padding: var(--spacing-80) !important; } .icgds .lmn-g-md-1px { gap: var(--spacing-1) !important; } .icgds .lmn-g-md-2px { gap: var(--spacing-2) !important; } .icgds .lmn-g-md-4px { gap: var(--spacing-4) !important; } .icgds .lmn-g-md-8px { gap: var(--spacing-8) !important; } .icgds .lmn-g-md-12px { gap: var(--spacing-12) !important; } .icgds .lmn-g-md-16px { gap: var(--spacing-16) !important; } .icgds .lmn-g-md-24px { gap: var(--spacing-24) !important; } .icgds .lmn-g-md-32px { gap: var(--spacing-32) !important; } .icgds .lmn-g-md-40px { gap: var(--spacing-40) !important; } .icgds .lmn-g-md-48px { gap: var(--spacing-48) !important; } .icgds .lmn-g-md-56px { gap: var(--spacing-56) !important; } .icgds .lmn-g-md-64px { gap: var(--spacing-64) !important; } .icgds .lmn-g-md-80px { gap: var(--spacing-80) !important; } .icgds .lmn-mt-md-1px, .icgds .lmn-my-md-1px { margin-top: var(--spacing-1) !important; } .icgds .lmn-mr-md-1px, .icgds .lmn-mx-md-1px { margin-right: var(--spacing-1) !important; } .icgds .lmn-mb-md-1px, .icgds .lmn-my-md-1px { margin-bottom: var(--spacing-1) !important; } .icgds .lmn-ml-md-1px, .icgds .lmn-mx-md-1px { margin-left: var(--spacing-1) !important; } .icgds .lmn-mt-md-2px, .icgds .lmn-my-md-2px { margin-top: var(--spacing-2) !important; } .icgds .lmn-mr-md-2px, .icgds .lmn-mx-md-2px { margin-right: var(--spacing-2) !important; } .icgds .lmn-mb-md-2px, .icgds .lmn-my-md-2px { margin-bottom: var(--spacing-2) !important; } .icgds .lmn-ml-md-2px, .icgds .lmn-mx-md-2px { margin-left: var(--spacing-2) !important; } .icgds .lmn-mt-md-4px, .icgds .lmn-my-md-4px { margin-top: var(--spacing-4) !important; } .icgds .lmn-mr-md-4px, .icgds .lmn-mx-md-4px { margin-right: var(--spacing-4) !important; } .icgds .lmn-mb-md-4px, .icgds .lmn-my-md-4px { margin-bottom: var(--spacing-4) !important; } .icgds .lmn-ml-md-4px, .icgds .lmn-mx-md-4px { margin-left: var(--spacing-4) !important; } .icgds .lmn-mt-md-8px, .icgds .lmn-my-md-8px { margin-top: var(--spacing-8) !important; } .icgds .lmn-mr-md-8px, .icgds .lmn-mx-md-8px { margin-right: var(--spacing-8) !important; } .icgds .lmn-mb-md-8px, .icgds .lmn-my-md-8px { margin-bottom: var(--spacing-8) !important; } .icgds .lmn-ml-md-8px, .icgds .lmn-mx-md-8px { margin-left: var(--spacing-8) !important; } .icgds .lmn-mt-md-12px, .icgds .lmn-my-md-12px { margin-top: var(--spacing-12) !important; } .icgds .lmn-mr-md-12px, .icgds .lmn-mx-md-12px { margin-right: var(--spacing-12) !important; } .icgds .lmn-mb-md-12px, .icgds .lmn-my-md-12px { margin-bottom: var(--spacing-12) !important; } .icgds .lmn-ml-md-12px, .icgds .lmn-mx-md-12px { margin-left: var(--spacing-12) !important; } .icgds .lmn-mt-md-16px, .icgds .lmn-my-md-16px { margin-top: var(--spacing-16) !important; } .icgds .lmn-mr-md-16px, .icgds .lmn-mx-md-16px { margin-right: var(--spacing-16) !important; } .icgds .lmn-mb-md-16px, .icgds .lmn-my-md-16px { margin-bottom: var(--spacing-16) !important; } .icgds .lmn-ml-md-16px, .icgds .lmn-mx-md-16px { margin-left: var(--spacing-16) !important; } .icgds .lmn-mt-md-24px, .icgds .lmn-my-md-24px { margin-top: var(--spacing-24) !important; } .icgds .lmn-mr-md-24px, .icgds .lmn-mx-md-24px { margin-right: var(--spacing-24) !important; } .icgds .lmn-mb-md-24px, .icgds .lmn-my-md-24px { margin-bottom: var(--spacing-24) !important; } .icgds .lmn-ml-md-24px, .icgds .lmn-mx-md-24px { margin-left: var(--spacing-24) !important; } .icgds .lmn-mt-md-32px, .icgds .lmn-my-md-32px { margin-top: var(--spacing-32) !important; } .icgds .lmn-mr-md-32px, .icgds .lmn-mx-md-32px { margin-right: var(--spacing-32) !important; } .icgds .lmn-mb-md-32px, .icgds .lmn-my-md-32px { margin-bottom: var(--spacing-32) !important; } .icgds .lmn-ml-md-32px, .icgds .lmn-mx-md-32px { margin-left: var(--spacing-32) !important; } .icgds .lmn-mt-md-40px, .icgds .lmn-my-md-40px { margin-top: var(--spacing-40) !important; } .icgds .lmn-mr-md-40px, .icgds .lmn-mx-md-40px { margin-right: var(--spacing-40) !important; } .icgds .lmn-mb-md-40px, .icgds .lmn-my-md-40px { margin-bottom: var(--spacing-40) !important; } .icgds .lmn-ml-md-40px, .icgds .lmn-mx-md-40px { margin-left: var(--spacing-40) !important; } .icgds .lmn-mt-md-48px, .icgds .lmn-my-md-48px { margin-top: var(--spacing-48) !important; } .icgds .lmn-mr-md-48px, .icgds .lmn-mx-md-48px { margin-right: var(--spacing-48) !important; } .icgds .lmn-mb-md-48px, .icgds .lmn-my-md-48px { margin-bottom: var(--spacing-48) !important; } .icgds .lmn-ml-md-48px, .icgds .lmn-mx-md-48px { margin-left: var(--spacing-48) !important; } .icgds .lmn-mt-md-56px, .icgds .lmn-my-md-56px { margin-top: var(--spacing-56) !important; } .icgds .lmn-mr-md-56px, .icgds .lmn-mx-md-56px { margin-right: var(--spacing-56) !important; } .icgds .lmn-mb-md-56px, .icgds .lmn-my-md-56px { margin-bottom: var(--spacing-56) !important; } .icgds .lmn-ml-md-56px, .icgds .lmn-mx-md-56px { margin-left: var(--spacing-56) !important; } .icgds .lmn-mt-md-64px, .icgds .lmn-my-md-64px { margin-top: var(--spacing-64) !important; } .icgds .lmn-mr-md-64px, .icgds .lmn-mx-md-64px { margin-right: var(--spacing-64) !important; } .icgds .lmn-mb-md-64px, .icgds .lmn-my-md-64px { margin-bottom: var(--spacing-64) !important; } .icgds .lmn-ml-md-64px, .icgds .lmn-mx-md-64px { margin-left: var(--spacing-64) !important; } .icgds .lmn-mt-md-80px, .icgds .lmn-my-md-80px { margin-top: var(--spacing-80) !important; } .icgds .lmn-mr-md-80px, .icgds .lmn-mx-md-80px { margin-right: var(--spacing-80) !important; } .icgds .lmn-mb-md-80px, .icgds .lmn-my-md-80px { margin-bottom: var(--spacing-80) !important; } .icgds .lmn-ml-md-80px, .icgds .lmn-mx-md-80px { margin-left: var(--spacing-80) !important; } .icgds .lmn-m-md-0 { margin: 0 !important; } .icgds .lmn-mt-md-0, .icgds .lmn-my-md-0 { margin-top: 0 !important; } .icgds .lmn-mr-md-0, .icgds .lmn-mx-md-0 { margin-right: 0 !important; } .icgds .lmn-mb-md-0, .icgds .lmn-my-md-0 { margin-bottom: 0 !important; } .icgds .lmn-ml-md-0, .icgds .lmn-mx-md-0 { margin-left: 0 !important; } .icgds .lmn-pt-md-1px, .icgds .lmn-py-md-1px { padding-top: var(--spacing-1) !important; } .icgds .lmn-pr-md-1px, .icgds .lmn-px-md-1px { padding-right: var(--spacing-1) !important; } .icgds .lmn-pb-md-1px, .icgds .lmn-py-md-1px { padding-bottom: var(--spacing-1) !important; } .icgds .lmn-pl-md-1px, .icgds .lmn-px-md-1px { padding-left: var(--spacing-1) !important; } .icgds .lmn-pt-md-2px, .icgds .lmn-py-md-2px { padding-top: var(--spacing-2) !important; } .icgds .lmn-pr-md-2px, .icgds .lmn-px-md-2px { padding-right: var(--spacing-2) !important; } .icgds .lmn-pb-md-2px, .icgds .lmn-py-md-2px { padding-bottom: var(--spacing-2) !important; } .icgds .lmn-pl-md-2px, .icgds .lmn-px-md-2px { padding-left: var(--spacing-2) !important; } .icgds .lmn-pt-md-4px, .icgds .lmn-py-md-4px { padding-top: var(--spacing-4) !important; } .icgds .lmn-pr-md-4px, .icgds .lmn-px-md-4px { padding-right: var(--spacing-4) !important; } .icgds .lmn-pb-md-4px, .icgds .lmn-py-md-4px { padding-bottom: var(--spacing-4) !important; } .icgds .lmn-pl-md-4px, .icgds .lmn-px-md-4px { padding-left: var(--spacing-4) !important; } .icgds .lmn-pt-md-8px, .icgds .lmn-py-md-8px { padding-top: var(--spacing-8) !important; } .icgds .lmn-pr-md-8px, .icgds .lmn-px-md-8px { padding-right: var(--spacing-8) !important; } .icgds .lmn-pb-md-8px, .icgds .lmn-py-md-8px { padding-bottom: var(--spacing-8) !important; } .icgds .lmn-pl-md-8px, .icgds .lmn-px-md-8px { padding-left: var(--spacing-8) !important; } .icgds .lmn-pt-md-12px, .icgds .lmn-py-md-12px { padding-top: var(--spacing-12) !important; } .icgds .lmn-pr-md-12px, .icgds .lmn-px-md-12px { padding-right: var(--spacing-12) !important; } .icgds .lmn-pb-md-12px, .icgds .lmn-py-md-12px { padding-bottom: var(--spacing-12) !important; } .icgds .lmn-pl-md-12px, .icgds .lmn-px-md-12px { padding-left: var(--spacing-12) !important; } .icgds .lmn-pt-md-16px, .icgds .lmn-py-md-16px { padding-top: var(--spacing-16) !important; } .icgds .lmn-pr-md-16px, .icgds .lmn-px-md-16px { padding-right: var(--spacing-16) !important; } .icgds .lmn-pb-md-16px, .icgds .lmn-py-md-16px { padding-bottom: var(--spacing-16) !important; } .icgds .lmn-pl-md-16px, .icgds .lmn-px-md-16px { padding-left: var(--spacing-16) !important; } .icgds .lmn-pt-md-24px, .icgds .lmn-py-md-24px { padding-top: var(--spacing-24) !important; } .icgds .lmn-pr-md-24px, .icgds .lmn-px-md-24px { padding-right: var(--spacing-24) !important; } .icgds .lmn-pb-md-24px, .icgds .lmn-py-md-24px { padding-bottom: var(--spacing-24) !important; } .icgds .lmn-pl-md-24px, .icgds .lmn-px-md-24px { padding-left: var(--spacing-24) !important; } .icgds .lmn-pt-md-32px, .icgds .lmn-py-md-32px { padding-top: var(--spacing-32) !important; } .icgds .lmn-pr-md-32px, .icgds .lmn-px-md-32px { padding-right: var(--spacing-32) !important; } .icgds .lmn-pb-md-32px, .icgds .lmn-py-md-32px { padding-bottom: var(--spacing-32) !important; } .icgds .lmn-pl-md-32px, .icgds .lmn-px-md-32px { padding-left: var(--spacing-32) !important; } .icgds .lmn-pt-md-40px, .icgds .lmn-py-md-40px { padding-top: var(--spacing-40) !important; } .icgds .lmn-pr-md-40px, .icgds .lmn-px-md-40px { padding-right: var(--spacing-40) !important; } .icgds .lmn-pb-md-40px, .icgds .lmn-py-md-40px { padding-bottom: var(--spacing-40) !important; } .icgds .lmn-pl-md-40px, .icgds .lmn-px-md-40px { padding-left: var(--spacing-40) !important; } .icgds .lmn-pt-md-48px, .icgds .lmn-py-md-48px { padding-top: var(--spacing-48) !important; } .icgds .lmn-pr-md-48px, .icgds .lmn-px-md-48px { padding-right: var(--spacing-48) !important; } .icgds .lmn-pb-md-48px, .icgds .lmn-py-md-48px { padding-bottom: var(--spacing-48) !important; } .icgds .lmn-pl-md-48px, .icgds .lmn-px-md-48px { padding-left: var(--spacing-48) !important; } .icgds .lmn-pt-md-56px, .icgds .lmn-py-md-56px { padding-top: var(--spacing-56) !important; } .icgds .lmn-pr-md-56px, .icgds .lmn-px-md-56px { padding-right: var(--spacing-56) !important; } .icgds .lmn-pb-md-56px, .icgds .lmn-py-md-56px { padding-bottom: var(--spacing-56) !important; } .icgds .lmn-pl-md-56px, .icgds .lmn-px-md-56px { padding-left: var(--spacing-56) !important; } .icgds .lmn-pt-md-64px, .icgds .lmn-py-md-64px { padding-top: var(--spacing-64) !important; } .icgds .lmn-pr-md-64px, .icgds .lmn-px-md-64px { padding-right: var(--spacing-64) !important; } .icgds .lmn-pb-md-64px, .icgds .lmn-py-md-64px { padding-bottom: var(--spacing-64) !important; } .icgds .lmn-pl-md-64px, .icgds .lmn-px-md-64px { padding-left: var(--spacing-64) !important; } .icgds .lmn-pt-md-80px, .icgds .lmn-py-md-80px { padding-top: var(--spacing-80) !important; } .icgds .lmn-pr-md-80px, .icgds .lmn-px-md-80px { padding-right: var(--spacing-80) !important; } .icgds .lmn-pb-md-80px, .icgds .lmn-py-md-80px { padding-bottom: var(--spacing-80) !important; } .icgds .lmn-pl-md-80px, .icgds .lmn-px-md-80px { padding-left: var(--spacing-80) !important; } .icgds .lmn-p-md-0 { padding: 0 !important; } .icgds .lmn-pt-md-0, .icgds .lmn-py-md-0 { padding-top: 0 !important; } .icgds .lmn-pr-md-0, .icgds .lmn-px-md-0 { padding-right: 0 !important; } .icgds .lmn-pb-md-0, .icgds .lmn-py-md-0 { padding-bottom: 0 !important; } .icgds .lmn-pl-md-0, .icgds .lmn-px-md-0 { padding-left: 0 !important; } .icgds .lmn-m-md-auto { margin: auto !important; } .icgds .lmn-mt-md-auto, .icgds .lmn-my-md-auto { margin-top: auto !important; } .icgds .lmn-mr-md-auto, .icgds .lmn-mx-md-auto { margin-right: auto !important; } .icgds .lmn-mb-md-auto, .icgds .lmn-my-md-auto { margin-bottom: auto !important; } .icgds .lmn-ml-md-auto, .icgds .lmn-mx-md-auto { margin-left: auto !important; } } @media (min-width: 1072px) { .icgds .lmn-m-lg-1px { margin: var(--spacing-1) !important; } .icgds .lmn-m-lg-2px { margin: var(--spacing-2) !important; } .icgds .lmn-m-lg-4px { margin: var(--spacing-4) !important; } .icgds .lmn-m-lg-8px { margin: var(--spacing-8) !important; } .icgds .lmn-m-lg-12px { margin: var(--spacing-12) !important; } .icgds .lmn-m-lg-16px { margin: var(--spacing-16) !important; } .icgds .lmn-m-lg-24px { margin: var(--spacing-24) !important; } .icgds .lmn-m-lg-32px { margin: var(--spacing-32) !important; } .icgds .lmn-m-lg-40px { margin: var(--spacing-40) !important; } .icgds .lmn-m-lg-48px { margin: var(--spacing-48) !important; } .icgds .lmn-m-lg-56px { margin: var(--spacing-56) !important; } .icgds .lmn-m-lg-64px { margin: var(--spacing-64) !important; } .icgds .lmn-m-lg-80px { margin: var(--spacing-80) !important; } .icgds .lmn-p-lg-1px { padding: var(--spacing-1) !important; } .icgds .lmn-p-lg-2px { padding: var(--spacing-2) !important; } .icgds .lmn-p-lg-4px { padding: var(--spacing-4) !important; } .icgds .lmn-p-lg-8px { padding: var(--spacing-8) !important; } .icgds .lmn-p-lg-12px { padding: var(--spacing-12) !important; } .icgds .lmn-p-lg-16px { padding: var(--spacing-16) !important; } .icgds .lmn-p-lg-24px { padding: var(--spacing-24) !important; } .icgds .lmn-p-lg-32px { padding: var(--spacing-32) !important; } .icgds .lmn-p-lg-40px { padding: var(--spacing-40) !important; } .icgds .lmn-p-lg-48px { padding: var(--spacing-48) !important; } .icgds .lmn-p-lg-56px { padding: var(--spacing-56) !important; } .icgds .lmn-p-lg-64px { padding: var(--spacing-64) !important; } .icgds .lmn-p-lg-80px { padding: var(--spacing-80) !important; } .icgds .lmn-g-lg-1px { gap: var(--spacing-1) !important; } .icgds .lmn-g-lg-2px { gap: var(--spacing-2) !important; } .icgds .lmn-g-lg-4px { gap: var(--spacing-4) !important; } .icgds .lmn-g-lg-8px { gap: var(--spacing-8) !important; } .icgds .lmn-g-lg-12px { gap: var(--spacing-12) !important; } .icgds .lmn-g-lg-16px { gap: var(--spacing-16) !important; } .icgds .lmn-g-lg-24px { gap: var(--spacing-24) !important; } .icgds .lmn-g-lg-32px { gap: var(--spacing-32) !important; } .icgds .lmn-g-lg-40px { gap: var(--spacing-40) !important; } .icgds .lmn-g-lg-48px { gap: var(--spacing-48) !important; } .icgds .lmn-g-lg-56px { gap: var(--spacing-56) !important; } .icgds .lmn-g-lg-64px { gap: var(--spacing-64) !important; } .icgds .lmn-g-lg-80px { gap: var(--spacing-80) !important; } .icgds .lmn-mt-lg-1px, .icgds .lmn-my-lg-1px { margin-top: var(--spacing-1) !important; } .icgds .lmn-mr-lg-1px, .icgds .lmn-mx-lg-1px { margin-right: var(--spacing-1) !important; } .icgds .lmn-mb-lg-1px, .icgds .lmn-my-lg-1px { margin-bottom: var(--spacing-1) !important; } .icgds .lmn-ml-lg-1px, .icgds .lmn-mx-lg-1px { margin-left: var(--spacing-1) !important; } .icgds .lmn-mt-lg-2px, .icgds .lmn-my-lg-2px { margin-top: var(--spacing-2) !important; } .icgds .lmn-mr-lg-2px, .icgds .lmn-mx-lg-2px { margin-right: var(--spacing-2) !important; } .icgds .lmn-mb-lg-2px, .icgds .lmn-my-lg-2px { margin-bottom: var(--spacing-2) !important; } .icgds .lmn-ml-lg-2px, .icgds .lmn-mx-lg-2px { margin-left: var(--spacing-2) !important; } .icgds .lmn-mt-lg-4px, .icgds .lmn-my-lg-4px { margin-top: var(--spacing-4) !important; } .icgds .lmn-mr-lg-4px, .icgds .lmn-mx-lg-4px { margin-right: var(--spacing-4) !important; } .icgds .lmn-mb-lg-4px, .icgds .lmn-my-lg-4px { margin-bottom: var(--spacing-4) !important; } .icgds .lmn-ml-lg-4px, .icgds .lmn-mx-lg-4px { margin-left: var(--spacing-4) !important; } .icgds .lmn-mt-lg-8px, .icgds .lmn-my-lg-8px { margin-top: var(--spacing-8) !important; } .icgds .lmn-mr-lg-8px, .icgds .lmn-mx-lg-8px { margin-right: var(--spacing-8) !important; } .icgds .lmn-mb-lg-8px, .icgds .lmn-my-lg-8px { margin-bottom: var(--spacing-8) !important; } .icgds .lmn-ml-lg-8px, .icgds .lmn-mx-lg-8px { margin-left: var(--spacing-8) !important; } .icgds .lmn-mt-lg-12px, .icgds .lmn-my-lg-12px { margin-top: var(--spacing-12) !important; } .icgds .lmn-mr-lg-12px, .icgds .lmn-mx-lg-12px { margin-right: var(--spacing-12) !important; } .icgds .lmn-mb-lg-12px, .icgds .lmn-my-lg-12px { margin-bottom: var(--spacing-12) !important; } .icgds .lmn-ml-lg-12px, .icgds .lmn-mx-lg-12px { margin-left: var(--spacing-12) !important; } .icgds .lmn-mt-lg-16px, .icgds .lmn-my-lg-16px { margin-top: var(--spacing-16) !important; } .icgds .lmn-mr-lg-16px, .icgds .lmn-mx-lg-16px { margin-right: var(--spacing-16) !important; } .icgds .lmn-mb-lg-16px, .icgds .lmn-my-lg-16px { margin-bottom: var(--spacing-16) !important; } .icgds .lmn-ml-lg-16px, .icgds .lmn-mx-lg-16px { margin-left: var(--spacing-16) !important; } .icgds .lmn-mt-lg-24px, .icgds .lmn-my-lg-24px { margin-top: var(--spacing-24) !important; } .icgds .lmn-mr-lg-24px, .icgds .lmn-mx-lg-24px { margin-right: var(--spacing-24) !important; } .icgds .lmn-mb-lg-24px, .icgds .lmn-my-lg-24px { margin-bottom: var(--spacing-24) !important; } .icgds .lmn-ml-lg-24px, .icgds .lmn-mx-lg-24px { margin-left: var(--spacing-24) !important; } .icgds .lmn-mt-lg-32px, .icgds .lmn-my-lg-32px { margin-top: var(--spacing-32) !important; } .icgds .lmn-mr-lg-32px, .icgds .lmn-mx-lg-32px { margin-right: var(--spacing-32) !important; } .icgds .lmn-mb-lg-32px, .icgds .lmn-my-lg-32px { margin-bottom: var(--spacing-32) !important; } .icgds .lmn-ml-lg-32px, .icgds .lmn-mx-lg-32px { margin-left: var(--spacing-32) !important; } .icgds .lmn-mt-lg-40px, .icgds .lmn-my-lg-40px { margin-top: var(--spacing-40) !important; } .icgds .lmn-mr-lg-40px, .icgds .lmn-mx-lg-40px { margin-right: var(--spacing-40) !important; } .icgds .lmn-mb-lg-40px, .icgds .lmn-my-lg-40px { margin-bottom: var(--spacing-40) !important; } .icgds .lmn-ml-lg-40px, .icgds .lmn-mx-lg-40px { margin-left: var(--spacing-40) !important; } .icgds .lmn-mt-lg-48px, .icgds .lmn-my-lg-48px { margin-top: var(--spacing-48) !important; } .icgds .lmn-mr-lg-48px, .icgds .lmn-mx-lg-48px { margin-right: var(--spacing-48) !important; } .icgds .lmn-mb-lg-48px, .icgds .lmn-my-lg-48px { margin-bottom: var(--spacing-48) !important; } .icgds .lmn-ml-lg-48px, .icgds .lmn-mx-lg-48px { margin-left: var(--spacing-48) !important; } .icgds .lmn-mt-lg-56px, .icgds .lmn-my-lg-56px { margin-top: var(--spacing-56) !important; } .icgds .lmn-mr-lg-56px, .icgds .lmn-mx-lg-56px { margin-right: var(--spacing-56) !important; } .icgds .lmn-mb-lg-56px, .icgds .lmn-my-lg-56px { margin-bottom: var(--spacing-56) !important; } .icgds .lmn-ml-lg-56px, .icgds .lmn-mx-lg-56px { margin-left: var(--spacing-56) !important; } .icgds .lmn-mt-lg-64px, .icgds .lmn-my-lg-64px { margin-top: var(--spacing-64) !important; } .icgds .lmn-mr-lg-64px, .icgds .lmn-mx-lg-64px { margin-right: var(--spacing-64) !important; } .icgds .lmn-mb-lg-64px, .icgds .lmn-my-lg-64px { margin-bottom: var(--spacing-64) !important; } .icgds .lmn-ml-lg-64px, .icgds .lmn-mx-lg-64px { margin-left: var(--spacing-64) !important; } .icgds .lmn-mt-lg-80px, .icgds .lmn-my-lg-80px { margin-top: var(--spacing-80) !important; } .icgds .lmn-mr-lg-80px, .icgds .lmn-mx-lg-80px { margin-right: var(--spacing-80) !important; } .icgds .lmn-mb-lg-80px, .icgds .lmn-my-lg-80px { margin-bottom: var(--spacing-80) !important; } .icgds .lmn-ml-lg-80px, .icgds .lmn-mx-lg-80px { margin-left: var(--spacing-80) !important; } .icgds .lmn-m-lg-0 { margin: 0 !important; } .icgds .lmn-mt-lg-0, .icgds .lmn-my-lg-0 { margin-top: 0 !important; } .icgds .lmn-mr-lg-0, .icgds .lmn-mx-lg-0 { margin-right: 0 !important; } .icgds .lmn-mb-lg-0, .icgds .lmn-my-lg-0 { margin-bottom: 0 !important; } .icgds .lmn-ml-lg-0, .icgds .lmn-mx-lg-0 { margin-left: 0 !important; } .icgds .lmn-pt-lg-1px, .icgds .lmn-py-lg-1px { padding-top: var(--spacing-1) !important; } .icgds .lmn-pr-lg-1px, .icgds .lmn-px-lg-1px { padding-right: var(--spacing-1) !important; } .icgds .lmn-pb-lg-1px, .icgds .lmn-py-lg-1px { padding-bottom: var(--spacing-1) !important; } .icgds .lmn-pl-lg-1px, .icgds .lmn-px-lg-1px { padding-left: var(--spacing-1) !important; } .icgds .lmn-pt-lg-2px, .icgds .lmn-py-lg-2px { padding-top: var(--spacing-2) !important; } .icgds .lmn-pr-lg-2px, .icgds .lmn-px-lg-2px { padding-right: var(--spacing-2) !important; } .icgds .lmn-pb-lg-2px, .icgds .lmn-py-lg-2px { padding-bottom: var(--spacing-2) !important; } .icgds .lmn-pl-lg-2px, .icgds .lmn-px-lg-2px { padding-left: var(--spacing-2) !important; } .icgds .lmn-pt-lg-4px, .icgds .lmn-py-lg-4px { padding-top: var(--spacing-4) !important; } .icgds .lmn-pr-lg-4px, .icgds .lmn-px-lg-4px { padding-right: var(--spacing-4) !important; } .icgds .lmn-pb-lg-4px, .icgds .lmn-py-lg-4px { padding-bottom: var(--spacing-4) !important; } .icgds .lmn-pl-lg-4px, .icgds .lmn-px-lg-4px { padding-left: var(--spacing-4) !important; } .icgds .lmn-pt-lg-8px, .icgds .lmn-py-lg-8px { padding-top: var(--spacing-8) !important; } .icgds .lmn-pr-lg-8px, .icgds .lmn-px-lg-8px { padding-right: var(--spacing-8) !important; } .icgds .lmn-pb-lg-8px, .icgds .lmn-py-lg-8px { padding-bottom: var(--spacing-8) !important; } .icgds .lmn-pl-lg-8px, .icgds .lmn-px-lg-8px { padding-left: var(--spacing-8) !important; } .icgds .lmn-pt-lg-12px, .icgds .lmn-py-lg-12px { padding-top: var(--spacing-12) !important; } .icgds .lmn-pr-lg-12px, .icgds .lmn-px-lg-12px { padding-right: var(--spacing-12) !important; } .icgds .lmn-pb-lg-12px, .icgds .lmn-py-lg-12px { padding-bottom: var(--spacing-12) !important; } .icgds .lmn-pl-lg-12px, .icgds .lmn-px-lg-12px { padding-left: var(--spacing-12) !important; } .icgds .lmn-pt-lg-16px, .icgds .lmn-py-lg-16px { padding-top: var(--spacing-16) !important; } .icgds .lmn-pr-lg-16px, .icgds .lmn-px-lg-16px { padding-right: var(--spacing-16) !important; } .icgds .lmn-pb-lg-16px, .icgds .lmn-py-lg-16px { padding-bottom: var(--spacing-16) !important; } .icgds .lmn-pl-lg-16px, .icgds .lmn-px-lg-16px { padding-left: var(--spacing-16) !important; } .icgds .lmn-pt-lg-24px, .icgds .lmn-py-lg-24px { padding-top: var(--spacing-24) !important; } .icgds .lmn-pr-lg-24px, .icgds .lmn-px-lg-24px { padding-right: var(--spacing-24) !important; } .icgds .lmn-pb-lg-24px, .icgds .lmn-py-lg-24px { padding-bottom: var(--spacing-24) !important; } .icgds .lmn-pl-lg-24px, .icgds .lmn-px-lg-24px { padding-left: var(--spacing-24) !important; } .icgds .lmn-pt-lg-32px, .icgds .lmn-py-lg-32px { padding-top: var(--spacing-32) !important; } .icgds .lmn-pr-lg-32px, .icgds .lmn-px-lg-32px { padding-right: var(--spacing-32) !important; } .icgds .lmn-pb-lg-32px, .icgds .lmn-py-lg-32px { padding-bottom: var(--spacing-32) !important; } .icgds .lmn-pl-lg-32px, .icgds .lmn-px-lg-32px { padding-left: var(--spacing-32) !important; } .icgds .lmn-pt-lg-40px, .icgds .lmn-py-lg-40px { padding-top: var(--spacing-40) !important; } .icgds .lmn-pr-lg-40px, .icgds .lmn-px-lg-40px { padding-right: var(--spacing-40) !important; } .icgds .lmn-pb-lg-40px, .icgds .lmn-py-lg-40px { padding-bottom: var(--spacing-40) !important; } .icgds .lmn-pl-lg-40px, .icgds .lmn-px-lg-40px { padding-left: var(--spacing-40) !important; } .icgds .lmn-pt-lg-48px, .icgds .lmn-py-lg-48px { padding-top: var(--spacing-48) !important; } .icgds .lmn-pr-lg-48px, .icgds .lmn-px-lg-48px { padding-right: var(--spacing-48) !important; } .icgds .lmn-pb-lg-48px, .icgds .lmn-py-lg-48px { padding-bottom: var(--spacing-48) !important; } .icgds .lmn-pl-lg-48px, .icgds .lmn-px-lg-48px { padding-left: var(--spacing-48) !important; } .icgds .lmn-pt-lg-56px, .icgds .lmn-py-lg-56px { padding-top: var(--spacing-56) !important; } .icgds .lmn-pr-lg-56px, .icgds .lmn-px-lg-56px { padding-right: var(--spacing-56) !important; } .icgds .lmn-pb-lg-56px, .icgds .lmn-py-lg-56px { padding-bottom: var(--spacing-56) !important; } .icgds .lmn-pl-lg-56px, .icgds .lmn-px-lg-56px { padding-left: var(--spacing-56) !important; } .icgds .lmn-pt-lg-64px, .icgds .lmn-py-lg-64px { padding-top: var(--spacing-64) !important; } .icgds .lmn-pr-lg-64px, .icgds .lmn-px-lg-64px { padding-right: var(--spacing-64) !important; } .icgds .lmn-pb-lg-64px, .icgds .lmn-py-lg-64px { padding-bottom: var(--spacing-64) !important; } .icgds .lmn-pl-lg-64px, .icgds .lmn-px-lg-64px { padding-left: var(--spacing-64) !important; } .icgds .lmn-pt-lg-80px, .icgds .lmn-py-lg-80px { padding-top: var(--spacing-80) !important; } .icgds .lmn-pr-lg-80px, .icgds .lmn-px-lg-80px { padding-right: var(--spacing-80) !important; } .icgds .lmn-pb-lg-80px, .icgds .lmn-py-lg-80px { padding-bottom: var(--spacing-80) !important; } .icgds .lmn-pl-lg-80px, .icgds .lmn-px-lg-80px { padding-left: var(--spacing-80) !important; } .icgds .lmn-p-lg-0 { padding: 0 !important; } .icgds .lmn-pt-lg-0, .icgds .lmn-py-lg-0 { padding-top: 0 !important; } .icgds .lmn-pr-lg-0, .icgds .lmn-px-lg-0 { padding-right: 0 !important; } .icgds .lmn-pb-lg-0, .icgds .lmn-py-lg-0 { padding-bottom: 0 !important; } .icgds .lmn-pl-lg-0, .icgds .lmn-px-lg-0 { padding-left: 0 !important; } .icgds .lmn-m-lg-auto { margin: auto !important; } .icgds .lmn-mt-lg-auto, .icgds .lmn-my-lg-auto { margin-top: auto !important; } .icgds .lmn-mr-lg-auto, .icgds .lmn-mx-lg-auto { margin-right: auto !important; } .icgds .lmn-mb-lg-auto, .icgds .lmn-my-lg-auto { margin-bottom: auto !important; } .icgds .lmn-ml-lg-auto, .icgds .lmn-mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1264px) { .icgds .lmn-m-xl-1px { margin: var(--spacing-1) !important; } .icgds .lmn-m-xl-2px { margin: var(--spacing-2) !important; } .icgds .lmn-m-xl-4px { margin: var(--spacing-4) !important; } .icgds .lmn-m-xl-8px { margin: var(--spacing-8) !important; } .icgds .lmn-m-xl-12px { margin: var(--spacing-12) !important; } .icgds .lmn-m-xl-16px { margin: var(--spacing-16) !important; } .icgds .lmn-m-xl-24px { margin: var(--spacing-24) !important; } .icgds .lmn-m-xl-32px { margin: var(--spacing-32) !important; } .icgds .lmn-m-xl-40px { margin: var(--spacing-40) !important; } .icgds .lmn-m-xl-48px { margin: var(--spacing-48) !important; } .icgds .lmn-m-xl-56px { margin: var(--spacing-56) !important; } .icgds .lmn-m-xl-64px { margin: var(--spacing-64) !important; } .icgds .lmn-m-xl-80px { margin: var(--spacing-80) !important; } .icgds .lmn-p-xl-1px { padding: var(--spacing-1) !important; } .icgds .lmn-p-xl-2px { padding: var(--spacing-2) !important; } .icgds .lmn-p-xl-4px { padding: var(--spacing-4) !important; } .icgds .lmn-p-xl-8px { padding: var(--spacing-8) !important; } .icgds .lmn-p-xl-12px { padding: var(--spacing-12) !important; } .icgds .lmn-p-xl-16px { padding: var(--spacing-16) !important; } .icgds .lmn-p-xl-24px { padding: var(--spacing-24) !important; } .icgds .lmn-p-xl-32px { padding: var(--spacing-32) !important; } .icgds .lmn-p-xl-40px { padding: var(--spacing-40) !important; } .icgds .lmn-p-xl-48px { padding: var(--spacing-48) !important; } .icgds .lmn-p-xl-56px { padding: var(--spacing-56) !important; } .icgds .lmn-p-xl-64px { padding: var(--spacing-64) !important; } .icgds .lmn-p-xl-80px { padding: var(--spacing-80) !important; } .icgds .lmn-g-xl-1px { gap: var(--spacing-1) !important; } .icgds .lmn-g-xl-2px { gap: var(--spacing-2) !important; } .icgds .lmn-g-xl-4px { gap: var(--spacing-4) !important; } .icgds .lmn-g-xl-8px { gap: var(--spacing-8) !important; } .icgds .lmn-g-xl-12px { gap: var(--spacing-12) !important; } .icgds .lmn-g-xl-16px { gap: var(--spacing-16) !important; } .icgds .lmn-g-xl-24px { gap: var(--spacing-24) !important; } .icgds .lmn-g-xl-32px { gap: var(--spacing-32) !important; } .icgds .lmn-g-xl-40px { gap: var(--spacing-40) !important; } .icgds .lmn-g-xl-48px { gap: var(--spacing-48) !important; } .icgds .lmn-g-xl-56px { gap: var(--spacing-56) !important; } .icgds .lmn-g-xl-64px { gap: var(--spacing-64) !important; } .icgds .lmn-g-xl-80px { gap: var(--spacing-80) !important; } .icgds .lmn-mt-xl-1px, .icgds .lmn-my-xl-1px { margin-top: var(--spacing-1) !important; } .icgds .lmn-mr-xl-1px, .icgds .lmn-mx-xl-1px { margin-right: var(--spacing-1) !important; } .icgds .lmn-mb-xl-1px, .icgds .lmn-my-xl-1px { margin-bottom: var(--spacing-1) !important; } .icgds .lmn-ml-xl-1px, .icgds .lmn-mx-xl-1px { margin-left: var(--spacing-1) !important; } .icgds .lmn-mt-xl-2px, .icgds .lmn-my-xl-2px { margin-top: var(--spacing-2) !important; } .icgds .lmn-mr-xl-2px, .icgds .lmn-mx-xl-2px { margin-right: var(--spacing-2) !important; } .icgds .lmn-mb-xl-2px, .icgds .lmn-my-xl-2px { margin-bottom: var(--spacing-2) !important; } .icgds .lmn-ml-xl-2px, .icgds .lmn-mx-xl-2px { margin-left: var(--spacing-2) !important; } .icgds .lmn-mt-xl-4px, .icgds .lmn-my-xl-4px { margin-top: var(--spacing-4) !important; } .icgds .lmn-mr-xl-4px, .icgds .lmn-mx-xl-4px { margin-right: var(--spacing-4) !important; } .icgds .lmn-mb-xl-4px, .icgds .lmn-my-xl-4px { margin-bottom: var(--spacing-4) !important; } .icgds .lmn-ml-xl-4px, .icgds .lmn-mx-xl-4px { margin-left: var(--spacing-4) !important; } .icgds .lmn-mt-xl-8px, .icgds .lmn-my-xl-8px { margin-top: var(--spacing-8) !important; } .icgds .lmn-mr-xl-8px, .icgds .lmn-mx-xl-8px { margin-right: var(--spacing-8) !important; } .icgds .lmn-mb-xl-8px, .icgds .lmn-my-xl-8px { margin-bottom: var(--spacing-8) !important; } .icgds .lmn-ml-xl-8px, .icgds .lmn-mx-xl-8px { margin-left: var(--spacing-8) !important; } .icgds .lmn-mt-xl-12px, .icgds .lmn-my-xl-12px { margin-top: var(--spacing-12) !important; } .icgds .lmn-mr-xl-12px, .icgds .lmn-mx-xl-12px { margin-right: var(--spacing-12) !important; } .icgds .lmn-mb-xl-12px, .icgds .lmn-my-xl-12px { margin-bottom: var(--spacing-12) !important; } .icgds .lmn-ml-xl-12px, .icgds .lmn-mx-xl-12px { margin-left: var(--spacing-12) !important; } .icgds .lmn-mt-xl-16px, .icgds .lmn-my-xl-16px { margin-top: var(--spacing-16) !important; } .icgds .lmn-mr-xl-16px, .icgds .lmn-mx-xl-16px { margin-right: var(--spacing-16) !important; } .icgds .lmn-mb-xl-16px, .icgds .lmn-my-xl-16px { margin-bottom: var(--spacing-16) !important; } .icgds .lmn-ml-xl-16px, .icgds .lmn-mx-xl-16px { margin-left: var(--spacing-16) !important; } .icgds .lmn-mt-xl-24px, .icgds .lmn-my-xl-24px { margin-top: var(--spacing-24) !important; } .icgds .lmn-mr-xl-24px, .icgds .lmn-mx-xl-24px { margin-right: var(--spacing-24) !important; } .icgds .lmn-mb-xl-24px, .icgds .lmn-my-xl-24px { margin-bottom: var(--spacing-24) !important; } .icgds .lmn-ml-xl-24px, .icgds .lmn-mx-xl-24px { margin-left: var(--spacing-24) !important; } .icgds .lmn-mt-xl-32px, .icgds .lmn-my-xl-32px { margin-top: var(--spacing-32) !important; } .icgds .lmn-mr-xl-32px, .icgds .lmn-mx-xl-32px { margin-right: var(--spacing-32) !important; } .icgds .lmn-mb-xl-32px, .icgds .lmn-my-xl-32px { margin-bottom: var(--spacing-32) !important; } .icgds .lmn-ml-xl-32px, .icgds .lmn-mx-xl-32px { margin-left: var(--spacing-32) !important; } .icgds .lmn-mt-xl-40px, .icgds .lmn-my-xl-40px { margin-top: var(--spacing-40) !important; } .icgds .lmn-mr-xl-40px, .icgds .lmn-mx-xl-40px { margin-right: var(--spacing-40) !important; } .icgds .lmn-mb-xl-40px, .icgds .lmn-my-xl-40px { margin-bottom: var(--spacing-40) !important; } .icgds .lmn-ml-xl-40px, .icgds .lmn-mx-xl-40px { margin-left: var(--spacing-40) !important; } .icgds .lmn-mt-xl-48px, .icgds .lmn-my-xl-48px { margin-top: var(--spacing-48) !important; } .icgds .lmn-mr-xl-48px, .icgds .lmn-mx-xl-48px { margin-right: var(--spacing-48) !important; } .icgds .lmn-mb-xl-48px, .icgds .lmn-my-xl-48px { margin-bottom: var(--spacing-48) !important; } .icgds .lmn-ml-xl-48px, .icgds .lmn-mx-xl-48px { margin-left: var(--spacing-48) !important; } .icgds .lmn-mt-xl-56px, .icgds .lmn-my-xl-56px { margin-top: var(--spacing-56) !important; } .icgds .lmn-mr-xl-56px, .icgds .lmn-mx-xl-56px { margin-right: var(--spacing-56) !important; } .icgds .lmn-mb-xl-56px, .icgds .lmn-my-xl-56px { margin-bottom: var(--spacing-56) !important; } .icgds .lmn-ml-xl-56px, .icgds .lmn-mx-xl-56px { margin-left: var(--spacing-56) !important; } .icgds .lmn-mt-xl-64px, .icgds .lmn-my-xl-64px { margin-top: var(--spacing-64) !important; } .icgds .lmn-mr-xl-64px, .icgds .lmn-mx-xl-64px { margin-right: var(--spacing-64) !important; } .icgds .lmn-mb-xl-64px, .icgds .lmn-my-xl-64px { margin-bottom: var(--spacing-64) !important; } .icgds .lmn-ml-xl-64px, .icgds .lmn-mx-xl-64px { margin-left: var(--spacing-64) !important; } .icgds .lmn-mt-xl-80px, .icgds .lmn-my-xl-80px { margin-top: var(--spacing-80) !important; } .icgds .lmn-mr-xl-80px, .icgds .lmn-mx-xl-80px { margin-right: var(--spacing-80) !important; } .icgds .lmn-mb-xl-80px, .icgds .lmn-my-xl-80px { margin-bottom: var(--spacing-80) !important; } .icgds .lmn-ml-xl-80px, .icgds .lmn-mx-xl-80px { margin-left: var(--spacing-80) !important; } .icgds .lmn-m-xl-0 { margin: 0 !important; } .icgds .lmn-mt-xl-0, .icgds .lmn-my-xl-0 { margin-top: 0 !important; } .icgds .lmn-mr-xl-0, .icgds .lmn-mx-xl-0 { margin-right: 0 !important; } .icgds .lmn-mb-xl-0, .icgds .lmn-my-xl-0 { margin-bottom: 0 !important; } .icgds .lmn-ml-xl-0, .icgds .lmn-mx-xl-0 { margin-left: 0 !important; } .icgds .lmn-pt-xl-1px, .icgds .lmn-py-xl-1px { padding-top: var(--spacing-1) !important; } .icgds .lmn-pr-xl-1px, .icgds .lmn-px-xl-1px { padding-right: var(--spacing-1) !important; } .icgds .lmn-pb-xl-1px, .icgds .lmn-py-xl-1px { padding-bottom: var(--spacing-1) !important; } .icgds .lmn-pl-xl-1px, .icgds .lmn-px-xl-1px { padding-left: var(--spacing-1) !important; } .icgds .lmn-pt-xl-2px, .icgds .lmn-py-xl-2px { padding-top: var(--spacing-2) !important; } .icgds .lmn-pr-xl-2px, .icgds .lmn-px-xl-2px { padding-right: var(--spacing-2) !important; } .icgds .lmn-pb-xl-2px, .icgds .lmn-py-xl-2px { padding-bottom: var(--spacing-2) !important; } .icgds .lmn-pl-xl-2px, .icgds .lmn-px-xl-2px { padding-left: var(--spacing-2) !important; } .icgds .lmn-pt-xl-4px, .icgds .lmn-py-xl-4px { padding-top: var(--spacing-4) !important; } .icgds .lmn-pr-xl-4px, .icgds .lmn-px-xl-4px { padding-right: var(--spacing-4) !important; } .icgds .lmn-pb-xl-4px, .icgds .lmn-py-xl-4px { padding-bottom: var(--spacing-4) !important; } .icgds .lmn-pl-xl-4px, .icgds .lmn-px-xl-4px { padding-left: var(--spacing-4) !important; } .icgds .lmn-pt-xl-8px, .icgds .lmn-py-xl-8px { padding-top: var(--spacing-8) !important; } .icgds .lmn-pr-xl-8px, .icgds .lmn-px-xl-8px { padding-right: var(--spacing-8) !important; } .icgds .lmn-pb-xl-8px, .icgds .lmn-py-xl-8px { padding-bottom: var(--spacing-8) !important; } .icgds .lmn-pl-xl-8px, .icgds .lmn-px-xl-8px { padding-left: var(--spacing-8) !important; } .icgds .lmn-pt-xl-12px, .icgds .lmn-py-xl-12px { padding-top: var(--spacing-12) !important; } .icgds .lmn-pr-xl-12px, .icgds .lmn-px-xl-12px { padding-right: var(--spacing-12) !important; } .icgds .lmn-pb-xl-12px, .icgds .lmn-py-xl-12px { padding-bottom: var(--spacing-12) !important; } .icgds .lmn-pl-xl-12px, .icgds .lmn-px-xl-12px { padding-left: var(--spacing-12) !important; } .icgds .lmn-pt-xl-16px, .icgds .lmn-py-xl-16px { padding-top: var(--spacing-16) !important; } .icgds .lmn-pr-xl-16px, .icgds .lmn-px-xl-16px { padding-right: var(--spacing-16) !important; } .icgds .lmn-pb-xl-16px, .icgds .lmn-py-xl-16px { padding-bottom: var(--spacing-16) !important; } .icgds .lmn-pl-xl-16px, .icgds .lmn-px-xl-16px { padding-left: var(--spacing-16) !important; } .icgds .lmn-pt-xl-24px, .icgds .lmn-py-xl-24px { padding-top: var(--spacing-24) !important; } .icgds .lmn-pr-xl-24px, .icgds .lmn-px-xl-24px { padding-right: var(--spacing-24) !important; } .icgds .lmn-pb-xl-24px, .icgds .lmn-py-xl-24px { padding-bottom: var(--spacing-24) !important; } .icgds .lmn-pl-xl-24px, .icgds .lmn-px-xl-24px { padding-left: var(--spacing-24) !important; } .icgds .lmn-pt-xl-32px, .icgds .lmn-py-xl-32px { padding-top: var(--spacing-32) !important; } .icgds .lmn-pr-xl-32px, .icgds .lmn-px-xl-32px { padding-right: var(--spacing-32) !important; } .icgds .lmn-pb-xl-32px, .icgds .lmn-py-xl-32px { padding-bottom: var(--spacing-32) !important; } .icgds .lmn-pl-xl-32px, .icgds .lmn-px-xl-32px { padding-left: var(--spacing-32) !important; } .icgds .lmn-pt-xl-40px, .icgds .lmn-py-xl-40px { padding-top: var(--spacing-40) !important; } .icgds .lmn-pr-xl-40px, .icgds .lmn-px-xl-40px { padding-right: var(--spacing-40) !important; } .icgds .lmn-pb-xl-40px, .icgds .lmn-py-xl-40px { padding-bottom: var(--spacing-40) !important; } .icgds .lmn-pl-xl-40px, .icgds .lmn-px-xl-40px { padding-left: var(--spacing-40) !important; } .icgds .lmn-pt-xl-48px, .icgds .lmn-py-xl-48px { padding-top: var(--spacing-48) !important; } .icgds .lmn-pr-xl-48px, .icgds .lmn-px-xl-48px { padding-right: var(--spacing-48) !important; } .icgds .lmn-pb-xl-48px, .icgds .lmn-py-xl-48px { padding-bottom: var(--spacing-48) !important; } .icgds .lmn-pl-xl-48px, .icgds .lmn-px-xl-48px { padding-left: var(--spacing-48) !important; } .icgds .lmn-pt-xl-56px, .icgds .lmn-py-xl-56px { padding-top: var(--spacing-56) !important; } .icgds .lmn-pr-xl-56px, .icgds .lmn-px-xl-56px { padding-right: var(--spacing-56) !important; } .icgds .lmn-pb-xl-56px, .icgds .lmn-py-xl-56px { padding-bottom: var(--spacing-56) !important; } .icgds .lmn-pl-xl-56px, .icgds .lmn-px-xl-56px { padding-left: var(--spacing-56) !important; } .icgds .lmn-pt-xl-64px, .icgds .lmn-py-xl-64px { padding-top: var(--spacing-64) !important; } .icgds .lmn-pr-xl-64px, .icgds .lmn-px-xl-64px { padding-right: var(--spacing-64) !important; } .icgds .lmn-pb-xl-64px, .icgds .lmn-py-xl-64px { padding-bottom: var(--spacing-64) !important; } .icgds .lmn-pl-xl-64px, .icgds .lmn-px-xl-64px { padding-left: var(--spacing-64) !important; } .icgds .lmn-pt-xl-80px, .icgds .lmn-py-xl-80px { padding-top: var(--spacing-80) !important; } .icgds .lmn-pr-xl-80px, .icgds .lmn-px-xl-80px { padding-right: var(--spacing-80) !important; } .icgds .lmn-pb-xl-80px, .icgds .lmn-py-xl-80px { padding-bottom: var(--spacing-80) !important; } .icgds .lmn-pl-xl-80px, .icgds .lmn-px-xl-80px { padding-left: var(--spacing-80) !important; } .icgds .lmn-p-xl-0 { padding: 0 !important; } .icgds .lmn-pt-xl-0, .icgds .lmn-py-xl-0 { padding-top: 0 !important; } .icgds .lmn-pr-xl-0, .icgds .lmn-px-xl-0 { padding-right: 0 !important; } .icgds .lmn-pb-xl-0, .icgds .lmn-py-xl-0 { padding-bottom: 0 !important; } .icgds .lmn-pl-xl-0, .icgds .lmn-px-xl-0 { padding-left: 0 !important; } .icgds .lmn-m-xl-auto { margin: auto !important; } .icgds .lmn-mt-xl-auto, .icgds .lmn-my-xl-auto { margin-top: auto !important; } .icgds .lmn-mr-xl-auto, .icgds .lmn-mx-xl-auto { margin-right: auto !important; } .icgds .lmn-mb-xl-auto, .icgds .lmn-my-xl-auto { margin-bottom: auto !important; } .icgds .lmn-ml-xl-auto, .icgds .lmn-mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1680px) { .icgds .lmn-m-2xl-1px { margin: var(--spacing-1) !important; } .icgds .lmn-m-2xl-2px { margin: var(--spacing-2) !important; } .icgds .lmn-m-2xl-4px { margin: var(--spacing-4) !important; } .icgds .lmn-m-2xl-8px { margin: var(--spacing-8) !important; } .icgds .lmn-m-2xl-12px { margin: var(--spacing-12) !important; } .icgds .lmn-m-2xl-16px { margin: var(--spacing-16) !important; } .icgds .lmn-m-2xl-24px { margin: var(--spacing-24) !important; } .icgds .lmn-m-2xl-32px { margin: var(--spacing-32) !important; } .icgds .lmn-m-2xl-40px { margin: var(--spacing-40) !important; } .icgds .lmn-m-2xl-48px { margin: var(--spacing-48) !important; } .icgds .lmn-m-2xl-56px { margin: var(--spacing-56) !important; } .icgds .lmn-m-2xl-64px { margin: var(--spacing-64) !important; } .icgds .lmn-m-2xl-80px { margin: var(--spacing-80) !important; } .icgds .lmn-p-2xl-1px { padding: var(--spacing-1) !important; } .icgds .lmn-p-2xl-2px { padding: var(--spacing-2) !important; } .icgds .lmn-p-2xl-4px { padding: var(--spacing-4) !important; } .icgds .lmn-p-2xl-8px { padding: var(--spacing-8) !important; } .icgds .lmn-p-2xl-12px { padding: var(--spacing-12) !important; } .icgds .lmn-p-2xl-16px { padding: var(--spacing-16) !important; } .icgds .lmn-p-2xl-24px { padding: var(--spacing-24) !important; } .icgds .lmn-p-2xl-32px { padding: var(--spacing-32) !important; } .icgds .lmn-p-2xl-40px { padding: var(--spacing-40) !important; } .icgds .lmn-p-2xl-48px { padding: var(--spacing-48) !important; } .icgds .lmn-p-2xl-56px { padding: var(--spacing-56) !important; } .icgds .lmn-p-2xl-64px { padding: var(--spacing-64) !important; } .icgds .lmn-p-2xl-80px { padding: var(--spacing-80) !important; } .icgds .lmn-g-2xl-1px { gap: var(--spacing-1) !important; } .icgds .lmn-g-2xl-2px { gap: var(--spacing-2) !important; } .icgds .lmn-g-2xl-4px { gap: var(--spacing-4) !important; } .icgds .lmn-g-2xl-8px { gap: var(--spacing-8) !important; } .icgds .lmn-g-2xl-12px { gap: var(--spacing-12) !important; } .icgds .lmn-g-2xl-16px { gap: var(--spacing-16) !important; } .icgds .lmn-g-2xl-24px { gap: var(--spacing-24) !important; } .icgds .lmn-g-2xl-32px { gap: var(--spacing-32) !important; } .icgds .lmn-g-2xl-40px { gap: var(--spacing-40) !important; } .icgds .lmn-g-2xl-48px { gap: var(--spacing-48) !important; } .icgds .lmn-g-2xl-56px { gap: var(--spacing-56) !important; } .icgds .lmn-g-2xl-64px { gap: var(--spacing-64) !important; } .icgds .lmn-g-2xl-80px { gap: var(--spacing-80) !important; } .icgds .lmn-mt-2xl-1px, .icgds .lmn-my-2xl-1px { margin-top: var(--spacing-1) !important; } .icgds .lmn-mr-2xl-1px, .icgds .lmn-mx-2xl-1px { margin-right: var(--spacing-1) !important; } .icgds .lmn-mb-2xl-1px, .icgds .lmn-my-2xl-1px { margin-bottom: var(--spacing-1) !important; } .icgds .lmn-ml-2xl-1px, .icgds .lmn-mx-2xl-1px { margin-left: var(--spacing-1) !important; } .icgds .lmn-mt-2xl-2px, .icgds .lmn-my-2xl-2px { margin-top: var(--spacing-2) !important; } .icgds .lmn-mr-2xl-2px, .icgds .lmn-mx-2xl-2px { margin-right: var(--spacing-2) !important; } .icgds .lmn-mb-2xl-2px, .icgds .lmn-my-2xl-2px { margin-bottom: var(--spacing-2) !important; } .icgds .lmn-ml-2xl-2px, .icgds .lmn-mx-2xl-2px { margin-left: var(--spacing-2) !important; } .icgds .lmn-mt-2xl-4px, .icgds .lmn-my-2xl-4px { margin-top: var(--spacing-4) !important; } .icgds .lmn-mr-2xl-4px, .icgds .lmn-mx-2xl-4px { margin-right: var(--spacing-4) !important; } .icgds .lmn-mb-2xl-4px, .icgds .lmn-my-2xl-4px { margin-bottom: var(--spacing-4) !important; } .icgds .lmn-ml-2xl-4px, .icgds .lmn-mx-2xl-4px { margin-left: var(--spacing-4) !important; } .icgds .lmn-mt-2xl-8px, .icgds .lmn-my-2xl-8px { margin-top: var(--spacing-8) !important; } .icgds .lmn-mr-2xl-8px, .icgds .lmn-mx-2xl-8px { margin-right: var(--spacing-8) !important; } .icgds .lmn-mb-2xl-8px, .icgds .lmn-my-2xl-8px { margin-bottom: var(--spacing-8) !important; } .icgds .lmn-ml-2xl-8px, .icgds .lmn-mx-2xl-8px { margin-left: var(--spacing-8) !important; } .icgds .lmn-mt-2xl-12px, .icgds .lmn-my-2xl-12px { margin-top: var(--spacing-12) !important; } .icgds .lmn-mr-2xl-12px, .icgds .lmn-mx-2xl-12px { margin-right: var(--spacing-12) !important; } .icgds .lmn-mb-2xl-12px, .icgds .lmn-my-2xl-12px { margin-bottom: var(--spacing-12) !important; } .icgds .lmn-ml-2xl-12px, .icgds .lmn-mx-2xl-12px { margin-left: var(--spacing-12) !important; } .icgds .lmn-mt-2xl-16px, .icgds .lmn-my-2xl-16px { margin-top: var(--spacing-16) !important; } .icgds .lmn-mr-2xl-16px, .icgds .lmn-mx-2xl-16px { margin-right: var(--spacing-16) !important; } .icgds .lmn-mb-2xl-16px, .icgds .lmn-my-2xl-16px { margin-bottom: var(--spacing-16) !important; } .icgds .lmn-ml-2xl-16px, .icgds .lmn-mx-2xl-16px { margin-left: var(--spacing-16) !important; } .icgds .lmn-mt-2xl-24px, .icgds .lmn-my-2xl-24px { margin-top: var(--spacing-24) !important; } .icgds .lmn-mr-2xl-24px, .icgds .lmn-mx-2xl-24px { margin-right: var(--spacing-24) !important; } .icgds .lmn-mb-2xl-24px, .icgds .lmn-my-2xl-24px { margin-bottom: var(--spacing-24) !important; } .icgds .lmn-ml-2xl-24px, .icgds .lmn-mx-2xl-24px { margin-left: var(--spacing-24) !important; } .icgds .lmn-mt-2xl-32px, .icgds .lmn-my-2xl-32px { margin-top: var(--spacing-32) !important; } .icgds .lmn-mr-2xl-32px, .icgds .lmn-mx-2xl-32px { margin-right: var(--spacing-32) !important; } .icgds .lmn-mb-2xl-32px, .icgds .lmn-my-2xl-32px { margin-bottom: var(--spacing-32) !important; } .icgds .lmn-ml-2xl-32px, .icgds .lmn-mx-2xl-32px { margin-left: var(--spacing-32) !important; } .icgds .lmn-mt-2xl-40px, .icgds .lmn-my-2xl-40px { margin-top: var(--spacing-40) !important; } .icgds .lmn-mr-2xl-40px, .icgds .lmn-mx-2xl-40px { margin-right: var(--spacing-40) !important; } .icgds .lmn-mb-2xl-40px, .icgds .lmn-my-2xl-40px { margin-bottom: var(--spacing-40) !important; } .icgds .lmn-ml-2xl-40px, .icgds .lmn-mx-2xl-40px { margin-left: var(--spacing-40) !important; } .icgds .lmn-mt-2xl-48px, .icgds .lmn-my-2xl-48px { margin-top: var(--spacing-48) !important; } .icgds .lmn-mr-2xl-48px, .icgds .lmn-mx-2xl-48px { margin-right: var(--spacing-48) !important; } .icgds .lmn-mb-2xl-48px, .icgds .lmn-my-2xl-48px { margin-bottom: var(--spacing-48) !important; } .icgds .lmn-ml-2xl-48px, .icgds .lmn-mx-2xl-48px { margin-left: var(--spacing-48) !important; } .icgds .lmn-mt-2xl-56px, .icgds .lmn-my-2xl-56px { margin-top: var(--spacing-56) !important; } .icgds .lmn-mr-2xl-56px, .icgds .lmn-mx-2xl-56px { margin-right: var(--spacing-56) !important; } .icgds .lmn-mb-2xl-56px, .icgds .lmn-my-2xl-56px { margin-bottom: var(--spacing-56) !important; } .icgds .lmn-ml-2xl-56px, .icgds .lmn-mx-2xl-56px { margin-left: var(--spacing-56) !important; } .icgds .lmn-mt-2xl-64px, .icgds .lmn-my-2xl-64px { margin-top: var(--spacing-64) !important; } .icgds .lmn-mr-2xl-64px, .icgds .lmn-mx-2xl-64px { margin-right: var(--spacing-64) !important; } .icgds .lmn-mb-2xl-64px, .icgds .lmn-my-2xl-64px { margin-bottom: var(--spacing-64) !important; } .icgds .lmn-ml-2xl-64px, .icgds .lmn-mx-2xl-64px { margin-left: var(--spacing-64) !important; } .icgds .lmn-mt-2xl-80px, .icgds .lmn-my-2xl-80px { margin-top: var(--spacing-80) !important; } .icgds .lmn-mr-2xl-80px, .icgds .lmn-mx-2xl-80px { margin-right: var(--spacing-80) !important; } .icgds .lmn-mb-2xl-80px, .icgds .lmn-my-2xl-80px { margin-bottom: var(--spacing-80) !important; } .icgds .lmn-ml-2xl-80px, .icgds .lmn-mx-2xl-80px { margin-left: var(--spacing-80) !important; } .icgds .lmn-m-2xl-0 { margin: 0 !important; } .icgds .lmn-mt-2xl-0, .icgds .lmn-my-2xl-0 { margin-top: 0 !important; } .icgds .lmn-mr-2xl-0, .icgds .lmn-mx-2xl-0 { margin-right: 0 !important; } .icgds .lmn-mb-2xl-0, .icgds .lmn-my-2xl-0 { margin-bottom: 0 !important; } .icgds .lmn-ml-2xl-0, .icgds .lmn-mx-2xl-0 { margin-left: 0 !important; } .icgds .lmn-pt-2xl-1px, .icgds .lmn-py-2xl-1px { padding-top: var(--spacing-1) !important; } .icgds .lmn-pr-2xl-1px, .icgds .lmn-px-2xl-1px { padding-right: var(--spacing-1) !important; } .icgds .lmn-pb-2xl-1px, .icgds .lmn-py-2xl-1px { padding-bottom: var(--spacing-1) !important; } .icgds .lmn-pl-2xl-1px, .icgds .lmn-px-2xl-1px { padding-left: var(--spacing-1) !important; } .icgds .lmn-pt-2xl-2px, .icgds .lmn-py-2xl-2px { padding-top: var(--spacing-2) !important; } .icgds .lmn-pr-2xl-2px, .icgds .lmn-px-2xl-2px { padding-right: var(--spacing-2) !important; } .icgds .lmn-pb-2xl-2px, .icgds .lmn-py-2xl-2px { padding-bottom: var(--spacing-2) !important; } .icgds .lmn-pl-2xl-2px, .icgds .lmn-px-2xl-2px { padding-left: var(--spacing-2) !important; } .icgds .lmn-pt-2xl-4px, .icgds .lmn-py-2xl-4px { padding-top: var(--spacing-4) !important; } .icgds .lmn-pr-2xl-4px, .icgds .lmn-px-2xl-4px { padding-right: var(--spacing-4) !important; } .icgds .lmn-pb-2xl-4px, .icgds .lmn-py-2xl-4px { padding-bottom: var(--spacing-4) !important; } .icgds .lmn-pl-2xl-4px, .icgds .lmn-px-2xl-4px { padding-left: var(--spacing-4) !important; } .icgds .lmn-pt-2xl-8px, .icgds .lmn-py-2xl-8px { padding-top: var(--spacing-8) !important; } .icgds .lmn-pr-2xl-8px, .icgds .lmn-px-2xl-8px { padding-right: var(--spacing-8) !important; } .icgds .lmn-pb-2xl-8px, .icgds .lmn-py-2xl-8px { padding-bottom: var(--spacing-8) !important; } .icgds .lmn-pl-2xl-8px, .icgds .lmn-px-2xl-8px { padding-left: var(--spacing-8) !important; } .icgds .lmn-pt-2xl-12px, .icgds .lmn-py-2xl-12px { padding-top: var(--spacing-12) !important; } .icgds .lmn-pr-2xl-12px, .icgds .lmn-px-2xl-12px { padding-right: var(--spacing-12) !important; } .icgds .lmn-pb-2xl-12px, .icgds .lmn-py-2xl-12px { padding-bottom: var(--spacing-12) !important; } .icgds .lmn-pl-2xl-12px, .icgds .lmn-px-2xl-12px { padding-left: var(--spacing-12) !important; } .icgds .lmn-pt-2xl-16px, .icgds .lmn-py-2xl-16px { padding-top: var(--spacing-16) !important; } .icgds .lmn-pr-2xl-16px, .icgds .lmn-px-2xl-16px { padding-right: var(--spacing-16) !important; } .icgds .lmn-pb-2xl-16px, .icgds .lmn-py-2xl-16px { padding-bottom: var(--spacing-16) !important; } .icgds .lmn-pl-2xl-16px, .icgds .lmn-px-2xl-16px { padding-left: var(--spacing-16) !important; } .icgds .lmn-pt-2xl-24px, .icgds .lmn-py-2xl-24px { padding-top: var(--spacing-24) !important; } .icgds .lmn-pr-2xl-24px, .icgds .lmn-px-2xl-24px { padding-right: var(--spacing-24) !important; } .icgds .lmn-pb-2xl-24px, .icgds .lmn-py-2xl-24px { padding-bottom: var(--spacing-24) !important; } .icgds .lmn-pl-2xl-24px, .icgds .lmn-px-2xl-24px { padding-left: var(--spacing-24) !important; } .icgds .lmn-pt-2xl-32px, .icgds .lmn-py-2xl-32px { padding-top: var(--spacing-32) !important; } .icgds .lmn-pr-2xl-32px, .icgds .lmn-px-2xl-32px { padding-right: var(--spacing-32) !important; } .icgds .lmn-pb-2xl-32px, .icgds .lmn-py-2xl-32px { padding-bottom: var(--spacing-32) !important; } .icgds .lmn-pl-2xl-32px, .icgds .lmn-px-2xl-32px { padding-left: var(--spacing-32) !important; } .icgds .lmn-pt-2xl-40px, .icgds .lmn-py-2xl-40px { padding-top: var(--spacing-40) !important; } .icgds .lmn-pr-2xl-40px, .icgds .lmn-px-2xl-40px { padding-right: var(--spacing-40) !important; } .icgds .lmn-pb-2xl-40px, .icgds .lmn-py-2xl-40px { padding-bottom: var(--spacing-40) !important; } .icgds .lmn-pl-2xl-40px, .icgds .lmn-px-2xl-40px { padding-left: var(--spacing-40) !important; } .icgds .lmn-pt-2xl-48px, .icgds .lmn-py-2xl-48px { padding-top: var(--spacing-48) !important; } .icgds .lmn-pr-2xl-48px, .icgds .lmn-px-2xl-48px { padding-right: var(--spacing-48) !important; } .icgds .lmn-pb-2xl-48px, .icgds .lmn-py-2xl-48px { padding-bottom: var(--spacing-48) !important; } .icgds .lmn-pl-2xl-48px, .icgds .lmn-px-2xl-48px { padding-left: var(--spacing-48) !important; } .icgds .lmn-pt-2xl-56px, .icgds .lmn-py-2xl-56px { padding-top: var(--spacing-56) !important; } .icgds .lmn-pr-2xl-56px, .icgds .lmn-px-2xl-56px { padding-right: var(--spacing-56) !important; } .icgds .lmn-pb-2xl-56px, .icgds .lmn-py-2xl-56px { padding-bottom: var(--spacing-56) !important; } .icgds .lmn-pl-2xl-56px, .icgds .lmn-px-2xl-56px { padding-left: var(--spacing-56) !important; } .icgds .lmn-pt-2xl-64px, .icgds .lmn-py-2xl-64px { padding-top: var(--spacing-64) !important; } .icgds .lmn-pr-2xl-64px, .icgds .lmn-px-2xl-64px { padding-right: var(--spacing-64) !important; } .icgds .lmn-pb-2xl-64px, .icgds .lmn-py-2xl-64px { padding-bottom: var(--spacing-64) !important; } .icgds .lmn-pl-2xl-64px, .icgds .lmn-px-2xl-64px { padding-left: var(--spacing-64) !important; } .icgds .lmn-pt-2xl-80px, .icgds .lmn-py-2xl-80px { padding-top: var(--spacing-80) !important; } .icgds .lmn-pr-2xl-80px, .icgds .lmn-px-2xl-80px { padding-right: var(--spacing-80) !important; } .icgds .lmn-pb-2xl-80px, .icgds .lmn-py-2xl-80px { padding-bottom: var(--spacing-80) !important; } .icgds .lmn-pl-2xl-80px, .icgds .lmn-px-2xl-80px { padding-left: var(--spacing-80) !important; } .icgds .lmn-p-2xl-0 { padding: 0 !important; } .icgds .lmn-pt-2xl-0, .icgds .lmn-py-2xl-0 { padding-top: 0 !important; } .icgds .lmn-pr-2xl-0, .icgds .lmn-px-2xl-0 { padding-right: 0 !important; } .icgds .lmn-pb-2xl-0, .icgds .lmn-py-2xl-0 { padding-bottom: 0 !important; } .icgds .lmn-pl-2xl-0, .icgds .lmn-px-2xl-0 { padding-left: 0 !important; } .icgds .lmn-m-2xl-auto { margin: auto !important; } .icgds .lmn-mt-2xl-auto, .icgds .lmn-my-2xl-auto { margin-top: auto !important; } .icgds .lmn-mr-2xl-auto, .icgds .lmn-mx-2xl-auto { margin-right: auto !important; } .icgds .lmn-mb-2xl-auto, .icgds .lmn-my-2xl-auto { margin-bottom: auto !important; } .icgds .lmn-ml-2xl-auto, .icgds .lmn-mx-2xl-auto { margin-left: auto !important; } } .icgds .lmn-focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-focusable { cursor: pointer; } .icgds .lmn-focusable:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-input, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-textarea, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-input, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-textarea, .icgds textarea[readonly].lmn-input, .icgds textarea[readonly].lmn-textarea, .icgds textarea[readonly] .lmn-input, .icgds textarea[readonly] .lmn-textarea, .icgds .lmn-read-only.lmn-input, .icgds .lmn-read-only.lmn-textarea, .icgds .lmn-read-only .lmn-input, .icgds .lmn-read-only .lmn-textarea { outline-color: var(--field_border_read-only); background-color: var(--field_fill_read-only); color: var(--field_foreground_read-only); } .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-input::placeholder, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-textarea::placeholder, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-input::placeholder, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-textarea::placeholder, .icgds textarea[readonly].lmn-input::placeholder, .icgds textarea[readonly].lmn-textarea::placeholder, .icgds textarea[readonly] .lmn-input::placeholder, .icgds textarea[readonly] .lmn-textarea::placeholder, .icgds .lmn-read-only.lmn-input::placeholder, .icgds .lmn-read-only.lmn-textarea::placeholder, .icgds .lmn-read-only .lmn-input::placeholder, .icgds .lmn-read-only .lmn-textarea::placeholder { color: var(--field_foreground_read-only); } .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-input:focus, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-input:focus-within, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-textarea:focus, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-textarea:focus-within, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-input:focus, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-input:focus-within, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-textarea:focus, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-textarea:focus-within, .icgds textarea[readonly].lmn-input:focus, .icgds textarea[readonly].lmn-input:focus-within, .icgds textarea[readonly].lmn-textarea:focus, .icgds textarea[readonly].lmn-textarea:focus-within, .icgds textarea[readonly] .lmn-input:focus, .icgds textarea[readonly] .lmn-input:focus-within, .icgds textarea[readonly] .lmn-textarea:focus, .icgds textarea[readonly] .lmn-textarea:focus-within, .icgds .lmn-read-only.lmn-input:focus, .icgds .lmn-read-only.lmn-input:focus-within, .icgds .lmn-read-only.lmn-textarea:focus, .icgds .lmn-read-only.lmn-textarea:focus-within, .icgds .lmn-read-only .lmn-input:focus, .icgds .lmn-read-only .lmn-input:focus-within, .icgds .lmn-read-only .lmn-textarea:focus, .icgds .lmn-read-only .lmn-textarea:focus-within { outline-color: var(--field_border_read-only); background-color: var(--field_fill_read-only); color: var(--field_foreground_read-only) !important; } .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-input ~ .lmn-input-prefix-icon, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-input ~ .lmn-input-suffix-icon, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-textarea ~ .lmn-input-prefix-icon, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input).lmn-textarea ~ .lmn-input-suffix-icon, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-input ~ .lmn-input-prefix-icon, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-input ~ .lmn-input-suffix-icon, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-textarea ~ .lmn-input-prefix-icon, .icgds input[readonly]:not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input) .lmn-textarea ~ .lmn-input-suffix-icon, .icgds textarea[readonly].lmn-input ~ .lmn-input-prefix-icon, .icgds textarea[readonly].lmn-input ~ .lmn-input-suffix-icon, .icgds textarea[readonly].lmn-textarea ~ .lmn-input-prefix-icon, .icgds textarea[readonly].lmn-textarea ~ .lmn-input-suffix-icon, .icgds textarea[readonly] .lmn-input ~ .lmn-input-prefix-icon, .icgds textarea[readonly] .lmn-input ~ .lmn-input-suffix-icon, .icgds textarea[readonly] .lmn-textarea ~ .lmn-input-prefix-icon, .icgds textarea[readonly] .lmn-textarea ~ .lmn-input-suffix-icon, .icgds .lmn-read-only.lmn-input ~ .lmn-input-prefix-icon, .icgds .lmn-read-only.lmn-input ~ .lmn-input-suffix-icon, .icgds .lmn-read-only.lmn-textarea ~ .lmn-input-prefix-icon, .icgds .lmn-read-only.lmn-textarea ~ .lmn-input-suffix-icon, .icgds .lmn-read-only .lmn-input ~ .lmn-input-prefix-icon, .icgds .lmn-read-only .lmn-input ~ .lmn-input-suffix-icon, .icgds .lmn-read-only .lmn-textarea ~ .lmn-input-prefix-icon, .icgds .lmn-read-only .lmn-textarea ~ .lmn-input-suffix-icon { pointer-events: none; } .icgds .lmn-text-justify { text-align: justify !important; } .icgds .lmn-text-wrap { white-space: normal !important; } .icgds .lmn-text-nowrap { white-space: nowrap !important; } .icgds .lmn-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-text-left { text-align: left !important; } .icgds .lmn-text-right { text-align: right !important; } .icgds .lmn-text-center { text-align: center !important; } @media (min-width: 584px) { .icgds .lmn-text-sm-left { text-align: left !important; } .icgds .lmn-text-sm-right { text-align: right !important; } .icgds .lmn-text-sm-center { text-align: center !important; } } @media (min-width: 784px) { .icgds .lmn-text-md-left { text-align: left !important; } .icgds .lmn-text-md-right { text-align: right !important; } .icgds .lmn-text-md-center { text-align: center !important; } } @media (min-width: 1072px) { .icgds .lmn-text-lg-left { text-align: left !important; } .icgds .lmn-text-lg-right { text-align: right !important; } .icgds .lmn-text-lg-center { text-align: center !important; } } @media (min-width: 1264px) { .icgds .lmn-text-xl-left { text-align: left !important; } .icgds .lmn-text-xl-right { text-align: right !important; } .icgds .lmn-text-xl-center { text-align: center !important; } } @media (min-width: 1680px) { .icgds .lmn-text-2xl-left { text-align: left !important; } .icgds .lmn-text-2xl-right { text-align: right !important; } .icgds .lmn-text-2xl-center { text-align: center !important; } } .icgds .lmn-text-lowercase { text-transform: lowercase !important; } .icgds .lmn-text-uppercase { text-transform: uppercase !important; } .icgds .lmn-text-capitalize { text-transform: capitalize !important; } .icgds .lmn-font-body { font-family: var(--font-family-body) !important; } .icgds .lmn-font-heading { font-family: var(--font-family-heading) !important; } .icgds .lmn-font-monospace { font-family: var(--font-family-mono) !important; } .icgds .lmn-font-table { font-family: var(--font-family-table) !important; } .icgds .lmn-font-condensed { font-family: var(--font-family-condensed) !important; } .icgds .lmn-font-table-condensed { font-family: var(--font-family-table-condensed) !important; } .icgds .lmn-font-serif { font-family: var(--font-family-serif) !important; } .icgds .lmn-font-weight-light { font-weight: var(--font-weight-light) !important; } .icgds .lmn-font-weight-regular, .icgds .lmn-font-weight-normal { font-weight: var(--font-weight-regular) !important; } .icgds .lmn-font-weight-bold { font-weight: var(--font-weight-bold) !important; } .icgds .lmn-font-italic { font-style: italic !important; } .icgds .lmn-text-link { text-decoration: none; color: var(--link) !important; cursor: pointer; transition: color 0.2s var(--comp-transition); } .icgds .lmn-text-link:hover { color: var(--link_hover) !important; } .icgds .lmn-text-link:active, .icgds .lmn-text-link:visited { color: var(--link_visited) !important; } .icgds .lmn-text-link:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); color: var(--link-active) !important; text-decoration: underline; } .icgds .lmn-text-link.lmn-text-link-standalone { position: relative; } @media (max-width: 783.98px) { .icgds .lmn-text-link.lmn-text-link-standalone:before { position: absolute; content: ""; inset: 0; top: 50%; transform: translateY(-50%); height: 44px; } } .icgds .lmn-text-link.lmn-text-link-standalone:has(+ .lmn-breadcrumb) { padding: 11px 0px; margin-bottom: var(--back-button-to-breadcrumb); } .icgds a.lmn-text-link { text-decoration: underline; } .icgds a.lmn-text-link-quiet { text-decoration: none; } .icgds a.lmn-text-link-quiet:focus, .icgds a.lmn-text-link-quiet:hover { text-decoration: underline; } .icgds a.lmn-hide-visted:visited { color: var(--link) !important; } .icgds .lmn-text-weak { color: var(--text_weak) !important; } .icgds .lmn-text-strong { color: var(--text_strong) !important; } .icgds .lmn-heading-primary { color: var(--heading_primary) !important; } .icgds .lmn-heading-secondary { color: var(--heading_secondary) !important; } .icgds .lmn-text-weak-on-brand-primary { color: var(--text_weak_on-brand-primary) !important; } .icgds .lmn-text-strong-on-brand-primary { color: var(--text_strong_on-brand-primary) !important; } .icgds .lmn-text-weak-on-brand-secondary { color: var(--text_weak_on-brand-secondary) !important; } .icgds .lmn-text-strong-on-brand-secondary { color: var(--text_strong_on-brand-secondary) !important; } .icgds .lmn-text-weak-on-brand-inverse { color: var(--text_weak_on-brand-inverse) !important; } .icgds .lmn-text-strong-on-brand-inverse { color: var(--text_strong_on-brand-inverse) !important; } .icgds .lmn-text-danger { color: var(--text_error) !important; } .icgds .lmn-text-error { color: var(--text_error) !important; } .icgds .lmn-text-disabled { color: var(--text_disabled) !important; } .icgds .lmn-text-color-icon { color: var(--icon_fill) !important; } .icgds .lmn-text-success { color: var(--text_success) !important; } .icgds .lmn-text-warning { color: var(--text_warning) !important; } .icgds .lmn-text-color-info, .icgds .lmn-text-info { color: var(--info) !important; } .icgds .lmn-text-color-secondary, .icgds .lmn-text-secondary { color: var(--secondary) !important; } .icgds .lmn-text-color-subtitle { color: var(--text_weak) !important; } .icgds .lmn-hint-text { color: var(--hint_foreground); font-weight: 400; font-size: var(--font-size_support); line-height: var(--line-height_support); display: flex; align-items: center; margin-top: var(--field_container_vertical-spacing); } .icgds .lmn-hint-text.lmn-invalid { color: var(--text-danger); } .icgds .lmn-text-placeholder { color: var(--field_foreground_placeholder) !important; } .icgds .lmn-text-decoration-none { text-decoration: none !important; } .icgds .lmn-text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .icgds .lmn-text-reset { color: inherit !important; } .icgds .lmn-font-size-2xs { font-size: var(--font-size-10) !important; line-height: 1.25 !important; } .icgds .lmn-font-size-xs { font-size: var(--font-size-10) !important; line-height: 1.25 !important; } .icgds .lmn-font-size-sm { font-size: var(--font-size-12) !important; line-height: 1.25 !important; } .icgds .lmn-font-size-md { font-size: var(--font-size-14) !important; line-height: 1.25 !important; } .icgds .lmn-font-size-lg { font-size: var(--font-size-16) !important; line-height: 1.25 !important; } .icgds .lmn-font-size-xl { font-size: var(--font-size-18) !important; line-height: 1.25 !important; } .icgds .lmn-font-size-10 { font-size: 10px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-12 { font-size: 12px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-13 { font-size: 13px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-14 { font-size: 14px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-16 { font-size: 16px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-18 { font-size: 18px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-20 { font-size: 20px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-24 { font-size: 24px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-28 { font-size: 28px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-32 { font-size: 32px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-36 { font-size: 36px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-42 { font-size: 42px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-48 { font-size: 48px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-56 { font-size: 56px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-60 { font-size: 60px !important; line-height: 1.25 !important; } .icgds .lmn-font-size-68 { font-size: 68px !important; line-height: 1.25 !important; } .icgds blockquote { margin: 0; } .icgds .lmn-blockquote { margin-bottom: var(--spacing-16) !important; font-size: var(--font-size-20) !important; } .icgds .lmn-blockquote-footer { display: block; font-size: var(--font-size-16) !important; color: var(--text_weak) !important; } .icgds .lmn-initialism { font-size: var(--font-size-12); text-transform: uppercase; } .icgds .lmn-lead { font-size: var(--font-size-20); font-weight: var(--font-weight-regular); } .icgds .lmn-mark { background-color: var(--yellow-200-20); padding: var(--spacing-2); } .icgds .lmn-body-6-single { font-size: 10px; line-height: 12px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-6-single-light { font-size: 10px; line-height: 12px; font-weight: var(--font-weight-light); } .icgds .lmn-body-6-single-bold { font-size: 10px; line-height: 12px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-6-multi { font-size: 10px; line-height: 16px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-6-multi-light { font-size: 10px; line-height: 16px; font-weight: var(--font-weight-light); } .icgds .lmn-body-6-multi-bold { font-size: 10px; line-height: 16px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-5-single { font-size: 12px; line-height: 16px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-5-single-light { font-size: 12px; line-height: 16px; font-weight: var(--font-weight-light); } .icgds .lmn-body-5-single-bold { font-size: 12px; line-height: 16px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-5-multi { font-size: 12px; line-height: 18px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-5-multi-light { font-size: 12px; line-height: 18px; font-weight: var(--font-weight-light); } .icgds .lmn-body-5-multi-bold { font-size: 12px; line-height: 18px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-4-single { font-size: 13px; line-height: 16px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-4-single-light { font-size: 13px; line-height: 16px; font-weight: var(--font-weight-light); } .icgds .lmn-body-4-single-bold { font-size: 13px; line-height: 16px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-4-multi { font-size: 13px; line-height: 20px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-4-multi-light { font-size: 13px; line-height: 20px; font-weight: var(--font-weight-light); } .icgds .lmn-body-4-multi-bold { font-size: 13px; line-height: 20px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-3-single { font-size: 14px; line-height: 18px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-3-single-light { font-size: 14px; line-height: 18px; font-weight: var(--font-weight-light); } .icgds .lmn-body-3-single-bold { font-size: 14px; line-height: 18px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-3-multi { font-size: 14px; line-height: 22px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-3-multi-light { font-size: 14px; line-height: 22px; font-weight: var(--font-weight-light); } .icgds .lmn-body-3-multi-bold { font-size: 14px; line-height: 22px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-2-single { font-size: 16px; line-height: 20px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-2-single-light { font-size: 16px; line-height: 20px; font-weight: var(--font-weight-light); } .icgds .lmn-body-2-single-bold { font-size: 16px; line-height: 20px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-2-multi { font-size: 16px; line-height: 24px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-2-multi-light { font-size: 16px; line-height: 24px; font-weight: var(--font-weight-light); } .icgds .lmn-body-2-multi-bold { font-size: 16px; line-height: 24px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-1-single { font-size: 18px; line-height: 22px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-1-single-light { font-size: 18px; line-height: 22px; font-weight: var(--font-weight-light); } .icgds .lmn-body-1-single-bold { font-size: 18px; line-height: 22px; font-weight: var(--font-weight-bold); } .icgds .lmn-body-1-multi { font-size: 18px; line-height: 28px; font-weight: var(--font-weight-regular); } .icgds .lmn-body-1-multi-light { font-size: 18px; line-height: 28px; font-weight: var(--font-weight-light); } .icgds .lmn-body-1-multi-bold { font-size: 18px; line-height: 28px; font-weight: var(--font-weight-bold); } .icgds .fade { opacity: 0; transition: all var(--comp-transition) var(--comp-transition-duration); } .icgds .fade.show { opacity: 1; } .icgds .collapse { display: none; } .icgds .collapse.show { display: block; } .icgds tr.collapse.show { display: table-row; } .icgds tbody.collapse.show { display: table-row-group; } .icgds .lmn-align-baseline { vertical-align: baseline !important; } .icgds .lmn-align-top { vertical-align: top !important; } .icgds .lmn-align-middle { vertical-align: middle !important; } .icgds .lmn-align-bottom { vertical-align: bottom !important; } .icgds .lmn-align-text-top { vertical-align: text-top !important; } .icgds .lmn-align-text-bottom { vertical-align: text-bottom !important; } .icgds .lmn-visible { visibility: visible !important; } .icgds .lmn-invisible { visibility: hidden !important; } .icgds .lmn-alert-wrapper, .icgds .lmn-alert-wrap { top: unset; right: unset; left: unset; bottom: unset; display: flex; flex-direction: column; position: fixed; z-index: var(--alert-z-index); width: 412px; margin: 1.5rem; margin-bottom: 10px; } .icgds .lmn-alert-wrapper.lmn-alert-wrapper-right-top, .icgds .lmn-alert-wrap.lmn-alert-wrapper-right-top { top: 3rem; right: 0; flex-direction: column-reverse; } .icgds .lmn-alert-wrapper.lmn-alert-wrapper-right-bottom, .icgds .lmn-alert-wrap.lmn-alert-wrapper-right-bottom { bottom: 0; right: 0; } .icgds .lmn-alert-wrapper.lmn-alert-wrapper-left-top, .icgds .lmn-alert-wrap.lmn-alert-wrapper-left-top { top: 3rem; left: 0; flex-direction: column-reverse; } .icgds .lmn-alert-wrapper.lmn-alert-wrapper-left-bottom, .icgds .lmn-alert-wrap.lmn-alert-wrapper-left-bottom { bottom: 0; left: 0; } .icgds .lmn-alert-banner-wrap { position: fixed; top: 0; z-index: 1010; width: 100%; } .icgds .lmn-alert { display: flex; align-items: center; position: relative; height: var(--alert_container_height); font: var(--type_text-regular) var(--font-size_body)/var(--line-height_paragraph) var(--family_sans); background: var(--alert_fill); outline: 1px solid var(--alert_border); outline-offset: -1px; color: var(--alert_foreground_info); padding-top: var(--alert_container_padding-top); padding-right: var(--alert_container_padding-right); padding-bottom: var(--alert_container_padding-bottom); padding-left: var(--alert_container_padding-left); border-radius: var(--alert_radius); margin-bottom: var(--alert_vertical_space); } .icgds .lmn-alert .lmn-alert-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-self: center; flex-grow: 1; } .icgds .lmn-alert.lmn-alert-multi-line { height: unset; line-height: var(--line-height_paragraph); } .icgds .lmn-alert.lmn-alert-multi-line .lmn-alert-text { overflow: unset; text-overflow: unset; white-space: unset; } .icgds .lmn-alert.lmn-alert-multi-line .lmn-alert-close { align-self: flex-start; } .icgds .lmn-alert.lmn-alert-double-line { height: unset; line-height: var(--line-height_paragraph); } .icgds .lmn-alert.lmn-alert-double-line .lmn-alert-text { display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: unset; } .icgds .lmn-alert.lmn-alert-double-line .lmn-alert-close { align-self: flex-start; } .icgds .lmn-alert p, .icgds .lmn-alert ::slotted(p), .icgds .lmn-alert h1, .icgds .lmn-alert ::slotted(h1), .icgds .lmn-alert h2, .icgds .lmn-alert ::slotted(h2), .icgds .lmn-alert h3, .icgds .lmn-alert ::slotted(h3), .icgds .lmn-alert h4, .icgds .lmn-alert ::slotted(h4), .icgds .lmn-alert h5, .icgds .lmn-alert ::slotted(h5), .icgds .lmn-alert h6, .icgds .lmn-alert ::slotted(h6) { margin-top: 0; margin-bottom: 0; color: var(--alert-text-color); } .icgds .lmn-alert small, .icgds .lmn-alert ::slotted(small) { font-size: var(--font-size-body-xs); } .icgds .lmn-alert .lmn-alert-icon { align-self: flex-start; font-size: var(--alert_icon_size); line-height: inherit; margin-right: var(--alert_container_horizontal_spacing); font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-alert .lmn-alert-icon::before { content: var(--alert_icon_info); color: var(--alert-text-color); font-family: var(--icon-font-family); } .icgds .lmn-alert .lmn-alert-close, .icgds .lmn-alert .lmn-alert-collapse { display: flex; align-items: center; color: inherit; font-size: var(--icon_size_md); appearance: none; padding: 0; background: none; border: none; cursor: pointer; margin-left: auto; border-radius: var(--radius-4); } .icgds .lmn-alert .lmn-alert-close ~ .lmn-alert-close, .icgds .lmn-alert .lmn-alert-collapse ~ .lmn-alert-close { margin-left: 0; } .icgds .lmn-alert .lmn-alert-close:focus, .icgds .lmn-alert .lmn-alert-collapse:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); color: inherit; } .icgds .lmn-alert .lmn-alert-close > .lmnicon, .icgds .lmn-alert .lmn-alert-collapse > .lmnicon { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-alert .lmn-alert-close .lmnicon::before { content: var(--icon-close); font-family: var(--icon-font-family); } .icgds .lmn-alert .lmn-alert-collapse { margin-right: var(--spacing-8); } .icgds .lmn-alert .lmn-alert-collapse.active > .lmn-collapsible-alert-trigger-icon { transform: rotate(180deg); } .icgds .lmn-alert .lmn-btn { margin: 0 var(--alert_container_horizontal_spacing); } .icgds .lmn-alert .lmn-collapse-alert-header { display: flex; align-items: center; height: var(--alert_container_height); padding-top: var(--alert_container_padding-top); padding-right: var(--alert_container_padding-right); padding-bottom: var(--alert_container_padding-bottom); padding-left: var(--alert_container_padding-left); } .icgds .lmn-alert .lmn-collapse-alert-header:has(.lmn-alert-icon) { padding-left: var(--alert-icon-container_padding-left); } .icgds .lmn-alert.lmn-alert-link { font-weight: 700; } .icgds .lmn-alert.lmn-alert-banner { width: calc(100% - var(--spacing-x)); margin-right: var(--spacing-half-x); } .icgds .lmn-alert.lmn-alert-collapsible { padding: 0 !important; flex-direction: column; } .icgds .lmn-alert.lmn-alert-collapsible > div { width: 100%; } .icgds .lmn-alert .lmn-collapse-alert-footer { background: var(--layer_primary); color: var(--alert-collapsible_foreground_expanded-container); padding: var(--spacing-12); border-radius: 0px 0px var(--alert_radius) var(--alert_radius); } .icgds .lmn-alert .lmn-collapse-alert-footer p { color: inherit !important; } .icgds .lmn-alert:has(.lmn-alert-icon) { padding-left: var(--alert-icon-container_padding-left); } .icgds .lmn-alert:has(.lmn-collapse-alert-header) { height: unset; } .icgds .lmn-alert.lmn-alert-success { background: var(--alert_fill_success); color: var(--alert_foreground_success); outline-color: var(--alert_border_success); } .icgds .lmn-alert.lmn-alert-success .lmn-alert-icon::before { content: var(--alert_icon_success); font-family: var(--icon-font-family); color: var(--alert_foreground_success); } .icgds .lmn-alert.lmn-alert-success p, .icgds .lmn-alert.lmn-alert-success h1, .icgds .lmn-alert.lmn-alert-success h2, .icgds .lmn-alert.lmn-alert-success h3, .icgds .lmn-alert.lmn-alert-success h4, .icgds .lmn-alert.lmn-alert-success h5, .icgds .lmn-alert.lmn-alert-success h6 { color: var(--alert_foreground_success); } .icgds .lmn-alert.lmn-alert-warning { background: var(--alert_fill_warning); color: var(--alert_foreground_warning); outline-color: var(--alert_border_warning); } .icgds .lmn-alert.lmn-alert-warning .lmn-alert-icon::before { content: var(--alert_icon_warning); font-family: var(--icon-font-family); color: var(--alert_foreground_warning); } .icgds .lmn-alert.lmn-alert-warning p, .icgds .lmn-alert.lmn-alert-warning h1, .icgds .lmn-alert.lmn-alert-warning h2, .icgds .lmn-alert.lmn-alert-warning h3, .icgds .lmn-alert.lmn-alert-warning h4, .icgds .lmn-alert.lmn-alert-warning h5, .icgds .lmn-alert.lmn-alert-warning h6 { color: var(--alert_foreground_warning); } .icgds .lmn-alert.lmn-alert-danger { background: var(--alert_fill_danger); color: var(--alert_foreground_danger); outline-color: var(--alert_border_danger); } .icgds .lmn-alert.lmn-alert-danger .lmn-alert-icon::before { content: var(--alert_icon_danger); font-family: var(--icon-font-family); color: var(--alert_foreground_danger); } .icgds .lmn-alert.lmn-alert-danger p, .icgds .lmn-alert.lmn-alert-danger h1, .icgds .lmn-alert.lmn-alert-danger h2, .icgds .lmn-alert.lmn-alert-danger h3, .icgds .lmn-alert.lmn-alert-danger h4, .icgds .lmn-alert.lmn-alert-danger h5, .icgds .lmn-alert.lmn-alert-danger h6 { color: var(--alert_foreground_danger); } .icgds .lmn-alert.lmn-alert-info { background: var(--alert_fill_info); color: var(--alert_foreground_info); outline-color: var(--alert_border_info); } .icgds .lmn-alert.lmn-alert-info .lmn-alert-icon::before { content: var(--alert_icon_info); font-family: var(--icon-font-family); color: var(--alert_foreground_info); } .icgds .lmn-alert.lmn-alert-info p, .icgds .lmn-alert.lmn-alert-info h1, .icgds .lmn-alert.lmn-alert-info h2, .icgds .lmn-alert.lmn-alert-info h3, .icgds .lmn-alert.lmn-alert-info h4, .icgds .lmn-alert.lmn-alert-info h5, .icgds .lmn-alert.lmn-alert-info h6 { color: var(--alert_foreground_info); } .icgds .lmn-alert.lmn-alert-low-contrast { background: var(--alert_fill_low-contrast); outline-color: var(--alert_border_low-contrast); color: var(--alert_foreground_low-contrast); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-success { background: var(--alert_fill_low-contrast-success); color: var(--alert_foreground_low-contrast-success); outline-color: var(--alert_border_low-contrast-success); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-success .lmn-alert-icon::before { content: var(--alert_icon_success); font-family: var(--icon-font-family); color: var(--alert_foreground_low-contrast-success); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-success p, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-success h1, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-success h2, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-success h3, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-success h4, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-success h5, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-success h6 { color: var(--alert_foreground_low-contrast-success); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-warning { background: var(--alert_fill_low-contrast-warning); color: var(--alert_foreground_low-contrast-warning); outline-color: var(--alert_border_low-contrast-warning); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-warning .lmn-alert-icon::before { content: var(--alert_icon_warning); font-family: var(--icon-font-family); color: var(--alert_foreground_low-contrast-warning); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-warning p, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-warning h1, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-warning h2, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-warning h3, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-warning h4, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-warning h5, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-warning h6 { color: var(--alert_foreground_low-contrast-warning); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-danger { background: var(--alert_fill_low-contrast-danger); color: var(--alert_foreground_low-contrast-danger); outline-color: var(--alert_border_low-contrast-danger); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-danger .lmn-alert-icon::before { content: var(--alert_icon_danger); font-family: var(--icon-font-family); color: var(--alert_foreground_low-contrast-danger); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-danger p, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-danger h1, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-danger h2, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-danger h3, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-danger h4, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-danger h5, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-danger h6 { color: var(--alert_foreground_low-contrast-danger); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-info { background: var(--alert_fill_low-contrast-info); color: var(--alert_foreground_low-contrast-info); outline-color: var(--alert_border_low-contrast-info); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-info .lmn-alert-icon::before { content: var(--alert_icon_info); font-family: var(--icon-font-family); color: var(--alert_foreground_low-contrast-info); } .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-info p, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-info h1, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-info h2, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-info h3, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-info h4, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-info h5, .icgds .lmn-alert.lmn-alert-low-contrast.lmn-alert-info h6 { color: var(--alert_foreground_low-contrast-info); } @keyframes slide-up-fade { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .icgds .slide-up-fade { animation-name: "slide-up-fade"; -webkit-animation-name: "slide-up-fade"; animation-duration: var(--motion-duration-medium-1); -webkit-animation-duration: var(--motion-duration-medium-1); animation-timing-function: var(--motion-timing-ease-in-out); -webkit-animation-timing-function: var(--motion-timing-ease-in-out); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } @keyframes slide-down-fade { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .icgds .slide-down-fade { animation-name: "slide-down-fade"; -webkit-animation-name: "slide-down-fade"; animation-duration: var(--motion-duration-medium-1); -webkit-animation-duration: var(--motion-duration-medium-1); animation-timing-function: var(--motion-timing-ease-in-out); -webkit-animation-timing-function: var(--motion-timing-ease-in-out); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } .icgds .lmn-avatar { display: inline-block; border-radius: 50%; } .icgds .lmn-avatar .lmn-avatar-inner { width: var(--avatar_container_size); height: var(--avatar_container_size); border-radius: 50%; background: var(--avatar_fill); color: var(--avatar_foreground); outline: 1px solid var(--avatar_border); outline-offset: -1px; display: flex; align-items: center; justify-content: center; transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-avatar .lmn-avatar-inner .lmn-avatar-anonymous { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; font-size: var(--icon_size_lg); } .icgds .lmn-avatar .lmn-avatar-inner .lmn-avatar-anonymous:before { content: var(--icon-profile-alt); font-family: var(--icon-font-family); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-image { background-size: cover; } .icgds .lmn-avatar .lmn-avatar-inner:not(.lmn-avatar-image):hover { background: var(--avatar_fill_hover); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials { font: var(--type_text-bold) var(--font-size_body)/var(--line-height_body) var(--family_sans); text-transform: uppercase; font-weight: 700; } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-1 { background: var(--avatar_fill_1); color: var(--avatar_foreground_1); outline-color: var(--avatar_border_1); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-1:hover { background: var(--avatar_fill_1_hover); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-2 { background: var(--avatar_fill_2); color: var(--avatar_foreground_2); outline-color: var(--avatar_border_2); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-2:hover { background: var(--avatar_fill_2_hover); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-3 { background: var(--avatar_fill_3); color: var(--avatar_foreground_3); outline-color: var(--avatar_border_3); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-3:hover { background: var(--avatar_fill_3_hover); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-4 { background: var(--avatar_fill_4); color: var(--avatar_foreground_4); outline-color: var(--avatar_border_4); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-4:hover { background: var(--avatar_fill_4_hover); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-5 { background: var(--avatar_fill_5); color: var(--avatar_foreground_5); outline-color: var(--avatar_border_5); } .icgds .lmn-avatar .lmn-avatar-inner.lmn-avatar-initials.lmn-avatar-bg-color-5:hover { background: var(--avatar_fill_5_hover); } .icgds .lmn-avatar:focus, .icgds .lmn-avatar.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-avatar:active { outline-color: var(--border_active); } .icgds .lmn-avatar:active .lmn-avatar-inner { border-color: var(--avatar_fill_active); } .icgds .lmn-avatar-menu { padding: 0; background: var(--layer_primary); width: 256px; max-height: 720px; border-radius: var(--avatar-menu_radius); } .icgds .lmn-avatar-menu.lmn-popover-menu .lmn-popover-inner { padding: 0px !important; } .icgds .lmn-avatar-menu .lmn-avatar-menu-inner { display: flex; flex-direction: column; overflow: auto; max-height: inherit; } .icgds .lmn-avatar-menu .lmn-menu-divider { margin: var(--spacing-8) var(--spacing-16); background: var(--border_weak); } .icgds .lmn-avatar-menu .lmn-avatar-menu-subtitle { display: block; color: var(--text_weak); font-size: 12px; line-height: 16px; padding-top: var(--spacing-8); } .icgds .lmn-avatar-menu .lmn-avatar-menu-header { padding-top: var(--avatar-menu_header-container_padding-top); padding-right: var(--avatar-menu_header-container_horizontal-padding); padding-bottom: var(--avatar-menu_header-container_padding-bottom); padding-left: var(--avatar-menu_header-container_horizontal-padding); } .icgds .lmn-avatar-menu .lmn-avatar-menu-header .lmn-avatar-menu-title { display: block; font: var(--type_text-regular) var(--avatar-menu_container-heading_font-size)/var(--avatar-menu_container-heading_line-height) var(--avatar-menu_container-heading_font-family); color: var(--heading_primary); margin-bottom: var(--avatar-menu_header-wrapper_vertical-spacing); } .icgds .lmn-avatar-menu .lmn-avatar-menu-header .lmn-avatar-menu-subtitle { display: block; color: var(--text_weak); font: var(--type_text-regular) var(--avatar-menu_container-subtitle_font-size)/var(--avatar-menu_container-subtitle_line-height) var(--avatar-menu_container-subtitle_font-family); } .icgds .lmn-avatar-menu .lmn-avatar-menu-header .lmn-menu-divider { margin-top: var(--avatar-menu_header-wrapper_margin-bottom); margin-left: 0; margin-bottom: var(--avatar-menu_support-container_margin-top); margin-right: 0; } .icgds .lmn-avatar-menu .lmn-avatar-menu-header .lmn-avatar-menu-header-details { display: block; color: var(--text_weak); font: var(--type_text-regular) var(--avatar-menu_container-support_font-size)/var(--avatar-menu_container-support_line-height) var(--avatar-menu_container-support_font-family); } .icgds .lmn-avatar-menu .lmn-avatar-menu-header .lmn-avatar-menu-header-details .lmn-avatar-menu-subtitle { margin-top: var(--avatar-menu_header-wrapper_vertical-spacing); font: var(--type_text-regular) var(--avatar-menu_container-support_font-size)/var(--avatar-menu_container-support_line-height) var(--avatar-menu_container-support_font-family); } .icgds .lmn-avatar-menu .lmn-avatar-menu-body { padding: 0 var(--avatar-menu_menu-stack-container_horizontal-padding); } .icgds .lmn-avatar-menu .lmn-menu-item, .icgds .lmn-avatar-menu .lmn-menu-submenu .lmn-menu-submenu-title { margin-top: var(--avatar-menu_menu-stack-container_vertical-spacing); margin-bottom: 0; display: flex; } .icgds .lmn-avatar-menu .lmn-menu-item, .icgds .lmn-avatar-menu .lmn-menu-item span:not(.lmn-switch), .icgds .lmn-avatar-menu .lmn-menu-submenu .lmn-menu-submenu-title, .icgds .lmn-avatar-menu .lmn-menu-submenu .lmn-menu-submenu-title span:not(.lmn-switch) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-avatar-menu .lmn-menu-item .lmn-menu-divider, .icgds .lmn-avatar-menu .lmn-menu-submenu .lmn-menu-submenu-title .lmn-menu-divider { margin: var(--spacing-8); } .icgds .lmn-avatar-menu .lmn-avatar-menu-footer { padding: var(--spacing-12) var(--spacing-16) calc(var(--spacing-12) - var(--spacing-4)); } .icgds .lmn-badge { appearance: none; border: none; display: inline-flex; align-items: center; height: var(--badge_container_height); padding-left: var(--badge_container_padding); padding-right: var(--badge_container_padding); color: var(--badge_foreground_low-contrast); outline: 1px solid var(--badge_border_low-contrast); outline-offset: -1px; background: var(--badge_fill_low-contrast); border-radius: var(--badge_radius); font-size: var(--font-size_body); line-height: var(--line-height_heading-6); text-wrap: nowrap; } .icgds .lmn-badge.lmn-high-contrast { color: var(--badge_foreground_high-contrast_default); outline: 1px solid var(--badge_border_high-contrast_default); background: var(--badge_fill_high-contrast_default); } .icgds .lmn-badge .lmn-badge-icon, .icgds .lmn-badge ::slotted(.lmn-badge-icon) { font-style: normal; font-size: var(--badge_icon_size); width: var(--badge_icon_size); font-family: var(--icon-font-family); margin-right: var(--button_container_horizontal-spacing); } .icgds .lmn-badge.lmn-badge-info .lmn-badge-icon:not(.lmnicon-custom):before, .icgds .lmn-badge.lmn-badge-info ::slotted(.lmn-badge-icon):before { content: var(--icon-info-circle-filled); } .icgds .lmn-badge.lmn-badge-success .lmn-badge-icon:not(.lmnicon-custom):before, .icgds .lmn-badge.lmn-badge-success ::slotted(.lmn-badge-icon):before { content: var(--icon-success-filled); } .icgds .lmn-badge.lmn-badge-warning .lmn-badge-icon:not(.lmnicon-custom):before, .icgds .lmn-badge.lmn-badge-warning ::slotted(.lmn-badge-icon):before { content: var(--icon-alert-circle-filled); } .icgds .lmn-badge.lmn-badge-danger .lmn-badge-icon:not(.lmnicon-custom):before, .icgds .lmn-badge.lmn-badge-danger ::slotted(.lmn-badge-icon):before { content: var(--icon-alert-triangle-filled); } .icgds .lmn-badge:has(.lmn-badge-icon) { padding-left: var(--badge_icon-container_padding-left); } .icgds .lmn-badge span, .icgds .lmn-badge ::slotted(span) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-badge.lmn-badge-blue { background-color: var(--badge_fill_low-contrast); outline-color: var(--badge_border_low-contrast); color: var(--badge_foreground_low-contrast); } .icgds .lmn-badge.lmn-badge-info { background-color: var(--badge_fill_low-contrast_info); outline-color: var(--badge_border_low-contrast_info); color: var(--badge_foreground_low-contrast_info); } .icgds .lmn-badge.lmn-badge-orange { background-color: var(--badge_fill_low-contrast_orange); outline-color: var(--badge_border_low-contrast_orange); color: var(--badge_foreground_low-contrast_orange); } .icgds .lmn-badge.lmn-badge-purple { background-color: var(--badge_fill_low-contrast_purple); outline-color: var(--badge_border_low-contrast_purple); color: var(--badge_foreground_low-contrast_purple); } .icgds .lmn-badge.lmn-badge-plum { background-color: var(--badge_fill_low-contrast_plum); outline-color: var(--badge_border_low-contrast_plum); color: var(--badge_foreground_low-contrast_plum); } .icgds .lmn-badge.lmn-badge-teal { background-color: var(--badge_fill_low-contrast_teal); outline-color: var(--badge_border_low-contrast_teal); color: var(--badge_foreground_low-contrast_teal); } .icgds .lmn-badge.lmn-badge-olive { background-color: var(--badge_fill_low-contrast_sand); outline-color: var(--badge_border_low-contrast_sand); color: var(--badge_foreground_low-contrast_sand); } .icgds .lmn-badge.lmn-badge-sand { background-color: var(--badge_fill_low-contrast_sand); outline-color: var(--badge_border_low-contrast_sand); color: var(--badge_foreground_low-contrast_sand); } .icgds .lmn-badge.lmn-badge-success { background-color: var(--badge_fill_low-contrast_success); outline-color: var(--badge_border_low-contrast_success); color: var(--badge_foreground_low-contrast_success); } .icgds .lmn-badge.lmn-badge-warning { background-color: var(--badge_fill_low-contrast_warning); outline-color: var(--badge_border_low-contrast_warning); color: var(--badge_foreground_low-contrast_warning); } .icgds .lmn-badge.lmn-badge-danger { background-color: var(--badge_fill_low-contrast_danger); outline-color: var(--badge_border_low-contrast_danger); color: var(--badge_foreground_low-contrast_danger); } .icgds .lmn-badge.lmn-badge-blue.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_default); outline-color: var(--badge_border_high-contrast_default); color: var(--badge_foreground_high-contrast_default); } .icgds .lmn-badge.lmn-badge-info.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_info); outline-color: var(--badge_border_high-contrast_info); color: var(--badge_foreground_high-contrast_info); } .icgds .lmn-badge.lmn-badge-orange.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_orange); outline-color: var(--badge_border_high-contrast_orange); color: var(--badge_foreground_high-contrast_orange); } .icgds .lmn-badge.lmn-badge-purple.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_purple); outline-color: var(--badge_border_high-contrast_purple); color: var(--badge_foreground_high-contrast_purple); } .icgds .lmn-badge.lmn-badge-plum.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_plum); outline-color: var(--badge_border_high-contrast_plum); color: var(--badge_foreground_high-contrast_plum); } .icgds .lmn-badge.lmn-badge-teal.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_teal); outline-color: var(--badge_border_high-contrast_teal); color: var(--badge_foreground_high-contrast_teal); } .icgds .lmn-badge.lmn-badge-olive.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_sand); outline-color: var(--badge_border_high-contrast_sand); color: var(--badge_foreground_high-contrast_sand); } .icgds .lmn-badge.lmn-badge-sand.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_sand); outline-color: var(--badge_border_high-contrast_sand); color: var(--badge_foreground_high-contrast_sand); } .icgds .lmn-badge.lmn-badge-success.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_success); outline-color: var(--badge_border_high-contrast_success); color: var(--badge_foreground_high-contrast_success); } .icgds .lmn-badge.lmn-badge-warning.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_warning); outline-color: var(--badge_border_high-contrast_warning); color: var(--badge_foreground_high-contrast_warning); } .icgds .lmn-badge.lmn-badge-danger.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_danger); outline-color: var(--badge_border_high-contrast_danger); color: var(--badge_foreground_high-contrast_danger); } .icgds .lmn-breadcrumb { display: flex; flex-wrap: wrap; font: var(--text-link_type) var(--text-link_font-size)/var(--text-link_line-height) var(--text-link_font-family); list-style: none; padding: 0; margin-bottom: 0; } .icgds .lmn-breadcrumb-item { white-space: nowrap; margin-right: var(--breadcrumb_horizontal-spacing); } .icgds .lmn-breadcrumb-separator { padding: 0 var(--breadcrumb_separator_horizontal-padding); color: var(--breadcrumb_foreground_active); } .icgds .lmn-breadcrumb-label { cursor: pointer; margin-right: var(--breadcrumb_page-link_horizontal-spacing); color: var(--breadcrumb_foreground); } .icgds .lmn-breadcrumb-label:hover, .icgds .lmn-breadcrumb-label:focus { color: var(--breadcrumb_foreground_hover); text-decoration: underline; } .icgds .lmn-breadcrumb-label-current { cursor: default; color: var(--breadcrumb_foreground_active); } .icgds .lmn-breadcrumb-label-current:hover { color: var(--breadcrumb_foreground_active); text-decoration: none; } .icgds .lmn-breadcrumb-more { cursor: pointer; text-align: center; } .icgds .lmn-breadcrumb-label-disabled { cursor: not-allowed; color: var(--breadcrumb_foreground_disabled); } .icgds .lmn-breadcrumb-label-disabled:hover { color: var(--breadcrumb_foreground_disabled); text-decoration: none; } .icgds .lmn-breadcrumb-item:last-of-type .lmn-breadcrumb-separator { display: none; } .icgds .lmn-breadcrumb-item:last-of-type .lmn-breadcrumb-label { cursor: default; color: var(--breadcrumb_foreground_active); } .icgds .lmn-breadcrumb-item:last-of-type .lmn-breadcrumb-label:hover { color: var(--breadcrumb_foreground_active); text-decoration: none; } .icgds .lmn-btn { height: var(--button_container_height); min-width: var(--button_container_min-width); font-size: var(--font-size_body); line-height: var(--line-height_heading-6); padding-left: var(--button_container_padding-left); padding-right: var(--button_container_padding-right); border-radius: var(--button_radius); font-family: var(--family_sans); font-weight: var(--font-weight-regular); background-color: var(--button_fill_standard); color: var(--button_foreground_standard); outline: var(--field_border-width) solid var(--button_border_standard); outline-offset: -1px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; position: relative; border: 0px; vertical-align: middle; white-space: nowrap; text-decoration: none; box-shadow: 0 0 0 3px transparent, inset 0 0 0 1px transparent; transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), border var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-linear); } .icgds .lmn-btn:hover { background-color: var(--button_fill_standard_hover); outline-color: var(--button_border_standard_hover); color: var(--button_foreground_standard_hover); } .icgds .lmn-btn:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-btn.lmn-btn-dropdown .lmn-dropdown-trigger-icon { width: auto; } .icgds .lmn-btn.lmn-btn-round, .icgds .lmn-btn.lmn-btn-round.lmn-btn-icon { min-width: unset; width: var(--container_height); padding-left: 0; padding-right: 0; border-radius: 50%; } .icgds .lmn-btn.lmn-btn-round *:only-child, .icgds .lmn-btn.lmn-btn-round.lmn-btn-icon *:only-child { margin: 0; } .icgds .lmn-btn.lmn-btn-primary { background: var(--button_fill_primary); color: var(--button_foreground_primary); outline: var(--field_border-width) solid var(--button_border_primary); } .icgds .lmn-btn.lmn-btn-primary:focus { background: var(--button_fill_primary_focus); color: var(--button_foreground_primary_focus); } .icgds .lmn-btn.lmn-btn-primary:hover { background: var(--button_fill_primary_hover); color: var(--button_foreground_primary_hover); outline: var(--field_border-width) solid var(--button_border_primary_hover); } .icgds .lmn-btn.lmn-btn-primary:active, .icgds .lmn-btn.lmn-btn-primary.active, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-primary, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-primary { background: var(--button_fill_primary_active); color: var(--button_foreground_primary_active); outline: var(--field_border-width) solid var(--button_border_primary_active); } .icgds .lmn-btn.lmn-btn-outline, .icgds .lmn-btn.lmn-btn-secondary { background: var(--button_fill_outline); color: var(--button_foreground_outline); outline: var(--field_border-width) solid var(--button_border_outline); } .icgds .lmn-btn.lmn-btn-outline:focus, .icgds .lmn-btn.lmn-btn-secondary:focus { background: var(--button_fill_outline_focus); color: var(--button_foreground_outline_focus); } .icgds .lmn-btn.lmn-btn-outline:hover, .icgds .lmn-btn.lmn-btn-secondary:hover { background: var(--button_fill_outline_hover); color: var(--button_foreground_outline_hover); outline: var(--field_border-width) solid var(--button_border_outline_hover); } .icgds .lmn-btn.lmn-btn-outline:active, .icgds .lmn-btn.lmn-btn-secondary:active, .icgds .lmn-btn.lmn-btn-outline.active, .icgds .lmn-btn.active.lmn-btn-secondary, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-outline, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-secondary, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-outline, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-secondary { background: var(--button_fill_outline_active); color: var(--button_foreground_outline_active); outline: var(--field_border-width) solid var(--button_border_outline_active); } .icgds .lmn-btn.lmn-btn-standard, .icgds .lmn-btn.lmn-btn-tertiary { background: var(--button_fill_standard); color: var(--button_foreground_standard); outline: var(--field_border-width) solid var(--button_border_standard); } .icgds .lmn-btn.lmn-btn-standard:focus, .icgds .lmn-btn.lmn-btn-tertiary:focus { background: var(--button_fill_standard_focus); color: var(--button_foreground_standard_focus); } .icgds .lmn-btn.lmn-btn-standard:hover, .icgds .lmn-btn.lmn-btn-tertiary:hover { background: var(--button_fill_standard_hover); color: var(--button_foreground_standard_hover); outline: var(--field_border-width) solid var(--button_border_standard_hover); } .icgds .lmn-btn.lmn-btn-standard:active, .icgds .lmn-btn.lmn-btn-tertiary:active, .icgds .lmn-btn.lmn-btn-standard.active, .icgds .lmn-btn.active.lmn-btn-tertiary, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-standard, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-tertiary, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-standard, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-tertiary { background: var(--button_fill_standard_active); color: var(--button_foreground_standard_active); outline: var(--field_border-width) solid var(--button_border_standard_active); } .icgds .lmn-btn.lmn-btn-success { background: var(--button_fill_success); color: var(--button_foreground_success); outline: var(--field_border-width) solid var(--button_border_success); } .icgds .lmn-btn.lmn-btn-success:focus { background: var(--button_fill_success_focus); color: var(--button_foreground_success_focus); } .icgds .lmn-btn.lmn-btn-success:hover { background: var(--button_fill_success_hover); color: var(--button_foreground_success_hover); outline: var(--field_border-width) solid var(--button_border_success_hover); } .icgds .lmn-btn.lmn-btn-success:active, .icgds .lmn-btn.lmn-btn-success.active, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-success, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-success { background: var(--button_fill_success_active); color: var(--button_foreground_success_active); outline: var(--field_border-width) solid var(--button_border_success_active); } .icgds .lmn-btn.lmn-btn-warning { background: var(--button_fill_warning); color: var(--button_foreground_warning); outline: var(--field_border-width) solid var(--button_border_warning); } .icgds .lmn-btn.lmn-btn-warning:focus { background: var(--button_fill_warning_focus); color: var(--button_foreground_warning_focus); } .icgds .lmn-btn.lmn-btn-warning:hover { background: var(--button_fill_warning_hover); color: var(--button_foreground_warning_hover); outline: var(--field_border-width) solid var(--button_border_warning_hover); } .icgds .lmn-btn.lmn-btn-warning:active, .icgds .lmn-btn.lmn-btn-warning.active, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-warning, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-warning { background: var(--button_fill_warning_active); color: var(--button_foreground_warning_active); outline: var(--field_border-width) solid var(--button_border_warning_active); } .icgds .lmn-btn.lmn-btn-danger { background: var(--button_fill_danger); color: var(--button_foreground_danger); outline: var(--field_border-width) solid var(--button_border_danger); } .icgds .lmn-btn.lmn-btn-danger:focus { background: var(--button_fill_danger_focus); color: var(--button_foreground_danger_focus); } .icgds .lmn-btn.lmn-btn-danger:hover { background: var(--button_fill_danger_hover); color: var(--button_foreground_danger_hover); outline: var(--field_border-width) solid var(--button_border_danger_hover); } .icgds .lmn-btn.lmn-btn-danger:active, .icgds .lmn-btn.lmn-btn-danger.active, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-danger, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-danger { background: var(--button_fill_danger_active); color: var(--button_foreground_danger_active); outline: var(--field_border-width) solid var(--button_border_danger_active); } .icgds .lmn-btn.lmn-btn-ghost, .icgds .lmn-btn.lmn-btn-link { background: var(--button_fill_ghost); color: var(--button_foreground_ghost); outline: var(--field_border-width) solid var(--button_border_ghost); } .icgds .lmn-btn.lmn-btn-ghost:focus, .icgds .lmn-btn.lmn-btn-link:focus { background: var(--button_fill_ghost_focus); color: var(--button_foreground_ghost_focus); } .icgds .lmn-btn.lmn-btn-ghost:hover, .icgds .lmn-btn.lmn-btn-link:hover { background: var(--button_fill_ghost_hover); color: var(--button_foreground_ghost_hover); outline: var(--field_border-width) solid var(--button_border_ghost_hover); } .icgds .lmn-btn.lmn-btn-ghost:active, .icgds .lmn-btn.lmn-btn-link:active, .icgds .lmn-btn.lmn-btn-ghost.active, .icgds .lmn-btn.active.lmn-btn-link, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-ghost, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-link, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-ghost, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-link { background: var(--button_fill_ghost_active); color: var(--button_foreground_ghost_active); outline: var(--field_border-width) solid var(--button_border_ghost_active); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-primary { background-color: var(--button_fill_primary_on-layer-brand-primary); color: var(--button_foreground_primary_on-layer-brand-primary); outline: var(--field_border-width) solid var(--button_border_primary_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-primary:focus { background-color: var(--button_fill_primary_focus_on-layer-brand-primary); color: var(--button_foreground_primary_focus_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-primary:hover { background-color: var(--button_fill_primary_hover_on-layer-brand-primary); color: var(--button_foreground_primary_hover_on-layer-brand-primary); outline: var(--field_border-width) solid var(--button_border_primary_hover_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-primary:active, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-primary.active, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-primary, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-primary { background-color: var(--button_fill_primary_active_on-layer-brand-primary); color: var(--button_foreground_primary_active_on-layer-brand-primary); outline: var(--field_border-width) solid var(--button_border_primary_active_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-outline, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-secondary { background-color: var(--button_fill_outline_on-layer-brand-primary); color: var(--button_foreground_outline_on-layer-brand-primary); outline: var(--field_border-width) solid var(--button_border_outline_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-outline:focus, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-secondary:focus { background-color: var(--button_fill_outline_focus_on-layer-brand-primary); color: var(--button_foreground_outline_focus_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-outline:hover, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-secondary:hover { background-color: var(--button_fill_outline_hover_on-layer-brand-primary); color: var(--button_foreground_outline_hover_on-layer-brand-primary); outline: var(--field_border-width) solid var(--button_border_outline_hover_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-outline:active, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-secondary:active, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-outline.active, .icgds .lmn-btn.lmn-btn-on-primary.active.lmn-btn-secondary, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-outline, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-secondary, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-outline, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-secondary { background-color: var(--button_fill_outline_active_on-layer-brand-primary); color: var(--button_foreground_outline_active_on-layer-brand-primary); outline: var(--field_border-width) solid var(--button_border_outline_active_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-standard, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-tertiary { background-color: var(--button_fill_standard_on-layer-brand-primary); color: var(--button_foreground_standard_on-layer-brand-primary); outline: var(--field_border-width) solid var(--button_border_standard_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-standard:focus, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-tertiary:focus { background-color: var(--button_fill_standard_focus_on-layer-brand-primary); color: var(--button_foreground_standard_focus_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-standard:hover, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-tertiary:hover { background-color: var(--button_fill_standard_hover_on-layer-brand-primary); color: var(--button_foreground_standard_hover_on-layer-brand-primary); outline: var(--field_border-width) solid var(--button_border_standard_hover_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-standard:active, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-tertiary:active, .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-standard.active, .icgds .lmn-btn.lmn-btn-on-primary.active.lmn-btn-tertiary, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-standard, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-tertiary, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-standard, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-primary.lmn-btn-tertiary { background-color: var(--button_fill_standard_active_on-layer-brand-primary); color: var(--button_foreground_standard_active_on-layer-brand-primary); outline: var(--field_border-width) solid var(--button_border_standard_active_on-layer-brand-primary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-primary { background-color: var(--button_fill_primary_on-layer-brand-secondary); color: var(--button_foreground_primary_on-layer-brand-secondary); outline: var(--field_border-width) solid var(--button_border_primary_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-primary:focus { background-color: var(--button_fill_primary_focus_on-layer-brand-secondary); color: var(--button_foreground_primary_focus_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-primary:hover { background-color: var(--button_fill_primary_hover_on-layer-brand-secondary); color: var(--button_foreground_primary_hover_on-layer-brand-secondary); outline: var(--field_border-width) solid var(--button_border_primary_hover_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-primary:active, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-primary.active, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-primary, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-primary { background-color: var(--button_fill_primary_active_on-layer-brand-secondary); color: var(--button_foreground_primary_active_on-layer-brand-secondary); outline: var(--field_border-width) solid var(--button_border_primary_active_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-outline, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-secondary { background-color: var(--button_fill_outline_on-layer-brand-secondary); color: var(--button_foreground_outline_on-layer-brand-secondary); outline: var(--field_border-width) solid var(--button_border_outline_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-outline:focus, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-secondary:focus { background-color: var(--button_fill_outline_focus_on-layer-brand-secondary); color: var(--button_foreground_outline_focus_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-outline:hover, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-secondary:hover { background-color: var(--button_fill_outline_hover_on-layer-brand-secondary); color: var(--button_foreground_outline_hover_on-layer-brand-secondary); outline: var(--field_border-width) solid var(--button_border_outline_hover_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-outline:active, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-secondary:active, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-outline.active, .icgds .lmn-btn.lmn-btn-on-secondary.active.lmn-btn-secondary, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-outline, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-secondary, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-outline, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-secondary { background-color: var(--button_fill_outline_active_on-layer-brand-secondary); color: var(--button_foreground_outline_active_on-layer-brand-secondary); outline: var(--field_border-width) solid var(--button_border_outline_active_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-standard, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-tertiary { background-color: var(--button_fill_standard_on-layer-brand-secondary); color: var(--button_foreground_standard_on-layer-brand-secondary); outline: var(--field_border-width) solid var(--button_border_standard_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-standard:focus, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-tertiary:focus { background-color: var(--button_fill_standard_focus_on-layer-brand-secondary); color: var(--button_foreground_standard_focus_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-standard:hover, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-tertiary:hover { background-color: var(--button_fill_standard_hover_on-layer-brand-secondary); color: var(--button_foreground_standard_hover_on-layer-brand-secondary); outline: var(--field_border-width) solid var(--button_border_standard_hover_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-standard:active, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-tertiary:active, .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-standard.active, .icgds .lmn-btn.lmn-btn-on-secondary.active.lmn-btn-tertiary, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-standard, input[type=checkbox]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-tertiary, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-standard, input[type=radio]:checked + .icgds .lmn-btn.lmn-btn-on-secondary.lmn-btn-tertiary { background-color: var(--button_fill_standard_active_on-layer-brand-secondary); color: var(--button_foreground_standard_active_on-layer-brand-secondary); outline: var(--field_border-width) solid var(--button_border_standard_active_on-layer-brand-secondary); } .icgds .lmn-btn.lmn-btn-block { display: block; width: 100%; text-align: center; line-height: var(--button_container_height); } .icgds .lmn-btn.lmn-btn-icon { min-width: var(--button_container_height); } .icgds .lmn-btn.lmn-btn-icon .lmn-btn-prefix-icon, .icgds .lmn-btn.lmn-btn-icon .lmnicon:first-child { margin-right: var(--button_container_horizontal-spacing); } .icgds .lmn-btn.lmn-btn-icon .lmn-btn-suffix-icon, .icgds .lmn-btn.lmn-btn-icon .lmnicon:last-child { margin-left: var(--button_container_horizontal-spacing); } .icgds .lmn-btn.lmn-btn-icon:has(.lmn-btn-prefix-icon), .icgds .lmn-btn.lmn-btn-icon:has(.lmnicon:first-child) { padding-left: var(--button_icon-container_padding-left); } .icgds .lmn-btn.lmn-btn-icon:has(.lmn-btn-suffix-icon), .icgds .lmn-btn.lmn-btn-icon:has(.lmnicon:last-child) { padding-right: var(--button_icon-container_padding-right); } .icgds .lmn-btn.lmn-btn-icon:has(.lmnicon:only-child) { padding: 0; } .icgds .lmn-btn.lmn-floating-btn { display: inline-flex; z-index: 1; font-weight: var(--font-weight-regular); box-shadow: var(--box-shadow-lg); border-radius: 24px; border: 0; font-size: 14px; line-height: 18px; cursor: pointer; } .icgds .lmn-btn.lmn-floating-btn .lmn-floating-btn-prefix-icon { margin-right: 4px; } .icgds .lmn-btn.lmn-floating-btn .lmn-floating-btn-suffix-icon { margin-left: 4px; } .icgds .lmn-btn.lmn-floating-btn .lmnicon { font-size: 18px; } .icgds .lmn-btn.lmn-floating-btn:has(.lmn-floating-btn-prefix-icon, .lmn-floating-btn-suffix-icon) { padding-left: var(--spacing-three-quarter-x); padding-right: var(--spacing-three-quarter-x); } .icgds .lmn-btn.lmn-floating-btn.lmn-floating-btn-icon { line-height: 18px; justify-content: center; min-width: unset; width: var(--button_container_height); } .icgds .lmn-btn.lmn-floating-btn.lmn-ui-lg { border-radius: 24px; font-size: 16px; line-height: 20px; } .icgds .lmn-btn.lmn-floating-btn.lmn-ui-lg.lmn-floating-btn-icon { padding: 14px; width: 48px; } .icgds .lmn-btn.lmn-floating-btn.lmn-ui-lg:has(.lmn-floating-btn-prefix-icon, .lmn-floating-btn-suffix-icon) { padding-left: var(--spacing-x); padding-right: var(--spacing-x); } .icgds .lmn-btn.lmn-floating-btn:focus, .icgds .lmn-btn.lmn-floating-btn:focus-within { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-btn.lmn-floating-btn.lmn-floating-btn-bottom-right { bottom: 24px; right: 24px; } .icgds .lmn-btn.lmn-floating-btn.lmn-floating-btn-top-center { top: 24px; left: 50%; transform: translateX(-50%); } .icgds .lmn-btn[disabled], .icgds .lmn-btn.disabled { cursor: not-allowed; background: var(--button_fill_primary_disabled) !important; border-color: var(--button_border_primary_disabled) !important; outline-color: var(--button_border_primary_disabled) !important; box-shadow: none !important; color: var(--button_foreground_primary_disabled) !important; } .icgds .lmn-btn .lmnicon { font-size: 18px; } .icgds .lmn-btn.lmn-btn-ai { color: var(--button_foreground_ai); background: var(--button_fill_ai); } .icgds .lmn-btn.lmn-btn-ai:hover { animation: ai-button-rotation 2s forwards infinite linear; } .icgds .lmn-btn-group { display: inline-flex; position: relative; padding: var(--group-button_container_padding); background: var(--button_fill_standard); border-radius: var(--button_radius); height: auto; } .icgds .lmn-btn-group input[type=checkbox], .icgds .lmn-btn-group input[type=radio] { display: none; } .icgds .lmn-btn-group .lmn-form-check { margin: 0 !important; } .icgds .lmn-segmented-control { background: var(--segmented-control_fill); border: none; height: var(--group-button_item_height); } .icgds .lmn-btn-group-item, .icgds .lmn-segmented-control-item { z-index: 1; font-weight: var(--font-weight-regular); padding-top: var(--button_container_vertical-padding); padding-bottom: var(--button_container_vertical-padding); } .icgds .lmn-btn-group-item:not(:first-of-type)::after, .icgds .lmn-segmented-control-item:not(:first-of-type)::after { width: 1px; height: 22px; content: ""; position: absolute; inset: auto auto auto 0px; background-color: var(--button_foreground_standard); transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-btn-group-item:hover, .icgds .lmn-btn-group-item:active, .icgds .lmn-btn-group-item.active, .icgds .lmn-btn-group-item.selected, .icgds .lmn-btn-group-item.active + .lmn-btn-group-item, .icgds .lmn-btn-group-item.active + .lmn-segmented-control-item, .icgds .lmn-btn-group-item:hover + .lmn-btn-group-item, .icgds .lmn-btn-group-item:hover + .lmn-segmented-control-item, .icgds .lmn-segmented-control-item:hover, .icgds .lmn-segmented-control-item:active, .icgds .lmn-segmented-control-item.active, .icgds .lmn-segmented-control-item.selected, .icgds .lmn-segmented-control-item.active + .lmn-btn-group-item, .icgds .lmn-segmented-control-item.active + .lmn-segmented-control-item, .icgds .lmn-segmented-control-item:hover + .lmn-btn-group-item, .icgds .lmn-segmented-control-item:hover + .lmn-segmented-control-item { z-index: 3; } .icgds .lmn-btn-group-item:hover::after, .icgds .lmn-btn-group-item:active::after, .icgds .lmn-btn-group-item.active::after, .icgds .lmn-btn-group-item.selected::after, .icgds .lmn-btn-group-item.active + .lmn-btn-group-item::after, .icgds .lmn-btn-group-item.active + .lmn-segmented-control-item::after, .icgds .lmn-btn-group-item:hover + .lmn-btn-group-item::after, .icgds .lmn-btn-group-item:hover + .lmn-segmented-control-item::after, .icgds .lmn-segmented-control-item:hover::after, .icgds .lmn-segmented-control-item:active::after, .icgds .lmn-segmented-control-item.active::after, .icgds .lmn-segmented-control-item.selected::after, .icgds .lmn-segmented-control-item.active + .lmn-btn-group-item::after, .icgds .lmn-segmented-control-item.active + .lmn-segmented-control-item::after, .icgds .lmn-segmented-control-item:hover + .lmn-btn-group-item::after, .icgds .lmn-segmented-control-item:hover + .lmn-segmented-control-item::after { display: none; } .icgds .lmn-btn-group-item:focus, .icgds .lmn-btn-group-item.focus, .icgds .lmn-segmented-control-item:focus, .icgds .lmn-segmented-control-item.focus { z-index: 4; } .icgds .lmn-btn-group-item:focus::after, .icgds .lmn-btn-group-item.focus::after, .icgds .lmn-segmented-control-item:focus::after, .icgds .lmn-segmented-control-item.focus::after { display: none; } .icgds .lmn-btn-group-item { background: transparent; color: var(--group-button_foreground); outline: 1px solid var(--group-button_border); outline-offset: -1px; height: var(--group-button_item_height_theme); } .icgds .lmn-btn-group-item.active, .icgds .lmn-btn-group-item:active { outline-color: var(--group-button_border_active); background: var(--group-button_fill_active); color: var(--group-button_foreground_active); font-weight: 700; } .icgds .lmn-btn-group-item.active.focus, .icgds .lmn-btn-group-item.active:focus, .icgds .lmn-btn-group-item:active.focus, .icgds .lmn-btn-group-item:active:focus { background: var(--group-button_fill_active); color: var(--group-button_foreground_active); } .icgds .lmn-btn-group-item.hover, .icgds .lmn-btn-group-item:hover { outline-color: var(--group-button_border_hover); background: var(--group-button_fill_hover); color: var(--group-button_foreground_hover); } .icgds .lmn-btn-group-item:not(:first-of-type)::after { background-color: var(--border_strong); } .icgds .lmn-segmented-control-item { background: transparent; color: var(--segmented-control_foreground); height: var(--segmented-control_height); min-width: var(--segmented-control-item_min-width); border-top: 1px solid var(--segmented-control_border); border-bottom: 1px solid var(--segmented-control_border); border-radius: 0; } .icgds .lmn-segmented-control-item:first-of-type { border-left: 1px solid var(--segmented-control_border); border-top-left-radius: var(--button_radius); border-bottom-left-radius: var(--button_radius); } .icgds .lmn-segmented-control-item:last-of-type { border-right: 1px solid var(--segmented-control_border); border-top-right-radius: var(--button_radius); border-bottom-right-radius: var(--button_radius); } .icgds .lmn-segmented-control-item:before { content: ""; position: absolute; width: 100%; left: -1px; right: -1px; z-index: -1; height: var(--segmented-control_active_height); border-radius: var(--button_radius); } .icgds .lmn-segmented-control-item.active, .icgds .lmn-segmented-control-item:active { font-weight: 700; z-index: 5; } .icgds .lmn-segmented-control-item.active:before, .icgds .lmn-segmented-control-item:active:before { border: 1px solid var(--segmented-control_border_active); background: var(--segmented-control_fill_active); color: var(--segmented-control_foreground_active); } .icgds .lmn-segmented-control-item.active.focus, .icgds .lmn-segmented-control-item.active:focus, .icgds .lmn-segmented-control-item:active.focus, .icgds .lmn-segmented-control-item:active:focus { background: var(--segmented-control_fill_active); color: var(--segmented-control_foreground_active); } .icgds .lmn-segmented-control-item.active.hover, .icgds .lmn-segmented-control-item.active:hover, .icgds .lmn-segmented-control-item:active.hover, .icgds .lmn-segmented-control-item:active:hover { background: var(--segmented-control_fill); color: var(--segmented-control_foreground_active); } .icgds .lmn-segmented-control-item:focus, .icgds .lmn-segmented-control-item.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-segmented-control-item:focus.active, .icgds .lmn-segmented-control-item:focus:active, .icgds .lmn-segmented-control-item.focus.active, .icgds .lmn-segmented-control-item.focus:active { box-shadow: none; } .icgds .lmn-segmented-control-item:focus.active:before, .icgds .lmn-segmented-control-item:focus:active:before, .icgds .lmn-segmented-control-item.focus.active:before, .icgds .lmn-segmented-control-item.focus:active:before { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-segmented-control-item.hover, .icgds .lmn-segmented-control-item:hover { background: var(--segmented-control_fill_hover); color: var(--segmented-control_foreground_hover); } .icgds .lmn-segmented-control-item:not(:first-of-type)::after { background-color: var(--border_strong); } .icgds .lmn-btn-split { position: relative; display: inline-flex; text-align: left; border-radius: var(--button_radius); background: var(--button_fill_standard); } .icgds .lmn-btn-split > .lmn-btn { margin-right: 1px; } .icgds .lmn-btn-split > .lmn-btn:first-child::before { content: ""; position: absolute; inset: 10px -1px 10px auto; width: 1px; background-color: var(--button_foreground_standard); } .icgds .lmn-btn-split:has(.lmn-dropdown-open) { background-color: var(--button_fill_standard_active); } .icgds .lmn-btn-split:has(.lmn-dropdown-open) .lmn-btn { background-color: var(--button_fill_standard_active); color: var(--button_foreground_standard_active); } .icgds .lmn-btn-split:has(.lmn-dropdown-open) .lmn-btn::before { background-color: var(--button_foreground_standard_active); } .icgds .lmn-btn-split .lmn-btn-icon i { font-size: 8px; } .icgds .lmn-btn-split.lmn-btn-primary { background-color: var(--button_fill_primary); } .icgds .lmn-btn-split.lmn-btn-primary .lmn-btn { background: var(--button_fill_primary); color: var(--button_foreground_primary); outline: var(--field_border-width) solid var(--button_border_primary); } .icgds .lmn-btn-split.lmn-btn-primary .lmn-btn:focus { background: var(--button_fill_primary_focus); color: var(--button_foreground_primary_focus); } .icgds .lmn-btn-split.lmn-btn-primary .lmn-btn:hover { background: var(--button_fill_primary_hover); color: var(--button_foreground_primary_hover); outline: var(--field_border-width) solid var(--button_border_primary_hover); } .icgds .lmn-btn-split.lmn-btn-primary .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn-primary .lmn-btn.active, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn-primary .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn-primary .lmn-btn { background: var(--button_fill_primary_active); color: var(--button_foreground_primary_active); outline: var(--field_border-width) solid var(--button_border_primary_active); } .icgds .lmn-btn-split.lmn-btn-primary .lmn-btn:first-child::before { background-color: var(--button_foreground_primary); } .icgds .lmn-btn-split.lmn-btn-primary:has(.lmn-dropdown-open) { background-color: var(--button_fill_primary_active); } .icgds .lmn-btn-split.lmn-btn-primary:has(.lmn-dropdown-open) .lmn-btn { background-color: var(--button_fill_primary_active); color: var(--button_foreground_primary_active); } .icgds .lmn-btn-split.lmn-btn-primary:has(.lmn-dropdown-open) .lmn-btn::before { background-color: var(--button_foreground_primary_active); } .icgds .lmn-btn-split.lmn-btn-outline, .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary { background-color: var(--button_fill_outline); outline: 1px solid var(--button_border_outline); } .icgds .lmn-btn-split.lmn-btn-outline .lmn-btn, .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary .lmn-btn { background: var(--button_fill_outline); color: var(--button_foreground_outline); outline: var(--field_border-width) solid var(--button_border_outline); outline-color: transparent !important; } .icgds .lmn-btn-split.lmn-btn-outline .lmn-btn:focus, .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary .lmn-btn:focus { background: var(--button_fill_outline_focus); color: var(--button_foreground_outline_focus); } .icgds .lmn-btn-split.lmn-btn-outline .lmn-btn:hover, .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary .lmn-btn:hover { background: var(--button_fill_outline_hover); color: var(--button_foreground_outline_hover); outline: var(--field_border-width) solid var(--button_border_outline_hover); } .icgds .lmn-btn-split.lmn-btn-outline .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn-outline .lmn-btn.active, .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary .lmn-btn.active, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn-outline .lmn-btn, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn-outline .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary .lmn-btn { background: var(--button_fill_outline_active); color: var(--button_foreground_outline_active); outline: var(--field_border-width) solid var(--button_border_outline_active); } .icgds .lmn-btn-split.lmn-btn-outline .lmn-btn:first-child::before, .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary .lmn-btn:first-child::before { background-color: var(--button_foreground_outline); } .icgds .lmn-btn-split.lmn-btn-outline:has(.lmn-dropdown-open), .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary:has(.lmn-dropdown-open) { background-color: var(--button_fill_outline_active); } .icgds .lmn-btn-split.lmn-btn-outline:has(.lmn-dropdown-open) .lmn-btn, .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary:has(.lmn-dropdown-open) .lmn-btn { background-color: var(--button_fill_outline_active); color: var(--button_foreground_outline_active); } .icgds .lmn-btn-split.lmn-btn-outline:has(.lmn-dropdown-open) .lmn-btn::before, .icgds .lmn-btn-split.lmn-btn.lmn-btn-secondary:has(.lmn-dropdown-open) .lmn-btn::before { background-color: var(--button_foreground_outline_active); } .icgds .lmn-btn-split.lmn-btn-standard, .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary { background-color: var(--button_fill_standard); } .icgds .lmn-btn-split.lmn-btn-standard .lmn-btn, .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary .lmn-btn { background: var(--button_fill_standard); color: var(--button_foreground_standard); outline: var(--field_border-width) solid var(--button_border_standard); } .icgds .lmn-btn-split.lmn-btn-standard .lmn-btn:focus, .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary .lmn-btn:focus { background: var(--button_fill_standard_focus); color: var(--button_foreground_standard_focus); } .icgds .lmn-btn-split.lmn-btn-standard .lmn-btn:hover, .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary .lmn-btn:hover { background: var(--button_fill_standard_hover); color: var(--button_foreground_standard_hover); outline: var(--field_border-width) solid var(--button_border_standard_hover); } .icgds .lmn-btn-split.lmn-btn-standard .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn-standard .lmn-btn.active, .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary .lmn-btn.active, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn-standard .lmn-btn, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn-standard .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary .lmn-btn { background: var(--button_fill_standard_active); color: var(--button_foreground_standard_active); outline: var(--field_border-width) solid var(--button_border_standard_active); } .icgds .lmn-btn-split.lmn-btn-standard .lmn-btn:first-child::before, .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary .lmn-btn:first-child::before { background-color: var(--button_foreground_standard); } .icgds .lmn-btn-split.lmn-btn-standard:has(.lmn-dropdown-open), .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary:has(.lmn-dropdown-open) { background-color: var(--button_fill_standard_active); } .icgds .lmn-btn-split.lmn-btn-standard:has(.lmn-dropdown-open) .lmn-btn, .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary:has(.lmn-dropdown-open) .lmn-btn { background-color: var(--button_fill_standard_active); color: var(--button_foreground_standard_active); } .icgds .lmn-btn-split.lmn-btn-standard:has(.lmn-dropdown-open) .lmn-btn::before, .icgds .lmn-btn-split.lmn-btn.lmn-btn-tertiary:has(.lmn-dropdown-open) .lmn-btn::before { background-color: var(--button_foreground_standard_active); } .icgds .lmn-btn-split.lmn-btn-success { background-color: var(--button_fill_success); } .icgds .lmn-btn-split.lmn-btn-success .lmn-btn { background: var(--button_fill_success); color: var(--button_foreground_success); outline: var(--field_border-width) solid var(--button_border_success); } .icgds .lmn-btn-split.lmn-btn-success .lmn-btn:focus { background: var(--button_fill_success_focus); color: var(--button_foreground_success_focus); } .icgds .lmn-btn-split.lmn-btn-success .lmn-btn:hover { background: var(--button_fill_success_hover); color: var(--button_foreground_success_hover); outline: var(--field_border-width) solid var(--button_border_success_hover); } .icgds .lmn-btn-split.lmn-btn-success .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn-success .lmn-btn.active, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn-success .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn-success .lmn-btn { background: var(--button_fill_success_active); color: var(--button_foreground_success_active); outline: var(--field_border-width) solid var(--button_border_success_active); } .icgds .lmn-btn-split.lmn-btn-success .lmn-btn:first-child::before { background-color: var(--button_foreground_success); } .icgds .lmn-btn-split.lmn-btn-success:has(.lmn-dropdown-open) { background-color: var(--button_fill_success_active); } .icgds .lmn-btn-split.lmn-btn-success:has(.lmn-dropdown-open) .lmn-btn { background-color: var(--button_fill_success_active); color: var(--button_foreground_success_active); } .icgds .lmn-btn-split.lmn-btn-success:has(.lmn-dropdown-open) .lmn-btn::before { background-color: var(--button_foreground_success_active); } .icgds .lmn-btn-split.lmn-btn-warning { background-color: var(--button_fill_warning); } .icgds .lmn-btn-split.lmn-btn-warning .lmn-btn { background: var(--button_fill_warning); color: var(--button_foreground_warning); outline: var(--field_border-width) solid var(--button_border_warning); } .icgds .lmn-btn-split.lmn-btn-warning .lmn-btn:focus { background: var(--button_fill_warning_focus); color: var(--button_foreground_warning_focus); } .icgds .lmn-btn-split.lmn-btn-warning .lmn-btn:hover { background: var(--button_fill_warning_hover); color: var(--button_foreground_warning_hover); outline: var(--field_border-width) solid var(--button_border_warning_hover); } .icgds .lmn-btn-split.lmn-btn-warning .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn-warning .lmn-btn.active, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn-warning .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn-warning .lmn-btn { background: var(--button_fill_warning_active); color: var(--button_foreground_warning_active); outline: var(--field_border-width) solid var(--button_border_warning_active); } .icgds .lmn-btn-split.lmn-btn-warning .lmn-btn:first-child::before { background-color: var(--button_foreground_warning); } .icgds .lmn-btn-split.lmn-btn-warning:has(.lmn-dropdown-open) { background-color: var(--button_fill_warning_active); } .icgds .lmn-btn-split.lmn-btn-warning:has(.lmn-dropdown-open) .lmn-btn { background-color: var(--button_fill_warning_active); color: var(--button_foreground_warning_active); } .icgds .lmn-btn-split.lmn-btn-warning:has(.lmn-dropdown-open) .lmn-btn::before { background-color: var(--button_foreground_warning_active); } .icgds .lmn-btn-split.lmn-btn-danger { background-color: var(--button_fill_danger); } .icgds .lmn-btn-split.lmn-btn-danger .lmn-btn { background: var(--button_fill_danger); color: var(--button_foreground_danger); outline: var(--field_border-width) solid var(--button_border_danger); } .icgds .lmn-btn-split.lmn-btn-danger .lmn-btn:focus { background: var(--button_fill_danger_focus); color: var(--button_foreground_danger_focus); } .icgds .lmn-btn-split.lmn-btn-danger .lmn-btn:hover { background: var(--button_fill_danger_hover); color: var(--button_foreground_danger_hover); outline: var(--field_border-width) solid var(--button_border_danger_hover); } .icgds .lmn-btn-split.lmn-btn-danger .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn-danger .lmn-btn.active, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn-danger .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn-danger .lmn-btn { background: var(--button_fill_danger_active); color: var(--button_foreground_danger_active); outline: var(--field_border-width) solid var(--button_border_danger_active); } .icgds .lmn-btn-split.lmn-btn-danger .lmn-btn:first-child::before { background-color: var(--button_foreground_danger); } .icgds .lmn-btn-split.lmn-btn-danger:has(.lmn-dropdown-open) { background-color: var(--button_fill_danger_active); } .icgds .lmn-btn-split.lmn-btn-danger:has(.lmn-dropdown-open) .lmn-btn { background-color: var(--button_fill_danger_active); color: var(--button_foreground_danger_active); } .icgds .lmn-btn-split.lmn-btn-danger:has(.lmn-dropdown-open) .lmn-btn::before { background-color: var(--button_foreground_danger_active); } .icgds .lmn-btn-split.lmn-btn-ghost, .icgds .lmn-btn-split.lmn-btn.lmn-btn-link { background-color: var(--button_fill_ghost); } .icgds .lmn-btn-split.lmn-btn-ghost .lmn-btn, .icgds .lmn-btn-split.lmn-btn.lmn-btn-link .lmn-btn { background: var(--button_fill_ghost); color: var(--button_foreground_ghost); outline: var(--field_border-width) solid var(--button_border_ghost); } .icgds .lmn-btn-split.lmn-btn-ghost .lmn-btn:focus, .icgds .lmn-btn-split.lmn-btn.lmn-btn-link .lmn-btn:focus { background: var(--button_fill_ghost_focus); color: var(--button_foreground_ghost_focus); } .icgds .lmn-btn-split.lmn-btn-ghost .lmn-btn:hover, .icgds .lmn-btn-split.lmn-btn.lmn-btn-link .lmn-btn:hover { background: var(--button_fill_ghost_hover); color: var(--button_foreground_ghost_hover); outline: var(--field_border-width) solid var(--button_border_ghost_hover); } .icgds .lmn-btn-split.lmn-btn-ghost .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn.lmn-btn-link .lmn-btn:active, .icgds .lmn-btn-split.lmn-btn-ghost .lmn-btn.active, .icgds .lmn-btn-split.lmn-btn.lmn-btn-link .lmn-btn.active, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn-ghost .lmn-btn, input[type=checkbox]:checked + .icgds .lmn-btn-split.lmn-btn.lmn-btn-link .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn-ghost .lmn-btn, input[type=radio]:checked + .icgds .lmn-btn-split.lmn-btn.lmn-btn-link .lmn-btn { background: var(--button_fill_ghost_active); color: var(--button_foreground_ghost_active); outline: var(--field_border-width) solid var(--button_border_ghost_active); } .icgds .lmn-btn-split.lmn-btn-ghost .lmn-btn:first-child::before, .icgds .lmn-btn-split.lmn-btn.lmn-btn-link .lmn-btn:first-child::before { background-color: var(--button_foreground_ghost); } .icgds .lmn-btn-split.lmn-btn-ghost:has(.lmn-dropdown-open), .icgds .lmn-btn-split.lmn-btn.lmn-btn-link:has(.lmn-dropdown-open) { background-color: var(--button_fill_ghost_active); } .icgds .lmn-btn-split.lmn-btn-ghost:has(.lmn-dropdown-open) .lmn-btn, .icgds .lmn-btn-split.lmn-btn.lmn-btn-link:has(.lmn-dropdown-open) .lmn-btn { background-color: var(--button_fill_ghost_active); color: var(--button_foreground_ghost_active); } .icgds .lmn-btn-split.lmn-btn-ghost:has(.lmn-dropdown-open) .lmn-btn::before, .icgds .lmn-btn-split.lmn-btn.lmn-btn-link:has(.lmn-dropdown-open) .lmn-btn::before { background-color: var(--button_foreground_ghost_active); } .icgds .lmn-card { min-width: 0; display: flex; flex-direction: column; position: relative; word-wrap: break-word; background-color: var(--card_fill); color: var(--card_foreground_body); outline: var(--card_border-width) solid var(--card_border); outline-offset: calc(var(--card_border-width) * -1); border-radius: var(--card_radius); padding: var(--card_container_padding); } .icgds .lmn-card.lmn-card-parent { padding-bottom: 0; } .icgds .lmn-card.lmn-card-parent > .lmn-card-footer { padding-bottom: var(--spacing-one-and-a-half-x); } .icgds .lmn-card .lmn-card-header { display: flex; font: var(--text-block_font-type_heading) var(--text-block_heading_font-size)/var(--text-block_heading_line-height) var(--family_display); margin-bottom: var(--large-container_vertical-spacing); color: var(--text-block_foreground_heading); } .icgds .lmn-card .lmn-card-header h1, .icgds .lmn-card .lmn-card-header h2, .icgds .lmn-card .lmn-card-header h3, .icgds .lmn-card .lmn-card-header h4, .icgds .lmn-card .lmn-card-header h5, .icgds .lmn-card .lmn-card-header h6, .icgds .lmn-card .lmn-card-header p { margin: 0; } .icgds .lmn-card .lmn-card-header .lmn-card-header-text { display: block; } .icgds .lmn-card .lmn-card-header .lmn-card-header-date-label { font: var(--text-block_font-type_heading) var(--card_date-label_font-size)/var(--card_date-label_line-height) var(--family_sans); color: var(--card_foreground_header-label); display: block; margin-bottom: var(--card_header-label-to-text-block); } .icgds .lmn-card .lmn-card-header .lmn-card-header-subtitle { font: var(--text-block_font-type_heading) var(--text-block_subtitle_font-size)/var(--text-block_subtitle_line-height) var(--family_sans); color: var(--text-block_foreground_subtitle); display: block; margin-top: var(--card-title-to-subtitle_vertical-spacing); } .icgds .lmn-card .lmn-card-header .lmn-media .lmn-media-row { display: flex; flex: 1; align-items: flex-start; } .icgds .lmn-card .lmn-card-header .lmn-media .lmn-media-row .lmn-media-image { margin-right: var(--spacing-half-x); } .icgds .lmn-card .lmn-card-header .lmn-media .lmn-media-body { display: block; font-size: var(--font-size_body); font-weight: var(--font-weight-regular); line-height: var(--line-height_heading-6); } .icgds .lmn-card .lmn-card-header:has(.lmn-card-action) { justify-content: space-between; } .icgds .lmn-card .lmn-card-cover { width: 100%; padding: 0; overflow: hidden; } .icgds .lmn-card .lmn-card-cover img { width: 100%; } .icgds .lmn-card .lmn-card-cover:first-child { border-top-left-radius: var(--large-container_radius); border-top-right-radius: var(--large-container_radius); width: unset; margin: calc(var(--large-container_padding) * -1); margin-bottom: var(--spacing-16); } .icgds .lmn-card .lmn-card-footer { font: var(--card_font-type_footer) var(--card_footer_font-size)/var(--card_body_line-height) var(--family_sans); display: flex; align-items: center; color: var(--text-block_foreground_subtitle); margin-top: var(--large-container_vertical-spacing); } .icgds .lmn-card .lmn-card-action { margin-left: auto; } .icgds .lmn-card .lmn-card-body { flex: 1 1 auto; font: var(--card_font-type_body) var(--card_body_font-size)/var(--card_body_line-height) var(--family_sans); color: var(--card_foreground_body); } .icgds .lmn-card .lmn-card-body > :first-child { margin-top: 0; } .icgds .lmn-card .lmn-card-body .lmn-card-text { font: var(--card_font-type_body) var(--card_body_font-size)/var(--card_body_line-height) var(--family_sans); } .icgds .lmn-card .lmn-card-body .lmn-card-text p { margin-top: 0; } .icgds .lmn-card .lmn-card-body .lmn-card-text p:only-child { margin: 0; } .icgds .lmn-card .lmn-card-content { background-color: var(--card_fill); color: var(--card_foreground_body); outline: var(--card_border-width) solid var(--card_border); outline-offset: calc(var(--card_border-width) * -1); border-radius: var(--card_radius); padding: var(--card_container_padding); width: 100%; margin-top: auto; min-height: 0; display: flex; flex-direction: column; justify-content: flex-start; transition-property: min-height, grid-template-rows; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); } .icgds .lmn-card .lmn-card-content.lmn-card-parent { padding-bottom: 0; } .icgds .lmn-card .lmn-card-content.lmn-card-parent > .lmn-card-footer { padding-bottom: var(--spacing-one-and-a-half-x); } .icgds .lmn-card .lmn-card-content.lmn-card-animated { padding: 0; display: grid; grid-template-rows: max-content 0fr; grid-template-columns: 1fr; } .icgds .lmn-card .lmn-card-content.lmn-card-animated .lmn-card-header { padding: var(--card_container_padding); margin: 0; } .icgds .lmn-card .lmn-card-content.lmn-card-animated .lmn-card-content-reveal-area { overflow: hidden; display: flex; flex-direction: column; padding: 0 var(--card_container_padding); } .icgds .lmn-card .lmn-card-content.lmn-card-animated .lmn-card-footer { opacity: 0; transition: opacity 0.3s var(--comp-transition); transition-delay: 0.1s; } .icgds .lmn-card .lmn-card-menu-icon { font-size: var(--icon_size_md); margin-left: auto; color: var(--icon_fill); } .icgds .lmn-card .lmn-card-menu-icon:before { content: var(--icon-more-alt); font-family: var(--icon-font-family); } .icgds .lmn-card.lmn-hoverable, .icgds .lmn-card.lmn-card-hover { box-shadow: var(--shadow_x-distance_raised-2) var(--shadow_y-distance_raised-2) var(--shadow_blur_raised-2) var(--shadow_spread_raised-2) var(--shadow_color_raised-2), var(--shadow_x-distance_raised-1) var(--shadow_y-distance_raised-1) var(--shadow_blur_raised-1) var(--shadow_spread_raised-1) var(--shadow_color_raised-1); transition: box-shadow 0.15s var(--comp-transition); } .icgds .lmn-card.lmn-hoverable:hover, .icgds .lmn-card.lmn-card-hover:hover { box-shadow: var(--shadow_x-distance_overlay-2) var(--shadow_y-distance_overlay-2) var(--shadow_blur_overlay-2) var(--shadow_spread_overlay-2) var(--shadow_color_overlay-2), var(--shadow_x-distance_overlay-1) var(--shadow_y-distance_overlay-1) var(--shadow_blur_overlay-1) var(--shadow_spread_overlay-1) var(--shadow_color_overlay-1); } .icgds .lmn-card.lmn-collapsible-card .lmn-card-header { cursor: pointer; border-bottom-width: 0; } .icgds .lmn-card.lmn-collapsible-card:not(.active) .lmn-card-header { padding: 0; margin: 0; } .icgds .lmn-card.lmn-card-parent { overflow: hidden; } .icgds .lmn-card.lmn-card-parent > .lmn-card-body { margin: 0 calc(var(--spacing-24) * -1); padding: var(--spacing-24); background-color: var(--layer_secondary); } .icgds .lmn-card.lmn-card-borderless { border-width: 0; } .icgds .lmn-card.lmn-card-shadowed, .icgds .lmn-card.lmn-card-raised { box-shadow: var(--shadow_x-distance_raised-2) var(--shadow_y-distance_raised-2) var(--shadow_blur_raised-2) var(--shadow_spread_raised-2) var(--shadow_color_raised-2), var(--shadow_x-distance_raised-1) var(--shadow_y-distance_raised-1) var(--shadow_blur_raised-1) var(--shadow_spread_raised-1) var(--shadow_color_raised-1); border-width: 0; } .icgds .lmn-card.lmn-card-alt { background: var(--card_fill_on-layer-primary); } .icgds .lmn-card.lmn-card-nested { background: var(--card_fill_on-layer-primary); } .icgds .lmn-card.lmn-card-flat { background: transparent; box-shadow: none; } .icgds .lmn-card.lmn-card-page .lmn-card-header { font-size: var(--font-size-heading-2); font-weight: var(--font-weight-light); } .icgds .lmn-card .lmn-card-nav-icon { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; font-size: var(--icon_size_lg); margin-left: auto; color: var(--icon_fill); } .icgds .lmn-card.lmn-card-actionable { outline: var(--card-actionable_border-width) solid var(--card-actionable_border); outline-offset: calc(var(--card-actionable_border-width) * -1); transition-property: background, color, outline-color; transition-duration: 0.15s; transition-timing-function: --comp-transition; cursor: pointer; } .icgds .lmn-card.lmn-card-actionable .lmn-checkbox, .icgds .lmn-card.lmn-card-actionable .lmn-radio { margin: 0; } .icgds .lmn-card.lmn-card-actionable .lmn-card-checkbox { display: flex; border-radius: var(--checkbox_radius); padding: var(--control_checkbox_padding); width: var(--control_size); height: var(--control_size); outline: 1px solid var(--control_border); font-size: var(--font-size_body); outline-offset: -1px; background: var(--control_fill); display: flex; align-items: center; justify-content: center; transition: border-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), background var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-ease-out); } .icgds .lmn-card.lmn-card-actionable .lmn-card-checkbox:before { font-family: var(--icon-font-family); content: var(--icon-check); color: transparent; transition: all var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-card.lmn-card-actionable .lmn-card-radio { border-radius: 50%; width: var(--control_size); height: var(--control_size); background: var(--control_fill); outline: 1px solid var(--control_border); outline-offset: -1px; position: relative; display: block; visibility: visible; transition-property: background, outline-color; transition-duration: 0.3s; transition-timing-function: var(--comp-transition); } .icgds .lmn-card.lmn-card-actionable .lmn-card-radio::before { content: ""; position: absolute; inset: 50%; transform: translate(-50%, -50%); height: calc(var(--control_size) - var(--control_radio_padding) * 2); width: calc(var(--control_size) - var(--control_radio_padding) * 2); border-radius: var(--border-radius-circle); background: transparent; transition: all 0.3s var(--comp-transition); } .icgds .lmn-card.lmn-card-actionable:hover { background: var(--card_fill_hover); color: var(--card_foreground_hover); outline-color: var(--card_border_hover); } .icgds .lmn-card.lmn-card-actionable:hover .lmn-card-checkbox::before { color: var(--control_foreground_hover); transition: all var(--motion-duration-fast-3) var(--motion-timing-ease-in); } .icgds .lmn-card.lmn-card-actionable:hover .lmn-card-radio::before { background: var(--control_foreground_hover); } .icgds .lmn-card.lmn-card-actionable:hover .lmn-card-nav-icon { color: var(--card_foreground_hover); } .icgds .lmn-card.lmn-card-actionable:focus, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:focus) { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-card.lmn-card-actionable:active { background: var(--card_fill_active); color: var(--card_foreground_active); outline-color: var(--card_border_active); } .icgds .lmn-card.lmn-card-actionable:active .lmn-card-nav-icon { color: var(--card_foreground_active); } .icgds .lmn-card.lmn-card-actionable.selected, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked), .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked) { background: var(--card_fill_selected); outline-color: var(--card_border_selected); } .icgds .lmn-card.lmn-card-actionable.selected .lmn-card-checkbox, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked) .lmn-card-checkbox, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked) .lmn-card-checkbox { outline-color: var(--control_fill_active); background: var(--control_fill_active); } .icgds .lmn-card.lmn-card-actionable.selected .lmn-card-checkbox::before, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked) .lmn-card-checkbox::before, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked) .lmn-card-checkbox::before { color: var(--control_foreground_active); } .icgds .lmn-card.lmn-card-actionable.selected .lmn-card-radio, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked) .lmn-card-radio, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked) .lmn-card-radio { outline-color: var(--control_border_active); background: var(--control_fill); } .icgds .lmn-card.lmn-card-actionable.selected .lmn-card-radio::before, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked) .lmn-card-radio::before, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked) .lmn-card-radio::before { background: var(--control_fill_active); } .icgds .lmn-card.lmn-card-actionable.selected:hover, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked):hover, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked):hover { background: var(--card_fill_selected-hover); outline-color: var(--card_border_selected-hover); } .icgds .lmn-card.lmn-card-actionable.selected:hover .lmn-card-checkbox, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked):hover .lmn-card-checkbox, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked):hover .lmn-card-checkbox { outline-color: var(--control_border_hover); } .icgds .lmn-card.lmn-card-actionable.selected.disabled .lmn-card-radio, .icgds .lmn-card.lmn-card-actionable.selected:disabled .lmn-card-radio, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked).disabled .lmn-card-radio, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked):disabled .lmn-card-radio, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked).disabled .lmn-card-radio, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked):disabled .lmn-card-radio { outline-color: var(--control_border_disabled); background: var(--control_fill_disabled); } .icgds .lmn-card.lmn-card-actionable.selected.disabled .lmn-card-radio::before, .icgds .lmn-card.lmn-card-actionable.selected:disabled .lmn-card-radio::before, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked).disabled .lmn-card-radio::before, .icgds .lmn-card.lmn-card-actionable:has(.lmn-control-input:checked):disabled .lmn-card-radio::before, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked).disabled .lmn-card-radio::before, .icgds .lmn-card.lmn-card-actionable:has(.lmn-card-input:checked):disabled .lmn-card-radio::before { background: var(--control_foreground_disabled); } .icgds .lmn-card.lmn-card-actionable.disabled, .icgds .lmn-card.lmn-card-actionable:disabled { background: var(--card_fill_disabled); color: var(--card_foreground_disabled); outline-color: var(--card_border_disabled); } .icgds .lmn-card.lmn-card-actionable.disabled .lmn-card-checkbox, .icgds .lmn-card.lmn-card-actionable:disabled .lmn-card-checkbox { outline-color: var(--control_border_disabled); background: var(--control_fill_disabled); } .icgds .lmn-card.lmn-card-actionable.disabled .lmn-card-checkbox::before, .icgds .lmn-card.lmn-card-actionable:disabled .lmn-card-checkbox::before { color: var(--control_foreground_disabled); } .icgds .lmn-card.lmn-card-actionable.disabled .lmn-card-radio, .icgds .lmn-card.lmn-card-actionable:disabled .lmn-card-radio { cursor: not-allowed; outline-color: var(--control_border_disabled); background: var(--control_fill_disabled); } .icgds .lmn-card.lmn-card-actionable.disabled .lmn-card-radio::before, .icgds .lmn-card.lmn-card-actionable:disabled .lmn-card-radio::before { background: transparent; } .icgds .lmn-card.lmn-card-media { background: var(--card_fill); background-size: 100%; background-repeat: no-repeat; background-position: top center; padding: 0; position: relative; } .icgds .lmn-card.lmn-card-media .lmn-card-media-icon { position: absolute; top: 0; left: 0; padding: var(--spacing-20); background: var(--card_fill_media-type); color: var(--text_strong_on-layer-brand-primary); border-top-left-radius: var(--card_radius); border-bottom-right-radius: var(--card_radius); } .icgds .lmn-card.lmn-card-media .lmn-card-media-icon::before { font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; font-family: var(--icon-font-family); font-size: var(--icon_size_md); } .icgds .lmn-card.lmn-card-media .lmn-card-media-icon.lmn-card-media-icon-play::before { content: var(--icon-play); } .icgds .lmn-card.lmn-card-media .lmn-card-media-icon.lmn-card-media-icon-volume::before { content: var(--icon-volume-on); } .icgds .lmn-card.lmn-card-media .lmn-card-cover { margin: 0; height: 70%; } .icgds .lmn-card.lmn-card-media .lmn-card-cover img { object-fit: cover; height: 100%; } .icgds .lmn-card.lmn-card-media .lmn-card-content { flex-grow: 1; } .icgds .lmn-card.lmn-card-media .lmn-card-image { margin-bottom: calc(var(--card_radius) * -1); object-fit: cover; } .icgds .lmn-card.lmn-card-media:has(.lmn-card-image) { overflow: hidden; } .icgds .lmn-card.lmn-card-media:has(.lmn-card-image) .lmn-card-animated { position: absolute; bottom: 0; } .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated) { background-size: cover; } .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated) .lmn-card-image { margin-bottom: calc(var(--card_radius) * -1); height: 100%; object-fit: cover; } .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated) .lmn-card-content { flex-grow: unset; margin-top: auto; } .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):focus-within .lmn-card-content, .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):hover .lmn-card-content { min-height: 60%; } .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):focus-within .lmn-card-animated, .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):hover .lmn-card-animated { grid-template-rows: max-content 1fr; } .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):focus-within .lmn-card-header, .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):hover .lmn-card-header { padding-bottom: 0; margin-bottom: var(--large-container_vertical-spacing); } .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):focus-within .lmn-card-footer, .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):hover .lmn-card-footer { opacity: 1; } .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):focus-within .lmn-card-content-reveal-area, .icgds .lmn-card.lmn-card-media:has(.lmn-card-animated):hover .lmn-card-content-reveal-area { padding: var(--card_container_padding); padding-top: 0; } .icgds .lmn-card.lmn-card-media.lmn-card-horizontal { background-position: right center; background-size: cover; flex-direction: row; } .icgds .lmn-card.lmn-card-media.lmn-card-horizontal .lmn-card-content { width: 50%; margin-top: unset; z-index: 1; } .icgds .lmn-card.lmn-card-media.lmn-card-horizontal .lmn-card-content .lmn-card-content-reveal-area { flex-grow: 1; display: flex; flex-direction: column; } .icgds .lmn-card.lmn-card-media.lmn-card-horizontal .lmn-card-image { margin-bottom: 0; margin-right: calc(var(--card_radius) * -1); width: 50%; } .icgds .lmn-card.lmn-card-media.lmn-card-horizontal.lmn-card-horizontal-left { background-position: left center; flex-direction: row; } .icgds .lmn-card.lmn-card-media.lmn-card-horizontal.lmn-card-horizontal-right { background-position: right center; flex-direction: row-reverse; } .icgds .lmn-card.lmn-card-media.lmn-card-horizontal.lmn-card-horizontal-right .lmn-card-content { margin-left: auto; } .icgds .lmn-card.lmn-card-media.lmn-card-horizontal.lmn-card-horizontal-right .lmn-card-image { margin-right: 0; margin-left: calc(var(--card_radius) * -1); } .icgds .lmn-card-input { position: absolute; inline-size: 1px; block-size: 1px; clip: rect(0, 0, 0, 0); margin: 0; padding: 0; } .icgds .lmn-carousel { overflow: hidden; height: 100%; width: 100%; box-sizing: border-box; position: relative; font-weight: var(--font-weight-regular); } .icgds .lmn-carousel *, .icgds .lmn-carousel *::before, .icgds .lmn-carousel *::after { box-sizing: border-box; } .icgds .lmn-carousel .lmn-carousel-container { overflow: hidden; height: 100%; display: flex; flex-direction: column; } .icgds .lmn-carousel .lmn-carousel-container .lmn-carousel-inner { display: flex; transition-property: transform; position: relative; z-index: 1; overflow: visible; } .icgds .lmn-carousel .lmn-carousel-container .lmn-carousel-inner .lmn-carousel-item { flex-shrink: 0; position: relative; width: inherit; height: 100%; transition-property: transform; } .icgds .lmn-carousel .lmn-carousel-container .lmn-carousel-inner .lmn-carousel-item .lmn-card { height: 100%; width: 100%; } .icgds .lmn-carousel .lmn-carousel-inner { width: 100%; height: 100%; padding: var(--size-24); } .icgds .lmn-carousel .lmn-carousel-inner > span { overflow: hidden; height: 100%; display: block; } .icgds .lmn-carousel .lmn-carousel-inner > * { flex-shrink: 0; flex-grow: 0; } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item { float: left; width: 100%; height: 100%; margin: 0; margin-right: -100%; } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-enter { transform: translate3d(100%, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-enter.lmn-carousel-item-enter-active { transition: transform 0.5s linear; transform: translate3d(0, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-leave { transform: translate3d(0, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-leave.lmn-carousel-item-leave-active { transition: transform 0.5s linear; transform: translate3d(-100%, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-appear { transform: translate3d(0, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-appear.lmn-carousel-item-appear-active { transition: transform 0.5s linear; transform: translate3d(0, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-reverse-enter { transform: translate3d(-100%, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-reverse-enter.lmn-carousel-item-reverse-enter-active { transition: transform 0.5s linear; transform: translate3d(0, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-reverse-leave { transform: translate3d(0, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-reverse-leave.lmn-carousel-item-reverse-leave-active { transition: transform 0.5s linear; transform: translate3d(100%, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-reverse-appear { transform: translate3d(-100%, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-reverse-appear.lmn-carousel-item-reverse-appear-active { transition: transform 0.5s linear; transform: translate3d(0, 0, 0); } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-fade-enter { opacity: 0; } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-fade-enter.lmn-carousel-item-fade-enter-active { opacity: 1; transition: opacity 0.5s linear; } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-fade-leave { opacity: 1; } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-fade-leave.lmn-carousel-item-fade-leave-active { opacity: 0; transition: opacity 0.5s linear; } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-fade-appear { opacity: 0; } .icgds .lmn-carousel .lmn-carousel-inner .lmn-carousel-item-fade-appear.lmn-carousel-item-fade-appear-active { opacity: 1; transition: opacity 0.5s linear; } .icgds .lmn-carousel .lmn-carousel-indicators { z-index: 1; margin-top: var(--spacing-16); margin-bottom: 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; padding: 0; list-style: none; gap: 8px; } .icgds .lmn-carousel .lmn-carousel-indicators .lmn-carousel-indicator { cursor: pointer; border-radius: var(--carousel_indicator_radius); width: var(--size-24); height: var(--size-4); background: var(--carousel_fill_indicator); } .icgds .lmn-carousel .lmn-carousel-indicators .lmn-carousel-indicator.active { background: var(--carousel_fill_indicator_active); width: var(--size-64); } .icgds .lmn-carousel .lmn-carousel-control-prev, .icgds .lmn-carousel .lmn-carousel-control-next { z-index: 10; background-color: var(--button_fill_standard); color: var(--button_foreground_standard); width: var(--button_container_height); height: var(--button_container_height); border-radius: var(--button_radius); line-height: 1; display: flex; align-items: center; justify-content: center; position: absolute; top: calc(50% - 20px); transition: opacity 0.3s var(--comp-transition); } .icgds .lmn-carousel .lmn-carousel-control-prev.lmn-carousel-control-hover-display, .icgds .lmn-carousel .lmn-carousel-control-next.lmn-carousel-control-hover-display { display: none; } .icgds .lmn-carousel .lmn-carousel-control-prev:hover, .icgds .lmn-carousel .lmn-carousel-control-next:hover { background-color: var(--button_fill_standard_hover); color: var(--button_foreground_standard_hover); } .icgds .lmn-carousel .lmn-carousel-control-prev:focus, .icgds .lmn-carousel .lmn-carousel-control-next:focus { outline: none; background-color: var(--button_fill_standard_focus); color: var(--button_foreground_standard_focus); box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-carousel .lmn-carousel-control-prev { left: var(--size-24); } .icgds .lmn-carousel .lmn-carousel-control-prev .lmn-carousel-arrow-prev:before { font-size: var(--icon_size_lg); font-family: var(--icon-font-family); content: var(--carousel_previous_icon); } .icgds .lmn-carousel .lmn-carousel-control-next { right: var(--size-24); } .icgds .lmn-carousel .lmn-carousel-control-next .lmn-carousel-arrow-next:before { font-size: var(--icon_size_lg); font-family: var(--icon-font-family); content: var(--carousel_next_icon); } .icgds .lmn-carousel:hover .lmn-carousel-control-prev:not(.lmn-carousel-control-end).lmn-carousel-control-hover-display, .icgds .lmn-carousel:hover .lmn-carousel-control-next:not(.lmn-carousel-control-end).lmn-carousel-control-hover-display { display: flex; } .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-container, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-container { margin: 0 6rem !important; padding-bottom: 40px; overflow: hidden; } .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-indicators, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-indicators { width: 100%; margin-bottom: 0; } .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-inner, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-inner { background-color: transparent; display: flex; position: relative; z-index: 1; overflow: visible; } .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-inner .lmn-carousel-item, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-inner .lmn-carousel-item { float: none !important; } .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-item, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-item { display: flex; align-items: center; justify-content: center; gap: 24px; height: 100%; } .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-item .lmn-carousel-item-inner, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-item .lmn-carousel-item-inner { padding: var(--size-24); border-radius: var(--carousel_card-container_radius); background-color: var(--layer_primary); outline: 1px solid var(--carousel_border_card-container); outline-offset: -1px; } .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-control-prev, .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-control-next, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-control-prev, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-control-next { top: calc(50% - 40px); } .icgds .lmn-carousel-next { background-color: transparent; } .icgds .lmn-carousel-next .lmn-carousel-control-prev, .icgds .lmn-carousel-next .lmn-carousel-control-next { opacity: 1; color: var(--btn-text-color-default); background-color: var(--btn-bg-color-default); box-shadow: var(--box-shadow-sm); top: 50%; } .icgds .lmn-carousel-next .lmn-carousel-control-prev:hover, .icgds .lmn-carousel-next .lmn-carousel-control-next:hover { color: var(--btn-text-color-default-hover); background-color: var(--btn-bg-color-default-hover); } .icgds .lmn-carousel-fixed .lmn-carousel-inner { display: flex; flex-flow: row nowrap; margin-top: 1.5em; margin-bottom: 2em; } .icgds .lmn-carousel-fixed .lmn-carousel-inner .lmn-carousel-item { margin-right: 0; padding: 0.5em; } .icgds .lmn-carousel-fixed .lmn-carousel-control-prev, .icgds .lmn-carousel-fixed .lmn-carousel-control-next { z-index: 1; width: 2em; height: 2em; top: 50%; font-size: 1.5em; background: var(--layer_primary); transform: translateY(-50%); } .icgds .lmn-carousel-fixed .lmn-carousel-control-prev { margin-left: 4px; } .icgds .lmn-carousel-fixed .lmn-carousel-control-next { margin-right: 4px; } .icgds .lmn-carousel-slidemobile .lmn-carousel-inner .lmn-carousel-item { margin-right: 0; } .icgds .lmn-collapse { width: 100%; } .icgds .lmn-collapse .lmn-collapse-item, .icgds .lmn-collapse details { border-radius: var(--collapse_nested-item-container_radius); background: transparent; position: relative; } .icgds .lmn-collapse .lmn-collapse-item:before, .icgds .lmn-collapse details:before { content: ""; position: absolute; inset: 0 0 auto 0; height: 1px; background-color: var(--border_weak); } .icgds .lmn-collapse .lmn-collapse-item:first-child:before, .icgds .lmn-collapse details:first-child:before { display: none; } .icgds .lmn-collapse .lmn-collapse-item.active, .icgds .lmn-collapse .lmn-collapse-item[open], .icgds .lmn-collapse details.active, .icgds .lmn-collapse details[open] { margin-bottom: var(--collapse_nested-item-container_margin-bottom); } .icgds .lmn-collapse .lmn-collapse-item.active > .lmn-collapse-header > .lmn-collapse-trigger-icon, .icgds .lmn-collapse .lmn-collapse-item[open] > .lmn-collapse-header > .lmn-collapse-trigger-icon, .icgds .lmn-collapse details.active > .lmn-collapse-header > .lmn-collapse-trigger-icon, .icgds .lmn-collapse details[open] > .lmn-collapse-header > .lmn-collapse-trigger-icon { transform: rotate(180deg); } .icgds .lmn-collapse .lmn-collapse-item.active > .lmn-collapse-content, .icgds .lmn-collapse .lmn-collapse-item[open] > .lmn-collapse-content, .icgds .lmn-collapse details.active > .lmn-collapse-content, .icgds .lmn-collapse details[open] > .lmn-collapse-content { display: block; } .icgds .lmn-collapse .lmn-collapse-item:has(> .lmn-collapse-header:hover):before, .icgds .lmn-collapse .lmn-collapse-item:has(> .lmn-collapse-header:hover) + .lmn-collapse-item:before, .icgds .lmn-collapse details:has(> .lmn-collapse-header:hover):before, .icgds .lmn-collapse details:has(> .lmn-collapse-header:hover) + .lmn-collapse-item:before { background-color: transparent; } .icgds .lmn-collapse .lmn-collapse-item .lmn-collapse-header:hover, .icgds .lmn-collapse details .lmn-collapse-header:hover { background-color: var(--fill_hover); } .icgds .lmn-collapse .lmn-collapse-item:focus, .icgds .lmn-collapse .lmn-collapse-item:has(> .lmn-collapse-header:focus), .icgds .lmn-collapse .lmn-collapse-item:has(> summary:focus), .icgds .lmn-collapse details:focus, .icgds .lmn-collapse details:has(> .lmn-collapse-header:focus), .icgds .lmn-collapse details:has(> summary:focus) { z-index: 3; } .icgds .lmn-collapse .lmn-collapse-item:focus > .lmn-collapse-header, .icgds .lmn-collapse .lmn-collapse-item:focus > summary, .icgds .lmn-collapse .lmn-collapse-item:has(> .lmn-collapse-header:focus) > .lmn-collapse-header, .icgds .lmn-collapse .lmn-collapse-item:has(> .lmn-collapse-header:focus) > summary, .icgds .lmn-collapse .lmn-collapse-item:has(> summary:focus) > .lmn-collapse-header, .icgds .lmn-collapse .lmn-collapse-item:has(> summary:focus) > summary, .icgds .lmn-collapse details:focus > .lmn-collapse-header, .icgds .lmn-collapse details:focus > summary, .icgds .lmn-collapse details:has(> .lmn-collapse-header:focus) > .lmn-collapse-header, .icgds .lmn-collapse details:has(> .lmn-collapse-header:focus) > summary, .icgds .lmn-collapse details:has(> summary:focus) > .lmn-collapse-header, .icgds .lmn-collapse details:has(> summary:focus) > summary { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-collapse .lmn-collapse-item:focus:before, .icgds .lmn-collapse .lmn-collapse-item:focus + .lmn-collapse-item:before, .icgds .lmn-collapse .lmn-collapse-item:has(> .lmn-collapse-header:focus):before, .icgds .lmn-collapse .lmn-collapse-item:has(> .lmn-collapse-header:focus) + .lmn-collapse-item:before, .icgds .lmn-collapse .lmn-collapse-item:has(> summary:focus):before, .icgds .lmn-collapse .lmn-collapse-item:has(> summary:focus) + .lmn-collapse-item:before, .icgds .lmn-collapse details:focus:before, .icgds .lmn-collapse details:focus + .lmn-collapse-item:before, .icgds .lmn-collapse details:has(> .lmn-collapse-header:focus):before, .icgds .lmn-collapse details:has(> .lmn-collapse-header:focus) + .lmn-collapse-item:before, .icgds .lmn-collapse details:has(> summary:focus):before, .icgds .lmn-collapse details:has(> summary:focus) + .lmn-collapse-item:before { background-color: transparent; } .icgds .lmn-collapse .lmn-collapse-item.disabled .lmn-collapse-header, .icgds .lmn-collapse .lmn-collapse-item.disabled .lmn-collapse-content, .icgds .lmn-collapse .lmn-collapse-item[disabled] .lmn-collapse-header, .icgds .lmn-collapse .lmn-collapse-item[disabled] .lmn-collapse-content, .icgds .lmn-collapse details.disabled .lmn-collapse-header, .icgds .lmn-collapse details.disabled .lmn-collapse-content, .icgds .lmn-collapse details[disabled] .lmn-collapse-header, .icgds .lmn-collapse details[disabled] .lmn-collapse-content { background: transparent; color: var(--text_disabled); cursor: not-allowed; } .icgds .lmn-collapse .lmn-collapse-item.disabled .lmn-collapse-header .lmn-collapse-trigger-icon, .icgds .lmn-collapse .lmn-collapse-item.disabled .lmn-collapse-content .lmn-collapse-trigger-icon, .icgds .lmn-collapse .lmn-collapse-item[disabled] .lmn-collapse-header .lmn-collapse-trigger-icon, .icgds .lmn-collapse .lmn-collapse-item[disabled] .lmn-collapse-content .lmn-collapse-trigger-icon, .icgds .lmn-collapse details.disabled .lmn-collapse-header .lmn-collapse-trigger-icon, .icgds .lmn-collapse details.disabled .lmn-collapse-content .lmn-collapse-trigger-icon, .icgds .lmn-collapse details[disabled] .lmn-collapse-header .lmn-collapse-trigger-icon, .icgds .lmn-collapse details[disabled] .lmn-collapse-content .lmn-collapse-trigger-icon { color: var(--text_disabled); } .icgds .lmn-collapse .lmn-collapse-item.disabled:hover .lmn-collapse-header, .icgds .lmn-collapse .lmn-collapse-item.disabled:hover .lmn-collapse-content, .icgds .lmn-collapse .lmn-collapse-item[disabled]:hover .lmn-collapse-header, .icgds .lmn-collapse .lmn-collapse-item[disabled]:hover .lmn-collapse-content, .icgds .lmn-collapse details.disabled:hover .lmn-collapse-header, .icgds .lmn-collapse details.disabled:hover .lmn-collapse-content, .icgds .lmn-collapse details[disabled]:hover .lmn-collapse-header, .icgds .lmn-collapse details[disabled]:hover .lmn-collapse-content { background-color: transparent; } .icgds .lmn-collapse .lmn-collapse-item.disabled:hover:before, .icgds .lmn-collapse .lmn-collapse-item[disabled]:hover:before, .icgds .lmn-collapse details.disabled:hover:before, .icgds .lmn-collapse details[disabled]:hover:before { background-color: var(--border_weak); } .icgds .lmn-collapse .lmn-collapse-header, .icgds .lmn-collapse summary { padding-top: var(--collapse_item-container_vertical-padding); padding-right: var(--collapse_item-container_padding-right); padding-bottom: var(--collapse_item-container_vertical-padding); padding-left: var(--collapse_item-container_padding-left); border-radius: var(--collapse_nested-item-container_radius); cursor: pointer; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; font-size: var(--font-size_body); line-height: var(--line-height_body); color: var(--heading_primary); border: var(--border-width_thin) solid transparent; transition: background var(--motion-duration-medium-1) var(--comp-transition), border var(--motion-duration-medium-1) var(--comp-transition), box-shadow var(--motion-duration-medium-1) var(--comp-transition); } .icgds .lmn-collapse .lmn-collapse-header span, .icgds .lmn-collapse summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-collapse .lmn-collapse-header .lmn-collapse-trigger, .icgds .lmn-collapse summary .lmn-collapse-trigger { font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; transition: transform 0.2s var(--comp-transition); color: var(--text_strong); margin-left: var(--spacing-three-quarter-x); } .icgds .lmn-collapse .lmn-collapse-header .lmn-collapse-trigger-icon::before, .icgds .lmn-collapse summary .lmn-collapse-trigger-icon::before { font-family: var(--icon-font-family); content: var(--collapse_icon); } .icgds .lmn-collapse .lmn-collapse-header:hover, .icgds .lmn-collapse summary:hover { background: var(--comp-bg-color-item-hover); } .icgds .lmn-collapse .lmn-collapse-item.active > .lmn-collapse-header .lmn-collapse-trigger-icon::before { font-family: var(--icon-font-family); content: var(--collapse_icon_active); } .icgds .lmn-collapse .lmn-collapse-content, .icgds .lmn-collapse summary ~ span { display: none; margin-top: var(--collapse_nested-item-container_vertical-spacing); padding: var(--collapse_nested-item-container_vertical-padding) var(--collapse_nested-item-container_horizontal-padding); border-radius: var(--collapse_nested-item-container_radius); background: var(--collapse_fill_nested-item-container); } .icgds .lmn-collapse .lmn-collapse-content p, .icgds .lmn-collapse .lmn-collapse-content h1, .icgds .lmn-collapse .lmn-collapse-content h2, .icgds .lmn-collapse .lmn-collapse-content h3, .icgds .lmn-collapse .lmn-collapse-content h4, .icgds .lmn-collapse .lmn-collapse-content h5, .icgds .lmn-collapse .lmn-collapse-content h6, .icgds .lmn-collapse summary ~ span p, .icgds .lmn-collapse summary ~ span h1, .icgds .lmn-collapse summary ~ span h2, .icgds .lmn-collapse summary ~ span h3, .icgds .lmn-collapse summary ~ span h4, .icgds .lmn-collapse summary ~ span h5, .icgds .lmn-collapse summary ~ span h6 { margin: 0; } .icgds .lmn-collapse .lmn-collapse-content, .icgds .lmn-collapse .lmn-collapse-content p, .icgds .lmn-collapse summary ~ span, .icgds .lmn-collapse summary ~ span p { font-size: var(--font-size_body); line-height: var(--line-height_paragraph); } .icgds .lmn-collapse details summary { list-style: none; } .icgds .lmn-collapse details summary::before { font-family: var(--icon-font-family); content: var(--collapse_icon); margin-left: auto; font-weight: 100; } .icgds .lmn-collapse details span { display: block; } .icgds .lmn-collapse details[open] summary::before { font-family: var(--icon-font-family); content: var(--collapse_icon_active); transform: rotate(180deg); } .icgds .lmn-collapse details[disabled] summary { pointer-events: none; background: transparent; color: var(--text_disabled); cursor: not-allowed; } .icgds .lmn-collapse details[disabled] summary::after { color: var(--text_disabled); } .icgds .lmn-collapse.lmn-card-collapse, .icgds .lmn-collapse.lmn-collapse-card { border: solid 1px var(--collapse_border_container); border-radius: var(--collapse_container_radius); background: var(--layer_primary); padding: var(--collapse_container_vertical-padding) var(--collapse_container_horizontal-padding); } .icgds .lmn-checkbox { display: inline-flex; flex-shrink: 0; position: relative; cursor: pointer; margin-right: var(--spacing-8); } .icgds .lmn-checkbox .lmn-control-input { z-index: 1; cursor: pointer; width: 100%; height: 100%; } .icgds .lmn-checkbox:disabled { cursor: not-allowed; } .icgds .lmn-checkbox input { margin: 0; } .icgds .lmn-checkbox .lmn-control-input { position: absolute; inset: 0; opacity: 0; } .icgds .lmn-checkbox .lmn-control-input ~ .lmn-control-icon { border-radius: var(--checkbox_radius); padding: var(--control_checkbox_padding); width: var(--control_size); height: var(--control_size); outline: 1px solid var(--control_border); outline-offset: -1px; background: var(--control_fill); position: relative; display: flex; align-items: center; justify-content: center; visibility: visible; font-size: var(--font-size_body); transition: border-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), background var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-ease-out); } .icgds .lmn-checkbox .lmn-control-input ~ .lmn-control-icon::before { font-family: var(--icon-font-family); content: var(--icon-check); color: transparent; transition: all var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-checkbox .lmn-control-input:hover ~ .lmn-control-icon { outline-color: var(--control_border_hover); outline-width: 2px; } .icgds .lmn-checkbox .lmn-control-input:hover ~ .lmn-control-icon::before { color: var(--control_foreground_hover); transition: all var(--motion-duration-fast-3) var(--motion-timing-ease-in); } .icgds .lmn-checkbox .lmn-control-input:focus ~ .lmn-control-icon { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--control_border_focus); } .icgds .lmn-checkbox .lmn-control-input:disabled, .icgds .lmn-checkbox .lmn-control-input .disabled { cursor: not-allowed; } .icgds .lmn-checkbox .lmn-control-input:disabled ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input .disabled ~ .lmn-control-icon { cursor: not-allowed; outline-color: var(--control_border_disabled); background: var(--control_fill_disabled); } .icgds .lmn-checkbox .lmn-control-input:disabled ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input .disabled ~ .lmn-control-icon::before { color: transparent; } .icgds .lmn-checkbox .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input.indeterminate ~ .lmn-control-icon { outline-color: var(--control_fill_active); background: var(--control_fill_active); transition: outline-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), background var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-checkbox .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input.indeterminate ~ .lmn-control-icon::before { color: var(--control_foreground_active); } .icgds .lmn-checkbox .lmn-control-input:checked:hover ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input:indeterminate:hover ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input.indeterminate:hover ~ .lmn-control-icon { outline-color: var(--control_border_hover); } .icgds .lmn-checkbox .lmn-control-input:checked:disabled, .icgds .lmn-checkbox .lmn-control-input:checked .disabled, .icgds .lmn-checkbox .lmn-control-input:indeterminate:disabled, .icgds .lmn-checkbox .lmn-control-input:indeterminate .disabled, .icgds .lmn-checkbox .lmn-control-input.indeterminate:disabled, .icgds .lmn-checkbox .lmn-control-input.indeterminate .disabled { cursor: not-allowed; } .icgds .lmn-checkbox .lmn-control-input:checked:disabled ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input:checked .disabled ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input:indeterminate:disabled ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input:indeterminate .disabled ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input.indeterminate:disabled ~ .lmn-control-icon, .icgds .lmn-checkbox .lmn-control-input.indeterminate .disabled ~ .lmn-control-icon { outline-color: var(--control_border_disabled); background: var(--control_fill_disabled); } .icgds .lmn-checkbox .lmn-control-input:checked:disabled ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input:checked .disabled ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input:indeterminate:disabled ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input:indeterminate .disabled ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input.indeterminate:disabled ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input.indeterminate .disabled ~ .lmn-control-icon::before { color: var(--control_foreground_disabled); } .icgds .lmn-checkbox .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input.indeterminate ~ .lmn-control-icon::before { content: var(--icon-minus); } .icgds .lmn-form-group label ~ .lmn-selection-control { margin-top: var(--control_label_vertical-spacing); } .icgds .lmn-form-group label ~ .lmn-selection-control, .icgds .lmn-form-group label .lmn-selection-control { margin-top: var(--spacing-half-x); } .icgds .lmn-selection-control-group .lmn-selection-control { margin-bottom: var(--control_group-container_vertical-spacing); } .icgds .lmn-form-group .lmn-selection-control, .icgds .lmn-selection-control { color: var(--text_strong); font-weight: var(--font-weight-regular); display: flex; align-items: center; font-size: 14px; line-height: 18px; cursor: pointer; transition-property: background-color, border-color, box-shadow; transition-duration: var(--comp-transition-duration); transition-timing-function: var(--comp-transition); } .icgds .lmn-form-group .lmn-selection-control.lmn-selection-control-inline, .icgds .lmn-selection-control.lmn-selection-control-inline { display: inline-flex; margin-right: var(--spacing-12); } .icgds .lmn-form-group .lmn-selection-control:disabled, .icgds .lmn-form-group .lmn-selection-control.disabled, .icgds .lmn-selection-control:disabled, .icgds .lmn-selection-control.disabled { color: var(--text_disabled); cursor: not-allowed; } .icgds .lmn-form-group .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input ~ .lmn-control-icon { background: var(--control_fill_danger); outline-color: var(--control_border_error); } .icgds .lmn-form-group .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon, .icgds .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon, .icgds .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon { background: var(--control_fill_error); } .icgds .lmn-form-group .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:indeterminate ~ .lmn-control-icon::before { color: var(--control_foreground_error); } .icgds .lmn-form-group .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-input-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control.needs-validation .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control:invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control.invalid .lmn-checkbox:not(.lmn-checkbox-native) .lmn-control-input:focus ~ .lmn-control-icon { outline-color: var(--control_border_focus); outline-offset: 0px; box-shadow: inset 0px 0px 0px 1px var(--control_border_error); } .icgds .lmn-datepicker { width: min-content; font-size: var(--font-size-body-lg); padding: var(--datepicker_calendar_padding); } .icgds .lmn-datepicker-range .lmn-datepicker-date-panel { display: flex; justify-content: space-between; gap: var(--spacing-half-x); } .icgds .lmn-datepicker-holder-input .lmn-datepicker-range-picker-input { border: none; font-family: var(--family_sans); text-align: center; flex-basis: 100%; min-width: 0; background: transparent; color: var(--text_strong); } .icgds .lmn-datepicker-footer { margin-top: var(--datepicker_calendar_vertical-spacing); } .icgds .lmn-datepicker-footer-btn { height: var(--button_container_height); min-width: var(--button_container_min-width); font-size: var(--font-size_body); line-height: var(--line-height_heading-6); padding-left: var(--button_container_padding-left); padding-right: var(--button_container_padding-right); border-radius: var(--button_radius); font-family: var(--family_sans); font-weight: var(--font-weight-regular); background-color: var(--button_fill_standard); color: var(--button_foreground_standard); outline: var(--field_border-width) solid var(--button_border_standard); outline-offset: -1px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; position: relative; border: 0px; vertical-align: middle; white-space: nowrap; text-decoration: none; box-shadow: 0 0 0 3px transparent, inset 0 0 0 1px transparent; transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), border var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-linear); margin-right: var(--spacing-half-x); } .icgds .lmn-datepicker-footer-btn:hover { background-color: var(--button_fill_standard_hover); outline-color: var(--button_border_standard_hover); color: var(--button_foreground_standard_hover); } .icgds .lmn-datepicker-footer-btn:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-form-group.lmn-ui-sm .lmn-datepicker-cell .lmn-datepicker-date, .icgds .lmn-datepicker-holder.lmn-ui-sm .lmn-datepicker-cell .lmn-datepicker-date, .icgds .lmn-datepicker-container.lmn-ui-sm .lmn-datepicker-cell .lmn-datepicker-date { width: 28px; height: 28px; font-size: var(--font-size-body-xs); } .icgds .lmn-form-group.lmn-ui-sm .lmn-datepicker-my-select .lmn-datepicker-year-select, .icgds .lmn-form-group.lmn-ui-sm .lmn-datepicker-my-select .lmn-datepicker-month-select, .icgds .lmn-form-group.lmn-ui-sm .lmn-datepicker-ym-select .lmn-datepicker-year-select, .icgds .lmn-form-group.lmn-ui-sm .lmn-datepicker-ym-select .lmn-datepicker-month-select, .icgds .lmn-datepicker-holder.lmn-ui-sm .lmn-datepicker-my-select .lmn-datepicker-year-select, .icgds .lmn-datepicker-holder.lmn-ui-sm .lmn-datepicker-my-select .lmn-datepicker-month-select, .icgds .lmn-datepicker-holder.lmn-ui-sm .lmn-datepicker-ym-select .lmn-datepicker-year-select, .icgds .lmn-datepicker-holder.lmn-ui-sm .lmn-datepicker-ym-select .lmn-datepicker-month-select, .icgds .lmn-datepicker-container.lmn-ui-sm .lmn-datepicker-my-select .lmn-datepicker-year-select, .icgds .lmn-datepicker-container.lmn-ui-sm .lmn-datepicker-my-select .lmn-datepicker-month-select, .icgds .lmn-datepicker-container.lmn-ui-sm .lmn-datepicker-ym-select .lmn-datepicker-year-select, .icgds .lmn-datepicker-container.lmn-ui-sm .lmn-datepicker-ym-select .lmn-datepicker-month-select { font-size: var(--font-size-body-md); } .icgds .lmn-form-group.lmn-ui-sm .lmn-datepicker-input, .icgds .lmn-datepicker-holder.lmn-ui-sm .lmn-datepicker-input, .icgds .lmn-datepicker-container.lmn-ui-sm .lmn-datepicker-input { height: 28px; font-size: var(--font-size-body-xs); } .icgds .lmn-calendar { position: relative; display: inline-block; width: var(--datepicker_week-container_width); } .icgds .lmn-calendar-table { margin-bottom: 0; width: 100%; } .icgds .lmn-calendar-panel-hidden { visibility: hidden; } .icgds .lmn-calendar-month-panel, .icgds .lmn-calendar-year-panel { z-index: 1; position: absolute; flex-direction: column; width: 100%; height: 100%; display: none; } .icgds .lmn-calendar-month-panel .lmn-calendar-table, .icgds .lmn-calendar-year-panel .lmn-calendar-table { flex-grow: 1; } .icgds .lmn-calendar-month-panel .lmn-datepicker-month-panel-cell, .icgds .lmn-calendar-year-panel .lmn-datepicker-month-panel-cell { text-align: center; } .icgds .lmn-calendar-month-panel.active, .icgds .lmn-calendar-year-panel.active { display: flex; } .icgds .lmn-calendar-month-cell, .icgds .lmn-calendar-year-cell { padding: 4px; text-align: center; } .icgds .lmn-calendar-month-cell .lmn-calendar-month, .icgds .lmn-calendar-month-cell .lmn-calendar-year, .icgds .lmn-calendar-year-cell .lmn-calendar-month, .icgds .lmn-calendar-year-cell .lmn-calendar-year { position: relative; font-family: var(--family_display); font-weight: var(--font-weight-regular); font-size: var(--datepicker-item_font-size); line-height: var(--datepicker-item_line-height); color: var(--text_strong); border-radius: var(--button_radius); height: var(--datepicker-date-item_height); outline: 1px solid transparent; outline-offset: -1px; display: flex; align-items: center; justify-content: center; width: 100%; transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), border var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-linear); } .icgds .lmn-calendar-month-cell .lmn-calendar-month:hover, .icgds .lmn-calendar-month-cell .lmn-calendar-year:hover, .icgds .lmn-calendar-year-cell .lmn-calendar-month:hover, .icgds .lmn-calendar-year-cell .lmn-calendar-year:hover { background-color: var(--button_fill_standard_hover); color: var(--button_foreground_standard_hover); outline-color: var(--button_border_standard_hover); text-decoration: none; } .icgds .lmn-calendar-month-cell .lmn-calendar-month:focus, .icgds .lmn-calendar-month-cell .lmn-calendar-year:focus, .icgds .lmn-calendar-year-cell .lmn-calendar-month:focus, .icgds .lmn-calendar-year-cell .lmn-calendar-year:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-calendar-month-cell.lmn-calendar-year-last-decade-cell, .icgds .lmn-calendar-month-cell.lmn-calendar-year-next-decade-cell, .icgds .lmn-calendar-year-cell.lmn-calendar-year-last-decade-cell, .icgds .lmn-calendar-year-cell.lmn-calendar-year-next-decade-cell { pointer-events: none; cursor: not-allowed; } .icgds .lmn-calendar-month-cell.lmn-calendar-year-last-decade-cell .lmn-calendar-year, .icgds .lmn-calendar-month-cell.lmn-calendar-year-next-decade-cell .lmn-calendar-year, .icgds .lmn-calendar-year-cell.lmn-calendar-year-last-decade-cell .lmn-calendar-year, .icgds .lmn-calendar-year-cell.lmn-calendar-year-next-decade-cell .lmn-calendar-year { pointer-events: none; cursor: not-allowed; color: var(--text_disabled); } .icgds .lmn-calendar-month-cell.lmn-calendar-month-panel-selected-cell .lmn-calendar-month, .icgds .lmn-calendar-month-cell.lmn-calendar-month-panel-selected-cell .lmn-calendar-year, .icgds .lmn-calendar-month-cell.lmn-calendar-month-panel-current-cell .lmn-calendar-month, .icgds .lmn-calendar-month-cell.lmn-calendar-month-panel-current-cell .lmn-calendar-year, .icgds .lmn-calendar-month-cell.lmn-calendar-month-selected-cell .lmn-calendar-month, .icgds .lmn-calendar-month-cell.lmn-calendar-month-selected-cell .lmn-calendar-year, .icgds .lmn-calendar-month-cell.lmn-calendar-year-panel-selected-cell .lmn-calendar-month, .icgds .lmn-calendar-month-cell.lmn-calendar-year-panel-selected-cell .lmn-calendar-year, .icgds .lmn-calendar-month-cell.lmn-calendar-year-panel-current-cell .lmn-calendar-month, .icgds .lmn-calendar-month-cell.lmn-calendar-year-panel-current-cell .lmn-calendar-year, .icgds .lmn-calendar-month-cell.lmn-calendar-year-selected-cell .lmn-calendar-month, .icgds .lmn-calendar-month-cell.lmn-calendar-year-selected-cell .lmn-calendar-year, .icgds .lmn-calendar-year-cell.lmn-calendar-month-panel-selected-cell .lmn-calendar-month, .icgds .lmn-calendar-year-cell.lmn-calendar-month-panel-selected-cell .lmn-calendar-year, .icgds .lmn-calendar-year-cell.lmn-calendar-month-panel-current-cell .lmn-calendar-month, .icgds .lmn-calendar-year-cell.lmn-calendar-month-panel-current-cell .lmn-calendar-year, .icgds .lmn-calendar-year-cell.lmn-calendar-month-selected-cell .lmn-calendar-month, .icgds .lmn-calendar-year-cell.lmn-calendar-month-selected-cell .lmn-calendar-year, .icgds .lmn-calendar-year-cell.lmn-calendar-year-panel-selected-cell .lmn-calendar-month, .icgds .lmn-calendar-year-cell.lmn-calendar-year-panel-selected-cell .lmn-calendar-year, .icgds .lmn-calendar-year-cell.lmn-calendar-year-panel-current-cell .lmn-calendar-month, .icgds .lmn-calendar-year-cell.lmn-calendar-year-panel-current-cell .lmn-calendar-year, .icgds .lmn-calendar-year-cell.lmn-calendar-year-selected-cell .lmn-calendar-month, .icgds .lmn-calendar-year-cell.lmn-calendar-year-selected-cell .lmn-calendar-year { outline: 1px solid var(--button_border_outline_hover); color: var(--button_foreground_outline); } .icgds .lmn-calendar-month-cell:focus .lmn-calendar-month, .icgds .lmn-calendar-month-cell:focus .lmn-calendar-year, .icgds .lmn-calendar-month-cell:focus-within .lmn-calendar-month, .icgds .lmn-calendar-month-cell:focus-within .lmn-calendar-year, .icgds .lmn-calendar-year-cell:focus .lmn-calendar-month, .icgds .lmn-calendar-year-cell:focus .lmn-calendar-year, .icgds .lmn-calendar-year-cell:focus-within .lmn-calendar-month, .icgds .lmn-calendar-year-cell:focus-within .lmn-calendar-year { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-calendar-month-cell.disabled .lmn-calendar-month, .icgds .lmn-calendar-month-cell.disabled .lmn-calendar-year, .icgds .lmn-calendar-year-cell.disabled .lmn-calendar-month, .icgds .lmn-calendar-year-cell.disabled .lmn-calendar-year { color: var(--text_disabled); } .icgds .lmn-calendar-panel-header { text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: var(--datepicker_calendar_vertical-spacing); } .icgds .lmn-calendar-panel-header .lmn-datepicker-panel-header-spacer { width: 28px; } .icgds .lmn-calendar-my-select .lmn-calendar-year-select, .icgds .lmn-calendar-my-select .lmn-calendar-month-select, .icgds .lmn-calendar-ym-select .lmn-calendar-year-select, .icgds .lmn-calendar-ym-select .lmn-calendar-month-select { font-weight: var(--font-weight-bold); color: var(--text_strong); font-size: var(--font-size_body); line-height: var(--line-height_heading-6); } .icgds .lmn-calendar-my-select .lmn-calendar-year-select:focus, .icgds .lmn-calendar-my-select .lmn-calendar-month-select:focus, .icgds .lmn-calendar-ym-select .lmn-calendar-year-select:focus, .icgds .lmn-calendar-ym-select .lmn-calendar-month-select:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); color: var(--link_focus); } .icgds .lmn-calendar-my-select .lmn-calendar-year-select:hover, .icgds .lmn-calendar-my-select .lmn-calendar-month-select:hover, .icgds .lmn-calendar-ym-select .lmn-calendar-year-select:hover, .icgds .lmn-calendar-ym-select .lmn-calendar-month-select:hover { color: var(--link_hover); } .icgds .lmn-calendar-my-select .lmn-calendar-year-select, .icgds .lmn-calendar-ym-select .lmn-calendar-year-select { margin-left: var(--spacing-quarter-x); } .icgds .lmn-calendar-next-btn, .icgds .lmn-calendar-prev-btn { appearance: none; cursor: pointer; transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), border var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-linear); background: transparent; border: none; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); color: var(--icon_fill); font-size: var(--icon_size_md); height: var(--button_container_height); width: var(--button_container_height); text-align: center; } .icgds .lmn-calendar-next-btn:hover, .icgds .lmn-calendar-prev-btn:hover { background-color: var(--button_fill_standard_hover); outline-color: var(--button_border_standard_hover); color: var(--button_foreground_standard_hover); } .icgds .lmn-calendar-next-btn:focus, .icgds .lmn-calendar-prev-btn:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-calendar-prev-btn { margin-right: auto; } .icgds .lmn-calendar-next-btn { margin-left: auto; } .icgds .lmn-calendar-cell { width: var(--datepicker-date-item-container_height); height: var(--datepicker-date-item-container_height); padding: var(--spacing-4); position: relative; text-align: center; } .icgds .lmn-calendar-cell .lmn-calendar-date { width: var(--datepicker-date-item_height); height: var(--datepicker-date-item_height); outline: 1px solid var(--border-none); color: var(--text_strong); font-size: var(--datepicker-item_font-size); line-height: var(--datepicker-item_line-height); font-family: var(--family_display); font-weight: var(--font-weight-regular); outline-offset: -1px; position: relative; display: inline-flex; justify-content: center; align-items: center; transition: all var(--motion-duration-fast-3) var(--motion-timing-ease-in-out); border-radius: var(--button_radius) !important; background-color: transparent; cursor: pointer; } .icgds .lmn-calendar-cell:hover { cursor: pointer; } .icgds .lmn-calendar-cell:focus .lmn-calendar-date, .icgds .lmn-calendar-cell:focus-within .lmn-calendar-date, .icgds .lmn-calendar-cell.lmn-calendar-selected-start-date-focused .lmn-calendar-date, .icgds .lmn-calendar-cell.lmn-calendar-selected-end-date-focused .lmn-calendar-date { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-calendar-cell:not(.lmn-calendar-disabled-cell):active .lmn-calendar-date { background-color: var(--button_fill_outline_active); color: var(--button_foreground_outline_active); } .icgds .lmn-calendar-cell:not(.lmn-calendar-selected-date):hover .lmn-calendar-date, .icgds .lmn-calendar-cell:not(.lmn-calendar-range-hover-start):hover .lmn-calendar-date, .icgds .lmn-calendar-cell:not(.lmn-calendar-range-hover-end):hover .lmn-calendar-date { background-color: var(--button_fill_standard_hover); border-color: var(--button_border_standard_hover); color: var(--button_foreground_standard_hover); } .icgds .lmn-calendar-cell.lmn-calendar-disabled-cell { cursor: not-allowed; } .icgds .lmn-calendar-cell.lmn-calendar-disabled-cell::before { display: none; } .icgds .lmn-calendar-cell.lmn-calendar-disabled-cell:hover .lmn-calendar-date { color: var(--text_disabled); background-color: transparent; } .icgds .lmn-calendar-cell.lmn-calendar-disabled-cell .lmn-calendar-date { color: var(--text_disabled); } .icgds .lmn-calendar-today .lmn-calendar-date { background: transparent; outline: 1px solid var(--button_border_outline); outline-offset: -1px; color: var(--button_foreground_outline); } .icgds .lmn-calendar-today.lmn-calendar-disabled-cell .lmn-calendar-date { border-color: var(--text_disabled); } .icgds .lmn-calendar-last-month-cell, .icgds .lmn-calendar-last-month-btn-day, .icgds .lmn-calendar-next-month-cell, .icgds .lmn-calendar-next-month-btn-day { cursor: not-allowed; pointer-events: none; border: none; } .icgds .lmn-calendar-last-month-cell .lmn-calendar-date, .icgds .lmn-calendar-last-month-btn-day .lmn-calendar-date, .icgds .lmn-calendar-next-month-cell .lmn-calendar-date, .icgds .lmn-calendar-next-month-btn-day .lmn-calendar-date { background-color: transparent; color: var(--text_disabled); } .icgds .lmn-calendar-last-month-cell:hover, .icgds .lmn-calendar-last-month-btn-day:hover, .icgds .lmn-calendar-next-month-cell:hover, .icgds .lmn-calendar-next-month-btn-day:hover { cursor: not-allowed; } .icgds .lmn-calendar-last-month-cell:hover .lmn-calendar-date, .icgds .lmn-calendar-last-month-btn-day:hover .lmn-calendar-date, .icgds .lmn-calendar-next-month-cell:hover .lmn-calendar-date, .icgds .lmn-calendar-next-month-btn-day:hover .lmn-calendar-date { cursor: not-allowed; background-color: transparent !important; } .icgds .lmn-calendar-last-month-cell:active .lmn-calendar-date, .icgds .lmn-calendar-last-month-btn-day:active .lmn-calendar-date, .icgds .lmn-calendar-next-month-cell:active .lmn-calendar-date, .icgds .lmn-calendar-next-month-btn-day:active .lmn-calendar-date { color: var(--text_disabled) !important; } .icgds .lmn-calendar-in-range-cell { position: relative; border-radius: 0; } .icgds .lmn-calendar-in-range-cell::before { content: ""; position: absolute; inset: var(--spacing-quarter-x) 0; background-color: var(--button_fill_standard); } .icgds .lmn-calendar-in-range-cell .lmn-calendar-date { color: var(--text_strong); } .icgds .lmn-calendar-in-range-cell:first-child::before { left: var(--spacing-quarter-x); border-radius: var(--button_radius) 0 0 var(--button_radius); } .icgds .lmn-calendar-in-range-cell:last-of-type::before { right: var(--spacing-quarter-x); border-radius: 0 var(--button_radius) var(--button_radius) 0; } .icgds .lmn-calendar-in-range-cell.lmn-calendar-selected-start-date::before, .icgds .lmn-calendar-in-range-cell.lmn-calendar-range-hover-start::before { left: 50%; border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm); } .icgds .lmn-calendar-in-range-cell.lmn-calendar-selected-end-date::before, .icgds .lmn-calendar-in-range-cell.lmn-calendar-range-hover-end::before { right: 50%; border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0; } .icgds .lmn-calendar-selected-date .lmn-calendar-date, .icgds .lmn-calendar-selected-start-date .lmn-calendar-date, .icgds .lmn-calendar-selected-end-date .lmn-calendar-date, .icgds .lmn-calendar-range-hover-start .lmn-calendar-date, .icgds .lmn-calendar-range-hover-end .lmn-calendar-date { background-color: var(--button_fill_standard_active); outline-color: var(--border-none); color: var(--button_foreground_standard_active); } .icgds .lmn-calendar-column-header { text-align: center; } .icgds .lmn-calendar-column-header .lmn-calendar-column-header-inner { color: var(--text_weak); font-family: var(--family_mono); display: block; font-weight: var(--font-weight-regular); font-size: var(--font-size_body); line-height: var(--line-height_heading-6); margin-bottom: var(--datepicker_week-container_padding-bottom); } .icgds .lmn-calendar.lmn-ui-sm .lmn-calendar-cell .lmn-calendar-date { width: 28px; height: 28px; font-size: var(--font-size-body-xs); } .icgds .lmn-responsive-layout:has(.lmn-datepicker) { inset: 0; z-index: var(--modal-mask-z-index); background: var(--modal_background_on-mask); position: fixed; } .icgds .lmn-datepicker-responsive-header { display: none; } .icgds .lmn-responsive-layout .lmn-datepicker-responsive-header { display: flex; align-items: center; padding: var(--spacing-16) var(--spacing-24); border-bottom: solid 1px var(--border_weak); } .icgds .lmn-responsive-layout .lmn-datepicker-responsive-header .lmn-datepicker-responsive-header-title { flex-grow: 1; font-size: var(--font-size_heading-3); line-height: var(--line-height_heading-3); font-family: var(--family_display); color: var(--heading_primary); } .icgds .lmn-responsive-layout .lmn-datepicker-responsive-header .lmn-datepicker-responsive-header-close { font-size: var(--icon_size_md); } .icgds .lmn-responsive-layout .lmn-context-menu { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; max-height: unset; overflow: unset; } .icgds .lmn-responsive-layout .lmn-context-menu .lmn-datepicker-panel { max-height: calc(100vh - 128px); overflow: auto !important; background: var(--context-menu_fill); border-radius: var(--context-menu_radius); scrollbar-gutter: stable; margin-right: calc(var(--scorllbar-width) * -1); } .icgds .lmn-responsive-layout .lmn-context-menu .lmn-datepicker-panel .lmn-datepicker-date-panel { position: relative; width: 100%; display: flex; flex-direction: column; } .icgds .lmn-responsive-layout .lmn-context-menu .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-range-part { position: relative; width: 100%; } .icgds .lmn-responsive-layout .lmn-context-menu .lmn-datepicker-panel .lmn-datepicker-input-wrap { height: 0px; } .icgds .lmn-drawer { position: fixed; z-index: var(--drawer-z-index); top: 0; bottom: 0; left: 0; width: 100%; pointer-events: none; } .icgds .lmn-drawer.lmn-drawer-left .lmn-drawer-content-wrapper.lmn-drawer-narrow, .icgds .lmn-drawer.lmn-drawer-right .lmn-drawer-content-wrapper.lmn-drawer-narrow { width: var(--drawer_narrow-container_width); } .icgds .lmn-drawer.lmn-drawer-left .lmn-drawer-content-wrapper.lmn-drawer-auto-width, .icgds .lmn-drawer.lmn-drawer-right .lmn-drawer-content-wrapper.lmn-drawer-auto-width { width: unset; min-width: var(--drawer_wide-container_width); } .icgds .lmn-drawer.lmn-drawer-left .lmn-drawer-content-wrapper, .icgds .lmn-drawer.lmn-drawer-left .lmn-drawer-content { height: calc(100% - var(--drawer_container_margin)); } .icgds .lmn-drawer.lmn-drawer-left .lmn-drawer-content-wrapper { transform: translateX(calc(-100% - var(--drawer_container_margin))); left: 0; } .icgds .lmn-drawer.lmn-drawer-right .lmn-drawer-content-wrapper, .icgds .lmn-drawer.lmn-drawer-right .lmn-drawer-content { height: calc(100% - var(--drawer_container_margin)); } .icgds .lmn-drawer.lmn-drawer-right .lmn-drawer-content-wrapper { transform: translateX(calc(100% + var(--drawer_container_margin))); right: 0; } .icgds .lmn-drawer.lmn-drawer-top .lmn-drawer-content-wrapper, .icgds .lmn-drawer.lmn-drawer-top .lmn-drawer-content { height: auto; } .icgds .lmn-drawer.lmn-drawer-top .lmn-drawer-content-wrapper { transform: translateY(-100%); top: 0; width: 100%; } .icgds .lmn-drawer.lmn-drawer-bottom .lmn-drawer-content { height: 100%; } .icgds .lmn-drawer.lmn-drawer-bottom .lmn-drawer-content-wrapper { transform: translateY(100%); bottom: 0; width: 100%; } .icgds .lmn-drawer.lmn-drawer-inline { position: relative; width: unset; display: none; height: 100%; } .icgds .lmn-drawer.lmn-drawer-inline.lmn-drawer-open { display: inline-block; } .icgds .lmn-drawer.lmn-drawer-inline .lmn-drawer-mask { display: none; } .icgds .lmn-drawer.lmn-drawer-inline .lmn-drawer-content-wrapper { transform: unset; position: relative; height: 100%; } .icgds .lmn-drawer.lmn-drawer-inline .lmn-drawer-content-wrapper .lmn-drawer-content { height: 100%; box-shadow: none; margin: 0; } .icgds .lmn-drawer-mask { pointer-events: auto; position: fixed; right: 0; left: 0; height: 0; background: var(--modal_background_on-mask); opacity: 0; transition: opacity 0.3s var(--comp-transition); } .icgds .lmn-drawer-content-wrapper { width: var(--drawer_medium-container_width); pointer-events: auto; position: absolute; transition: transform var(--motion-duration-medium-1) var(--comp-transition); transform: translateX(200%); margin: var(--drawer_container_margin); } .icgds .lmn-drawer-content-wrapper.lmn-drawer-content-small { width: var(--drawer_small-container_width); } .icgds .lmn-drawer-content-wrapper.lmn-drawer-content-large { width: var(--drawer_large-container_width); } .icgds .lmn-drawer-content-wrapper.lmn-drawer-width-sm { width: var(--drawer_small-container_width); } .icgds .lmn-drawer-content-wrapper.lmn-drawer-width-lg { width: var(--drawer_large-container_width); } .icgds .lmn-drawer-content { position: relative; width: 100%; box-shadow: var(--drawer_container_shadow_x-distance-2) var(--drawer_container_shadow_y-distance-2) var(--drawer_container_shadow_blur-2) var(--drawer_container_shadow_spread-2) var(--drawer_container_shadow_color-2), var(--drawer_container_shadow_x-distance-1) var(--drawer_container_shadow_y-distance-1) var(--drawer_container_shadow_blur-1) var(--drawer_container_shadow_spread-1) var(--drawer_container_shadow_color-1); padding: var(--drawer_container_padding-top) var(--drawer_container_padding-right) var(--drawer_container_padding-bottom) var(--drawer_container_padding-left); border-radius: var(--drawer_container_radius); background: var(--drawer_fill_container_primary); display: flex; flex-direction: column; } .icgds .lmn-drawer-close, .icgds .lmn-drawer-action { position: absolute; top: var(--drawer_container_padding-top); right: var(--drawer_container_padding-right); z-index: 1; cursor: pointer; } .icgds .lmn-drawer-close::before, .icgds .lmn-drawer-action::before { content: var(--icon-close); font-family: var(--icon-font-family); font-size: var(--icon-size-sm); } .icgds .lmn-drawer-header { display: flex; align-items: start; position: relative; font-weight: var(--font-weight-regular); padding-bottom: var(--drawer_container_vertical-spacing); gap: 8px; } .icgds .lmn-drawer-header .lmn-drawer-title { display: inline-block; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-family-heading); font-size: var(--drawer_heading_font-size); line-height: var(--drawer_heading_line-height); color: var(--heading_primary); } .icgds .lmn-drawer-header .lmn-drawer-title .lmn-drawer-subtitle { padding-top: var(--spacing-quarter-x); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--font-size_body); line-height: var(--line-height_heading-6); color: var(--text_weak); } .icgds .lmn-drawer-header .lmn-drawer-action, .icgds .lmn-drawer-header .lmn-drawer-close { position: relative; top: unset; right: unset; } .icgds .lmn-drawer-body { font-size: var(--font-size_body); color: var(--text_strong); padding-left: var(--drawer_container_padding-left); padding-right: var(--drawer_container_padding-right); margin-left: calc(var(--drawer_container_padding-left) * -1); margin-right: calc(var(--drawer_container_padding-right) * -1); flex-grow: 1; word-wrap: break-word; line-height: 1.15; overflow-y: auto; } .icgds .lmn-drawer-body, .icgds .lmn-drawer-body p { font-size: var(--font-size_body); line-height: var(--line-height_paragraph); } .icgds .lmn-drawer-body p { margin: 0; } .icgds .lmn-drawer-footer { padding: var(--drawer_footer_vertical-padding) 0; font-size: var(--font-size_body); line-height: var(--line-height_body); color: var(--text_weak); } .icgds .lmn-drawer-open { width: 100%; } .icgds .lmn-drawer-open.lmn-drawer-left .lmn-drawer-content-wrapper, .icgds .lmn-drawer-open.lmn-drawer-right .lmn-drawer-content-wrapper { transform: unset; } .icgds .lmn-drawer-open.lmn-drawer-top .lmn-drawer-content-wrapper, .icgds .lmn-drawer-open.lmn-drawer-bottom .lmn-drawer-content-wrapper { transform: translateY(0%); } .icgds .lmn-drawer-open .lmn-drawer-mask { opacity: 1; height: 100%; } .icgds .lmn-dropdown-hidden-input { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; padding: 0; margin: 0; cursor: pointer; border: none; outline: none; opacity: 0; appearance: none; } .icgds .lmn-dropdown-nvda-list { width: 0; height: 0; overflow: hidden; } .icgds .lmn-dropdown-toggle { appearance: none; display: inline-block; font: var(--type_text-regular) var(--font-size_body)/var(--line-height_heading-6) var(--family_sans); background-color: var(--field_fill); color: var(--field_foreground); outline: var(--field_border-width) solid var(--field_border); outline-offset: -1px; width: 100%; height: var(--field_container_height); min-height: var(--field_container_height); padding: var(--field_container_vertical-padding) var(--field_container_horizontal-padding); border-radius: var(--field_radius); border: 0; transition-property: border, background, outline, color, outline; transition-duration: var(--motion-duration-fast-3); transition-timing-function: var(--comp-transition); position: relative; cursor: pointer; white-space: nowrap; text-align: left; display: inline-flex !important; align-items: center; justify-content: space-between; } .icgds .lmn-dropdown-toggle:has(.lmn-input-suffix-icon), .icgds .lmn-dropdown-toggle:has(.lmn-dropdown-trigger-icon) { padding-right: var(--field_icon-container_horizontal-padding); } .icgds .lmn-dropdown-toggle:has(.lmn-input-prefix-icon), .icgds .lmn-dropdown-toggle:has(.lmn-select-input) { padding-left: var(--field_icon-container_horizontal-padding); } .icgds .lmn-dropdown-toggle::placeholder { transition: color var(--motion-duration-fast-3) var(--comp-transition); color: var(--field_foreground_placeholder); } .icgds .lmn-dropdown-toggle:required { color: var(--field_foreground); } .icgds .lmn-dropdown-toggle:active, .icgds .lmn-dropdown-toggle.active { outline-color: var(--field_border_active); outline-width: var(--field_border-width_active); color: var(--field_foreground_active); background-color: var(--field_fill_active); } .icgds .lmn-dropdown-toggle:focus, .icgds .lmn-dropdown-toggle.focus, .icgds .lmn-dropdown-toggle:has(*:focus:not(.lmn-action-icon)) { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_focus); outline-width: var(--field_border-width_focus); color: var(--field_foreground_focus); background-color: var(--field_fill_focus); } .icgds .lmn-dropdown-toggle:invalid, .icgds .lmn-dropdown-toggle.invalid, .icgds .lmn-dropdown-toggle:has(input:invalid), .icgds .lmn-dropdown-toggle[aria-invalid], .icgds .lmn-dropdown-toggle.lmn-invalid { outline-color: var(--field_border_danger); color: var(--field_foreground_danger); background-color: var(--field_fill_danger); } .icgds .lmn-dropdown-toggle:invalid.focus, .icgds .lmn-dropdown-toggle:invalid:focus-within, .icgds .lmn-dropdown-toggle:invalid:focus:enabled:not(.disabled), .icgds .lmn-dropdown-toggle.invalid.focus, .icgds .lmn-dropdown-toggle.invalid:focus-within, .icgds .lmn-dropdown-toggle.invalid:focus:enabled:not(.disabled), .icgds .lmn-dropdown-toggle:has(input:invalid).focus, .icgds .lmn-dropdown-toggle:has(input:invalid):focus-within, .icgds .lmn-dropdown-toggle:has(input:invalid):focus:enabled:not(.disabled), .icgds .lmn-dropdown-toggle[aria-invalid].focus, .icgds .lmn-dropdown-toggle[aria-invalid]:focus-within, .icgds .lmn-dropdown-toggle[aria-invalid]:focus:enabled:not(.disabled), .icgds .lmn-dropdown-toggle.lmn-invalid.focus, .icgds .lmn-dropdown-toggle.lmn-invalid:focus-within, .icgds .lmn-dropdown-toggle.lmn-invalid:focus:enabled:not(.disabled) { outline-color: var(--border_error); background-color: var(--field_fill_danger); } .icgds .lmn-dropdown-toggle[read-only], .icgds .lmn-dropdown-toggle.read-only, .icgds .lmn-dropdown-toggle.lmn-read-only, .icgds .lmn-dropdown-toggle:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)) { outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-dropdown-toggle[read-only]:focus, .icgds .lmn-dropdown-toggle[read-only].focus, .icgds .lmn-dropdown-toggle.read-only:focus, .icgds .lmn-dropdown-toggle.read-only.focus, .icgds .lmn-dropdown-toggle.lmn-read-only:focus, .icgds .lmn-dropdown-toggle.lmn-read-only.focus, .icgds .lmn-dropdown-toggle:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)):focus, .icgds .lmn-dropdown-toggle:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)).focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-dropdown-toggle[disabled], .icgds .lmn-dropdown-toggle.disabled { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-dropdown-toggle[disabled]::placeholder, .icgds .lmn-dropdown-toggle.disabled::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-dropdown-toggle[disabled]:focus, .icgds .lmn-dropdown-toggle[disabled]:focus-within, .icgds .lmn-dropdown-toggle.disabled:focus, .icgds .lmn-dropdown-toggle.disabled:focus-within { box-shadow: none; } .icgds .lmn-dropdown-toggle.lmn-dropdown-toggle-icon { width: var(--container_width); display: flex; justify-content: center; font-size: var(--font-size-18); } .icgds .lmn-dropdown-toggle:not(.lmn-dropdown-toggle-bordered) { outline-width: 0px; background: transparent; } .icgds .lmn-dropdown-toggle:hover, .icgds .lmn-dropdown-toggle.hover { background: var(--field_fill_hover); } .icgds .lmn-dropdown-toggle:first-child { flex-grow: 1; } .icgds .lmn-dropdown-toggle span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-grow: 1; } .icgds .lmn-dropdown-toggle:not(.lmn-btn):not(.lmn-tag) .lmn-dropdown-trigger-icon { color: var(--text_strong); } .icgds .lmn-dropdown-toggle.no-arrow .lmn-dropdown-trigger-icon { display: none !important; } .icgds .lmn-dropdown-toggle.lmn-dropdown-toggle-link { background: transparent; border-color: transparent; } .icgds .lmn-dropdown-toggle[disabled], .icgds .lmn-dropdown-toggle.disabled { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-dropdown-toggle[disabled]::placeholder, .icgds .lmn-dropdown-toggle.disabled::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-dropdown-toggle[disabled]:focus, .icgds .lmn-dropdown-toggle[disabled]:focus-within, .icgds .lmn-dropdown-toggle.disabled:focus, .icgds .lmn-dropdown-toggle.disabled:focus-within { box-shadow: none; } .icgds .lmn-dropdown-toggle[disabled]:not(.lmn-btn):not(.lmn-tag) .lmn-dropdown-trigger-icon, .icgds .lmn-dropdown-toggle.disabled:not(.lmn-btn):not(.lmn-tag) .lmn-dropdown-trigger-icon { color: var(--text_disabled); } .icgds .lmn-dropdown-trigger-icon { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; text-align: center; font-size: var(--icon_trigger-open-size) !important; height: auto !important; display: inline-block !important; line-height: var(--comp-line-height) !important; transition: transform 0.2s var(--comp-transition); } .icgds .lmn-dropdown-trigger-icon::before { font-family: var(--icon-font-family); content: var(--dropdown_trigger_icon); } .icgds .lmn-dropdown-open > .lmn-dropdown-trigger-icon:not(.lmnicon-spin) { transform: rotate(180deg) !important; } .icgds .lmn-virtual-scroll { position: relative; } .icgds .lmn-virtual-scroll .lmn-virtual-scroll-content { position: absolute; top: 0; left: 0; contain: content; will-change: scroll-position; width: 100%; padding: inherit; } .icgds .lmn-virtual-scroll .lmn-virtual-scroll-spacer { position: absolute; top: 0; left: 0; width: 1px; } .icgds .lmn-label, .icgds .lmn-form-label, .icgds .lmn-input-label { color: var(--label_foreground); font-weight: var(--label_font-weight); font-size: var(--label_font-size); line-height: var(--label_line-height); display: block; margin-bottom: var(--spacing-4); } .icgds .lmn-label.lmn-required::before, .icgds .lmn-form-label.lmn-required::before, .icgds .lmn-input-label.lmn-required::before { content: "*"; color: var(--label_foreground_required); vertical-align: text-top; margin-right: var(--spacing-4); } .icgds .lmn-input, .icgds .lmn-form-select, .icgds .lmn-textarea { appearance: none; display: inline-block; font: var(--type_text-regular) var(--font-size_body)/var(--line-height_heading-6) var(--family_sans); background-color: var(--field_fill); color: var(--field_foreground); outline: var(--field_border-width) solid var(--field_border); outline-offset: -1px; width: 100%; height: var(--field_container_height); min-height: var(--field_container_height); padding: var(--field_container_vertical-padding) var(--field_container_horizontal-padding); border-radius: var(--field_radius); border: 0; transition-property: border, background, outline, color, outline; transition-duration: var(--motion-duration-fast-3); transition-timing-function: var(--comp-transition); position: relative; } .icgds .lmn-input:has(.lmn-input-suffix-icon), .icgds .lmn-input:has(.lmn-dropdown-trigger-icon), .icgds .lmn-form-select:has(.lmn-input-suffix-icon), .icgds .lmn-form-select:has(.lmn-dropdown-trigger-icon), .icgds .lmn-textarea:has(.lmn-input-suffix-icon), .icgds .lmn-textarea:has(.lmn-dropdown-trigger-icon) { padding-right: var(--field_icon-container_horizontal-padding); } .icgds .lmn-input:has(.lmn-input-prefix-icon), .icgds .lmn-input:has(.lmn-select-input), .icgds .lmn-form-select:has(.lmn-input-prefix-icon), .icgds .lmn-form-select:has(.lmn-select-input), .icgds .lmn-textarea:has(.lmn-input-prefix-icon), .icgds .lmn-textarea:has(.lmn-select-input) { padding-left: var(--field_icon-container_horizontal-padding); } .icgds .lmn-input::placeholder, .icgds .lmn-form-select::placeholder, .icgds .lmn-textarea::placeholder { transition: color var(--motion-duration-fast-3) var(--comp-transition); color: var(--field_foreground_placeholder); } .icgds .lmn-input:required, .icgds .lmn-form-select:required, .icgds .lmn-textarea:required { color: var(--field_foreground); } .icgds .lmn-input:active, .icgds .lmn-input.active, .icgds .lmn-form-select:active, .icgds .lmn-form-select.active, .icgds .lmn-textarea:active, .icgds .lmn-textarea.active { outline-color: var(--field_border_active); outline-width: var(--field_border-width_active); color: var(--field_foreground_active); background-color: var(--field_fill_active); } .icgds .lmn-input:focus, .icgds .lmn-input.focus, .icgds .lmn-input:has(*:focus:not(.lmn-action-icon)), .icgds .lmn-form-select:focus, .icgds .lmn-form-select.focus, .icgds .lmn-form-select:has(*:focus:not(.lmn-action-icon)), .icgds .lmn-textarea:focus, .icgds .lmn-textarea.focus, .icgds .lmn-textarea:has(*:focus:not(.lmn-action-icon)) { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_focus); outline-width: var(--field_border-width_focus); color: var(--field_foreground_focus); background-color: var(--field_fill_focus); } .icgds .lmn-input:invalid, .icgds .lmn-input.invalid, .icgds .lmn-input:has(input:invalid), .icgds .lmn-input[aria-invalid], .icgds .lmn-input.lmn-invalid, .icgds .lmn-form-select:invalid, .icgds .lmn-form-select.invalid, .icgds .lmn-form-select:has(input:invalid), .icgds .lmn-form-select[aria-invalid], .icgds .lmn-form-select.lmn-invalid, .icgds .lmn-textarea:invalid, .icgds .lmn-textarea.invalid, .icgds .lmn-textarea:has(input:invalid), .icgds .lmn-textarea[aria-invalid], .icgds .lmn-textarea.lmn-invalid { outline-color: var(--field_border_danger); color: var(--field_foreground_danger); background-color: var(--field_fill_danger); } .icgds .lmn-input:invalid.focus, .icgds .lmn-input:invalid:focus-within, .icgds .lmn-input:invalid:focus:enabled:not(.disabled), .icgds .lmn-input.invalid.focus, .icgds .lmn-input.invalid:focus-within, .icgds .lmn-input.invalid:focus:enabled:not(.disabled), .icgds .lmn-input:has(input:invalid).focus, .icgds .lmn-input:has(input:invalid):focus-within, .icgds .lmn-input:has(input:invalid):focus:enabled:not(.disabled), .icgds .lmn-input[aria-invalid].focus, .icgds .lmn-input[aria-invalid]:focus-within, .icgds .lmn-input[aria-invalid]:focus:enabled:not(.disabled), .icgds .lmn-input.lmn-invalid.focus, .icgds .lmn-input.lmn-invalid:focus-within, .icgds .lmn-input.lmn-invalid:focus:enabled:not(.disabled), .icgds .lmn-form-select:invalid.focus, .icgds .lmn-form-select:invalid:focus-within, .icgds .lmn-form-select:invalid:focus:enabled:not(.disabled), .icgds .lmn-form-select.invalid.focus, .icgds .lmn-form-select.invalid:focus-within, .icgds .lmn-form-select.invalid:focus:enabled:not(.disabled), .icgds .lmn-form-select:has(input:invalid).focus, .icgds .lmn-form-select:has(input:invalid):focus-within, .icgds .lmn-form-select:has(input:invalid):focus:enabled:not(.disabled), .icgds .lmn-form-select[aria-invalid].focus, .icgds .lmn-form-select[aria-invalid]:focus-within, .icgds .lmn-form-select[aria-invalid]:focus:enabled:not(.disabled), .icgds .lmn-form-select.lmn-invalid.focus, .icgds .lmn-form-select.lmn-invalid:focus-within, .icgds .lmn-form-select.lmn-invalid:focus:enabled:not(.disabled), .icgds .lmn-textarea:invalid.focus, .icgds .lmn-textarea:invalid:focus-within, .icgds .lmn-textarea:invalid:focus:enabled:not(.disabled), .icgds .lmn-textarea.invalid.focus, .icgds .lmn-textarea.invalid:focus-within, .icgds .lmn-textarea.invalid:focus:enabled:not(.disabled), .icgds .lmn-textarea:has(input:invalid).focus, .icgds .lmn-textarea:has(input:invalid):focus-within, .icgds .lmn-textarea:has(input:invalid):focus:enabled:not(.disabled), .icgds .lmn-textarea[aria-invalid].focus, .icgds .lmn-textarea[aria-invalid]:focus-within, .icgds .lmn-textarea[aria-invalid]:focus:enabled:not(.disabled), .icgds .lmn-textarea.lmn-invalid.focus, .icgds .lmn-textarea.lmn-invalid:focus-within, .icgds .lmn-textarea.lmn-invalid:focus:enabled:not(.disabled) { outline-color: var(--border_error); background-color: var(--field_fill_danger); } .icgds .lmn-input[read-only], .icgds .lmn-input.read-only, .icgds .lmn-input.lmn-read-only, .icgds .lmn-input:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)), .icgds .lmn-form-select[read-only], .icgds .lmn-form-select.read-only, .icgds .lmn-form-select.lmn-read-only, .icgds .lmn-form-select:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)), .icgds .lmn-textarea[read-only], .icgds .lmn-textarea.read-only, .icgds .lmn-textarea.lmn-read-only, .icgds .lmn-textarea:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)) { outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-input[read-only]:focus, .icgds .lmn-input[read-only].focus, .icgds .lmn-input.read-only:focus, .icgds .lmn-input.read-only.focus, .icgds .lmn-input.lmn-read-only:focus, .icgds .lmn-input.lmn-read-only.focus, .icgds .lmn-input:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)):focus, .icgds .lmn-input:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)).focus, .icgds .lmn-form-select[read-only]:focus, .icgds .lmn-form-select[read-only].focus, .icgds .lmn-form-select.read-only:focus, .icgds .lmn-form-select.read-only.focus, .icgds .lmn-form-select.lmn-read-only:focus, .icgds .lmn-form-select.lmn-read-only.focus, .icgds .lmn-form-select:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)):focus, .icgds .lmn-form-select:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)).focus, .icgds .lmn-textarea[read-only]:focus, .icgds .lmn-textarea[read-only].focus, .icgds .lmn-textarea.read-only:focus, .icgds .lmn-textarea.read-only.focus, .icgds .lmn-textarea.lmn-read-only:focus, .icgds .lmn-textarea.lmn-read-only.focus, .icgds .lmn-textarea:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)):focus, .icgds .lmn-textarea:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)).focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-input[disabled], .icgds .lmn-input.disabled, .icgds .lmn-form-select[disabled], .icgds .lmn-form-select.disabled, .icgds .lmn-textarea[disabled], .icgds .lmn-textarea.disabled { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-input[disabled]::placeholder, .icgds .lmn-input.disabled::placeholder, .icgds .lmn-form-select[disabled]::placeholder, .icgds .lmn-form-select.disabled::placeholder, .icgds .lmn-textarea[disabled]::placeholder, .icgds .lmn-textarea.disabled::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-input[disabled]:focus, .icgds .lmn-input[disabled]:focus-within, .icgds .lmn-input.disabled:focus, .icgds .lmn-input.disabled:focus-within, .icgds .lmn-form-select[disabled]:focus, .icgds .lmn-form-select[disabled]:focus-within, .icgds .lmn-form-select.disabled:focus, .icgds .lmn-form-select.disabled:focus-within, .icgds .lmn-textarea[disabled]:focus, .icgds .lmn-textarea[disabled]:focus-within, .icgds .lmn-textarea.disabled:focus, .icgds .lmn-textarea.disabled:focus-within { box-shadow: none; } .icgds .lmn-input.lmn-btn:hover, .icgds .lmn-form-select.lmn-btn:hover, .icgds .lmn-textarea.lmn-btn:hover { background: var(--field_fill_hover) !important; border-color: var(--field_border_hover) !important; color: var(--field_foreground_hover) !important; } .icgds .lmn-input.lmn-btn:focus, .icgds .lmn-form-select.lmn-btn:focus, .icgds .lmn-textarea.lmn-btn:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-input { appearance: none; } .icgds .lmn-input[type=number]::-webkit-inner-spin-button, .icgds .lmn-input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .icgds .lmn-textarea { padding-top: var(--text-area_container_vertical-padding); padding-bottom: var(--text-area_container_vertical-padding); padding-right: var(--text-area_container_padding-right); height: auto; } .icgds .lmn-textarea::-webkit-resizer { background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3.64645' y1='7.64645' x2='7.64645' y2='3.64645' stroke='%23A4ACAF'/%3E%3Cline x1='0.646447' y1='7.64645' x2='7.64645' y2='0.646447' stroke='%23A4ACAF'/%3E%3C/svg%3E%0A"); background-size: 10px; background-repeat: no-repeat; background-position: top left; } .icgds .lmn-input-text { appearance: none; display: inline-block; font: var(--type_text-regular) var(--font-size_body)/var(--line-height_heading-6) var(--family_sans); background-color: var(--field_fill); color: var(--field_foreground); outline: var(--field_border-width) solid var(--field_border); outline-offset: -1px; width: 100%; height: var(--field_container_height); min-height: var(--field_container_height); padding: var(--field_container_vertical-padding) var(--field_container_horizontal-padding); border-radius: var(--field_radius); border: 0; transition-property: border, background, outline, color, outline; transition-duration: var(--motion-duration-fast-3); transition-timing-function: var(--comp-transition); position: relative; position: relative; display: flex; align-items: center; width: 100%; } .icgds .lmn-input-text:has(.lmn-input-suffix-icon), .icgds .lmn-input-text:has(.lmn-dropdown-trigger-icon) { padding-right: var(--field_icon-container_horizontal-padding); } .icgds .lmn-input-text:has(.lmn-input-prefix-icon), .icgds .lmn-input-text:has(.lmn-select-input) { padding-left: var(--field_icon-container_horizontal-padding); } .icgds .lmn-input-text::placeholder { transition: color var(--motion-duration-fast-3) var(--comp-transition); color: var(--field_foreground_placeholder); } .icgds .lmn-input-text:required { color: var(--field_foreground); } .icgds .lmn-input-text:active, .icgds .lmn-input-text.active { outline-color: var(--field_border_active); outline-width: var(--field_border-width_active); color: var(--field_foreground_active); background-color: var(--field_fill_active); } .icgds .lmn-input-text:focus, .icgds .lmn-input-text.focus, .icgds .lmn-input-text:has(*:focus:not(.lmn-action-icon)) { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_focus); outline-width: var(--field_border-width_focus); color: var(--field_foreground_focus); background-color: var(--field_fill_focus); } .icgds .lmn-input-text:invalid, .icgds .lmn-input-text.invalid, .icgds .lmn-input-text:has(input:invalid), .icgds .lmn-input-text[aria-invalid], .icgds .lmn-input-text.lmn-invalid { outline-color: var(--field_border_danger); color: var(--field_foreground_danger); background-color: var(--field_fill_danger); } .icgds .lmn-input-text:invalid.focus, .icgds .lmn-input-text:invalid:focus-within, .icgds .lmn-input-text:invalid:focus:enabled:not(.disabled), .icgds .lmn-input-text.invalid.focus, .icgds .lmn-input-text.invalid:focus-within, .icgds .lmn-input-text.invalid:focus:enabled:not(.disabled), .icgds .lmn-input-text:has(input:invalid).focus, .icgds .lmn-input-text:has(input:invalid):focus-within, .icgds .lmn-input-text:has(input:invalid):focus:enabled:not(.disabled), .icgds .lmn-input-text[aria-invalid].focus, .icgds .lmn-input-text[aria-invalid]:focus-within, .icgds .lmn-input-text[aria-invalid]:focus:enabled:not(.disabled), .icgds .lmn-input-text.lmn-invalid.focus, .icgds .lmn-input-text.lmn-invalid:focus-within, .icgds .lmn-input-text.lmn-invalid:focus:enabled:not(.disabled) { outline-color: var(--border_error); background-color: var(--field_fill_danger); } .icgds .lmn-input-text[read-only], .icgds .lmn-input-text.read-only, .icgds .lmn-input-text.lmn-read-only, .icgds .lmn-input-text:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)) { outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-input-text[read-only]:focus, .icgds .lmn-input-text[read-only].focus, .icgds .lmn-input-text.read-only:focus, .icgds .lmn-input-text.read-only.focus, .icgds .lmn-input-text.lmn-read-only:focus, .icgds .lmn-input-text.lmn-read-only.focus, .icgds .lmn-input-text:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)):focus, .icgds .lmn-input-text:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)).focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-input-text[disabled], .icgds .lmn-input-text.disabled { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-input-text[disabled]::placeholder, .icgds .lmn-input-text.disabled::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-input-text[disabled]:focus, .icgds .lmn-input-text[disabled]:focus-within, .icgds .lmn-input-text.disabled:focus, .icgds .lmn-input-text.disabled:focus-within { box-shadow: none; } .icgds .lmn-input-text .lmn-input, .icgds .lmn-input-text .lmn-select-input { outline: 0 !important; border-radius: 0; background-color: transparent; padding: 0 !important; height: auto; min-height: unset; flex-grow: 1; } .icgds .lmn-input-text .lmn-input:focus, .icgds .lmn-input-text .lmn-input:disabled, .icgds .lmn-input-text .lmn-select-input:focus, .icgds .lmn-input-text .lmn-select-input:disabled { border: none !important; box-shadow: none !important; background-color: transparent !important; } .icgds .lmn-input-text .lmn-input-prefix-icon, .icgds .lmn-input-text .lmn-input-suffix-icon, .icgds .lmn-input-text .lmn-input-clear-icon { font-size: var(--icon_size_md); z-index: 2; flex-shrink: 0; font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-input-text .lmn-input-prefix-text, .icgds .lmn-input-text .lmn-input-suffix-text { line-height: var(--line-height_heading-6); font-size: var(--font-size_body); color: var(--text_weak); -webkit-user-select: none; user-select: none; } .icgds .lmn-input-text .lmn-input-prefix-icon, .icgds .lmn-input-text .lmn-input-prefix-text { order: -1; margin-right: var(--container_horizontal-spacing); } .icgds .lmn-input-text .lmn-input-suffix-icon, .icgds .lmn-input-text .lmn-input-suffix-text { order: 1; margin-left: var(--container_horizontal-spacing); } .icgds .lmn-input-text.lmn-input-text-wrap { height: unset; } .icgds .lmn-input-text.lmn-search { cursor: pointer; border-radius: var(--search_radius); outline-color: var(--search_border); padding-left: var(--field_icon-container_horizontal-padding); padding-right: var(--field_icon-container_horizontal-padding); } .icgds .lmn-input-text.lmn-search .lmn-input::placeholder { color: var(--text_weak); } .icgds .lmn-input-text.lmn-search .lmn-input-prefix-icon, .icgds .lmn-input-text.lmn-search .lmn-input-suffix-icon { color: var(--text_weak); } .icgds .lmn-input-text.lmn-search:has(input:not(:placeholder-shown)) .lmn-input-prefix-icon { color: var(--text_strong); } .icgds .lmn-input-text.lmn-search.lmn-search-animated { display: inline-flex; transition-property: width, border, background, outline, color; width: 280px; } .icgds .lmn-input-text.lmn-search.lmn-search-animated .lmn-input::placeholder { transition: color var(--motion-duration-fast-2) var(--comp-transition); } .icgds .lmn-input-text.lmn-search.lmn-search-animated.lmn-search-collapsed { justify-content: center; padding-left: 0; padding-right: 0; width: var(--container_height); } .icgds .lmn-input-text.lmn-search.lmn-search-animated.lmn-search-collapsed .lmn-input { color: transparent; width: 100%; padding-right: 0; position: absolute; cursor: pointer; } .icgds .lmn-input-text.lmn-search.lmn-search-animated.lmn-search-collapsed .lmn-input::placeholder { color: transparent; opacity: 0; } .icgds .lmn-input-text.lmn-search.lmn-search-animated.lmn-search-collapsed .lmn-input-prefix-icon { margin-right: 0; margin-left: 0; pointer-events: none; } .icgds .lmn-input-text.lmn-search:hover, .icgds .lmn-input-text.lmn-search.hover { background: var(--field_fill_hover); } .icgds .lmn-input-text.lmn-search:hover .lmn-input-prefix-icon, .icgds .lmn-input-text.lmn-search:hover .lmn-input-suffix-icon, .icgds .lmn-input-text.lmn-search.hover .lmn-input-prefix-icon, .icgds .lmn-input-text.lmn-search.hover .lmn-input-suffix-icon { color: var(--text_strong); } .icgds .lmn-input-text.lmn-search:focus .lmn-input-prefix-icon, .icgds .lmn-input-text.lmn-search:focus .lmn-input-suffix-icon, .icgds .lmn-input-text.lmn-search:focus-within .lmn-input-prefix-icon, .icgds .lmn-input-text.lmn-search:focus-within .lmn-input-suffix-icon { color: var(--text_strong); } .icgds .lmn-input-text.lmn-search-alt { background: var(--field_fill_secondary); color: var(--text_strong); outline-color: transparent; } .icgds .lmn-input-text.lmn-search-alt:hover, .icgds .lmn-input-text.lmn-search-alt.hover { background: var(--field_fill_secondary_hover); } .icgds .lmn-input-text.lmn-search-alt:focus, .icgds .lmn-input-text.lmn-search-alt.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-input-text.lmn-search-alt .lmn-input-prefix-icon, .icgds .lmn-input-text.lmn-search-alt .lmn-input-suffix-icon { color: var(--text_weak); } .icgds .lmn-input-text.lmn-search-alt.lmn-search-animated .lmn-input-prefix-icon { pointer-events: none; } .icgds .lmn-input-text.disabled, .icgds .lmn-input-text[disabled], .icgds .lmn-input-text:has(input:is(:disabled)) { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-input-text.disabled::placeholder, .icgds .lmn-input-text[disabled]::placeholder, .icgds .lmn-input-text:has(input:is(:disabled))::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-input-text.disabled:focus, .icgds .lmn-input-text.disabled:focus-within, .icgds .lmn-input-text[disabled]:focus, .icgds .lmn-input-text[disabled]:focus-within, .icgds .lmn-input-text:has(input:is(:disabled)):focus, .icgds .lmn-input-text:has(input:is(:disabled)):focus-within { box-shadow: none; } .icgds .lmn-input-text.disabled .lmn-input-prefix-icon, .icgds .lmn-input-text.disabled .lmn-input-suffix-icon, .icgds .lmn-input-text.disabled .lmn-input-clear-icon, .icgds .lmn-input-text.disabled .lmn-input-prefix-text, .icgds .lmn-input-text.disabled .lmn-input-suffix-text, .icgds .lmn-input-text.disabled .lmnicon-caret-down, .icgds .lmn-input-text[disabled] .lmn-input-prefix-icon, .icgds .lmn-input-text[disabled] .lmn-input-suffix-icon, .icgds .lmn-input-text[disabled] .lmn-input-clear-icon, .icgds .lmn-input-text[disabled] .lmn-input-prefix-text, .icgds .lmn-input-text[disabled] .lmn-input-suffix-text, .icgds .lmn-input-text[disabled] .lmnicon-caret-down, .icgds .lmn-input-text:has(input:is(:disabled)) .lmn-input-prefix-icon, .icgds .lmn-input-text:has(input:is(:disabled)) .lmn-input-suffix-icon, .icgds .lmn-input-text:has(input:is(:disabled)) .lmn-input-clear-icon, .icgds .lmn-input-text:has(input:is(:disabled)) .lmn-input-prefix-text, .icgds .lmn-input-text:has(input:is(:disabled)) .lmn-input-suffix-text, .icgds .lmn-input-text:has(input:is(:disabled)) .lmnicon-caret-down { color: var(--text_disabled) !important; } .icgds .lmn-input-text.disabled input::placeholder, .icgds .lmn-input-text[disabled] input::placeholder, .icgds .lmn-input-text:has(input:is(:disabled)) input::placeholder { color: var(--text_disabled) !important; } .icgds .lmn-input-group { position: relative; display: flex; align-items: stretch; width: 100%; } .icgds .lmn-input-group .lmn-input-group-prepend { display: flex; margin-right: -1px; } .icgds .lmn-input-group .lmn-input-group-prepend .lmn-btn, .icgds .lmn-input-group .lmn-input-group-prepend .lmn-input-group-text, .icgds .lmn-input-group .lmn-input-group-prepend .lmn-dropdown-toggle, .icgds .lmn-input-group .lmn-input-group-prepend .lmn-input, .icgds .lmn-input-group .lmn-input-group-prepend .lmn-textarea, .icgds .lmn-input-group .lmn-input-group-prepend .lmn-input-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } .icgds .lmn-input-group .lmn-input-group-prepend .lmn-btn:not(:first-of-type), .icgds .lmn-input-group .lmn-input-group-prepend .lmn-input-group-text:not(:first-of-type), .icgds .lmn-input-group .lmn-input-group-prepend .lmn-dropdown-toggle:not(:first-of-type), .icgds .lmn-input-group .lmn-input-group-prepend .lmn-input:not(:first-of-type), .icgds .lmn-input-group .lmn-input-group-prepend .lmn-textarea:not(:first-of-type), .icgds .lmn-input-group .lmn-input-group-prepend .lmn-input-text:not(:first-of-type) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .icgds .lmn-input-group .lmn-input-group-prepend:not(:first-of-type) .lmn-btn, .icgds .lmn-input-group .lmn-input-group-prepend:not(:first-of-type) .lmn-input-group-text, .icgds .lmn-input-group .lmn-input-group-prepend:not(:first-of-type) .lmn-dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; } .icgds .lmn-input-group .lmn-input-group-prepend:first-child .lmn-btn:not(:first-child), .icgds .lmn-input-group .lmn-input-group-prepend:first-child .lmn-input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .icgds .lmn-input-group .lmn-input-group-append { display: flex; margin-left: -1px; } .icgds .lmn-input-group .lmn-input-group-append .lmn-btn, .icgds .lmn-input-group .lmn-input-group-append .lmn-input-group-text, .icgds .lmn-input-group .lmn-input-group-append .lmn-dropdown-toggle, .icgds .lmn-input-group .lmn-input-group-append .lmn-input, .icgds .lmn-input-group .lmn-input-group-append .lmn-textarea, .icgds .lmn-input-group .lmn-input-group-append .lmn-input-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .icgds .lmn-input-group .lmn-input-group-append .lmn-btn:not(:last-of-type), .icgds .lmn-input-group .lmn-input-group-append .lmn-input-group-text:not(:last-of-type), .icgds .lmn-input-group .lmn-input-group-append .lmn-dropdown-toggle:not(:last-of-type), .icgds .lmn-input-group .lmn-input-group-append .lmn-input:not(:last-of-type), .icgds .lmn-input-group .lmn-input-group-append .lmn-textarea:not(:last-of-type), .icgds .lmn-input-group .lmn-input-group-append .lmn-input-text:not(:last-of-type) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .icgds .lmn-input-group .lmn-input-group-append:not(:last-of-type) .lmn-btn, .icgds .lmn-input-group .lmn-input-group-append:not(:last-of-type) .lmn-input-group-text, .icgds .lmn-input-group .lmn-input-group-append:not(:last-of-type) .lmn-dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .icgds .lmn-input-group .lmn-input-group-text { width: 100%; height: 100%; display: flex; font: var(--type_text-regular) var(--font-size_body)/var(--line-height_heading-6) var(--family_sans); padding-left: var(--spacing-8); padding-right: var(--spacing-8); align-items: center; justify-content: center; margin-bottom: 0; white-space: nowrap; background-color: var(--field_fill); outline: 1px solid var(--field_border); outline-offset: -1px; color: var(--field_foreground); border-radius: var(--field_radius); } .icgds .lmn-input-group .lmn-input-group-text input[type=radio], .icgds .lmn-input-group .lmn-input-group-text input[type=checkbox] { margin-top: 0; } .icgds .lmn-input-group:has(.lmn-input-group-prepend) .lmn-input, .icgds .lmn-input-group:has(.lmn-input-group-prepend) .lmn-textarea, .icgds .lmn-input-group:has(.lmn-input-group-prepend) .lmn-input-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .icgds .lmn-input-group:has(.lmn-input-group-append) .lmn-input, .icgds .lmn-input-group:has(.lmn-input-group-append) .lmn-textarea, .icgds .lmn-input-group:has(.lmn-input-group-append) .lmn-input-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } .icgds .lmn-input-group .lmn-input, .icgds .lmn-input-group .lmn-textarea, .icgds .lmn-input-group .lmn-input-text { position: relative; flex: 1 1 auto; min-width: 1%; } .icgds .lmn-input-group .lmn-input:focus, .icgds .lmn-input-group .lmn-textarea:focus, .icgds .lmn-input-group .lmn-input-text:focus { z-index: 3; } .icgds .lmn-input-group .lmn-input + .lmn-input, .icgds .lmn-input-group .lmn-input + .lmn-textarea, .icgds .lmn-input-group .lmn-input + .lmn-input-text, .icgds .lmn-input-group .lmn-textarea + .lmn-input, .icgds .lmn-input-group .lmn-textarea + .lmn-textarea, .icgds .lmn-input-group .lmn-textarea + .lmn-input-text, .icgds .lmn-input-group .lmn-input-text + .lmn-input, .icgds .lmn-input-group .lmn-input-text + .lmn-textarea, .icgds .lmn-input-group .lmn-input-text + .lmn-input-text { margin-left: -1px; } .icgds .lmn-input-group .lmn-input-group-prepend, .icgds .lmn-input-group .lmn-input-group-append { display: flex; flex-shrink: 0; min-width: 32px; } .icgds .lmn-input-group .lmn-input-group-prepend .lmn-btn + .lmn-btn, .icgds .lmn-input-group .lmn-input-group-prepend .lmn-btn + .lmn-input-group-text, .icgds .lmn-input-group .lmn-input-group-prepend .lmn-input-group-text + .lmn-input-group-text, .icgds .lmn-input-group .lmn-input-group-prepend .lmn-input-group-text + .lmn-btn, .icgds .lmn-input-group .lmn-input-group-append .lmn-btn + .lmn-btn, .icgds .lmn-input-group .lmn-input-group-append .lmn-btn + .lmn-input-group-text, .icgds .lmn-input-group .lmn-input-group-append .lmn-input-group-text + .lmn-input-group-text, .icgds .lmn-input-group .lmn-input-group-append .lmn-input-group-text + .lmn-btn { margin-left: -1px; } .icgds .lmn-input-group .lmn-input-group-prepend .lmn-btn, .icgds .lmn-input-group .lmn-input-group-append .lmn-btn { z-index: 2; min-width: 32px; padding-left: var(--spacing-8) !important; padding-right: var(--spacing-8) !important; outline-color: var(--field_border); } .icgds .lmn-input-group .lmn-input-group-prepend .lmn-btn:focus, .icgds .lmn-input-group .lmn-input-group-append .lmn-btn:focus { z-index: 3; } .icgds .lmn-input-group .lmn-input-group-prepend .lmn-dropdown-toggle:focus, .icgds .lmn-input-group .lmn-input-group-append .lmn-dropdown-toggle:focus { z-index: 3; } .icgds .lmn-input-group .lmn-input-group-prepend .lmn-input, .icgds .lmn-input-group .lmn-input-group-append .lmn-input { justify-content: center; } .icgds .lmn-input-group.lmn-input-textarea { align-items: inherit; } .icgds .lmn-input-group.lmn-input-textarea .lmn-btn, .icgds .lmn-input-group.lmn-input-textarea .lmn-input-group-text { height: 100%; } .icgds .lmn-input-group.lmn-input-group-number .lmn-input-group-append { min-width: auto !important; } .icgds .lmn-input-group .lmn-input-clear-icon { display: none; } .icgds .lmn-input-group .lmn-input-step { font-size: 8px !important; display: flex; flex-direction: column !important; height: var(--container_height) !important; width: 28px; } .icgds .lmn-input-group .lmn-input-step .lmn-input-step-up, .icgds .lmn-input-group .lmn-input-step .lmn-input-step-down { background-color: var(--field_fill); font-size: var(--icon_trigger-open-size); line-height: 1; display: flex; align-items: center; justify-content: center; color: var(--text_strong); width: 100% !important; height: 50% !important; flex-grow: 1; border: 1px solid var(--border_strong); transition: background-color var(--motion-duration-fast-2) var(--comp-transition); } .icgds .lmn-input-group .lmn-input-step .lmn-input-step-up:hover, .icgds .lmn-input-group .lmn-input-step .lmn-input-step-down:hover { cursor: pointer; background-color: var(--fill_hover); } .icgds .lmn-input-group .lmn-input-step .lmn-input-step-up:focus, .icgds .lmn-input-group .lmn-input-step .lmn-input-step-down:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); z-index: 4; } .icgds .lmn-input-group .lmn-input-step .lmn-input-step-down { border-top: 0; border-bottom-right-radius: var(--field_radius); } .icgds .lmn-input-group .lmn-input-step .lmn-input-step-down::before { content: var(--field_icon_step-down); font-family: var(--icon-font-family); } .icgds .lmn-input-group .lmn-input-step .lmn-input-step-up { border-top-right-radius: var(--field_radius); } .icgds .lmn-input-group .lmn-input-step .lmn-input-step-up::before { content: var(--field_icon_step-up); font-family: var(--icon-font-family); } .icgds .lmn-input-group.disabled .lmn-input, .icgds .lmn-input-group.disabled .lmn-form-select, .icgds .lmn-input-group[disabled] .lmn-input, .icgds .lmn-input-group[disabled] .lmn-form-select { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-input-group.disabled .lmn-input::placeholder, .icgds .lmn-input-group.disabled .lmn-form-select::placeholder, .icgds .lmn-input-group[disabled] .lmn-input::placeholder, .icgds .lmn-input-group[disabled] .lmn-form-select::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-input-group.disabled .lmn-input:focus, .icgds .lmn-input-group.disabled .lmn-input:focus-within, .icgds .lmn-input-group.disabled .lmn-form-select:focus, .icgds .lmn-input-group.disabled .lmn-form-select:focus-within, .icgds .lmn-input-group[disabled] .lmn-input:focus, .icgds .lmn-input-group[disabled] .lmn-input:focus-within, .icgds .lmn-input-group[disabled] .lmn-form-select:focus, .icgds .lmn-input-group[disabled] .lmn-form-select:focus-within { box-shadow: none; } .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-up, .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-down, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-up, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-down { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; border-color: transparent; cursor: not-allowed; } .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-up::placeholder, .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-down::placeholder, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-up::placeholder, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-down::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-up:focus, .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-up:focus-within, .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-down:focus, .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-down:focus-within, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-up:focus, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-up:focus-within, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-down:focus, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-down:focus-within { box-shadow: none; } .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-up:hover, .icgds .lmn-input-group.disabled .lmn-input-step .lmn-input-step-down:hover, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-up:hover, .icgds .lmn-input-group[disabled] .lmn-input-step .lmn-input-step-down:hover { background-color: var(--field_fill_disabled); } .icgds .lmn-input-group.disabled .lmn-input-text, .icgds .lmn-input-group[disabled] .lmn-input-text { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-input-group.disabled .lmn-input-text::placeholder, .icgds .lmn-input-group[disabled] .lmn-input-text::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-input-group.disabled .lmn-input-text:focus, .icgds .lmn-input-group.disabled .lmn-input-text:focus-within, .icgds .lmn-input-group[disabled] .lmn-input-text:focus, .icgds .lmn-input-group[disabled] .lmn-input-text:focus-within { box-shadow: none; } .icgds .lmn-input-group.disabled .lmn-input-text .lmn-input, .icgds .lmn-input-group[disabled] .lmn-input-text .lmn-input { background-color: transparent; } .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-up, .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-down, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-up, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-down { outline-color: var(--field_border_read-only); background-color: var(--field_fill_read-only); color: var(--field_foreground_read-only); cursor: not-allowed; } .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-up::placeholder, .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-down::placeholder, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-up::placeholder, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-down::placeholder { color: var(--field_foreground_read-only); } .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-up:focus, .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-up:focus-within, .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-down:focus, .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-down:focus-within, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-up:focus, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-up:focus-within, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-down:focus, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-down:focus-within { outline-color: var(--field_border_read-only); background-color: var(--field_fill_read-only); color: var(--field_foreground_read-only) !important; } .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-up ~ .lmn-input-prefix-icon, .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-up ~ .lmn-input-suffix-icon, .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-down ~ .lmn-input-prefix-icon, .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-down ~ .lmn-input-suffix-icon, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-up ~ .lmn-input-prefix-icon, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-up ~ .lmn-input-suffix-icon, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-down ~ .lmn-input-prefix-icon, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-down ~ .lmn-input-suffix-icon { pointer-events: none; } .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-up:hover, .icgds .lmn-input-group.read-only .lmn-input-step .lmn-input-step-down:hover, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-up:hover, .icgds .lmn-input-group.lmn-read-only .lmn-input-step .lmn-input-step-down:hover { background-color: var(--field_fill_read-only); } .icgds .lmn-input-group.read-only .lmn-input-text, .icgds .lmn-input-group.lmn-read-only .lmn-input-text { outline-color: var(--field_border_read-only); background-color: var(--field_fill_read-only); color: var(--field_foreground_read-only); } .icgds .lmn-input-group.read-only .lmn-input-text::placeholder, .icgds .lmn-input-group.lmn-read-only .lmn-input-text::placeholder { color: var(--field_foreground_read-only); } .icgds .lmn-input-group.read-only .lmn-input-text:focus, .icgds .lmn-input-group.read-only .lmn-input-text:focus-within, .icgds .lmn-input-group.lmn-read-only .lmn-input-text:focus, .icgds .lmn-input-group.lmn-read-only .lmn-input-text:focus-within { outline-color: var(--field_border_read-only); background-color: var(--field_fill_read-only); color: var(--field_foreground_read-only) !important; } .icgds .lmn-input-group.read-only .lmn-input-text ~ .lmn-input-prefix-icon, .icgds .lmn-input-group.read-only .lmn-input-text ~ .lmn-input-suffix-icon, .icgds .lmn-input-group.lmn-read-only .lmn-input-text ~ .lmn-input-prefix-icon, .icgds .lmn-input-group.lmn-read-only .lmn-input-text ~ .lmn-input-suffix-icon { pointer-events: none; } .icgds .lmn-input-group.read-only .lmn-input-text .lmn-input, .icgds .lmn-input-group.lmn-read-only .lmn-input-text .lmn-input { background-color: transparent; } .icgds .lmn-input-group:hover .lmn-input-clear-icon { display: flex; } .icgds .lmn-form-select { position: relative; display: block; } .icgds .lmn-form-select:focus { outline: none; border-color: var(--blue-100) !important; } .icgds .lmn-form-select[multiple], .icgds .lmn-form-select.lmn-form-select-multiple { height: auto; } .icgds .lmn-validation-text { font-weight: var(--font-weight-regular); font-size: var(--font-size-body-xs); color: var(--text-danger); } .icgds .lmn-custom-range { -webkit-appearance: none; width: 100%; height: var(--slider_track_height); outline: none; background: var(--slider_fill_track); border-radius: var(--radius-full); transition: background var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-custom-range::-webkit-slider-thumb { appearance: none; width: var(--slider_handle_size); height: var(--slider_handle_size); border-radius: var(--radius-full); background: var(--slider_fill_handle); outline: solid 1px var(--slider_border_handle); outline-offset: -1px; -webkit-transition: all 0.3s var(--comp-transition); transition: all 0.3s var(--comp-transition); cursor: pointer; } .icgds .lmn-custom-range::-moz-range-thumb { appearance: none; width: var(--slider_handle_size); height: var(--slider_handle_size); border-radius: var(--radius-full); background: var(--slider_fill_handle); outline: solid 1px var(--slider_border_handle); outline-offset: -1px; -moz-transition: all 0.3s var(--comp-transition); transition: all 0.3s var(--comp-transition); cursor: pointer; } .icgds .lmn-custom-range:active::-webkit-slider-thumb { appearance: none; width: var(--slider_handle_size); height: var(--slider_handle_size); border-radius: var(--radius-full); background: var(--slider_fill_handle); outline: solid 1px var(--slider_border_handle_active); outline-offset: -1px; -webkit-transition: all 0.3s var(--comp-transition); transition: all 0.3s var(--comp-transition); cursor: pointer; } .icgds .lmn-custom-range:focus::-webkit-slider-thumb { outline-color: var(--slider_border_handle_focus); outline-width: 2px; outline-offset: -2px; } .icgds .lmn-custom-range:disabled { background: var(--fill_disabled); } .icgds .lmn-custom-range:disabled::-webkit-slider-thumb { border-color: var(--fill_disabled); } .icgds .lmn-form-group.lmn-invalid .lmn-input, .icgds .lmn-form-group.lmn-invalid .lmn-input-text, .icgds .lmn-form-group.lmn-invalid .lmn-datepicker-input-text, .icgds .lmn-form-group.lmn-invalid .lmn-textarea, .icgds .lmn-form-group.lmn-invalid .lmn-select-input, .icgds .lmn-form-group.lmn-invalid .lmn-dropdown-toggle, .icgds .lmn-form-group.lmn-invalid .lmn-input-step-up, .icgds .lmn-form-group.lmn-invalid .lmn-input-step-down, .icgds .lmn-form-group.invalid .lmn-input, .icgds .lmn-form-group.invalid .lmn-input-text, .icgds .lmn-form-group.invalid .lmn-datepicker-input-text, .icgds .lmn-form-group.invalid .lmn-textarea, .icgds .lmn-form-group.invalid .lmn-select-input, .icgds .lmn-form-group.invalid .lmn-dropdown-toggle, .icgds .lmn-form-group.invalid .lmn-input-step-up, .icgds .lmn-form-group.invalid .lmn-input-step-down, .icgds .lmn-form-group:has(.invalid) .lmn-input, .icgds .lmn-form-group:has(.invalid) .lmn-input-text, .icgds .lmn-form-group:has(.invalid) .lmn-datepicker-input-text, .icgds .lmn-form-group:has(.invalid) .lmn-textarea, .icgds .lmn-form-group:has(.invalid) .lmn-select-input, .icgds .lmn-form-group:has(.invalid) .lmn-dropdown-toggle, .icgds .lmn-form-group:has(.invalid) .lmn-input-step-up, .icgds .lmn-form-group:has(.invalid) .lmn-input-step-down, .icgds .lmn-form-group:has([aria-invalid]) .lmn-input, .icgds .lmn-form-group:has([aria-invalid]) .lmn-input-text, .icgds .lmn-form-group:has([aria-invalid]) .lmn-datepicker-input-text, .icgds .lmn-form-group:has([aria-invalid]) .lmn-textarea, .icgds .lmn-form-group:has([aria-invalid]) .lmn-select-input, .icgds .lmn-form-group:has([aria-invalid]) .lmn-dropdown-toggle, .icgds .lmn-form-group:has([aria-invalid]) .lmn-input-step-up, .icgds .lmn-form-group:has([aria-invalid]) .lmn-input-step-down, .icgds .lmn-input-text.lmn-invalid .lmn-input, .icgds .lmn-input-text.lmn-invalid .lmn-input-text, .icgds .lmn-input-text.lmn-invalid .lmn-datepicker-input-text, .icgds .lmn-input-text.lmn-invalid .lmn-textarea, .icgds .lmn-input-text.lmn-invalid .lmn-select-input, .icgds .lmn-input-text.lmn-invalid .lmn-dropdown-toggle, .icgds .lmn-input-text.lmn-invalid .lmn-input-step-up, .icgds .lmn-input-text.lmn-invalid .lmn-input-step-down, .icgds .lmn-input-text.invalid .lmn-input, .icgds .lmn-input-text.invalid .lmn-input-text, .icgds .lmn-input-text.invalid .lmn-datepicker-input-text, .icgds .lmn-input-text.invalid .lmn-textarea, .icgds .lmn-input-text.invalid .lmn-select-input, .icgds .lmn-input-text.invalid .lmn-dropdown-toggle, .icgds .lmn-input-text.invalid .lmn-input-step-up, .icgds .lmn-input-text.invalid .lmn-input-step-down, .icgds .lmn-input-text:has(.invalid) .lmn-input, .icgds .lmn-input-text:has(.invalid) .lmn-input-text, .icgds .lmn-input-text:has(.invalid) .lmn-datepicker-input-text, .icgds .lmn-input-text:has(.invalid) .lmn-textarea, .icgds .lmn-input-text:has(.invalid) .lmn-select-input, .icgds .lmn-input-text:has(.invalid) .lmn-dropdown-toggle, .icgds .lmn-input-text:has(.invalid) .lmn-input-step-up, .icgds .lmn-input-text:has(.invalid) .lmn-input-step-down, .icgds .lmn-input-text:has([aria-invalid]) .lmn-input, .icgds .lmn-input-text:has([aria-invalid]) .lmn-input-text, .icgds .lmn-input-text:has([aria-invalid]) .lmn-datepicker-input-text, .icgds .lmn-input-text:has([aria-invalid]) .lmn-textarea, .icgds .lmn-input-text:has([aria-invalid]) .lmn-select-input, .icgds .lmn-input-text:has([aria-invalid]) .lmn-dropdown-toggle, .icgds .lmn-input-text:has([aria-invalid]) .lmn-input-step-up, .icgds .lmn-input-text:has([aria-invalid]) .lmn-input-step-down { outline-color: var(--field_border_danger); border-color: var(--field_border_danger); background-color: var(--field_fill_danger); } .icgds .lmn-form-group.lmn-invalid small, .icgds .lmn-form-group.lmn-invalid .lmn-hint-text, .icgds .lmn-form-group.lmn-invalid .lmn-form-tip, .icgds .lmn-form-group.invalid small, .icgds .lmn-form-group.invalid .lmn-hint-text, .icgds .lmn-form-group.invalid .lmn-form-tip, .icgds .lmn-form-group:has(.invalid) small, .icgds .lmn-form-group:has(.invalid) .lmn-hint-text, .icgds .lmn-form-group:has(.invalid) .lmn-form-tip, .icgds .lmn-form-group:has([aria-invalid]) small, .icgds .lmn-form-group:has([aria-invalid]) .lmn-hint-text, .icgds .lmn-form-group:has([aria-invalid]) .lmn-form-tip, .icgds .lmn-input-text.lmn-invalid small, .icgds .lmn-input-text.lmn-invalid .lmn-hint-text, .icgds .lmn-input-text.lmn-invalid .lmn-form-tip, .icgds .lmn-input-text.invalid small, .icgds .lmn-input-text.invalid .lmn-hint-text, .icgds .lmn-input-text.invalid .lmn-form-tip, .icgds .lmn-input-text:has(.invalid) small, .icgds .lmn-input-text:has(.invalid) .lmn-hint-text, .icgds .lmn-input-text:has(.invalid) .lmn-form-tip, .icgds .lmn-input-text:has([aria-invalid]) small, .icgds .lmn-input-text:has([aria-invalid]) .lmn-hint-text, .icgds .lmn-input-text:has([aria-invalid]) .lmn-form-tip { color: var(--hint_foreground_danger); } .icgds .lmn-form-group.lmn-invalid small::before, .icgds .lmn-form-group.lmn-invalid .lmn-hint-text::before, .icgds .lmn-form-group.lmn-invalid .lmn-form-tip::before, .icgds .lmn-form-group.invalid small::before, .icgds .lmn-form-group.invalid .lmn-hint-text::before, .icgds .lmn-form-group.invalid .lmn-form-tip::before, .icgds .lmn-form-group:has(.invalid) small::before, .icgds .lmn-form-group:has(.invalid) .lmn-hint-text::before, .icgds .lmn-form-group:has(.invalid) .lmn-form-tip::before, .icgds .lmn-form-group:has([aria-invalid]) small::before, .icgds .lmn-form-group:has([aria-invalid]) .lmn-hint-text::before, .icgds .lmn-form-group:has([aria-invalid]) .lmn-form-tip::before, .icgds .lmn-input-text.lmn-invalid small::before, .icgds .lmn-input-text.lmn-invalid .lmn-hint-text::before, .icgds .lmn-input-text.lmn-invalid .lmn-form-tip::before, .icgds .lmn-input-text.invalid small::before, .icgds .lmn-input-text.invalid .lmn-hint-text::before, .icgds .lmn-input-text.invalid .lmn-form-tip::before, .icgds .lmn-input-text:has(.invalid) small::before, .icgds .lmn-input-text:has(.invalid) .lmn-hint-text::before, .icgds .lmn-input-text:has(.invalid) .lmn-form-tip::before, .icgds .lmn-input-text:has([aria-invalid]) small::before, .icgds .lmn-input-text:has([aria-invalid]) .lmn-hint-text::before, .icgds .lmn-input-text:has([aria-invalid]) .lmn-form-tip::before { content: var(--field_icon_error); font-family: var(--icon-font-family); font-size: 20px; margin-right: var(--size-4); } .icgds .lmn-form-group.lmn-invalid .lmn-input-text .lmn-input, .icgds .lmn-form-group.invalid .lmn-input-text .lmn-input, .icgds .lmn-form-group:has(.invalid) .lmn-input-text .lmn-input, .icgds .lmn-form-group:has([aria-invalid]) .lmn-input-text .lmn-input, .icgds .lmn-input-text.lmn-invalid .lmn-input-text .lmn-input, .icgds .lmn-input-text.invalid .lmn-input-text .lmn-input, .icgds .lmn-input-text:has(.invalid) .lmn-input-text .lmn-input, .icgds .lmn-input-text:has([aria-invalid]) .lmn-input-text .lmn-input { background-color: transparent; } .icgds .lmn-form-group { margin-bottom: var(--spacing-quarter-x); display: block; } .icgds .lmn-form-group label, .icgds .lmn-form-group legend, .icgds .lmn-form-group .lmn-form-label { color: var(--label_foreground); font-weight: var(--label_font-weight); font-size: var(--label_font-size); line-height: var(--label_line-height); display: block; margin-bottom: var(--field_container_vertical-spacing); display: flex; align-items: center; } .icgds .lmn-form-group label.lmn-required::before, .icgds .lmn-form-group legend.lmn-required::before, .icgds .lmn-form-group .lmn-form-label.lmn-required::before { content: "*"; color: var(--label_foreground_required); vertical-align: text-top; margin-right: var(--spacing-4); } .icgds .lmn-form-group label:not(.lmn-label-wrap), .icgds .lmn-form-group legend:not(.lmn-label-wrap), .icgds .lmn-form-group .lmn-form-label:not(.lmn-label-wrap) { white-space: nowrap; text-overflow: ellipsis; } .icgds .lmn-form-group small, .icgds .lmn-form-group .lmn-form-tip { color: var(--hint_foreground); font-weight: 400; font-size: var(--font-size_support); line-height: var(--line-height_support); display: flex; align-items: center; margin-top: var(--field_container_vertical-spacing); } .icgds .lmn-form-group.disabled label, .icgds .lmn-form-group.disabled legend, .icgds .lmn-form-group.disabled small, .icgds .lmn-form-group.disabled .lmn-form-label { color: var(--label_foreground_disabled); } .icgds .lmn-form-group.disabled .lmn-hint-text, .icgds .lmn-form-group.disabled .lmn-form-tip { color: var(--hint_foreground_disabled); } .icgds .lmn-form-inline { display: flex; align-items: center; } .icgds .lmn-form-inline .lmn-form-check { width: 100%; } .icgds .lmn-form-inline label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 584px) { .icgds .lmn-form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; margin-right: var(--spacing-half-x); } .icgds .lmn-form-inline .lmn-form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .icgds .lmn-form-inline .lmn-input { display: inline-block; width: auto; vertical-align: middle; } .icgds .lmn-form-inline .lmn-form-control-plaintext { display: inline-block; } .icgds .lmn-form-inline .lmn-input-group, .icgds .lmn-form-inline .lmn-custom-select { width: auto; } .icgds .lmn-form-inline .lmn-form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; margin-right: var(--spacing-half-x); } } .icgds .lmn-badge-indicator-wrapper { position: relative; display: inline-block; padding: var(--badge-indicator_container_vertical-padding) var(--badge-indicator_container_horizontal-padding); outline: 1px solid transparent; outline-offset: -1px; border-radius: var(--badge-indicator_container_radius); transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), outline var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-linear); } .icgds .lmn-badge-indicator-wrapper:hover { background-color: var(--badge-indicator_fill_container_hover); color: var(--badge-indicator_foreground_container_hover); } .icgds .lmn-badge-indicator-wrapper:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); background-color: var(--badge-indicator_fill_container_focus); color: var(--badge-indicator_foreground_container_focus); } .icgds .lmn-badge-indicator-wrapper:active { outline-color: var(--badge-indicator_border_container_active); background-color: var(--badge-indicator_fill_container_active); color: var(--badge-indicator_foreground_container_active); } .icgds .lmn-badge-indicator-wrapper .lmn-badge-indicator-icon { font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; font-size: var(--icon_size_lg); color: var(--comp-bg-color-icon); } .icgds .lmn-badge-indicator { position: absolute; background-color: var(--badge-indicator_fill_dot-indicator_container); margin: 0; z-index: 1; } .icgds .lmn-badge-indicator.lmn-badge-indicator-dot { top: 8px; right: 8px; width: 10px; height: 10px; border-radius: 5px; } .icgds .lmn-badge-indicator.lmn-badge-indicator-number { top: -3px; right: -3px; padding: 0 var(--badge-indicator_number-indicator_horizontal-padding); border-radius: var(--radius-full); min-width: 16px; max-width: fit-content; display: flex; justify-content: center; align-items: center; font-size: var(--badge-indicator_number-indicator_font-size); line-height: var(--badge-indicator_number-indicator_line-height); font-weight: var(--font-weight-bold); height: 16px; color: var(--badge-indicator_foreground_number-indicator-overflow); -webkit-user-select: none; user-select: none; } .icgds .lmn-badge-indicator.lmn-badge-indicator-number.lmn-badge-indicator-number-overflow { letter-spacing: -1px; padding-right: 3px; } .icgds .lmn-indicator-group { display: flex; align-items: center; } .icgds .lmn-indicator-group .lmn-indicator-label { margin-left: var(--spacing-4); } .icgds .lmn-dot-indicator { width: 6px; height: 6px; border-radius: 3px; } .icgds .lmn-dot-indicator.lmn-indicator-new, .icgds .lmn-icon-indicator.lmn-indicator-new { background-color: var(--heading_secondary); } .icgds .lmn-list-group { list-style: none; counter-reset: item; padding-left: 0; margin-bottom: 0; } .icgds .lmn-list-group .lmn-list-group-item { color: var(--text_strong); counter-increment: item; position: relative; min-height: var(--container_height); min-width: var(--list_item_min-width); padding-top: var(--list_item-container_padding-top); padding-right: var(--list_item-container_padding-right); padding-bottom: var(--list_item-container_padding-bottom); padding-left: var(--list_item-container_padding-left); background: transparent; font: var(--list_item-container_font-type) var(--list_item-container_font-size)/var(--list_item-container_line-height) var(--list_item-container_font-family); border-radius: var(--list_Item-container_radius); transition: all var(--motion-duration-fast-3) var(--motion-timing-ease-in); } .icgds .lmn-list-group .lmn-list-group-item.lmn-list-group-item-disabled, .icgds .lmn-list-group .lmn-list-group-item.disabled { background-color: transparent; color: var(--text_disabled); } .icgds .lmn-list-group .lmn-list-group-item.lmn-list-group-item-parent, .icgds .lmn-list-group .lmn-list-group-item.lmn-list-group-item-header { font: var(--list_item-container-heading_font-type) var(--list_item-container_font-size)/var(--list_item-container_line-height) var(--list_item-container_font-family); } .icgds .lmn-list-group .lmn-list-group-item.lmn-list-group-item-parent.selected, .icgds .lmn-list-group .lmn-list-group-item.lmn-list-group-item-parent:has(.selected), .icgds .lmn-list-group .lmn-list-group-item.lmn-list-group-item-header.selected, .icgds .lmn-list-group .lmn-list-group-item.lmn-list-group-item-header:has(.selected) { font: var(--list_active-item-container-heading_font-type) var(--list_item-container_font-size)/var(--list_item-container_line-height) var(--list_item-container_font-family); } .icgds .lmn-list-group.lmn-list-group-hover .lmn-list-group-item:hover { background: var(--fill_hover); } .icgds .lmn-list-group.lmn-list-group-hover .lmn-list-group-item.lmn-list-group-item-nohover:hover { background: transparent; } .icgds .lmn-list-group.lmn-list-group-interactable .lmn-list-group-item:hover, .icgds .lmn-list-group.lmn-list-group-interactable .lmn-list-group-item.hover { background: var(--fill_hover); } .icgds .lmn-list-group.lmn-list-group-interactable .lmn-list-group-item:focus, .icgds .lmn-list-group.lmn-list-group-interactable .lmn-list-group-item.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-list-group.lmn-list-group-interactable .lmn-list-group-item.lmn-list-group-item-nohover:hover { background: transparent; } .icgds .lmn-list-group.lmn-list-group-interactable .lmn-list-group-item.lmn-list-group-item-disabled, .icgds .lmn-list-group.lmn-list-group-interactable .lmn-list-group-item.disabled { background-color: transparent; color: var(--text_disabled); } .icgds .lmn-list-group.lmn-list-group-interactable .lmn-list-group-item.selected, .icgds .lmn-list-group.lmn-list-group-interactable .lmn-list-group-item.active { background: var(--fill_active); color: var(--text_active); font: var(--list_active-item-container_font-type) var(--list_item-container_font-size)/var(--list_item-container_line-height) var(--list_item-container_font-family); } .icgds .lmn-list-group.lmn-list-group-bordered .lmn-list-group-item::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: var(--list_item_border-bottom_width); background-color: var(--border_weak); } .icgds .lmn-list-group.lmn-list-group-bordered .lmn-list-group-item.lmn-list-group-item-noborder::after, .icgds .lmn-list-group.lmn-list-group-bordered .lmn-list-group-item > .lmn-list-group-item:first-of-type::after { display: none; } .icgds .lmn-list-group.lmn-list-group-initial .lmn-list-group-item::before { content: "•"; width: 18px; text-align: center; display: inline-block; color: inherit; margin-right: var(--list_item-container_horizontal-spacing); } .icgds .lmn-list-group.lmn-list-group-initial .lmn-list-group-item.lmn-list-group-item-noinitial::before { display: none; } .icgds .lmn-list-group.lmn-list-group-initial .lmn-list-group-item.lmn-list-group-item-disabled::before, .icgds .lmn-list-group.lmn-list-group-initial .lmn-list-group-item.disabled::before { color: var(--text_disabled); } .icgds .lmn-list-group.lmn-list-group-numbered { list-style: none; } .icgds .lmn-list-group.lmn-list-group-numbered > .lmn-list-group-item { counter-increment: item; } .icgds .lmn-list-group.lmn-list-group-numbered > .lmn-list-group-item::before { content: counter(item) "."; width: auto; padding-right: var(--list_item-container_horizontal-spacing); text-align: center; display: inline-block; color: inherit; font-family: var(--list_number-item-container_font-family); margin-right: var(--spacing-eighth-x); } .icgds .lmn-list-group.lmn-list-group-numbered > .lmn-list-group-item.lmn-list-group-item-nonumber { padding-left: var(--spacing-three-quarter-x); } .icgds .lmn-list-group.lmn-list-group-numbered > .lmn-list-group-item.lmn-list-group-item-nonumber::before { display: none; } .icgds .lmn-list-group.lmn-list-group-numbered > .lmn-list-group-item.lmn-list-group-item-disabled::before, .icgds .lmn-list-group.lmn-list-group-numbered > .lmn-list-group-item.disabled::before { color: var(--text_disabled); } .icgds .lmn-list-group .lmn-list-group .lmn-list-group-item { padding-left: var(--list_nested-item-container_padding-left); } .icgds .lmn-list-group .lmn-list-group-item .lmn-list-group .lmn-list-group-item:first-child { margin-top: var(--list_item-container_padding-bottom); } .icgds .lmn-page-loading > .lmn-loading { background-color: var(--modal_background_on-mask); position: fixed; top: 0; left: 0; z-index: 1; justify-content: center; width: 100vw; height: 100vh; } .icgds .lmn-loading-filled { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--loader-z-index); } .icgds .lmn-loading-icon.lmnicon { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; color: var(--loader_fill_loading-icon); font-size: 24px; } .icgds .lmn-loading-icon.lmn-loading-default { width: 2.5em; height: 2.5em; position: relative; transform-origin: center center; animation-name: spin; animation-duration: 2.5s; animation-iteration-count: infinite; transition-timing-function: cubic-bezier(0.62, 0.28, 0.23, 0.99); } .icgds .lmn-loading-icon.lmn-loading-default > span { display: inline-block; position: absolute; width: 0.5em; height: 0.5em; border-radius: 50%; animation-duration: 2.5s; transform: translateX(0%) translateY(0%); animation-iteration-count: infinite; transition-timing-function: cubic-bezier(0.62, 0.28, 0.23, 0.99); top: 50%; left: 50%; margin: -0.25em 0 0 -0.25em; } .icgds .lmn-loading-icon.lmn-loading-default > span.lmn-loading-default-first { background-color: #59dbff; animation-name: move-right; } .icgds .lmn-loading-icon.lmn-loading-default > span.lmn-loading-default-second { background-color: #0095d7; animation-name: move-up; } .icgds .lmn-loading-icon.lmn-loading-default > span.lmn-loading-default-third { background-color: #0066b3; animation-name: move-left; } .icgds .lmn-loading-icon.lmn-loading-default > span.lmn-loading-default-fourth { background-color: #004992; animation-name: move-down; } .icgds .lmn-loading-icon.lmn-loading-svg { animation: rotate 2s linear infinite; width: 1em; height: 1em; } .icgds .lmn-loading-icon.lmn-loading-svg > .lmn-loading-svg-path { stroke: currentcolor; stroke-linecap: round; animation: dash 1.5s ease-in-out infinite; } .icgds .lmn-loading-text { margin-top: var(--loader_container_vertical_spacing); } .icgds .lmn-bar-loader { display: flex; align-items: center; width: 100%; } .icgds .lmn-bar-loader .lmn-bar-loader-track { position: relative; height: var(--spacing-4); display: block; border-radius: var(--radius-full); background-color: var(--loader_fill_track); width: 100%; } .icgds .lmn-bar-loader .lmn-bar-loader-track .lmn-bar-loader-value { position: absolute; height: 100%; left: 0; transition: all var(--motion-duration-medium-1) var(--motion-timing-ease-out); border-radius: var(--radius-full); background-color: var(--loader_fill_track_active); } .icgds .lmn-progress-label { margin-top: var(--spacing-4); font-size: var(--label_font-size); line-height: var(--label_line-height); color: var(--loader_foreground_label); font-weight: 700; } .icgds .lmn-loading { position: relative; box-sizing: border-box; display: inline-flex; flex-direction: column; align-items: center; padding: 0; margin: 0; line-height: 1.5; } .icgds .lmn-loading-horizontal { flex-direction: row; } .icgds .lmn-loading-horizontal > .lmn-loading-text { margin-top: 0; margin-left: var(--loader_container_horizontal_spacing); } .icgds .lmn-loading-mask { position: relative; } .icgds .lmn-loading-mask > .lmn-loading { inset: 0; z-index: var(--modal-mask-z-index); background: var(--modal_background_on-mask); position: absolute; justify-content: center; } .icgds .lmn-loading-mask > .lmn-loading-content { position: relative; overflow: hidden; clear: both; } .icgds .lmn-loading-mask .lmn-loading-icon { display: inline-flex; color: var(--loader_fill_loading-icon_on-mask); } .icgds .lmn-loading-mask .lmn-loading-text { display: inline-flex; color: var(--loader_foreground_label_on-mask); } .icgds .lmn-loading-mask .lmn-loader { width: 60vw; } .icgds .lmn-loading-mask .lmn-loader .lmn-bar-loader-track { background-color: var(--loader_fill_track_on-mask); } .icgds .lmn-loading-mask .lmn-loader .lmn-bar-loader-track .lmn-bar-loader-value { background-color: var(--loader_foreground_label_on-mask); } .icgds .lmn-loading-mask .lmn-loader .lmn-progress-label, .icgds .lmn-loading-mask .lmn-loader label { color: var(--loader_foreground_label_on-mask); } @keyframes move-right { 0%, 20% { transform: translateX(0%); transform: translateY(0%); } 50% { transform: translateX(200%); transform: translateY(200%); } 80%, 100% { transform: translateX(0%); transform: translateY(0%); } } @keyframes move-up { 0%, 20% { transform: translateY(0%); transform: translateX(0%); } 50% { transform: translateY(200%); transform: translateX(200%); } 80%, 100% { transform: translateY(0%); transform: translateX(0%); } } @keyframes move-left { 0%, 20% { transform: translateX(0%); transform: translateY(0%); } 50% { transform: translateX(-200%); transform: translateY(-200%); } 80%, 100% { transform: translateX(0%); transform: translateY(0%); } } @keyframes move-down { 0%, 20% { transform: translateY(0%); transform: translateX(0%); } 50% { transform: translateY(-200%); transform: translateX(-200%); } 80%, 100% { transform: translateY(0%); transform: translateX(0%); } } @keyframes spin { 0%, 10% { transform: rotate(0deg); } 90%, 100% { transform: rotate(-360deg); } } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .icgds ul[class*=menu] { padding: 0; margin-bottom: 0; list-style: none; } .icgds .lmn-menu-item { width: 100%; display: flex; align-items: center; position: relative; padding-top: var(--menu-item_container_padding-top); padding-right: var(--menu-item_container_padding-right); padding-bottom: var(--menu-item_container_padding-bottom); padding-left: var(--menu-item_container_padding-left); height: var(--menu-item_container_height); z-index: 1; cursor: pointer; background-color: var(--menu_fill_item-container); border: 0px; font-size: var(--font-size_body); line-height: var(--line-height_heading-6); font-weight: 400; white-space: nowrap; color: var(--menu_foreground_item-container); border-radius: var(--menu_item-container_radius); transition: background-color 0.2s var(--comp-transition), box-shadow 0.2s var(--comp-transition), color 0.2s var(--comp-transition); } .icgds .lmn-menu-item:not(:last-child) { margin-bottom: var(--spacing-4); } .icgds .lmn-menu-item label { margin-bottom: 0; } .icgds .lmn-menu-item mark, .icgds .lmn-menu-item a:not(.lmn-text-link) { text-decoration: none; color: inherit !important; } .icgds .lmn-menu-item:visited { color: var(--menu_foreground_item-container); } .icgds .lmn-menu-item:focus, .icgds .lmn-menu-item.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); background-color: var(--menu_fill_item-container_focus); color: var(--menu_foreground_item-container_focus); text-decoration: none; z-index: 3; } .icgds .lmn-menu-item.selected { z-index: 2; background-color: var(--menu_fill_item-container_active); color: var(--menu_foreground_item-container_active); font-weight: 700; } .icgds .lmn-menu-item:hover, .icgds .lmn-menu-item.hover, .icgds .lmn-menu-item.active, .icgds .lmn-menu-item:active { background-color: var(--menu_fill_item-container_hover); color: var(--menu_foreground_item-container_hover); text-decoration: none; } .icgds .lmn-menu-item:disabled, .icgds .lmn-menu-item.disabled { cursor: not-allowed; color: var(--text_disabled); } .icgds .lmn-menu-item:disabled:hover, .icgds .lmn-menu-item.disabled:hover { background-color: transparent; } .icgds .lmn-menu-item:disabled *, .icgds .lmn-menu-item.disabled * { cursor: not-allowed; } .icgds .lmn-menu-item.lmn-menu-item-not-selectable:hover, .icgds .lmn-menu-item.lmn-menu-item-not-selectable.hover, .icgds .lmn-menu-item.lmn-menu-item-not-selectable.active, .icgds .lmn-menu-item.lmn-menu-item-not-selectable:active { background-color: transparent; } .icgds .lmn-menu-item.lmn-menu-item-not-selectable:focus, .icgds .lmn-menu-item.lmn-menu-item-not-selectable.focus { box-shadow: none; background-color: transparent; } .icgds .lmn-menu-item.lmn-menu-item-bordered { margin-bottom: 1px; } .icgds .lmn-menu-item.lmn-menu-item-bordered:after { content: ""; height: 1px; position: absolute; bottom: -1px; left: var(--spacing-12); right: var(--spacing-12); background: var(--border_weak); } .icgds .lmn-menu-item.lmn-menu-item-bordered-top { margin-top: 1px; } .icgds .lmn-menu-item.lmn-menu-item-bordered-top:after { content: ""; height: 1px; position: absolute; top: -1px; left: var(--spacing-12); right: var(--spacing-12); background: var(--border_weak); } .icgds .lmn-menu-item .lmn-row { flex: 1 1 auto !important; } .icgds .lmn-menu-item:has(.lmn-menu-icon) { padding: calc(var(--spacing-quarter-x) + var(--spacing-eighth-x)) var(--spacing-three-quarter-x); } .icgds .lmn-menu-item:has(.lmn-checkbox):focus, .icgds .lmn-menu-item:has(.lmn-checkbox).focus, .icgds .lmn-menu-item:has(.lmn-checkbox):focus-within { box-shadow: none; outline-color: transparent; } .icgds .lmn-menu-item:has(.lmn-checkbox):focus .lmn-control-icon, .icgds .lmn-menu-item:has(.lmn-checkbox).focus .lmn-control-icon, .icgds .lmn-menu-item:has(.lmn-checkbox):focus-within .lmn-control-icon { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-menu-item:has(.lmn-checkbox).selected { background-color: transparent; } .icgds .lmn-menu-item:has(.lmn-menu-item-badge) { padding-top: 0; padding-bottom: 0; } .icgds .lmn-menu-item-parent::after { position: relative; content: var(--menu-item_trigger_icon); font-size: var(--icon_trigger-open-size); font-family: var(--icon-font-family); margin-left: auto; } .icgds .lmn-menu-item-parent.selected { color: var(--menu_foreground_item-container); background: transparent; } .icgds .lmn-menu-item-external::after { content: var(--icon-link-out); font-family: var(--icon-font-family); font-size: 10px; margin-left: auto; } .icgds .lmn-menu-icon { margin-right: var(--menu-item_container_horizontal_spacing); font-size: 18px; font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-menu-item-badge { margin-right: var(--spacing-8); margin-left: var(--spacing-4); padding: var(--spacing-2) var(--spacing-4); } .icgds .lmn-menu-item-group-title { font: var(--grouped-header_font-type) var(--grouped-header_font-size)/var(--grouped-header_line-height) var(--grouped-header_font-family); padding-top: var(--menu-item_group-header_padding-top); padding-right: var(--menu-item_container_padding-right); padding-bottom: var(--menu-item_group-header_padding-bottom); padding-left: var(--menu-item_container_padding-left); background-color: var(--menu_fill_grouped-header-container); color: var(--grouped-header_foreground); text-transform: uppercase; } .icgds .lmn-menu-divider { height: 1px; background-color: var(--menu_fill_item-container-border); margin: var(--spacing-x) 0; } .icgds .lmn-context-menu { box-shadow: var(--shadow_x-distance_overlay-2) var(--shadow_y-distance_overlay-2) var(--shadow_blur_overlay-2) var(--shadow_spread_overlay-2) var(--shadow_color_overlay-2), var(--shadow_x-distance_overlay-1) var(--shadow_y-distance_overlay-1) var(--shadow_blur_overlay-1) var(--shadow_spread_overlay-1) var(--shadow_color_overlay-1); position: relative; background: var(--context-menu_fill); padding: var(--context-menu_padding); border-radius: var(--context-menu_radius); z-index: var(--dropdown-wrapper-z-index); outline: var(--context-menu_border-width) solid var(--context-menu_border); outline-offset: calc(var(--context-menu_border-width) * -1); max-height: 300px; overflow: auto; } @media screen and (height <= 500px) { .icgds .lmn-context-menu { max-height: 180px; } } .icgds .lmn-context-menu:has(.lmn-context-menu-items) { padding: 0; max-height: unset; overflow: unset; } .icgds .lmn-context-menu:has(.lmn-context-menu-items) .lmn-context-menu-header:has(.lmn-search) { padding-top: var(--context-menu_padding) !important; padding-left: var(--context-menu_padding) !important; padding-right: var(--context-menu_padding) !important; } .icgds .lmn-context-menu .lmn-context-menu-items { max-height: 300px; overflow: auto; padding: var(--context-menu_padding); } @media screen and (height <= 500px) { .icgds .lmn-context-menu .lmn-context-menu-items { max-height: 180px; } } .icgds .lmn-context-menu .lmn-menu-item { font: var(--context-menu_font-type) var(--context-menu_font-size)/var(--context-menu_line-height) var(--family_sans); width: 100%; height: var(--context-menu-item_height); border-radius: var(--context-menu-item_radius); background: var(--context-menu-item_fill); color: var(--context-menu-item_foreground); outline: var(--context-menu-item_border-width) solid var(--context-menu-item_border); outline-offset: calc(var(--context-menu-item_border-width) * -1); padding: var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-right) var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-left); } .icgds .lmn-context-menu .lmn-menu-item span:not(.lmn-checkbox) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-context-menu .lmn-menu-item.active, .icgds .lmn-context-menu .lmn-menu-item.selected { font: var(--context-menu_font-type_active) var(--context-menu_font-size)/var(--context-menu_line-height) var(--family_sans); background: var(--context-menu-item_fill_active); color: var(--context-menu-item_foreground_active); outline-color: var(--context-menu-item_border_active); } .icgds .lmn-context-menu .lmn-menu-item.active:has(input:checked), .icgds .lmn-context-menu .lmn-menu-item.selected:has(input:checked) { background: var(--context-menu-item_fill); font: var(--context-menu_font-type) var(--context-menu_font-size)/var(--context-menu_line-height) var(--family_sans); color: var(--context-menu-item_foreground); } .icgds .lmn-context-menu .lmn-menu-item.hover, .icgds .lmn-context-menu .lmn-menu-item:hover { background: var(--context-menu-item_fill_hover); color: var(--context-menu-item_foreground_hover); outline-color: var(--context-menu-item_border_hover); } .icgds .lmn-context-menu .lmn-menu-item.disabled, .icgds .lmn-context-menu .lmn-menu-item:disabled { background: var(--context-menu-item_fill_disabled); color: var(--context-menu-item_foreground_disabled); outline-color: var(--context-menu-item_border_disabled); cursor: not-allowed; } .icgds .lmn-context-menu .lmn-menu-item:not(:last-child) { margin-bottom: var(--context-menu_group_vertical-spacing); } .icgds .lmn-context-menu .lmn-menu-item.lmn-checkbox { margin-right: var(--context-menu-item_horizontal_spacing); } .icgds .lmn-context-menu .lmn-menu-item .lmn-selection-control { font: var(--context-menu_font-type) var(--context-menu_font-size)/var(--context-menu_line-height) var(--family_sans); } .icgds .lmn-context-menu .lmn-menu-item:after { float: right; } .icgds .lmn-context-menu .lmn-menu-item.lmn-menu-item-parent { padding-right: calc(var(--context-menu-item_padding-right) + var(--icon_trigger-open-size) + var(--spacing-8)); } .icgds .lmn-context-menu .lmn-menu-item.lmn-menu-item-parent::after { position: absolute; right: var(--context-menu-item_padding-right); } .icgds .lmn-context-menu .lmn-menu-item.lmn-menu-item-wrap { height: unset; min-height: var(--context-menu-item_height); } .icgds .lmn-context-menu .lmn-menu-item-group-title { padding-top: var(--context-menu-item_grouped-header_vertical-padding); padding-bottom: var(--context-menu-item_grouped-header_vertical-padding); } .icgds .lmn-context-menu .lmn-options-menu-item { display: flex; align-items: center; } .icgds .lmn-context-menu .lmn-options-menu-item::after { content: var(--icon-check); font-size: 14px; font-family: var(--icon-font-family); margin-left: auto; opacity: 0; } .icgds .lmn-context-menu .lmn-options-menu-item.selected { color: var(--menu_foreground_item-container); font-weight: var(--font-weight-regular); background-color: transparent; } .icgds .lmn-context-menu .lmn-options-menu-item.selected::after { opacity: 1; } .icgds .lmn-context-menu .lmn-sub-context-menu-wrapper { position: relative; } .icgds .lmn-context-menu.lmn-sub-context-menu { z-index: var(--dropdown-wrapper-z-index); position: absolute; display: none; } .icgds .lmn-context-menu.lmn-sub-context-menu.lmn-sub-context-menu-open { display: inline-block; } .icgds .lmn-context-menu.lmn-sub-context-menu .lmn-menu-item-parent::after { margin-left: var(--spacing-half-x); } .icgds .lmn-context-menu .lmn-context-menu-header { padding-top: var(--menu-item_container_padding-top); padding-right: var(--menu-item_container_padding-right); padding-bottom: var(--menu-item_container_padding-bottom); padding-left: var(--menu-item_container_padding-left); margin-bottom: var(--context-menu_vertical-spacing); } .icgds .lmn-context-menu .lmn-context-menu-header:has(.lmn-input-search), .icgds .lmn-context-menu .lmn-context-menu-header:has(.lmn-search) { padding: 0; } .icgds .lmn-context-menu .lmn-context-menu-header .lmn-input-search, .icgds .lmn-context-menu .lmn-context-menu-header .lmn-search { background-color: var(--field_fill_secondary); } .icgds .lmn-context-menu .lmn-tag-list-menu-header { padding-top: var(--menu-item_container_padding-top); padding-right: var(--menu-item_container_padding-right); padding-bottom: 0; padding-left: var(--menu-item_container_padding-left); margin-bottom: var(--context-menu_vertical-spacing); display: flex; align-items: center; min-width: 250px; justify-content: space-between; font-size: var(--font-size_support); line-height: var(--line-height_support); color: var(--text_weak); text-transform: uppercase; font-weight: var(--font-weight-bold); } .icgds .lmn-context-menu .lmn-context-menu-footer { font-size: 12px; line-height: 16px; color: var(--text_weak); padding: var(--context-menu_footer-options_padding-top) var(--context-menu_footer-options_padding-right) var(--context-menu_footer-options_padding-bottom) var(--context-menu_footer-options_padding-left); } .icgds .lmn-context-menu .lmn-context-menu-footer:has(.lmn-btn) { display: flex; justify-content: flex-end; gap: var(--spacing-half-x); } .icgds .lmn-context-menu.lmn-context-menu-navbar-sub, .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-sub-context-menu { background: var(--navbar-overflow-menu_fill_container); padding: var(--navbar-overflow-menu_padding); border-radius: var(--navbar-overflow-menu_radius); outline: var(--navbar-overflow-menu_border-width) solid var(--navbar-overflow-menu_border); outline-offset: calc(var(--navbar-overflow-menu_border-width) * -1); } .icgds .lmn-context-menu.lmn-context-menu-navbar-sub:has(.lmn-context-menu-items), .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-sub-context-menu:has(.lmn-context-menu-items) { padding-left: 0; padding-right: 0; } .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item { height: var(--navbar-overflow-menu_item-container_height); background-color: var(--navbar-overflow-menu_fill_item-container); color: var(--navbar-overflow-menu_foreground_item-container); border-radius: var(--navbar-overflow-menu_radius_item); outline: var(--navbar-overflow-menu_border-width_item) solid var(--navbar-overflow-menu_border_item-container); outline-offset: calc(var(--navbar-overflow-menu_border-width_item) * -1); padding: var(--navbar-overflow-menu_item_vertical-padding) var(--navbar-overflow-menu_item_padding-right) var(--navbar-overflow-menu_item_vertical-padding) var(--navbar-overflow-menu_item_padding-left); } .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item:not(:last-of-type) { margin-bottom: var(--navbar-overflow-menu_vertical-spacing); } .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item:focus { background: var(--navbar-overflow-menu_fill_item-container_focus); color: var(--navbar-overflow-menu_foreground_item-container_focus); outline-color: var(--navbar-overflow-menu_border_item-container_focus); } .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item.active, .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item.selected { background: var(--navbar-overflow-menu_fill_item-container_active); color: var(--navbar-overflow-menu_foreground_item-container_active); outline: var(--navbar-overflow-menu_border-width_item_active) solid var(--navbar-overflow-menu_border_item-container_active); outline-offset: calc(var(--navbar-overflow-menu_border-width_item_active) * -1); } .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item:hover, .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item.hover, .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item.active, .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item:active { background: var(--navbar-overflow-menu_fill_item-container_hover); color: var(--navbar-overflow-menu_foreground_item-container_hover); outline-color: var(--navbar-overflow-menu_border_item-container_hover); } .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item.disabled, .icgds .lmn-context-menu.lmn-context-menu-navbar-sub .lmn-menu-item:disabled { background: var(--context-menu-item_fill_disabled); color: var(--context-menu-item_foreground_disabled); outline-color: var(--context-menu-item_border_disabled); cursor: not-allowed; } .icgds .lmn-context-menu:has(.lmn-datepicker) { padding: 0; max-height: unset; overflow: unset; } .icgds .lmn-mega-menu { list-style: none; z-index: var(--dropdown-wrapper-z-index); display: inline-flex; background-color: var(--mega-menu_fill_container); border-radius: var(--mega-menu_container_radius); box-shadow: var(--shadow_x-distance_overlay-2) var(--shadow_y-distance_overlay-2) var(--shadow_blur_overlay-2) var(--shadow_spread_overlay-2) var(--shadow_color_overlay-2), var(--shadow_x-distance_overlay-1) var(--shadow_y-distance_overlay-1) var(--shadow_blur_overlay-1) var(--shadow_spread_overlay-1) var(--shadow_color_overlay-1); max-width: 100vw; padding: 0; } .icgds .lmn-mega-menu.lmn-mega-menu-lg { width: 1040px; } .icgds .lmn-mega-menu.lmn-mega-menu-md { width: 784px; } .icgds .lmn-mega-menu.lmn-mega-menu-sm { width: 528px; } .icgds .lmn-mega-menu .lmn-menu-item { padding: 7px var(--spacing-16); min-width: 120px; font-size: var(--mega-menu_item-container_font-size); line-height: var(--mega-menu_item-container_line-height); margin: 0px; } .icgds .lmn-mega-menu .lmn-menu-item .lmn-menu-item-trigger-icon { margin-left: auto; font-size: var(--icon_trigger-collapse-size); } .icgds .lmn-mega-menu .lmn-menu-item:hover, .icgds .lmn-mega-menu .lmn-menu-item:focus, .icgds .lmn-mega-menu .lmn-menu-item:active, .icgds .lmn-mega-menu .lmn-menu-item.selected, .icgds .lmn-mega-menu .lmn-menu-item.disabled { background-color: transparent; box-shadow: none; } .icgds .lmn-mega-menu .lmn-menu-item::before { content: ""; position: absolute; inset: 2px 4px; z-index: -1; border-radius: var(--mega-menu_item-container_radius); background-color: var(--mega-menu_fill_item-container); transition: background-color 0.2s var(--comp-transition), box-shadow 0.2s var(--comp-transition), color 0.2s var(--comp-transition); } .icgds .lmn-mega-menu .lmn-menu-item:focus { color: var(--mega-menu_foreground_item-container_focus); } .icgds .lmn-mega-menu .lmn-menu-item:focus:before { background-color: var(--mega-menu_fill_item-container_hover); box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-mega-menu .lmn-menu-item:hover { color: var(--mega-menu_foreground_item-container_hover); } .icgds .lmn-mega-menu .lmn-menu-item:hover:before { background-color: var(--mega-menu_fill_item-container_hover); } .icgds .lmn-mega-menu .lmn-menu-item:active, .icgds .lmn-mega-menu .lmn-menu-item.selected { color: var(--mega-menu_foreground_item-container_active); } .icgds .lmn-mega-menu .lmn-menu-item:active:before, .icgds .lmn-mega-menu .lmn-menu-item.selected:before { background-color: var(--mega-menu_fill_item-container_active); } .icgds .lmn-mega-menu .lmn-menu-item:disabled { color: var(--mega-menu_foreground_item-container_disabled); } .icgds .lmn-mega-menu .lmn-menu-item:disabled:before { background-color: var(--mega-menu_fill_item-container_disabled); } .icgds .lmn-mega-menu .lmn-menu-item-group-title:not(:first-child) { margin-top: var(--spacing-x); } .icgds .lmn-mega-menu .lmn-mega-menu-aside { width: 240px; background: var(--mega-menu_fill_side-panel-container); padding: 15px var(--spacing-12) var(--spacing-24) var(--spacing-12); flex-shrink: 0; border-radius: var(--mega-menu_container_radius) 0 0 var(--mega-menu_container_radius); box-shadow: inset -1px 0 0 0 var(--mega-menu_border_side-panel-container); overflow: auto; } .icgds .lmn-mega-menu .lmn-mega-menu-aside .lmn-menu-submenu .lmn-menu-submenu-title, .icgds .lmn-mega-menu .lmn-mega-menu-aside .lmn-menu-item { height: 56px; font-size: var(--mega-menu_side-panel-item_font-size); line-height: var(--mega-menu_side-panel-item_line-height); } .icgds .lmn-mega-menu .lmn-mega-menu-aside .lmn-menu-submenu .lmn-menu-submenu-title::before, .icgds .lmn-mega-menu .lmn-mega-menu-aside .lmn-menu-item::before { border-radius: var(--mega-menu_side-panel-item-container_radius); inset: var(--spacing-8) var(--spacing-4); } .icgds .lmn-mega-menu .lmn-mega-menu-content { padding: var(--spacing-24) var(--spacing-16); overflow: auto; flex-grow: 1; } .icgds .lmn-mega-menu .lmn-mega-menu-header { display: flex; flex-direction: column; padding: 0 var(--spacing-12); margin-bottom: var(--spacing-16); } .icgds .lmn-mega-menu .lmn-mega-menu-columns { display: flex; flex-grow: 1; } .icgds .lmn-mega-menu .lmn-mega-menu-column { display: inline-block; width: 240px; } .icgds .lmn-mega-menu .lmn-mega-menu-column:not(:last-of-type) { margin-right: var(--spacing-x); } .icgds .lmn-mega-menu .lmn-mega-menu-title { position: relative; font-size: var(--mega-menu_container-heading_font-size); line-height: var(--mega-menu_container-heading_line-height); color: var(--mega-menu_foreground-container_heading); font-family: var(--family_display); display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: unset; } .icgds .lmn-mega-menu .lmn-mega-menu-title-link { cursor: pointer; display: inline-flex; } .icgds .lmn-mega-menu .lmn-mega-menu-title-link .lmn-mega-menu-title:visited { color: var(--link_active) !important; } .icgds .lmn-mega-menu .lmn-mega-menu-title-link::after { content: var(--icon-arrow-right); font-size: 28px; line-height: 36px; color: var(--text-headline-0); display: inline-block; align-self: flex-end; position: inline-block; margin-left: var(--spacing-quarter-x); transform: translateX(var(--neg-spacing-half-x)); font-family: var(--icon-font-family); opacity: 0; transition: opacity 0.2s ease, transform 0.4s var(--motion-timing-ease-out); } .icgds .lmn-mega-menu .lmn-mega-menu-title-link:hover .lmn-mega-menu-title, .icgds .lmn-mega-menu .lmn-mega-menu-title-link:focus .lmn-mega-menu-title, .icgds .lmn-mega-menu .lmn-mega-menu-title-link.focus .lmn-mega-menu-title { text-decoration: underline; } .icgds .lmn-mega-menu .lmn-mega-menu-title-link:hover::after, .icgds .lmn-mega-menu .lmn-mega-menu-title-link:focus::after, .icgds .lmn-mega-menu .lmn-mega-menu-title-link.focus::after { opacity: 1; transform: translateX(0); } .icgds .lmn-mega-menu .lmn-mega-menu-subtitle { font-size: var(--mega-menu_container-subtitle_font-size); line-height: var(--mega-menu_container-subtitle_line-height); color: var(--mega-menu_foreground-container_subtitle); margin-top: var(--spacing-8); } .icgds .lmn-mega-menu-fixed-right { right: 0 !important; } .icgds .lmn-navigation-menu .lmn-navigation-menu-header { padding: var(--spacing-8) var(--spacing-12); } .icgds .lmn-navigation-menu .lmn-navigation-menu-title { display: block; font-size: var(--mega-menu_container-heading_font-size); line-height: var(--mega-menu_container-heading_line-height); color: var(--mega-menu_foreground-container_heading); font-family: var(--family_display); } .icgds .lmn-navigation-menu .lmn-navigation-menu-subtitle { font-size: var(--mega-menu_container-subtitle_font-size); line-height: var(--mega-menu_container-subtitle_line-height); color: var(--mega-menu_foreground-container_subtitle); margin-top: var(--spacing-12); } .icgds .lmn-navigation-menu:has(.lmn-navigation-menu-items) { display: flex; flex-direction: column; } .icgds .lmn-navigation-menu:has(.lmn-navigation-menu-items) .lmn-navigation-menu-items { flex-grow: 1; } .icgds .lmn-navigation-menu .lmn-menu-item { margin-bottom: var(--spacing-4); } .icgds .lmn-navigation-menu .lmn-menu-item-parent::after { position: relative; content: var(--icon-chevron-down); font-size: var(--icon_trigger-open-size); font-family: var(--icon-font-family); margin-left: auto; transition: transform 0.3s var(--motion-timing-ease-in-out); } .icgds .lmn-navigation-menu .lmn-menu-item-parent.lmn-menu-item-parent-open::after { transform: rotate(180deg); } .icgds .lmn-navigation-menu.lmn-sub-navigation-menu { padding-left: var(--spacing-x); display: none; } .icgds .lmn-navigation-menu.lmn-sub-navigation-menu.lmn-sub-navigation-menu-open { display: block; } .icgds .lmn-navigation-menu.lmn-navigation-menu-horizontal .lmn-navigation-menu-items { display: flex; } .icgds .lmn-navigation-menu.lmn-navigation-menu-horizontal .lmn-navigation-menu-items .lmn-menu-item { width: auto; } .icgds .lmn-navigation-menu.lmn-navigation-menu-horizontal .lmn-navigation-menu-items .lmn-menu-item::after { margin-left: var(--spacing-half-x); } .icgds .lmn-navigation-menu.lmn-navigation-menu-horizontal .lmn-navigation-menu-items .lmn-menu-item-parent-open::after { transform: rotate(0deg); } .icgds .lmn-navigation-menu.lmn-navigation-menu-vertical .lmn-menu-item-parent::after { content: var(--menu-item_trigger_icon); font-size: var(--icon_trigger-open-size); } .icgds .lmn-navigation-menu.lmn-navigation-menu-vertical .lmn-menu-item-parent-open::after { transform: rotate(0deg); } .icgds .lmn-navigation-menu .lmn-menu-icon { color: var(--text-headline-0); } .icgds .lmn-navigation-bar { display: inline-flex; } .icgds .lmn-navigation-bar .lmn-menu-item { font: var(--navbar-tab-condensed_font-type) var(--navbar-tab_font-size)/var(--navbar-tab_line-height) var(--family_sans); padding: var(--navbar-tab_padding-top) var(--navbar-tab_horizontal-padding) var(--navbar-tab_padding-bottom) var(--navbar-tab_horizontal-padding); height: var(--navbar-tab-condensed_height); border-bottom: 3px solid var(--navbar-tab-condensed_fill_indicator); border-radius: var(--navbar-tab-condensed_radius); background-color: var(--navbar-tab-condensed_fill); color: var(--navbar-tab-condensed_foreground); outline: var(--navbar-tab-condensed_border-width) solid var(--navbar-tab-condensed_border); outline-offset: calc(var(--navbar-tab-condensed_border-width) * -1); margin-bottom: 0; } .icgds .lmn-navigation-bar .lmn-menu-item:focus, .icgds .lmn-navigation-bar .lmn-menu-item.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-navigation-bar .lmn-menu-item:hover, .icgds .lmn-navigation-bar .lmn-menu-item.hover, .icgds .lmn-navigation-bar .lmn-menu-item.active, .icgds .lmn-navigation-bar .lmn-menu-item:active { background-color: var(--navbar-tab-condensed_fill_hover); color: var(--navbar-tab-condensed_foreground_hover); outline-color: var(--navbar-tab-condensed_border_hover); border-bottom-color: var(--navbar-tab-condensed_fill_indicator_hover); } .icgds .lmn-navigation-bar .lmn-menu-item.active, .icgds .lmn-navigation-bar .lmn-menu-item:active, .icgds .lmn-navigation-bar .lmn-menu-item.selected { background-color: var(--navbar-tab-condensed_fill_active); color: var(--navbar-tab-condensed_foreground_active); outline: var(--navbar-tab-condensed_border-width_active) solid var(--navbar-tab-condensed_border_active); outline-offset: calc(var(--navbar-tab-condensed_border-width_active) * -1); border-bottom-color: var(--navbar-tab-condensed_fill_indicator_active); } .icgds .lmn-navigation-bar .lmn-menu-item.active:hover, .icgds .lmn-navigation-bar .lmn-menu-item:active:hover, .icgds .lmn-navigation-bar .lmn-menu-item.selected:hover { background-color: var(--navbar-tab-condensed_fill_active-hover); color: var(--navbar-tab-condensed_foreground_active-hover); outline-color: var(--navbar-tab-condensed_border_active-hover); border-bottom-color: var(--navbar-tab-condensed_fill_indicator_active-hover); } .icgds .lmn-navigation-bar .lmn-menu-item:disabled, .icgds .lmn-navigation-bar .lmn-menu-item.disabled { background-color: var(--navbar-tab-condensed_fill_disabled); color: var(--navbar-tab-condensed_foreground_disabled); outline-color: var(--navbar-tab-condensed_border_disabled); border-bottom-color: var(--navbar-tab-condensed_fill_indicator_disabled); } .icgds .lmn-navigation-bar .lmn-menu-item:disabled:hover, .icgds .lmn-navigation-bar .lmn-menu-item.disabled:hover { background: var(--tab_fill_disabled); color: var(--tab_foreground_disabled); } .icgds .lmn-navigation-bar .lmn-menu-item:disabled *, .icgds .lmn-navigation-bar .lmn-menu-item.disabled * { cursor: not-allowed; } .icgds .lmn-navigation-bar .lmn-menu-item-parent::after { content: var(--dropdown_trigger_icon); margin-left: var(--spacing-8); line-height: inherit; } .icgds .lmn-navigation-bar .lmn-navigation-bar-menu-items { display: flex; flex-wrap: nowrap; } .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item { font: var(--navbar-tab_font-type) var(--navbar-tab_font-size)/var(--navbar-tab_line-height) var(--family_sans); height: var(--navbar-tab_height); background: var(--navbar-tab_fill); color: var(--navbar-tab_foreground); border-bottom-color: var(--navbar-tab_fill_tab-indicator); border-radius: var(--navbar-tab_radius); outline: var(--navbar-tab_border-width) solid var(--navbar-tab_border); outline-offset: calc(var(--navbar-tab_border-width) * -1); } .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item:hover { background-color: var(--navbar-tab_fill_hover); color: var(--navbar-tab_foreground_hover); outline-color: var(--navbar-tab_border_hover); border-bottom-color: var(--navbar-tab_fill_tab-indicator_hover); } .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item:focus, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.focus { background-color: var(--navbar-tab_fill_focus); color: var(--navbar-tab_foreground_focus); outline-color: var(--navbar-tab_border_focus); border-bottom-color: var(--navbar-tab_fill_tab-indicator_focus); } .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.active, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item:active, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.selected { background-color: var(--navbar-tab_fill_active); color: var(--navbar-tab_foreground_active); outline: var(--navbar-tab_border-width_active) solid var(--navbar-tab_border_active); outline-offset: calc(var(--navbar-tab_border-width_active) * -1); border-bottom-color: var(--navbar-tab_fill_tab-indicator_active); } .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.active:hover, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item:active:hover, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.selected:hover { background-color: var(--navbar-tab_fill_active-hover); color: var(--navbar-tab_foreground_active-hover); outline-color: var(--navbar-tab_border_active-hover); border-bottom-color: var(--navbar-tab_fill_tab-indicator_active-hover); } .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.active:focus, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.active.focus, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item:active:focus, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item:active.focus, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.selected:focus, .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.selected.focus { background-color: var(--navbar-tab_fill_active-focus); color: var(--navbar-tab_foreground_active-focus); outline-color: var(--navbar-tab_border_active-focus); border-bottom-color: var(--navbar-tab_fill_tab-indicator_active-focus); } .icgds .lmn-navigation-bar.lmn-sub-navigation-bar .lmn-menu-item.disabled { background-color: var(--navbar-tab_fill_disabled); color: var(--navbar-tab_foreground_disabled); outline-color: var(--navbar-tab_border_disabled); border-bottom-color: var(--navbar-tab_fill_tab-indicator_disabled); } .icgds .lmn-navigation-bar .lmn-navigation-item-external::after, .icgds .lmn-navigation-bar .lmn-menu-item-external::after { content: var(--icon-link-out); font-family: var(--icon-font-family); font-size: 14px; margin-left: 8px; } .icgds .lmn-navigation-bar .lmn-sub-context-menu-wrapper { height: 100%; } .icgds .lmn-left-navigation { padding: var(--global-left-nav_vertical-padding) 0; margin: var(--global-left-nav_container-margin); border-radius: var(--global-left-nav_radius); display: flex; flex-direction: column; width: var(--global-left-nav_expanded-panel_width); height: 100%; justify-content: space-between; background: var(--navbar_fill); z-index: var(--side-bar-zindex); } .icgds .lmn-left-navigation .lmn-left-navigation-menu-items { display: flex; flex-direction: column; flex: 1 1 0; } .icgds .lmn-left-navigation .lmn-left-navigation-menu-items .lmn-menu { overflow-y: auto; flex: 1 1 0; } .icgds .lmn-left-navigation .lmn-menu-item { z-index: 0; height: auto; background: transparent; box-shadow: none; color: var(--global-left-nav_foreground_item-container); position: relative; font: var(--global-left-nav_item_font-type) var(--global-left-nav_item_font-size)/var(--global-left-nav_item_line-height) var(--family_sans); padding: calc(var(--global-left-nav_item-container_expanded-panel_vertical-padding) + var(--global-left-nav_item_expanded-panel_vertical-padding)) calc(var(--global-left-nav_item-container_expanded-panel_horizontal-padding) + var(--global-left-nav_item_expanded-panel_horizontal-padding)); white-space: nowrap; word-break: unset; } .icgds .lmn-left-navigation .lmn-menu-item::before { content: ""; position: absolute; inset: var(--global-left-nav_item-container_expanded-panel_vertical-padding) var(--global-left-nav_item-container_expanded-panel_horizontal-padding); background: var(--global-left-nav_item_fill); outline: var(--global-left-nav_item_border-width) solid var(--global-left-nav_item_border); outline-offset: calc(var(--global-left-nav_item_border-width) * -1); z-index: -1; border-radius: var(--global-left-nav_item_radius); transition: background-color 0.2s var(--comp-transition), box-shadow 0.2s var(--comp-transition), color 0.2s var(--comp-transition); } .icgds .lmn-left-navigation .lmn-menu-item .lmn-menu-icon { color: inherit; font-size: 20px; margin-right: var(--global-left-nav_item_expanded-panel_horizontal-spacing); flex-shrink: 0; font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-left-navigation .lmn-menu-item:hover { color: var(--global-left-nav_foreground_item-container_hover); } .icgds .lmn-left-navigation .lmn-menu-item:hover::before { background-color: var(--global-left-nav_item_fill_hover); outline: var(--global-left-nav_item_border-width_hover) solid var(--global-left-nav_item_border_hover); outline-offset: calc(var(--global-left-nav_item_border-width_hover) * -1); } .icgds .lmn-left-navigation .lmn-menu-item.selected { font: var(--global-left-nav_item_font-type_active) var(--global-left-nav_item_font-size)/var(--global-left-nav_item_line-height) var(--family_sans); color: var(--global-left-nav_foreground_item-container_active); } .icgds .lmn-left-navigation .lmn-menu-item.selected::before { background: var(--global-left-nav_item_fill_active); outline: var(--global-left-nav_item_border-width_active) solid var(--global-left-nav_item_border_active); outline-offset: calc(var(--global-left-nav_item_border-width_active) * -1); } .icgds .lmn-left-navigation .lmn-menu-item:focus:before, .icgds .lmn-left-navigation .lmn-menu-item.focus:before { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-left-navigation .lmn-menu-item.disabled { color: var(--global-left-nav_foreground_item-container_disabled); } .icgds .lmn-left-navigation .lmn-menu-item.disabled::before { background: var(--global-left-nav_item_fill_disabled); outline-color: var(--global-left-nav_item_border_disabled); } .icgds .lmn-left-navigation .lmn-menu-item.lmn-menu-item-parent span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: var(--global-left-nav_item_expanded-panel_horizontal-spacing); } .icgds .lmn-left-navigation .lmn-menu-item.lmn-left-navigation-collapse { width: auto; display: inline-block; margin-left: auto; padding: calc(var(--global-left-nav_item-container_collapsed-panel_vertical-padding) + var(--global-left-nav_item_collapsed-panel_padding)) calc(var(--global-left-nav_item-container_collapsed-panel_horizontal-padding) + var(--global-left-nav_item_collapsed-panel_padding)); } .icgds .lmn-left-navigation .lmn-menu-item.lmn-left-navigation-collapse::before { inset: var(--global-left-nav_item-container_collapsed-panel_vertical-padding) var(--global-left-nav_item-container_collapsed-panel_horizontal-padding); } .icgds .lmn-left-navigation .lmn-menu-item.lmn-left-navigation-collapse .lmn-menu-icon { margin-right: 0; } .icgds .lmn-left-navigation .lmn-menu-item.lmn-left-navigation-collapse .lmn-menu-icon::before { content: var(--global-left-nav_collapse-icon); font-family: var(--icon-font-family); } .icgds .lmn-left-navigation .lmn-menu { flex: 1 1 auto; overflow: auto; padding: 0px 12px; scrollbar-color: var(--global-left-nav_scrollbar_thumb) transparent !important; } .icgds .lmn-left-navigation .lmn-menu::-webkit-scrollbar { width: 10px; background-clip: unset; } .icgds .lmn-left-navigation .lmn-menu::-webkit-scrollbar-thumb { border: 2px solid transparent; border-left-width: 0px; border-radius: 6px; } .icgds .lmn-left-navigation .lmn-menu .lmn-menu-item, .icgds .lmn-left-navigation .lmn-menu-item-expanded-only { display: block; padding: 11px 12px; height: 40px; margin-bottom: 4px; width: auto; font-size: var(--global-left-nav_item_font-size); line-height: var(--global-left-nav_item_line-height); } .icgds .lmn-left-navigation .lmn-menu .lmn-menu-item:before, .icgds .lmn-left-navigation .lmn-menu-item-expanded-only:before { inset: 2px 0px; } .icgds .lmn-left-navigation .lmn-menu .lmn-menu-item-group-title { padding-left: 12px; padding-right: 12px; } .icgds .lmn-left-navigation .lmn-menu-item-expanded-only { margin-left: 12px; margin-right: 12px; } .icgds .lmn-left-navigation .lmn-menu-item-group-title { color: var(--global-left-nav_foreground_grouped-header); padding-left: calc(var(--global-left-nav_item-container_expanded-panel_horizontal-padding) + var(--global-left-nav_item_expanded-panel_horizontal-padding)); } .icgds .lmn-left-navigation .lmn-menu-item-text { text-wrap: wrap; width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-left-navigation .lmn-menu-divider { background: var(--global-left-nav_border_section-divider); margin: var(--spacing-8) var(--spacing-12); } .icgds .lmn-left-navigation .lmn-left-navigation-footer { margin-top: auto; } .icgds .lmn-left-navigation .lmn-text-link { color: var(--global-left-nav_link) !important; } .icgds .lmn-left-navigation .lmn-text-link:hover { color: var(--global-left-nav_link_hover) !important; } .icgds .lmn-left-navigation .lmn-text-link:active { color: var(--global-left-nav_link_active) !important; } .icgds .lmn-left-navigation .lmn-text-link:visited { color: var(--global-left-nav_link_visited) !important; } .icgds .lmn-left-navigation .lmn-text-link:focus { color: var(--global-left-nav_link_focus) !important; } .icgds .lmn-left-navigation .lmn-text-link.disabled { color: var(--global-left-nav_link_discabled) !important; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed, .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label { min-width: unset; max-width: 72px; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-menu-icon, .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-menu-icon { margin-right: 0 !important; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-menu-items, .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-menu-items { display: none; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-menu-item:not(:has(.lmn-menu-icon)), .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-menu-item-group-title, .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-menu-item:not(:has(.lmn-menu-icon)), .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-menu-item-group-title { display: none; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-left-navigation-collapse, .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-left-navigation-collapse { margin-left: unset; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed { min-width: var(--global-left-nav_collapsed-panel_width); } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-menu-item { padding: calc(var(--global-left-nav_item-container_collapsed-panel_vertical-padding) + var(--global-left-nav_item_collapsed-panel_padding)) calc(var(--global-left-nav_item-container_collapsed-panel_horizontal-padding) + var(--global-left-nav_item_collapsed-panel_padding)); display: flex; justify-content: center; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-menu-item::before { inset: var(--global-left-nav_item-container_collapsed-panel_vertical-padding) calc(var(--global-left-nav_item-container_collapsed-panel_horizontal-padding) - 2px); } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-menu-item.lmn-menu-item-parent::after { display: none; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-menu-item-text { display: none; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed .lmn-left-navigation-collapse .lmn-menu-icon:before { transform: rotate(180deg); } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-menu-item { display: flex; flex-direction: column; justify-content: center; padding: calc(var(--global-left-nav_item-container_collapsed-label_vertical-padding) + var(--global-left-nav_item-container_collapsed-panel_vertical-padding)) calc(var(--global-left-nav_item-container_collapsed-label_horizontal-padding) + var(--global-left-nav_item_collapsed-label_horizontal-padding)); } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-menu-item::before { border-radius: var(--radius-12); inset: var(--global-left-nav_item-container_collapsed-panel_vertical-padding) var(--global-left-nav_item-container_collapsed-label_horizontal-padding); } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-menu-item-text { font-size: var(--global-left-nav-item_collapsed-panel_font-size); line-height: var(--global-left-nav-item_collapsed-panel_line-height); text-align: center; display: inline-block; width: 100%; } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-left-navigation-collapse { justify-content: center; padding: calc(var(--global-left-nav_item-container_collapsed-panel_vertical-padding) + var(--global-left-nav_item_collapsed-panel_padding)) calc(var(--global-left-nav_item-container_collapsed-panel_horizontal-padding) + var(--global-left-nav_item_collapsed-panel_padding)); } .icgds .lmn-left-navigation.lmn-left-navigation-collapsed-with-label .lmn-left-navigation-collapse::before { inset: var(--global-left-nav_item-container_collapsed-panel_vertical-padding) var(--global-left-nav_item-container_collapsed-panel_horizontal-padding); } .icgds .lmn-left-navigation:not(.lmn-left-navigation-collapsed) .lmn-sub-left-navigation-menu-wrapper:has(.lmn-sub-left-navigation-menu .lmn-menu-item.selected) .lmn-menu-item-parent.selected:before { background: transparent; } .icgds .lmn-menu-hidden, .icgds .lmn-context-menu-hidden { display: none; } .icgds .lmn-global-left-menu { flex-grow: 1; height: 100%; padding-top: var(--global-left-menu_container_padding-top); padding-right: var(--global-left-menu_container_padding-right); padding-bottom: var(--global-left-menu_container_padding-bottom); padding-left: var(--global-left-menu_container_padding-left); background-color: var(--global-left-menu_fill_container); margin: var(--global-left-menu_container-margin); border-radius: var(--global-left-menu_radius); border-top-left-radius: var(--global-left-menu_radius-top); border-top-right-radius: var(--global-left-menu_radius-top); display: flex; flex-direction: column; overflow-y: auto; box-shadow: var(--shadow_x-distance_overlay-2) var(--shadow_y-distance_overlay-2) var(--shadow_blur_overlay-2) var(--shadow_spread_overlay-2) var(--shadow_color_overlay-2), var(--shadow_x-distance_overlay-1) var(--shadow_y-distance_overlay-1) var(--shadow_blur_overlay-1) var(--shadow_spread_overlay-1) var(--shadow_color_overlay-1); } .icgds .lmn-global-left-menu:has(.lmn-global-left-menu-header) { padding-top: 0; padding-right: 0; padding-left: 0; } .icgds .lmn-global-left-menu:has(.lmn-global-left-menu-header) .lmn-navigation-menu { padding-top: 0 !important; } .icgds .lmn-global-left-menu:has(.lmn-global-left-menu-body) { padding-right: 0; padding-bottom: 0; padding-left: 0; scrollbar-gutter: unset; overflow: visible; } .icgds .lmn-global-left-menu:has(.lmn-adaptive-navigation-menu), .icgds .lmn-global-left-menu:has(.lmn-adaptive-navigation-menu) .lmn-global-left-menu-body { padding: 0; } .icgds .lmn-global-left-menu::-webkit-scrollbar { width: 24px; } .icgds .lmn-global-left-menu::-webkit-scrollbar-thumb { border: 9px solid transparent; background-clip: content-box; border-radius: 18px; } .icgds .lmn-global-left-menu::-webkit-scrollbar-track { margin-top: 8px; } .icgds .lmn-global-left-menu .lmn-menu-scroll { margin-right: var(--spacing-three-quarter-x); } .icgds .lmn-global-left-menu .lmn-menu { flex-grow: 1; overflow-y: auto; } .icgds .lmn-global-left-menu.lmn-global-left-menu-alt { background-color: var(--layer_secondary); } .icgds .lmn-global-left-menu .lmn-avatar-menu { margin: 0; width: 100%; } .icgds .lmn-global-left-menu .lmn-avatar-menu .lmn-avatar-menu-inner { overflow: visible; } .icgds .lmn-global-left-menu .lmn-mega-menu { width: 100%; overflow-x: hidden; box-shadow: none; border-radius: 0px; } .icgds .lmn-global-left-menu .lmn-mega-menu .lmn-mega-menu-aside, .icgds .lmn-global-left-menu .lmn-mega-menu .lmn-mega-menu-content, .icgds .lmn-global-left-menu .lmn-mega-menu .lmn-menu { min-width: 100%; background: transparent; padding: 0; transition: transform 0.4s var(--comp-transition); } .icgds .lmn-global-left-menu .lmn-mega-menu .lmn-mega-menu-content { height: 100%; display: flex; flex-direction: column; } .icgds .lmn-global-left-menu .lmn-mega-menu .lmn-mega-menu-content .lmn-mega-menu-back-button { align-self: flex-start; flex-shrink: 0; } .icgds .lmn-global-left-menu .lmn-mega-menu .lmn-mega-menu-content .lmn-mega-menu-header { margin-bottom: 0; } .icgds .lmn-global-left-menu .lmn-mega-menu .lmn-mega-menu-content .lmn-mega-menu-columns { flex-direction: column; flex-grow: 1; overflow-y: auto; } .icgds .lmn-global-left-menu .lmn-mega-menu .lmn-mega-menu-content .lmn-mega-menu-column { width: 100%; margin: 0; } .icgds .lmn-global-left-menu .lmn-mega-menu .lmn-mega-menu-content .lmn-mega-menu-column .lmn-menu-item-group-title:not(:first-child) { margin-top: var(--global-left-menu_container_vertical-spacing); } .icgds .lmn-global-left-menu .lmn-mega-menu.lmn-mega-menu-slide .lmn-mega-menu-aside, .icgds .lmn-global-left-menu .lmn-mega-menu.lmn-mega-menu-slide .lmn-mega-menu-content { transform: translateX(-100%); } .icgds .lmn-adaptive-navigation-menu { overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .icgds .lmn-adaptive-navigation-menu .lmn-navigation-menu { padding-top: var(--global-left-menu_container_padding-top); padding-right: var(--global-left-menu_container_padding-right); padding-bottom: var(--global-left-menu_container_padding-bottom); padding-left: var(--global-left-menu_container_padding-left); width: 100%; flex-shrink: 0; display: inline-block; transition: transform 0.4s var(--comp-transition); } .icgds .lmn-adaptive-navigation-menu .lmn-navigation-menu .lmn-menu-item-parent::after { content: var(--adaptive_menu-parent-icon); } .icgds .lmn-adaptive-navigation-menu .lmn-menu-item { font: var(--context-menu_font-type) var(--adaptive_nav-item_font-size)/var(--adaptive_nav-item_line-height) var(--family_sans); min-height: var(--adaptive_item-container_height); height: unset !important; border-radius: var(--adaptive_nav-item_container_radius); padding-top: var(--adaptive_nav-item_container_padding-top); padding-right: var(--adaptive_nav-item_container_padding-right); padding-bottom: var(--adaptive_nav-item_container_padding-bottom); padding-left: var(--adaptive_nav-item_container_padding-left); margin-bottom: var(--global-left-menu_container_vertical-spacing); } .icgds .lmn-adaptive-navigation-menu .lmn-menu-item:before { display: none; } .icgds .lmn-adaptive-navigation-menu .lmn-menu-item:focus, .icgds .lmn-adaptive-navigation-menu .lmn-menu-item.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); background-color: var(--menu_fill_item-container_focus); color: var(--menu_foreground_item-container_focus); text-decoration: none; z-index: 3; } .icgds .lmn-adaptive-navigation-menu .lmn-menu-item.selected { z-index: 2; background-color: var(--menu_fill_item-container_active); color: var(--menu_foreground_item-container_active); font-weight: 700; } .icgds .lmn-adaptive-navigation-menu .lmn-menu-item:hover, .icgds .lmn-adaptive-navigation-menu .lmn-menu-item.hover, .icgds .lmn-adaptive-navigation-menu .lmn-menu-item.active, .icgds .lmn-adaptive-navigation-menu .lmn-menu-item:active { background-color: var(--menu_fill_item-container_hover); color: var(--menu_foreground_item-container_hover); text-decoration: none; } .icgds .lmn-adaptive-navigation-menu .lmn-menu-item:disabled, .icgds .lmn-adaptive-navigation-menu .lmn-menu-item.disabled { cursor: not-allowed; color: var(--text_disabled); } .icgds .lmn-adaptive-navigation-menu .lmn-menu-item:disabled:hover, .icgds .lmn-adaptive-navigation-menu .lmn-menu-item.disabled:hover { background-color: transparent; } .icgds .lmn-adaptive-navigation-menu .lmn-menu-item:disabled *, .icgds .lmn-adaptive-navigation-menu .lmn-menu-item.disabled * { cursor: not-allowed; } .icgds .lmn-adaptive-navigation-menu .lmn-menu-item-external::after { font-size: var(--icon_trigger-open-size); } .icgds .lmn-global-left-menu-header { display: block; margin-left: var(--menu-item_container_padding-left); margin-right: var(--spacing-24); padding-top: var(--global-left-menu_container_padding-top); padding-right: var(--global-left-menu_container_padding-right); padding-left: var(--global-left-menu_container_padding-left); padding-bottom: var(--spacing-16); border-bottom: 1px solid var(--border_weak); margin-bottom: var(--spacing-12); } .icgds .lmn-global-left-menu-body { flex-grow: 1; padding-right: var(--global-left-menu_container_padding-right); padding-bottom: var(--global-left-menu_container_padding-bottom); padding-left: var(--global-left-menu_container_padding-left); overflow-y: auto; } .icgds .lmn-global-left-menu-body::-webkit-scrollbar { width: 24px; } .icgds .lmn-global-left-menu-body::-webkit-scrollbar-thumb { border: 9px solid transparent; background-clip: content-box; border-radius: 18px; background-color: var(--scrollbar_thumb); } .icgds .lmn-global-left-menu-body::-webkit-scrollbar-track { margin-top: 8px; } .icgds .lmn-global-left-menu-title { color: var(--heading_primary); font-family: var(--family_display); font-size: 24px; line-height: 30px; } .icgds .lmn-global-left-menu-subtitle { margin-top: var(--spacing-4); color: var(--text_weak); font-size: 14px; line-height: 18px; } .icgds .lmn-global-left-menu-footer { font-size: 14px; line-height: 18px; margin: auto var(--spacing-x) 0 var(--spacing-x); padding: calc(var(--comp-padding-y-no-border) + var(--spacing-three-quarter-x)) 0 var(--spacing-half-x); color: var(--text_strong); border-top: 1px solid var(--border_weak); } .icgds .lmn-app-switcher, .icgds .lmn-popover.lmn-app-switcher { padding: 0; width: 352px; margin-top: var(--spacing-8); border-radius: var(--app-switcher_item-container_radius); background: var(--app-switcher_fill_container); } .icgds .lmn-app-switcher::after, .icgds .lmn-popover.lmn-app-switcher::after { border-color: transparent transparent var(--app-switcher_fill_container) transparent; } .icgds .lmn-app-switcher .lmn-popover-inner, .icgds .lmn-popover.lmn-app-switcher .lmn-popover-inner { padding: 0 !important; display: block; } .icgds .lmn-app-switcher .lmn-popover-header, .icgds .lmn-app-switcher .lmn-app-switcher-header, .icgds .lmn-popover.lmn-app-switcher .lmn-popover-header, .icgds .lmn-popover.lmn-app-switcher .lmn-app-switcher-header { font: var(--app-switcher_item-container-heading_font-type) var(--app-switcher_item-container-heading_font-size)/var(--app-switcher_item-container-heading_line-height) var(--app-switcher_item-container-heading_font-family); padding: calc(var(--spacing-16) + var(--spacing-4)) var(--spacing-16) calc(var(--spacing-16) + var(--spacing-4)) calc(var(--spacing-20) + var(--spacing-8)); color: var(--heading_primary); } .icgds .lmn-app-switcher .lmn-popover-body, .icgds .lmn-app-switcher .lmn-app-switcher-body, .icgds .lmn-popover.lmn-app-switcher .lmn-popover-body, .icgds .lmn-popover.lmn-app-switcher .lmn-app-switcher-body { padding: var(--spacing-12); padding-top: 0; padding-bottom: var(--spacing-4); } .icgds .lmn-app-switcher.lmn-app-switcher-condensed .lmn-app-switcher-menu .lmn-menu-item, .icgds .lmn-popover.lmn-app-switcher.lmn-app-switcher-condensed .lmn-app-switcher-menu .lmn-menu-item { padding: var(--spacing-4); box-shadow: none; } .icgds .lmn-app-switcher.lmn-app-switcher-condensed .lmn-app-switcher-menu .lmn-menu-item .lmn-menu-item-subtitle, .icgds .lmn-popover.lmn-app-switcher.lmn-app-switcher-condensed .lmn-app-switcher-menu .lmn-menu-item .lmn-menu-item-subtitle { display: none; } .icgds .lmn-app-switcher.lmn-app-switcher-condensed .lmn-app-switcher-menu .lmn-menu-item:not(:first-of-type)::before, .icgds .lmn-popover.lmn-app-switcher.lmn-app-switcher-condensed .lmn-app-switcher-menu .lmn-menu-item:not(:first-of-type)::before { display: none; } .icgds .lmn-app-switcher-menu .lmn-menu-item { display: block; height: unset; padding-top: var(--app-switcher_item_container_padding-top); padding-right: var(--app-switcher_item_container_padding-right); padding-bottom: var(--app-switcher_item_container_padding-bottom); padding-left: var(--app-switcher_item_container_padding-left); margin-bottom: 0; background: var(--app-switcher_fill_item-container); outline: solid var(--border-width_thin) var(--app-switcher_fill_item-container); outline-offset: calc(var(--border-width_thin) * -1); } .icgds .lmn-app-switcher-menu .lmn-menu-item:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: var(--border-width_thin); background-color: var(--app-switcher_border_item-container_border-top); } .icgds .lmn-app-switcher-menu .lmn-menu-item .lmn-menu-item-inner { min-height: 46px; display: flex; align-items: center; padding-top: var(--app-switcher_item-state_container_padding-top); padding-right: var(--app-switcher_item-state_container_padding-right); padding-bottom: var(--app-switcher_item-state_container_padding-bottom); padding-left: var(--app-switcher_item-state_container_padding-left); border-radius: var(--app-switcher_item-container_radius); transition: background-color 0.2s var(--comp-transition), box-shadow 0.2s var(--comp-transition), color 0.2s var(--comp-transition); } .icgds .lmn-app-switcher-menu .lmn-menu-item .lmn-menu-item-content { flex-grow: 1; } .icgds .lmn-app-switcher-menu .lmn-menu-item .lmn-menu-item-icon { font-size: var(--icon_size_md); margin-left: var(--app-switcher_item_container_horizontal_spacing); color: var(--text_weak); font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-app-switcher-menu .lmn-menu-item .lmn-menu-item-title { display: block; font: var(--app-switcher_item-container_font-type) var(--app-switcher_item-container_font-size)/var(--app-switcher_item-container_line-height) var(--app-switcher_item-container_font-family); color: var(--app-switcher_foreground_item-container-label); } .icgds .lmn-app-switcher-menu .lmn-menu-item .lmn-menu-item-subtitle { display: block; margin-top: var(--app-switcher_item_container_vertical_spacing); font: var(--app-switcher_item-container-description_font-type) var(--app-switcher_item-container-description_font-size)/var(--app-switcher_item-container-description_line-height) var(--app-switcher_item-container-description_font-family); color: var(--app-switcher_foreground_item-description); } .icgds .lmn-app-switcher-menu .lmn-menu-item:hover .lmn-menu-item-inner { background: var(--app-switcher_fill_item-container_hover); outline-color: var(--app-switcher_border_item-container_hover); } .icgds .lmn-app-switcher-menu .lmn-menu-item:hover .lmn-menu-item-inner .lmn-menu-item-title { color: var(--app-switcher_foreground_item-container-label_hover); } .icgds .lmn-app-switcher-menu .lmn-menu-item:hover .lmn-menu-item-inner .lmn-menu-item-subtitle { color: var(--app-switcher_foreground_item-description_hover); } .icgds .lmn-app-switcher-menu .lmn-menu-item:focus { box-shadow: none; } .icgds .lmn-app-switcher-menu .lmn-menu-item:focus .lmn-menu-item-inner { background: var(--app-switcher_fill_item-container_focus); outline-color: var(--app-switcher_border_item-container_focus); box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-app-switcher-menu .lmn-menu-item:focus .lmn-menu-item-inner .lmn-menu-item-title { color: var(--app-switcher_foreground_item-container-label_focus); } .icgds .lmn-app-switcher-menu .lmn-menu-item:focus .lmn-menu-item-inner .lmn-menu-item-subtitle { color: var(--app-switcher_foreground_item-description_focus); } .icgds .lmn-app-switcher-menu .lmn-menu-item:active .lmn-menu-item-inner, .icgds .lmn-app-switcher-menu .lmn-menu-item.selected .lmn-menu-item-inner, .icgds .lmn-app-switcher-menu .lmn-menu-item.active .lmn-menu-item-inner { background: var(--app-switcher_fill_item-container_active); outline-color: var(--app-switcher_border_item-container_active); } .icgds .lmn-app-switcher-menu .lmn-menu-item:active .lmn-menu-item-inner .lmn-menu-item-title, .icgds .lmn-app-switcher-menu .lmn-menu-item.selected .lmn-menu-item-inner .lmn-menu-item-title, .icgds .lmn-app-switcher-menu .lmn-menu-item.active .lmn-menu-item-inner .lmn-menu-item-title { color: var(--app-switcher_foreground_item-container-label_active); font: var(--app-switcher_item-container_active_font-type) var(--app-switcher_item-container_font-size)/var(--app-switcher_item-container_line-height) var(--app-switcher_item-container_font-family); } .icgds .lmn-app-switcher-menu .lmn-menu-item:active .lmn-menu-item-inner .lmn-menu-item-subtitle, .icgds .lmn-app-switcher-menu .lmn-menu-item.selected .lmn-menu-item-inner .lmn-menu-item-subtitle, .icgds .lmn-app-switcher-menu .lmn-menu-item.active .lmn-menu-item-inner .lmn-menu-item-subtitle { color: var(--app-switcher_foreground_item-description_active); } .icgds .lmn-app-switcher-menu .lmn-menu-item:disabled .lmn-menu-item-inner, .icgds .lmn-app-switcher-menu .lmn-menu-item.disabled .lmn-menu-item-inner { background: var(--app-switcher_fill_item-container_disabled); outline-color: var(--app-switcher_border_item-container_disabled); } .icgds .lmn-app-switcher-menu .lmn-menu-item:disabled .lmn-menu-item-inner .lmn-menu-item-title, .icgds .lmn-app-switcher-menu .lmn-menu-item.disabled .lmn-menu-item-inner .lmn-menu-item-title { color: var(--app-switcher_foreground_item-container-label_disabled); } .icgds .lmn-app-switcher-menu .lmn-menu-item:disabled .lmn-menu-item-inner .lmn-menu-item-subtitle, .icgds .lmn-app-switcher-menu .lmn-menu-item.disabled .lmn-menu-item-inner .lmn-menu-item-subtitle { color: var(--app-switcher_foreground_item-description_disabled); } .icgds .lmn-modal-mask { inset: 0; z-index: var(--modal-mask-z-index); background: var(--modal_background_on-mask); position: fixed; } .icgds .lmn-modal-mask.lmn-modal-mask-hidden { display: none; } .icgds .lmn-modal-wrap { position: fixed; display: flex; top: var(--spacing-2x); left: 0; z-index: var(--modal-wrap-z-index); width: 100%; height: 100%; overflow: hidden; } .icgds .lmn-modal-wrap.lmn-modal-centered { top: 0; display: flex; align-items: center; min-height: calc(100% - var(--spacing-2x) * 2); } .icgds .lmn-modal-wrap.lmn-modal-centered::before { display: block; height: calc(100% - var(--spacing-2x) * 2); content: ""; } .icgds .lmn-modal-wrap.lmn-modal-sm .lmn-modal { width: 20vw; max-width: 20vw; } .icgds .lmn-modal-wrap.lmn-modal-md .lmn-modal { width: 50vw; max-width: 50vw; } .icgds .lmn-modal-wrap.lmn-modal-lg .lmn-modal { width: 80vw; max-width: 80vw; } .icgds .lmn-modal { position: relative; margin: 0 auto; width: auto; max-width: 90vw; min-width: 380px; overflow: visible; } @media (max-width: 583.98px) { .icgds .lmn-modal { min-width: 90vw; } } .icgds .lmn-modal .lmn-modal-content { box-shadow: var(--shadow_x-distance_raised-2) var(--shadow_y-distance_raised-2) var(--shadow_blur_raised-2) var(--shadow_spread_raised-2) var(--shadow_color_raised-2), var(--shadow_x-distance_raised-1) var(--shadow_y-distance_raised-1) var(--shadow_blur_raised-1) var(--shadow_spread_raised-1) var(--shadow_color_raised-1); background-color: var(--modal_fill); padding: var(--modal_container_padding); border-radius: var(--modal_radius); font: var(--modal_body_font-type) var(--modal_body_font-size)/var(--modal_body_line-height) var(--family_sans); border: 0; outline: var(--modal_border-width) solid var(--modal_border); outline-offset: calc(var(--modal_border-width) * -1); overflow: visible; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; max-height: 90vh; } .icgds .lmn-modal .lmn-modal-content:has(.lmn-modal-body) { padding: var(--modal_container_padding) 0; } .icgds .lmn-modal .lmn-modal-content:has(.lmn-modal-body) .lmn-modal-header, .icgds .lmn-modal .lmn-modal-content:has(.lmn-modal-body) .lmn-modal-footer { padding: 0 var(--modal_container_padding); } @media screen and (width <= 500px) { .icgds .lmn-modal .lmn-modal-content { max-height: calc(100vh - var(--spacing-2x)); } } .icgds .lmn-modal .lmn-modal-content .lmn-modal-close, .icgds .lmn-modal .lmn-modal-content .lmn-modal-action { margin-left: auto; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-close::after, .icgds .lmn-modal .lmn-modal-content .lmn-modal-action::after { font-size: var(--icon_size_md); content: var(--icon-close); font-family: var(--icon-font-family); } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header { display: flex; align-items: flex-start; font-weight: var(--font-weight-regular); color: var(--heading_primary); margin-bottom: var(--modal_text-block-to-body); } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-icon { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; height: var(--modal_icon-status_height); width: var(--modal_icon-status_width); font-size: var(--modal_icon-status_width); font-style: normal; align-items: unset; line-height: var(--line-height_heading-2); align-self: flex-start; margin-right: var(--modal_heading_horizontal-spacing); } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-icon::before { font-family: var(--icon-font-family); } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-title { flex-grow: 1; font: var(--modal_body_font-type) var(--text-block_heading_font-size)/var(--text-block_heading_line-height) var(--family_display); color: var(--heading_primary); margin-right: var(--modal_heading_horizontal-spacing); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-title .lmn-modal-header-subtitle { font: var(--modal_body_font-type) var(--font-size_heading-6)/var(--line-height_heading-6) var(--family_sans); color: var(--text_weak); line-height: var(--line-height_heading-6); font-weight: var(--font-weight-regular); display: block; margin-top: var(--spacing-4); width: 100%; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-body { font: var(--modal_body_font-type) var(--modal_body_font-size)/var(--modal_body_line-height) var(--family_sans); color: var(--modal_foreground_body); padding: 0 var(--modal_container_padding); font-weight: normal; flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; max-height: calc(90vh - 130px); position: relative; padding-bottom: var(--modal_text-block-to-body); } .icgds .lmn-modal .lmn-modal-content .lmn-modal-body h1, .icgds .lmn-modal .lmn-modal-content .lmn-modal-body h2, .icgds .lmn-modal .lmn-modal-content .lmn-modal-body h3, .icgds .lmn-modal .lmn-modal-content .lmn-modal-body h4, .icgds .lmn-modal .lmn-modal-content .lmn-modal-body h5, .icgds .lmn-modal .lmn-modal-content .lmn-modal-body h6, .icgds .lmn-modal .lmn-modal-content .lmn-modal-body p { margin: 0; font-weight: normal; color: inherit; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-footer { font: var(--modal_body_font-type) var(--font-size_support)/var(--line-height_support) var(--family_sans); color: var(--text_weak); margin-top: var(--modal_text-block-to-body); display: flex; align-items: center; justify-content: flex-end; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-footer > * { margin-left: var(--spacing-half-x); } .icgds .lmn-modal .lmn-modal-content.lmn-modal-content-scrollable .lmn-modal-header { position: relative; } .icgds .lmn-modal .lmn-modal-content.lmn-modal-content-scrollable .lmn-modal-header::before { content: ""; height: 10px; position: absolute; bottom: calc(var(--large-container_vertical-spacing) * -1); left: calc(var(--large-container_padding) * -1); right: calc(var(--large-container_padding) * -1); background: linear-gradient(0deg, transparent 0%, var(--shadow_color_raised-1) 100%); transition: background var(--motion-duration-medium-1) var(--comp-transition); } .icgds .lmn-modal .lmn-modal-content.lmn-modal-content-scrollable .lmn-modal-header.lmn-done-scrolling::before { background: transparent; } .icgds .lmn-modal .lmn-modal-content.lmn-modal-content-scrollable .lmn-modal-footer { position: relative; } .icgds .lmn-modal .lmn-modal-content.lmn-modal-content-scrollable .lmn-modal-footer::before { content: ""; height: 10px; position: absolute; top: calc(var(--large-container_vertical-spacing) * -1); left: calc(var(--large-container_padding) * -1); right: calc(var(--large-container_padding) * -1); background: linear-gradient(180deg, transparent 0%, var(--shadow_color_raised-1) 100%); transition: background var(--motion-duration-medium-1) var(--comp-transition); } .icgds .lmn-modal .lmn-modal-content.lmn-modal-content-scrollable .lmn-modal-footer.lmn-done-scrolling::before { background: linear-gradient(180deg, transparent 0%, transparent 100%); } .icgds .lmn-modal.lmn-modal-success .lmn-modal-icon:before { content: var(--modal_icon_success); color: var(--text_success); } .icgds .lmn-modal.lmn-modal-warning .lmn-modal-icon:before { content: var(--modal_icon_warning); color: var(--text_warning); } .icgds .lmn-modal.lmn-modal-danger .lmn-modal-icon:before { content: var(--modal_icon_danger); color: var(--text_danger); } .icgds .lmn-navbar { margin-top: var(--global-header_container_margin-top); margin-right: var(--global-header_container_margin-right); margin-bottom: var(--global-header_container_margin-bottom); margin-left: var(--global-header_container_margin-left); border-radius: var(--global-header_radius); display: flex; flex-wrap: wrap; align-items: center; background: var(--global-header_fill_banner); box-shadow: var(--global-header_shadow); min-height: 56px; } .icgds .lmn-navbar .lmn-navbar-trigger-icon { position: relative; width: auto; height: auto; border: 0; padding: var(--spacing-8); font-size: var(--icon_size_md); margin-right: var(--global-header-between-icon-to-logo_horizontal-spacing); } .icgds .lmn-navbar .lmn-navbar-trigger-icon .lmnicon { font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-navbar .lmn-navbar-trigger-icon:before { content: ""; display: inline-block; height: var(--global-header-icon_container_size); width: var(--global-header-icon_container_size); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .icgds .lmn-navbar > .lmn-navbar-brand { padding-left: var(--global-header-between-logo-to-app-name_horizontal-spacing); } .icgds .lmn-navbar > .lmn-navbar-collapse { padding-right: var(--spacing-16); } .icgds .lmn-navbar .lmn-navbar-main { display: flex; align-items: center; padding: var(--global-header-action-bar_vertical-padding) var(--global-header-action-bar_horizontal-padding); height: var(--global-header-banner_height); width: 100%; } .icgds .lmn-navbar .lmn-navbar-main:only-child { border-bottom: var(--global-header_border-width) solid var(--global-header_border_banner); } .icgds .lmn-navbar .lmn-navbar-main .lmn-tab-wrapper { height: var(--global-header-banner_height); } .icgds .lmn-navbar .lmn-navbar-brand { display: flex !important; align-items: flex-end; white-space: nowrap; font-weight: bold; margin-right: var(--spacing-16); color: var(--text_strong); } .icgds .lmn-navbar .lmn-navbar-brand img { height: 21px; } .icgds .lmn-navbar .lmn-navbar-title { font-size: var(--global-header_application-name_font-size); line-height: var(--global-header_application-name_line-height); font-family: var(--global-header_application-name_font-family); color: var(--global-header_text_application-name); margin-right: var(--spacing-16); display: flex; align-items: center; position: relative; font-weight: var(--font-weight-regular); align-self: center; } .icgds .lmn-navbar .lmn-navbar-title::before { content: ""; margin-right: var(--spacing-16); display: var(--global-header_app-name-divider); left: 0; width: 1px; height: var(--size-32); background-color: var(--border_weak); } .icgds .lmn-navbar .lmn-navbar-title.lmn-remove-separator { padding-left: 0; } .icgds .lmn-navbar .lmn-navbar-title.lmn-remove-separator::before { display: none; } .icgds .lmn-navbar .lmn-nav-icon { width: 36px !important; height: 36px !important; border-radius: var(--border-radius-md); font-size: 18px; } .icgds .lmn-navbar .lmn-navbar-actions { display: flex; flex-wrap: nowrap; align-items: center; margin-left: auto; } .icgds .lmn-navbar .lmn-navbar-actions > * { margin-left: var(--spacing-quarter-x); } .icgds .lmn-navbar .lmn-navbar-search { margin-left: auto; } .icgds .lmn-navbar .lmn-navbar-search + .lmn-navbar-actions { margin-left: 0; } .icgds .lmn-navbar .lmn-navbar-login-button { margin-left: var(--spacing-8); } .icgds .lmn-navbar .lmn-navbar-collapse { display: flex; flex-basis: 100%; flex-grow: 1; align-items: center; height: 100%; } .icgds .lmn-navbar a { color: var(--text_strong); } .icgds .lmn-navbar .toggle { display: none; } .icgds .lmn-navbar .toggle .lmn-nav-icon { width: 38px; height: 38px; align-items: center; justify-content: center; cursor: pointer; } .icgds .lmn-navbar .lmn-tab-wrapper { flex-grow: 1; height: 100%; min-width: 0px; } .icgds .lmn-navbar .lmn-navbar-sub { flex: 0 0 100%; background: var(--global-header_fill_navigation-bar) !important; padding: 0 var(--global-header-action-bar_horizontal-padding); height: 48px; width: 100%; border-radius: 0 0 var(--global-header_radius) var(--global-header_radius); } @media (max-width: 583.98px) { .icgds .lmn-navbar-expand-sm > .container, .icgds .lmn-navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 584px) { .icgds .lmn-navbar-expand-sm { justify-content: flex-start; } .icgds .lmn-navbar-expand-sm .lmn-navbar-nav { flex-direction: row; } .icgds .lmn-navbar-expand-sm .lmn-navbar-nav .lmn-dropdown-menu { position: absolute; } .icgds .lmn-navbar-expand-sm .lmn-navbar-nav .lmn-nav-link { padding-right: var(--spacing-half-x); padding-left: var(--spacing-half-x); } .icgds .lmn-navbar-expand-sm > .container, .icgds .lmn-navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .icgds .lmn-navbar-expand-sm .lmn-navbar-collapse { display: flex !important; flex-basis: auto; } .icgds .lmn-navbar-expand-sm .lmn-navbar-toggler { display: none; } } @media (max-width: 783.98px) { .icgds .lmn-navbar-expand-md > .container, .icgds .lmn-navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 784px) { .icgds .lmn-navbar-expand-md { justify-content: flex-start; } .icgds .lmn-navbar-expand-md .lmn-navbar-nav { flex-direction: row; } .icgds .lmn-navbar-expand-md .lmn-navbar-nav .lmn-dropdown-menu { position: absolute; } .icgds .lmn-navbar-expand-md .lmn-navbar-nav .lmn-nav-link { padding-right: var(--spacing-half-x); padding-left: var(--spacing-half-x); } .icgds .lmn-navbar-expand-md > .container, .icgds .lmn-navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .icgds .lmn-navbar-expand-md .lmn-navbar-collapse { display: flex !important; flex-basis: auto; } .icgds .lmn-navbar-expand-md .lmn-navbar-toggler { display: none; } } @media (max-width: 1071.98px) { .icgds .lmn-navbar-expand-lg > .container, .icgds .lmn-navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1072px) { .icgds .lmn-navbar-expand-lg { justify-content: flex-start; } .icgds .lmn-navbar-expand-lg .lmn-navbar-nav { flex-direction: row; } .icgds .lmn-navbar-expand-lg .lmn-navbar-nav .lmn-dropdown-menu { position: absolute; } .icgds .lmn-navbar-expand-lg .lmn-navbar-nav .lmn-nav-link { padding-right: var(--spacing-half-x); padding-left: var(--spacing-half-x); } .icgds .lmn-navbar-expand-lg > .container, .icgds .lmn-navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .icgds .lmn-navbar-expand-lg .lmn-navbar-collapse { display: flex !important; flex-basis: auto; } .icgds .lmn-navbar-expand-lg .lmn-navbar-toggler { display: none; } } @media (max-width: 1263.98px) { .icgds .lmn-navbar-expand-xl > .container, .icgds .lmn-navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1264px) { .icgds .lmn-navbar-expand-xl { justify-content: flex-start; } .icgds .lmn-navbar-expand-xl .lmn-navbar-nav { flex-direction: row; } .icgds .lmn-navbar-expand-xl .lmn-navbar-nav .lmn-dropdown-menu { position: absolute; } .icgds .lmn-navbar-expand-xl .lmn-navbar-nav .lmn-nav-link { padding-right: var(--spacing-half-x); padding-left: var(--spacing-half-x); } .icgds .lmn-navbar-expand-xl > .container, .icgds .lmn-navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .icgds .lmn-navbar-expand-xl .lmn-navbar-collapse { display: flex !important; flex-basis: auto; } .icgds .lmn-navbar-expand-xl .lmn-navbar-toggler { display: none; } } @media (max-width: 1679.98px) { .icgds .lmn-navbar-expand-2xl > .container, .icgds .lmn-navbar-expand-2xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1680px) { .icgds .lmn-navbar-expand-2xl { justify-content: flex-start; } .icgds .lmn-navbar-expand-2xl .lmn-navbar-nav { flex-direction: row; } .icgds .lmn-navbar-expand-2xl .lmn-navbar-nav .lmn-dropdown-menu { position: absolute; } .icgds .lmn-navbar-expand-2xl .lmn-navbar-nav .lmn-nav-link { padding-right: var(--spacing-half-x); padding-left: var(--spacing-half-x); } .icgds .lmn-navbar-expand-2xl > .container, .icgds .lmn-navbar-expand-2xl > .container-fluid { flex-wrap: nowrap; } .icgds .lmn-navbar-expand-2xl .lmn-navbar-collapse { display: flex !important; flex-basis: auto; } .icgds .lmn-navbar-expand-2xl .lmn-navbar-toggler { display: none; } } .icgds .lmn-navbar-expand { justify-content: flex-start; } .icgds .lmn-navbar-expand > .container, .icgds .lmn-navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .icgds .lmn-navbar-expand .lmn-navbar-nav { flex-direction: row; } .icgds .lmn-navbar-expand .lmn-navbar-nav .lmn-dropdown-menu { position: absolute; } .icgds .lmn-navbar-expand .lmn-navbar-nav .lmn-nav-link { padding-right: var(--spacing-half-x); padding-left: var(--spacing-half-x); } .icgds .lmn-navbar-expand > .container, .icgds .lmn-navbar-expand > .container-fluid { flex-wrap: nowrap; } .icgds .lmn-navbar-expand .lmn-navbar-collapse { display: flex !important; flex-basis: auto; } .icgds .lmn-navbar-expand .lmn-navbar-toggler { display: none; } @media (width <= 768px) { .icgds .lmn-navbar .lmn-navbar-right { display: none; } .icgds .lmn-navbar .toggle { display: block; } } .icgds .bg-black { background-color: black; } .icgds .lmn-footer { display: flex; margin: var(--spacing-two-and-a-half-x) 0 0 0; flex-direction: column; font-size: var(--font-size-body-xs); color: var(--text_weak); } .icgds .lmn-footer .lmn-footer-links { display: flex; flex-wrap: wrap; } .icgds .lmn-footer .lmn-footer-item, .icgds .lmn-footer .lmn-footer-item:visited { padding: 0; padding-right: calc(var(--spacing-quarter-x) + var(--spacing-eighth-x)); margin: 0; margin-right: calc(var(--spacing-quarter-x) + var(--spacing-eighth-x)); margin-top: var(--spacing-quarter-x); border-right: 1px solid var(--border_weak); color: var(--text_weak) !important; } .icgds .lmn-footer .lmn-footer-item:last-of-type, .icgds .lmn-footer .lmn-footer-item:visited:last-of-type { border-right-width: 0; } .icgds .lmn-footer .lmn-footer-copy { color: var(--text_weak); } .icgds .lmn-footer .lmn-footer-divider { background-color: var(--border_weak); height: 1px; margin: var(--spacing-three-quarter-x) 0; } .icgds .lmn-footer .lmn-footer-logo { display: flex; align-items: flex-end; margin-top: var(--spacing-three-quarter-x); } .icgds .lmn-footer .lmn-footer-logo img { margin-right: var(--spacing-three-quarter-x); } .icgds .lmn-notification-wrapper, .icgds .lmn-notification-wrap { top: unset; right: unset; left: unset; bottom: unset; display: flex; position: fixed; flex-direction: column; z-index: var(--alert-z-index); width: 460px; max-width: 460px; } .icgds .lmn-notification-wrapper.lmn-notification-wrapper-right-top, .icgds .lmn-notification-wrapper.lmn-notification-topRight, .icgds .lmn-notification-wrap.lmn-notification-wrapper-right-top, .icgds .lmn-notification-wrap.lmn-notification-topRight { top: 4.5rem; right: 1.5rem; flex-direction: column-reverse; } .icgds .lmn-notification-wrapper.lmn-notification-wrapper-right-bottom, .icgds .lmn-notification-wrapper.lmn-notification-bottomRight, .icgds .lmn-notification-wrap.lmn-notification-wrapper-right-bottom, .icgds .lmn-notification-wrap.lmn-notification-bottomRight { bottom: 1.5rem; right: 1.5rem; } .icgds .lmn-notification-wrapper.lmn-notification-wrapper-left-top, .icgds .lmn-notification-wrapper.lmn-notification-topLeft, .icgds .lmn-notification-wrap.lmn-notification-wrapper-left-top, .icgds .lmn-notification-wrap.lmn-notification-topLeft { top: 4.5rem; left: 1.5rem; flex-direction: column-reverse; } .icgds .lmn-notification-wrapper.lmn-notification-wrapper-left-bottom, .icgds .lmn-notification-wrapper.lmn-notification-bottomLeft, .icgds .lmn-notification-wrap.lmn-notification-wrapper-left-bottom, .icgds .lmn-notification-wrap.lmn-notification-bottomLeft { bottom: 1.5rem; left: 1.5rem; } .icgds .lmn-notification { display: flex; position: relative; padding: var(--notification_container_padding); margin-bottom: var(--spacing-16); border-radius: var(--notification_container_radius); background: var(--notification_fill_container); color: var(--notification_text_container-body); font-size: var(--notification_container-body_font-size); line-height: var(--notification_container-body_line-height); transition: all 0.3s var(--comp-transition); outline: 1px solid var(--notification_border_container); box-shadow: var(--shadow_x-distance_overlay-2) var(--shadow_y-distance_overlay-2) var(--shadow_blur_overlay-2) var(--shadow_spread_overlay-2) var(--shadow_color_overlay-2), var(--shadow_x-distance_overlay-1) var(--shadow_y-distance_overlay-1) var(--shadow_blur_overlay-1) var(--shadow_spread_overlay-1) var(--shadow_color_overlay-1); } .icgds .lmn-notification .lmn-notification-content { flex-grow: 1; min-width: 0; } .icgds .lmn-notification .lmn-notification-inner { display: flex; width: 100%; } .icgds .lmn-notification .lmn-notification-icon { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; font-size: var(--notification_icon_size); margin-right: var(--spacing-8); } .icgds .lmn-notification .lmn-notification-header { height: var(--icon-height); font-weight: 700; font-size: var(--notification_container-heading_font-size); line-height: var(--notification_container-heading_line-height); display: flex; align-items: center; color: var(--notification_text_container-heading); margin-bottom: var(--notification_header_margin-bottom); } .icgds .lmn-notification .lmn-notification-header .lmn-notification-timestamp { font-weight: 400; font-size: var(--notification_heading-time-stamp_font-size); line-height: var(--notification_heading-time-stamp_line-height); } .icgds .lmn-notification .lmn-notification-header .lmn-notification-timestamp:before { content: " · "; margin-left: 4px; } .icgds .lmn-notification .lmn-notification-header-content { display: inline-block; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 38ch; padding-right: var(--notification_text_horizontal-spacing); } .icgds .lmn-notification .lmn-notification-more { margin-left: auto; } .icgds .lmn-notification .lmn-notification-more:focus .lmn-action-icon { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-notification .lmn-notification-body { font-family: var(--notification_container-heading_font-family); font-weight: var(--font-weight-regular); font-size: var(--notification_container-body_font-size); color: var(--notification_container-body_line-height); } .icgds .lmn-notification .lmn-notification-footer { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; margin-top: var(--notification_container_vertical-spacing); } .icgds .lmn-notification .lmn-notification-footer > * { margin-right: var(--spacing-half-x); } .icgds .lmn-notification .lmn-notification-footer > .lmn-notification-buttons { margin-left: auto; margin-right: 0; } .icgds .lmn-notification .lmn-notification-footer > .lmn-notification-buttons > * { margin-left: var(--spacing-half-x); margin-right: unset; } .icgds .lmn-notification.lmn-notification-info, .icgds .lmn-notification.lmn-notification-success, .icgds .lmn-notification.lmn-notification-warning, .icgds .lmn-notification.lmn-notification-danger { border-top-left-radius: var(--notification_container_left-radius); border-bottom-left-radius: var(--notification_container_left-radius); border-left: 4px solid transparent; } .icgds .lmn-notification.lmn-notification-info { border-left-color: var(--info); } .icgds .lmn-notification.lmn-notification-info .lmn-notification-icon { color: var(--info); } .icgds .lmn-notification.lmn-notification-info .lmn-notification-icon:before { font-family: var(--icon-font-family); content: var(--notification_info-icon); } .icgds .lmn-notification.lmn-notification-danger { border-left-color: var(--danger); } .icgds .lmn-notification.lmn-notification-danger .lmn-notification-icon { color: var(--danger); } .icgds .lmn-notification.lmn-notification-danger .lmn-notification-icon:before { font-family: var(--icon-font-family); content: var(--notification_danger-icon); } .icgds .lmn-notification.lmn-notification-warning { border-left-color: var(--warning); } .icgds .lmn-notification.lmn-notification-warning .lmn-notification-icon { color: var(--warning); } .icgds .lmn-notification.lmn-notification-warning .lmn-notification-icon:before { font-family: var(--icon-font-family); content: var(--notification_warning-icon); } .icgds .lmn-notification.lmn-notification-success { border-left-color: var(--success); } .icgds .lmn-notification.lmn-notification-success .lmn-notification-icon { color: var(--success); } .icgds .lmn-notification.lmn-notification-success .lmn-notification-icon:before { font-family: var(--icon-font-family); content: var(--notification_success-icon); } .icgds .lmn-notification:focus, .icgds .lmn-notification.focus { outline: 2px solid var(--border_focus); outline-offset: -2px; } .icgds .lmn-notification:focus:has(.lmn-notification-inner), .icgds .lmn-notification.focus:has(.lmn-notification-inner) { outline-color: transparent; } .icgds .lmn-notification-closable .lmn-notification-content { padding-right: var(--spacing-one-and-a-half-x); } .icgds .lmn-notification-close { display: flex; color: var(--comp-bg-color-icon); align-items: center; justify-content: center; font-size: var(--font-size-body-md); appearance: none; padding: 0; position: absolute; inset: var(--spacing-x) var(--spacing-three-quarter-x) auto auto; background: none; border: none; cursor: pointer; } .icgds .lmn-notification-close:focus { outline: none; } .icgds .lmn-inverse-notification.lmn-notification-success { border-top-left-radius: var(--border-radius-sm); border-bottom-left-radius: var(--border-radius-sm); border-left-color: var(--success); } .icgds .lmn-inverse-notification.lmn-notification-success .lmn-notification-icon { color: var(--success); } .icgds .lmn-inverse-notification.lmn-notification-warning { border-top-left-radius: var(--border-radius-sm); border-bottom-left-radius: var(--border-radius-sm); border-left-color: var(--warning); } .icgds .lmn-inverse-notification.lmn-notification-warning .lmn-notification-icon { color: var(--warning); } .icgds .lmn-inverse-notification.lmn-notification-danger { border-top-left-radius: var(--border-radius-sm); border-bottom-left-radius: var(--border-radius-sm); border-left-color: var(--danger); } .icgds .lmn-inverse-notification.lmn-notification-danger .lmn-notification-icon { color: var(--danger); } .icgds .lmn-inverse-notification.lmn-notification-info { border-top-left-radius: var(--border-radius-sm); border-bottom-left-radius: var(--border-radius-sm); border-left-color: var(--info); } .icgds .lmn-inverse-notification.lmn-notification-info .lmn-notification-icon { color: var(--info); } .icgds .lmn-notification-container { height: calc(100vh - 144px); max-width: 480px; margin-top: var(--spacing-8); padding: var(--notification-panel_container_vertical-padding) var(--notification-panel_container_horizontal-padding); background-color: var(--notification-panel_fill_container-heading); z-index: var(--popover-z-index); border-radius: var(--notification-panel_container_radius); display: none; } .icgds .lmn-notification-container.lmn-notification-container-open { display: flex; flex-direction: column; } .icgds .lmn-notification-container .lmn-popover-inner { overflow: visible !important; padding-bottom: var(--spacing-16); } .icgds .lmn-notification-container .lmn-popover-inner .lmn-popover-body { display: flex; flex-direction: column; height: 100%; } .icgds .lmn-notification-container-header { margin-bottom: var(--spacing-three-quarter-x); display: flex; align-items: center; } .icgds .lmn-notification-container-header .lmn-notification-container-title { color: var(--heading-primary); font: var(--notification-panel_container-heading_font-type) var(--notification-panel_container-heading_font-size)/var(--notification-panel_container-heading_line-height) var(--notification-panel_container-heading_font-family); color: var(--text_strong); } .icgds .lmn-notification-container-header.lmn-notification-search-open .lmn-notification-container-title { display: none; } .icgds .lmn-notification-container-body { scrollbar-gutter: stable; overflow-y: auto; position: relative; flex-grow: 1; margin: 0 var(--neg-spacing-x) var(--neg-spacing-x) var(--neg-spacing-x); padding: 0 var(--spacing-eighth-x) var(--spacing-x) var(--spacing-x); } .icgds .lmn-notification-container-body.lmn-notification-container-scroll { padding-right: var(--spacing-eighth-x); } .icgds .lmn-notification-group-title { display: inline-block; font-family: var(--notification-panel_stack-heading_font-family); font-size: var(--notification-panel_stack-container_font-size); line-height: var(--notification-panel_stack-container_line-height); font-weight: var(--notification-panel_stack-heading_font-type); margin-top: var(--notification-panel_container_vertical-spacing); margin-bottom: var(--notification-panel_container_vertical-spacing); } .icgds .lmn-notification-group { overflow: visible; } .icgds .lmn-notification-group .lmn-notification { border-radius: 0; margin-bottom: 1px; overflow: visible; padding: var(--spacing-8); box-shadow: none; outline-color: var(--notification-panel-card_border_container); } .icgds .lmn-notification-group .lmn-notification .lmn-notification-inner { border-radius: var(--radius-8); padding: 5px var(--spacing-8) var(--spacing-8) 6px; transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-notification-group .lmn-notification .lmn-notification-indicator { margin-top: var(--spacing-8); margin-right: var(--spacing-4); } .icgds .lmn-notification-group .lmn-notification.lmn-notification-read .lmn-notification-indicator { opacity: 0; } .icgds .lmn-notification-group .lmn-notification .lmn-action-icon { opacity: 0; } .icgds .lmn-notification-group .lmn-notification:first-of-type { border-top-left-radius: var(--notification_container_radius); border-top-right-radius: var(--notification_container_radius); } .icgds .lmn-notification-group .lmn-notification:first-of-type.lmn-notification-success { border-top-left-radius: var(--notification_container_left-radius); } .icgds .lmn-notification-group .lmn-notification:first-of-type.lmn-notification-warning { border-top-left-radius: var(--notification_container_left-radius); } .icgds .lmn-notification-group .lmn-notification:first-of-type.lmn-notification-danger { border-top-left-radius: var(--notification_container_left-radius); } .icgds .lmn-notification-group .lmn-notification:first-of-type.lmn-notification-info { border-top-left-radius: var(--notification_container_left-radius); } .icgds .lmn-notification-group .lmn-notification:last-of-type { border-bottom-right-radius: var(--notification_container_radius); border-bottom-left-radius: var(--notification_container_radius); } .icgds .lmn-notification-group .lmn-notification:last-of-type.lmn-notification-success { border-bottom-left-radius: var(--notification_container_left-radius); } .icgds .lmn-notification-group .lmn-notification:last-of-type.lmn-notification-warning { border-bottom-left-radius: var(--notification_container_left-radius); } .icgds .lmn-notification-group .lmn-notification:last-of-type.lmn-notification-danger { border-bottom-left-radius: var(--notification_container_left-radius); } .icgds .lmn-notification-group .lmn-notification:last-of-type.lmn-notification-info { border-bottom-left-radius: var(--notification_container_left-radius); } .icgds .lmn-notification-group .lmn-notification.lmn-notification-success { padding-left: 6px; } .icgds .lmn-notification-group .lmn-notification.lmn-notification-warning { padding-left: 6px; } .icgds .lmn-notification-group .lmn-notification.lmn-notification-danger { padding-left: 6px; } .icgds .lmn-notification-group .lmn-notification.lmn-notification-info { padding-left: 6px; } .icgds .lmn-notification-group .lmn-notification:hover { z-index: 1; background-color: var(--notification_fill_container_hover); } .icgds .lmn-notification-group .lmn-notification:hover .lmn-action-icon { opacity: 1; } .icgds .lmn-notification-group .lmn-notification:focus, .icgds .lmn-notification-group .lmn-notification:focus-within { z-index: 2; background-color: var(--notification_fill_container_focus); box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-notification-group .lmn-notification:focus .lmn-action-icon, .icgds .lmn-notification-group .lmn-notification:focus-within .lmn-action-icon { opacity: 1; } @media (hover: none) { .icgds .lmn-notification-group .lmn-notification .lmn-action-icon { opacity: 1; } } .icgds .lmn-notification-reload { display: inline-block; position: sticky; z-index: 3; top: 24px; left: 50%; transform: translateX(-50%); margin: 0 auto; height: var(--container_height); background: var(--button_fill_primary); color: var(--button_foreground_primary); padding: var(--button_container_vertical-padding) var(--button_container_padding-right) var(--button_container_vertical-padding) var(--button_icon-container_padding-left); font-weight: var(--font-weight-regular); border-radius: var(--fab_radius); transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out); cursor: pointer; -webkit-user-select: none; user-select: none; font-size: 12px; line-height: 18px; } .icgds .lmn-notification-reload:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-notification-reload:hover { background: var(--button_fill_primary_hover); color: var(--button_foreground_primary_hover); } .icgds .lmn-notification-reload .lmn-notification-reload-icon { color: var(--btn-text-color-primary); margin: 0 2px; font-size: 12px; line-height: 18px; } .icgds .lmn-notification-reload + .lmn-notification-group-title, .icgds .lmn-notification-reload + * .lmn-notification-group-title { margin-top: var(--neg-spacing-three-quarter-x); display: block; } .icgds .lmn-pagination { display: flex; padding: 0; margin: 0; list-style: none; align-items: center; } .icgds .lmn-pagination .lmn-pagination-prev, .icgds .lmn-pagination .lmn-pagination-next, .icgds .lmn-pagination .lmn-pagination-jump-prev, .icgds .lmn-pagination .lmn-pagination-jump-next, .icgds .lmn-pagination .lmn-pagination-item { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; min-width: var(--container_height); min-height: var(--container_height); background: var(--pagination_fill_control); outline: 1px solid var(--pagination_border_control); border: none; color: var(--pagination_foreground_control); border-radius: var(--button_radius); font-size: var(--font-size_body); font-family: var(--family_mono); line-height: var(--line-height_heading-6); margin-right: var(--pagination_page-buttons_horizontal-spacing); transition: background-color 0.3s var(--comp-transition); } .icgds .lmn-pagination .lmn-pagination-prev:hover, .icgds .lmn-pagination .lmn-pagination-next:hover, .icgds .lmn-pagination .lmn-pagination-jump-prev:hover, .icgds .lmn-pagination .lmn-pagination-jump-next:hover, .icgds .lmn-pagination .lmn-pagination-item:hover { background-color: var(--pagination_fill_control_hover); outline-color: var(--pagination_border_control_hover); color: var(--pagination_foreground_control_hover); } .icgds .lmn-pagination .lmn-pagination-prev:active, .icgds .lmn-pagination .lmn-pagination-prev.active, .icgds .lmn-pagination .lmn-pagination-next:active, .icgds .lmn-pagination .lmn-pagination-next.active, .icgds .lmn-pagination .lmn-pagination-jump-prev:active, .icgds .lmn-pagination .lmn-pagination-jump-prev.active, .icgds .lmn-pagination .lmn-pagination-jump-next:active, .icgds .lmn-pagination .lmn-pagination-jump-next.active, .icgds .lmn-pagination .lmn-pagination-item:active, .icgds .lmn-pagination .lmn-pagination-item.active { background-color: var(--pagination_fill_control_active); outline-color: var(--pagination_border_control_active); color: var(--pagination_foreground_control_active); } .icgds .lmn-pagination .lmn-pagination-prev:active:hover, .icgds .lmn-pagination .lmn-pagination-prev.active:hover, .icgds .lmn-pagination .lmn-pagination-next:active:hover, .icgds .lmn-pagination .lmn-pagination-next.active:hover, .icgds .lmn-pagination .lmn-pagination-jump-prev:active:hover, .icgds .lmn-pagination .lmn-pagination-jump-prev.active:hover, .icgds .lmn-pagination .lmn-pagination-jump-next:active:hover, .icgds .lmn-pagination .lmn-pagination-jump-next.active:hover, .icgds .lmn-pagination .lmn-pagination-item:active:hover, .icgds .lmn-pagination .lmn-pagination-item.active:hover { background-color: var(--pagination_fill_control_hover); color: var(--pagination_foreground_control_hover); } .icgds .lmn-pagination .lmn-pagination-prev:active:focus, .icgds .lmn-pagination .lmn-pagination-prev.active:focus, .icgds .lmn-pagination .lmn-pagination-next:active:focus, .icgds .lmn-pagination .lmn-pagination-next.active:focus, .icgds .lmn-pagination .lmn-pagination-jump-prev:active:focus, .icgds .lmn-pagination .lmn-pagination-jump-prev.active:focus, .icgds .lmn-pagination .lmn-pagination-jump-next:active:focus, .icgds .lmn-pagination .lmn-pagination-jump-next.active:focus, .icgds .lmn-pagination .lmn-pagination-item:active:focus, .icgds .lmn-pagination .lmn-pagination-item.active:focus { background-color: var(--pagination_fill_control_active); color: var(--pagination_foreground_control_active); } .icgds .lmn-pagination .lmn-pagination-prev:focus, .icgds .lmn-pagination .lmn-pagination-next:focus, .icgds .lmn-pagination .lmn-pagination-jump-prev:focus, .icgds .lmn-pagination .lmn-pagination-jump-next:focus, .icgds .lmn-pagination .lmn-pagination-item:focus { background-color: var(--pagination_fill_control_focus); outline: 2px solid var(--pagination_border_control_focus); outline-offset: -2px; color: var(--pagination_foreground_control_focus); } .icgds .lmn-pagination .lmn-pagination-prev:focus:hover, .icgds .lmn-pagination .lmn-pagination-next:focus:hover, .icgds .lmn-pagination .lmn-pagination-jump-prev:focus:hover, .icgds .lmn-pagination .lmn-pagination-jump-next:focus:hover, .icgds .lmn-pagination .lmn-pagination-item:focus:hover { background-color: var(--pagination_fill_control_hover); color: var(--pagination_foreground_control_hover); } .icgds .lmn-pagination .lmn-pagination-prev.disabled, .icgds .lmn-pagination .lmn-pagination-next.disabled, .icgds .lmn-pagination .lmn-pagination-jump-prev.disabled, .icgds .lmn-pagination .lmn-pagination-jump-next.disabled, .icgds .lmn-pagination .lmn-pagination-item.disabled { background-color: var(--pagination_fill_control_disabled); outline-color: var(--pagination_border_control_disabled); color: var(--pagination_foreground_control_disabled); cursor: not-allowed; } .icgds .lmn-pagination .lmn-pagination-input-wrapper { margin: 0 var(--spacing-8); font-size: var(--font-size-body-md); font-weight: var(--font-weight-regular); line-height: var(--comp-line-height); color: var(--text_strong); } .icgds .lmn-pagination .lmn-pagination-input-wrapper .lmn-input, .icgds .lmn-pagination .lmn-pagination-input-wrapper input { padding-left: 0; padding-right: 0; width: calc(var(--spacing-32) + var(--spacing-4)); text-align: center; } .icgds .lmn-pagination .lmn-pagination-separator { margin: 0 var(--spacing-8); color: var(--text_weak); } .icgds .lmn-pagination .lmn-pagination-total-text { margin-right: var(--pagination_page-buttons_horizontal-spacing); color: var(--text_weak); font-size: var(--font-size_body); line-height: var(--line-height_heading-6); } .icgds .lmn-pagination .lmn-pagination-size-changer { display: flex; align-items: center; } .icgds .lmn-pagination .lmn-pagination-size-changer .lmn-input { font-family: var(--family_mono); } .icgds .lmn-pagination .lmn-pagination-quick-jumper { margin-left: var(--spacing-8); } .icgds .lmn-pagination .lmn-pagination-quick-jumper .lmn-form-group { margin-bottom: 0px; } .icgds .lmn-pagination .lmn-pagination-quick-jumper .lmn-input { width: var(--container_height); font-family: var(--family_mono); } .icgds .lmn-pagination .lmn-pagination-size-changer label, .icgds .lmn-pagination .lmn-pagination-quick-jumper label { font-size: var(--font-size_body); line-height: var(--line-height_heading-6); color: var(--text_weak); font-weight: 400; margin-right: var(--pagination_horizontal-spacing); } @keyframes fade-in { from { opacity: 0; } } @keyframes slide-up { from { transform: translateY(20px); opacity: 0; } } .icgds .lmnicon-ai:before { background: var(--ai-gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .icgds .lmn-input-prompt { appearance: none; display: inline-block; font: var(--type_text-regular) var(--font-size_body)/var(--line-height_heading-6) var(--family_sans); background-color: var(--field_fill); color: var(--field_foreground); outline: var(--field_border-width) solid var(--field_border); outline-offset: -1px; width: 100%; height: var(--field_container_height); min-height: var(--field_container_height); padding: var(--field_container_vertical-padding) var(--field_container_horizontal-padding); border-radius: var(--field_radius); border: 0; transition-property: border, background, outline, color, outline; transition-duration: var(--motion-duration-fast-3); transition-timing-function: var(--comp-transition); position: relative; height: 62px; padding: 12px; position: relative; display: flex; align-items: center; width: 100%; position: relative; outline: none; border-color: transparent; border-width: 1px; border-style: solid; transition-property: border, outline, color, outline, box-shadow; border-radius: var(--ai-prompt-input_radius); background: linear-gradient(var(--field_fill), var(--field_fill)) padding-box, var(--ai-gradient-border) !important; } .icgds .lmn-input-prompt:has(.lmn-input-suffix-icon), .icgds .lmn-input-prompt:has(.lmn-dropdown-trigger-icon) { padding-right: var(--field_icon-container_horizontal-padding); } .icgds .lmn-input-prompt:has(.lmn-input-prefix-icon), .icgds .lmn-input-prompt:has(.lmn-select-input) { padding-left: var(--field_icon-container_horizontal-padding); } .icgds .lmn-input-prompt::placeholder { transition: color var(--motion-duration-fast-3) var(--comp-transition); color: var(--field_foreground_placeholder); } .icgds .lmn-input-prompt:required { color: var(--field_foreground); } .icgds .lmn-input-prompt:active, .icgds .lmn-input-prompt.active { outline-color: var(--field_border_active); outline-width: var(--field_border-width_active); color: var(--field_foreground_active); background-color: var(--field_fill_active); } .icgds .lmn-input-prompt:focus, .icgds .lmn-input-prompt.focus, .icgds .lmn-input-prompt:has(*:focus:not(.lmn-action-icon)) { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_focus); outline-width: var(--field_border-width_focus); color: var(--field_foreground_focus); background-color: var(--field_fill_focus); } .icgds .lmn-input-prompt:invalid, .icgds .lmn-input-prompt.invalid, .icgds .lmn-input-prompt:has(input:invalid), .icgds .lmn-input-prompt[aria-invalid], .icgds .lmn-input-prompt.lmn-invalid { outline-color: var(--field_border_danger); color: var(--field_foreground_danger); background-color: var(--field_fill_danger); } .icgds .lmn-input-prompt:invalid.focus, .icgds .lmn-input-prompt:invalid:focus-within, .icgds .lmn-input-prompt:invalid:focus:enabled:not(.disabled), .icgds .lmn-input-prompt.invalid.focus, .icgds .lmn-input-prompt.invalid:focus-within, .icgds .lmn-input-prompt.invalid:focus:enabled:not(.disabled), .icgds .lmn-input-prompt:has(input:invalid).focus, .icgds .lmn-input-prompt:has(input:invalid):focus-within, .icgds .lmn-input-prompt:has(input:invalid):focus:enabled:not(.disabled), .icgds .lmn-input-prompt[aria-invalid].focus, .icgds .lmn-input-prompt[aria-invalid]:focus-within, .icgds .lmn-input-prompt[aria-invalid]:focus:enabled:not(.disabled), .icgds .lmn-input-prompt.lmn-invalid.focus, .icgds .lmn-input-prompt.lmn-invalid:focus-within, .icgds .lmn-input-prompt.lmn-invalid:focus:enabled:not(.disabled) { outline-color: var(--border_error); background-color: var(--field_fill_danger); } .icgds .lmn-input-prompt[read-only], .icgds .lmn-input-prompt.read-only, .icgds .lmn-input-prompt.lmn-read-only, .icgds .lmn-input-prompt:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)) { outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-input-prompt[read-only]:focus, .icgds .lmn-input-prompt[read-only].focus, .icgds .lmn-input-prompt.read-only:focus, .icgds .lmn-input-prompt.read-only.focus, .icgds .lmn-input-prompt.lmn-read-only:focus, .icgds .lmn-input-prompt.lmn-read-only.focus, .icgds .lmn-input-prompt:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)):focus, .icgds .lmn-input-prompt:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)).focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-input-prompt[disabled], .icgds .lmn-input-prompt.disabled { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-input-prompt[disabled]::placeholder, .icgds .lmn-input-prompt.disabled::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-input-prompt[disabled]:focus, .icgds .lmn-input-prompt[disabled]:focus-within, .icgds .lmn-input-prompt.disabled:focus, .icgds .lmn-input-prompt.disabled:focus-within { box-shadow: none; } .icgds .lmn-input-prompt .lmn-input-prompt-row { display: flex; align-items: center; width: 100%; min-height: 0; } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-input { min-height: 80px; } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-input .lmn-input-prefix-icon { font-size: 24px !important; width: 32px; height: 32px; margin-right: 0px; } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-input .lmn-input-prefix-icon:before { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-input .lmn-input { font-size: var(--font-size_heading-5); line-height: var(--line-height_heading-5); margin-left: 4px; } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-input .lmn-btn { margin-left: auto; } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-items { align-items: flex-start; flex-wrap: wrap; gap: var(--spacing-8); margin-bottom: var(--spacing-16); } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-actions-bar { position: relative; } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-actions-bar .lmn-input-prompt-actions { display: flex; gap: 8px; } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-actions-bar .lmn-input-prompt-actions-right { display: flex; align-items: center; margin-left: auto; } .icgds .lmn-input-prompt .lmn-input-prompt-row.lmn-input-prompt-actions-bar .lmn-tag { animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-in, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-up; } .icgds .lmn-input-prompt .lmn-upload.lmn-upload-horizontal { overflow-x: auto; overflow-y: clip; scrollbar-gutter: stable; } .icgds .lmn-input-prompt .lmn-upload.lmn-upload-horizontal .lmn-upload-list { width: 100%; flex-flow: row nowrap; } .icgds .lmn-input-prompt .lmn-upload.lmn-upload-horizontal .lmn-upload-list .lmn-upload-list-item { display: inline-flex; margin: 0; min-width: 250px; } .icgds .lmn-input-prompt .lmn-upload-list-item-wrapper { animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-in, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-up; } .icgds .lmn-input-prompt .lmn-upload-list-item-wrapper:not(:has(small)) { padding-bottom: 20px; } .icgds .lmn-input-prompt .lmn-input-prompt-submit-btn { margin-left: auto; } .icgds .lmn-input-prompt .lmn-input-prompt-submit-btn .lmnicon { font-size: 24px; } .icgds .lmn-input-prompt .lmn-input-prompt-character-count { margin: 0 var(--spacing-8); color: var(--hint_foreground); font-size: var(--hint_font-size); line-height: var(--hint_line-height); } .icgds .lmn-input-prompt ~ .lmn-input-prompt-help-text { margin-top: var(--field_container_vertical-spacing); padding: var(--spacing-4) var(--spacing-16); } .icgds .lmn-input-prompt .lmn-context-menu { position: absolute; z-index: 10; animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-in, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-up; } .icgds .lmn-input-prompt .lmn-context-menu .lmn-menu-item-multi-line { height: unset; min-height: var(--context-menu-item_height); align-items: flex-start; line-height: var(--line-height_paragraph); border-radius: var(--border-radius-md); } .icgds .lmn-input-prompt .lmn-context-menu .lmn-menu-item-multi-line .lmn-menu-item-content { min-width: 0px; flex: 1 1 0; display: flex; flex-direction: column; } .icgds .lmn-input-prompt .lmn-context-menu .lmn-menu-item-multi-line div { white-space: normal; } .icgds .lmn-input-prompt .lmn-input, .icgds .lmn-input-prompt .lmn-select-input, .icgds .lmn-input-prompt .lmn-textarea { outline: 0; padding: 0; border-radius: 0; background-color: transparent; height: unset; flex: 1 1 0; } .icgds .lmn-input-prompt .lmn-input:focus, .icgds .lmn-input-prompt .lmn-input:disabled, .icgds .lmn-input-prompt .lmn-select-input:focus, .icgds .lmn-input-prompt .lmn-select-input:disabled, .icgds .lmn-input-prompt .lmn-textarea:focus, .icgds .lmn-input-prompt .lmn-textarea:disabled { border: none !important; box-shadow: none !important; background-color: transparent !important; } .icgds .lmn-input-prompt .lmn-textarea { resize: none; field-sizing: content; max-height: calc(var(--line-height-body-24) * 7); margin-left: 4px; margin-top: 4px; margin-bottom: 4px; font: var(--type_text-regular) var(--font-size-16)/var(--line-height-body-24) var(--family_sans); } .icgds .lmn-input-prompt .lmn-input-prefix-icon, .icgds .lmn-input-prompt .lmn-input-suffix-icon, .icgds .lmn-input-prompt .lmn-input-clear-icon { font-size: var(--icon_size_lg); flex-shrink: 0; font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-input-prompt .lmn-input-prefix-text, .icgds .lmn-input-prompt .lmn-input-suffix-text { line-height: var(--line-height_heading-6); font-size: var(--font-size_body); color: var(--text_weak); -webkit-user-select: none; user-select: none; } .icgds .lmn-input-prompt:has(.lmn-input-prefix-icon) { padding-left: var(--spacing-16); } .icgds .lmn-input-prompt .lmn-input-prefix-icon, .icgds .lmn-input-prompt .lmn-input-prefix-text { order: -1; margin-right: var(--container_horizontal-spacing); } .icgds .lmn-input-prompt .lmn-input-suffix-icon, .icgds .lmn-input-prompt .lmn-input-suffix-text { order: 1; margin-left: var(--container_horizontal-spacing); } .icgds .lmn-input-prompt.lmn-input-text-wrap { height: unset; } .icgds .lmn-input-prompt.lmn-input-prompt-advanced { height: unset; display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; padding: 8px 0px 16px 0px; } .icgds .lmn-input-prompt.lmn-input-prompt-advanced .lmn-input-prompt-input { align-items: flex-start; margin-bottom: var(--spacing-16); padding: 8px 12px 0px 16px; } .icgds .lmn-input-prompt.lmn-input-prompt-advanced .lmn-input-prompt-items, .icgds .lmn-input-prompt.lmn-input-prompt-advanced .lmn-input-prompt-actions-bar { padding: 0px 12px 0px 16px; } .icgds .lmn-input-prompt.lmn-input-prompt-advanced .lmn-input-prompt-rich-text-editor { padding-left: 8px; padding-right: 4px; } .icgds .lmn-input-prompt:invalid, .icgds .lmn-input-prompt.invalid, .icgds .lmn-input-prompt:has(:invalid), .icgds .lmn-input-prompt[aria-invalid], .icgds .lmn-input-prompt.lmn-invalid { border-color: var(--field_border_danger); background: var(--field_fill_danger) !important; } .icgds .lmn-input-prompt:invalid textarea, .icgds .lmn-input-prompt:invalid input, .icgds .lmn-input-prompt.invalid textarea, .icgds .lmn-input-prompt.invalid input, .icgds .lmn-input-prompt:has(:invalid) textarea, .icgds .lmn-input-prompt:has(:invalid) input, .icgds .lmn-input-prompt[aria-invalid] textarea, .icgds .lmn-input-prompt[aria-invalid] input, .icgds .lmn-input-prompt.lmn-invalid textarea, .icgds .lmn-input-prompt.lmn-invalid input { background: transparent !important; } .icgds .lmn-input-prompt:active, .icgds .lmn-input-prompt.active, .icgds .lmn-input-prompt:has(:active) { background: var(--field_fill_active) !important; border-color: var(--border_active); } .icgds .lmn-input-prompt:has(.lmn-upload-list-item-error) { border-color: var(--field_border_danger) !important; } .icgds .lmn-input-prompt:has(.lmn-upload-list-item-error) ~ .lmn-hint-text { color: var(--hint_foreground_danger) !important; } .icgds .lmn-input-prompt:has(.lmn-upload-list-item-error) ~ .lmn-hint-text::before { content: var(--field_icon_error); font-family: var(--icon-font-family); font-size: 20px; margin-right: var(--size-4); } .icgds .lmn-input-prompt[read-only], .icgds .lmn-input-prompt.read-only, .icgds .lmn-input-prompt.lmn-read-only, .icgds .lmn-input-prompt:has(input[readonly]), .icgds .lmn-input-prompt:has(textarea[readonly]) { background: var(--field_fill_read-only) !important; border-color: var(--field_border_read-only) !important; } .icgds .lmn-input-prompt.disabled, .icgds .lmn-input-prompt[disabled], .icgds .lmn-input-prompt:has(input:is(:disabled)) { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; background: var(--field_fill_disabled) !important; border-color: var(--field_border_disabled) !important; } .icgds .lmn-input-prompt.disabled::placeholder, .icgds .lmn-input-prompt[disabled]::placeholder, .icgds .lmn-input-prompt:has(input:is(:disabled))::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-input-prompt.disabled:focus, .icgds .lmn-input-prompt.disabled:focus-within, .icgds .lmn-input-prompt[disabled]:focus, .icgds .lmn-input-prompt[disabled]:focus-within, .icgds .lmn-input-prompt:has(input:is(:disabled)):focus, .icgds .lmn-input-prompt:has(input:is(:disabled)):focus-within { box-shadow: none; } .icgds .lmn-input-prompt.disabled .lmn-input-prefix-icon, .icgds .lmn-input-prompt.disabled .lmn-input-suffix-icon, .icgds .lmn-input-prompt.disabled .lmn-input-clear-icon, .icgds .lmn-input-prompt.disabled .lmn-input-prefix-text, .icgds .lmn-input-prompt.disabled .lmn-input-suffix-text, .icgds .lmn-input-prompt.disabled .lmnicon-caret-down, .icgds .lmn-input-prompt[disabled] .lmn-input-prefix-icon, .icgds .lmn-input-prompt[disabled] .lmn-input-suffix-icon, .icgds .lmn-input-prompt[disabled] .lmn-input-clear-icon, .icgds .lmn-input-prompt[disabled] .lmn-input-prefix-text, .icgds .lmn-input-prompt[disabled] .lmn-input-suffix-text, .icgds .lmn-input-prompt[disabled] .lmnicon-caret-down, .icgds .lmn-input-prompt:has(input:is(:disabled)) .lmn-input-prefix-icon, .icgds .lmn-input-prompt:has(input:is(:disabled)) .lmn-input-suffix-icon, .icgds .lmn-input-prompt:has(input:is(:disabled)) .lmn-input-clear-icon, .icgds .lmn-input-prompt:has(input:is(:disabled)) .lmn-input-prefix-text, .icgds .lmn-input-prompt:has(input:is(:disabled)) .lmn-input-suffix-text, .icgds .lmn-input-prompt:has(input:is(:disabled)) .lmnicon-caret-down { color: var(--text_disabled) !important; } .icgds .lmn-input-prompt.disabled input::placeholder, .icgds .lmn-input-prompt[disabled] input::placeholder, .icgds .lmn-input-prompt:has(input:is(:disabled)) input::placeholder { color: var(--text_disabled) !important; } .icgds .lmn-input-prompt-hint-text { padding: var(--spacing-4) var(--spacing-16); } .icgds .lmn-radio { display: inline-flex; flex-shrink: 0; position: relative; cursor: pointer; margin-right: var(--spacing-8); } .icgds .lmn-radio .lmn-control-input { z-index: 1; cursor: pointer; width: 100%; height: 100%; } .icgds .lmn-radio:disabled { cursor: not-allowed; } .icgds .lmn-radio input { margin: 0; } .icgds .lmn-radio .lmn-control-input { position: absolute; inset: 0; opacity: 0; } .icgds .lmn-radio .lmn-control-input ~ .lmn-control-icon { border-radius: 50%; width: var(--control_size); height: var(--control_size); background: var(--control_fill); outline: 1px solid var(--control_border); outline-offset: -1px; position: relative; display: block; visibility: visible; transition-property: background, outline-color; transition-duration: 0.3s; transition-timing-function: var(--comp-transition); } .icgds .lmn-radio .lmn-control-input ~ .lmn-control-icon::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: calc(var(--control_size) - var(--control_radio_padding) * 2); width: calc(var(--control_size) - var(--control_radio_padding) * 2); border-radius: var(--border-radius-circle); background: transparent; transition: all 0.3s var(--comp-transition); } .icgds .lmn-radio .lmn-control-input:hover ~ .lmn-control-icon::before { background: var(--control_foreground_hover); } .icgds .lmn-radio .lmn-control-input:focus ~ .lmn-control-icon { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline: 1px solid var(--control_border_focus); outline-offset: -1px; } .icgds .lmn-radio .lmn-control-input:disabled, .icgds .lmn-radio .lmn-control-input .disabled { cursor: not-allowed; } .icgds .lmn-radio .lmn-control-input:disabled ~ .lmn-control-icon, .icgds .lmn-radio .lmn-control-input .disabled ~ .lmn-control-icon { cursor: not-allowed; outline-color: var(--control_border_disabled); background: var(--control_fill_disabled); } .icgds .lmn-radio .lmn-control-input:disabled ~ .lmn-control-icon::before, .icgds .lmn-radio .lmn-control-input .disabled ~ .lmn-control-icon::before { background: transparent; } .icgds .lmn-radio .lmn-control-input:checked ~ .lmn-control-icon { outline-color: var(--control_border_active); background: var(--control_fill_active); } .icgds .lmn-radio .lmn-control-input:checked ~ .lmn-control-icon::before { background: var(--control_foreground_active); } .icgds .lmn-radio .lmn-control-input:checked:disabled, .icgds .lmn-radio .lmn-control-input:checked .disabled { cursor: not-allowed; } .icgds .lmn-radio .lmn-control-input:checked:disabled ~ .lmn-control-icon, .icgds .lmn-radio .lmn-control-input:checked .disabled ~ .lmn-control-icon { outline-color: var(--control_border_disabled); background: var(--control_fill_disabled); } .icgds .lmn-radio .lmn-control-input:checked:disabled ~ .lmn-control-icon::before, .icgds .lmn-radio .lmn-control-input:checked .disabled ~ .lmn-control-icon::before { background: var(--control_foreground_disabled); } .icgds .lmn-form-group label ~ .lmn-selection-control, .icgds .lmn-form-group label .lmn-selection-control { margin-top: var(--spacing-half-x); } .icgds .lmn-selection-control-group .lmn-selection-control { margin-bottom: var(--spacing-half-x); } .icgds .lmn-form-group .lmn-selection-control, .icgds .lmn-selection-control { color: var(--text_strong); font-weight: var(--font-weight-regular); display: flex; align-items: center; font-size: 14px; line-height: 18px; cursor: pointer; transition-property: background-color, border-color, box-shadow; transition-duration: var(--comp-transition-duration); transition-timing-function: var(--comp-transition); } .icgds .lmn-form-group .lmn-selection-control.lmn-selection-control-inline, .icgds .lmn-selection-control.lmn-selection-control-inline { display: inline-flex; margin-right: var(--spacing-12); } .icgds .lmn-form-group .lmn-selection-control:disabled, .icgds .lmn-form-group .lmn-selection-control.disabled, .icgds .lmn-selection-control:disabled, .icgds .lmn-selection-control.disabled { color: var(--text_disabled); cursor: not-allowed; } .icgds .lmn-form-group .lmn-selection-control.lmn-input-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.lmn-invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.needs-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control:has(:invalid) .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-input-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control.needs-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control:has(:invalid) .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon, .icgds .lmn-selection-control.invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input ~ .lmn-control-icon { outline-color: var(--control_border_error); background: var(--control_fill_error); } .icgds .lmn-form-group .lmn-selection-control.lmn-input-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.lmn-invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.needs-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control:has(:invalid) .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-form-group .lmn-selection-control.invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-input-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control.lmn-invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control.needs-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control:has(:invalid) .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon, .icgds .lmn-selection-control.invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input:focus ~ .lmn-control-icon { outline: 2px solid var(--control_border_focus); outline-offset: -2px; } .icgds .lmn-form-group .lmn-selection-control.lmn-input-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.lmn-invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.needs-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control:has(:invalid) .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-form-group .lmn-selection-control.invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.lmn-input-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.lmn-invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.needs-validation .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control:has(:invalid) .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.invalid .lmn-radio:not(.lmn-radio-native) .lmn-control-input:checked ~ .lmn-control-icon::before { background: var(--control_foreground_error); } .icgds .lmn-rich-text-editor-toggle { padding: 8px; position: relative; margin-right: 5px; } .icgds .lmn-rich-text-editor-toggle-divider { margin: 0 8px; width: 1px; height: 32px; background: var(--border_strong); } .icgds .lmn-rich-text-editor { width: 100%; } .icgds .ql-toolbar.ql-snow, .icgds .ql-container.ql-snow { border: none; font-size: var(--font-size_body); font-family: var(--family_sans); } .icgds .ql-toolbar.ql-snow { padding: 0 var(--spacing-8); min-height: 54px; background: var(--layer_secondary); width: 100%; display: flex; gap: var(--spacing-8); margin-bottom: var(--spacing-8); border-radius: var(--radius-full); } .icgds .ql-container.ql-snow { width: 100%; } .icgds .ql-container.ql-snow .ql-editor { padding: 0; } .icgds .ql-toolbar button { height: var(--button_container_height); } .icgds .ql-toolbar button .lmnicon { margin: 0; } .icgds .ql-toolbar button.ql-active { outline: none; background-color: var(--button_fill_ghost_active); color: var(--button_foreground_ghost_active); border-color: var(--button_border_ghost_active); } .icgds .ql-snow.ql-toolbar, .icgds .ql-snow .ql-toolbar { display: flex; align-items: center; flex-wrap: wrap; } .icgds .ql-snow.ql-toolbar button, .icgds .ql-snow .ql-toolbar button { padding: 0; } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker), .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) { background-color: var(--field_fill); outline: var(--field_border-width) solid var(--field_border); outline-offset: -1px; height: var(--container_height); min-height: var(--container_height); width: auto; padding: var(--field_container_vertical-padding) var(--field_container_horizontal-padding) var(--field_container_vertical-padding) var(--field_container_horizontal-padding); padding-right: var(--field_icon-container_horizontal-padding); border-radius: var(--field_radius); border: 0; transition-property: border, background, outline, color, outline; transition-duration: var(--motion-duration-fast-3); transition-timing-function: var(--comp-transition); } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-label { padding: 0; display: flex; align-items: center; font: var(--type_text-regular) var(--font-size_body)/var(--line-height_heading-6) var(--family_sans); color: var(--field_foreground); } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-label svg, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-label svg { width: 0px !important; } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus-within, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus-within, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_focus); outline-width: var(--field_border-width_focus); background-color: var(--field_fill_focus); } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus .ql-picker-label, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus-within .ql-picker-label, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .ql-picker-label, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus-within .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).ql-expanded .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):focus .ql-picker-label { color: var(--field_foreground_focus); border-color: transparent !important; } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):hover, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).hover, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):hover, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).hover { background: var(--field_fill_hover); } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):hover .ql-picker-label, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):hover .ql-picker-label:hover, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).hover .ql-picker-label, .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).hover .ql-picker-label:hover, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):hover .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker):hover .ql-picker-label:hover, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).hover .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker).hover .ql-picker-label:hover { color: var(--field_foreground_hover); } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-item, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-item { border-radius: var(--context-menu-item_radius); padding: var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-right) var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-left); } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-item:hover, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-item:hover { background: var(--context-menu-item_fill_hover); color: var(--context-menu-item_foreground_hover); outline-color: var(--context-menu-item_border_hover); } .icgds .ql-snow.ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-item.ql-selected, .icgds .ql-snow .ql-toolbar .ql-picker:not(.ql-icon-picker):not(.ql-color-picker) .ql-picker-item.ql-selected { background: var(--context-menu-item_fill_active); color: var(--context-menu-item_foreground_active); outline-color: var(--context-menu-item_border_active); } .icgds .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .icgds .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke { stroke: var(--text_active) !important; } .icgds .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .icgds .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill { fill: var(--text_active) !important; } .icgds .ql-snow.ql-toolbar .ql-picker-options, .icgds .ql-snow .ql-toolbar .ql-picker-options { background: var(--context-menu_fill); border: none; box-shadow: var(--shadow_overlay); border-radius: var(--context-menu_radius); padding: var(--context-menu_padding); } .icgds .ql-snow.ql-toolbar .ql-icon-picker, .icgds .ql-snow .ql-toolbar .ql-icon-picker { width: auto; } .icgds .ql-snow.ql-toolbar .ql-icon-picker .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-icon-picker .ql-picker-label { padding: 0; display: flex; align-items: center; border: none; } .icgds .ql-snow.ql-toolbar .ql-icon-picker .ql-picker-label .lmnicon, .icgds .ql-snow .ql-toolbar .ql-icon-picker .ql-picker-label .lmnicon { width: 24px; height: 24px; font-size: 18px; align-items: center; justify-content: center; } .icgds .ql-snow.ql-toolbar .ql-icon-picker .ql-picker-label:after, .icgds .ql-snow .ql-toolbar .ql-icon-picker .ql-picker-label:after { content: var(--dropdown_trigger_icon); font-family: "ICGDSIcons" !important; width: 24px; height: 24px; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; position: relative; } .icgds .ql-snow.ql-toolbar .ql-icon-picker .ql-picker-item, .icgds .ql-snow .ql-toolbar .ql-icon-picker .ql-picker-item { width: auto; height: auto; padding: var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-right) var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-right); } .icgds .ql-snow.ql-toolbar .ql-icon-picker.ql-expanded .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-icon-picker.ql-expanded .ql-picker-label { color: var(--text_active); } .icgds .ql-snow.ql-toolbar .ql-color-picker .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-color-picker .ql-picker-label { display: flex; align-items: center; justify-content: center; } .icgds .ql-snow.ql-toolbar .ql-color-picker.ql-expanded, .icgds .ql-snow .ql-toolbar .ql-color-picker.ql-expanded { outline: none; background-color: var(--button_fill_ghost_active); color: var(--button_foreground_ghost_active); border-color: var(--button_border_ghost_active); } .icgds .ql-snow.ql-toolbar .ql-color-picker.ql-expanded .ql-picker-label, .icgds .ql-snow .ql-toolbar .ql-color-picker.ql-expanded .ql-picker-label { border: none; color: inherit; } .icgds .ql-snow.ql-toolbar .ql-color-picker .ql-picker-item, .icgds .ql-snow .ql-toolbar .ql-color-picker .ql-picker-item { width: 24px; height: 24px; border-radius: 999px; border: none; } .icgds .ql-snow.ql-toolbar .ql-direction span:last-child, .icgds .ql-snow .ql-toolbar .ql-direction span:last-child { display: none; } .icgds .ql-snow.ql-toolbar .ql-direction.ql-active span:first-child, .icgds .ql-snow .ql-toolbar .ql-direction.ql-active span:first-child { display: none; } .icgds .ql-snow.ql-toolbar .ql-direction.ql-active span:last-child, .icgds .ql-snow .ql-toolbar .ql-direction.ql-active span:last-child { display: inline; } .icgds .ql-snow.ql-toolbar .ql-fill, .icgds .ql-snow .ql-toolbar .ql-fill { fill: var(--text_strong); } .icgds .ql-snow.ql-toolbar .ql-stroke, .icgds .ql-snow .ql-toolbar .ql-stroke { stroke: var(--text_strong); } .icgds .ql-snow.ql-toolbar.ql-toolbar button:hover .ql-picker, .icgds .ql-snow .ql-toolbar.ql-toolbar button:hover .ql-picker { color: var(--text_strong); } .icgds .ql-snow.ql-toolbar.ql-toolbar button:hover .ql-fill, .icgds .ql-snow .ql-toolbar.ql-toolbar button:hover .ql-fill { fill: var(--text_strong); } .icgds .ql-snow.ql-toolbar.ql-toolbar button:hover .ql-stroke, .icgds .ql-snow .ql-toolbar.ql-toolbar button:hover .ql-stroke { stroke: var(--text_strong); } .icgds .lmn-read-only .ql-toolbar { display: none; } .icgds .disabled .ql-snow .ql-picker { color: var(--text_disabled); } .icgds .disabled .ql-snow .ql-fill { fill: var(--text_disabled); } .icgds .disabled .ql-snow .ql-stroke { stroke: var(--text_disabled); } .icgds .disabled .ql-snow.ql-toolbar button:hover { cursor: not-allowed; } .icgds .disabled .ql-snow.ql-toolbar button:hover .ql-picker { color: var(--text_disabled); } .icgds .disabled .ql-snow.ql-toolbar button:hover .ql-fill { fill: var(--text_disabled); } .icgds .disabled .ql-snow.ql-toolbar button:hover .ql-stroke { stroke: var(--text_disabled); } .icgds .ql-divider { float: left; width: 1px; height: 24px; margin: 0 8px; background-color: var(--border_strong); } .icgds .ql-editor { padding: 4px 8px; min-height: calc(var(--field_line-height_multi-line) * 5 + 4px); max-height: calc(var(--field_line-height_multi-line) * 8 + 4px); } .icgds .ql-editor p { font: var(--type_text-regular) var(--field_font-size)/var(--field_line-height_multi-line) var(--family_sans); } .icgds .ql-editor .ql-size-small, .icgds .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: var(--font-size_support); line-height: var(--line-height_support); } .icgds .ql-editor .ql-size-large, .icgds .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: var(--font-size_heading-3); line-height: var(--line-height_heading-3); } .icgds .ql-editor .ql-size-huge, .icgds .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: var(--font-size_display-3); line-height: var(--line-height_display-3); } .icgds .ql-editor.ql-blank { position: relative; } .icgds .ql-editor.ql-blank::before { left: 0; font: var(--type_text-regular) var(--field_font-size)/var(--field_line-height_multi-line) var(--family_sans); color: var(--field_foreground_placeholder); } .icgds .lmn-ql-picker .ql-picker-label:after { content: var(--dropdown_trigger_icon); font-family: "ICGDSIcons" !important; width: 24px; height: 24px; margin-left: 8px; display: inline-flex; align-items: center; justify-content: center; position: relative; transition: transform var(--motion-duration-fast-3) var(--comp-transition); } .icgds .lmn-ql-picker.ql-expanded .ql-picker-label:after { transform: rotate(180deg); } .icgds .ql-picker.ql-font .ql-picker-label[data-value=citi-sans]::before, .icgds .ql-picker.ql-font .ql-picker-item[data-value=citi-sans]::before { font-family: "Citi Sans", sans-serif; content: "Citi Sans" !important; } .icgds .ql-font-citi-sans { font-family: "Citi Sans", sans-serif; } .icgds .ql-picker.ql-font .ql-picker-label[data-value=citi-display]::before, .icgds .ql-picker.ql-font .ql-picker-item[data-value=citi-display]::before { font-family: "Citi Sans Display", sans-serif; content: "Citi Sans Display" !important; } .icgds .ql-font-citi-display { font-family: "Citi Sans Display", sans-serif; } .icgds .ql-picker.ql-font .ql-picker-label[data-value=citi-serif]::before, .icgds .ql-picker.ql-font .ql-picker-item[data-value=citi-serif]::before { font-family: "Citi Serif", serif; content: "Citi Serif" !important; } .icgds .ql-font-citi-serif { font-family: "Citi Serif", serif; } .icgds .ql-picker.ql-font .ql-picker-label[data-value=citi-mono]::before, .icgds .ql-picker.ql-font .ql-picker-item[data-value=citi-mono]::before { font-family: "Citi Sans Mono", monospace; content: "Citi Sans Mono" !important; } .icgds .ql-font-citi-mono { font-family: "Citi Sans Mono", monospace; } .icgds .ql-bubble .ql-fill { fill: var(--tooltip_foreground); } .icgds .ql-bubble .ql-stroke { stroke: var(--tooltip_foreground); } .icgds .ql-bubble .ql-editor { padding: 0; } .icgds .ql-bubble .ql-toolbar .ql-picker-label:hover, .icgds .ql-bubble .ql-toolbar .ql-header:hover { color: var(--text_active) !important; } .icgds .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .icgds .ql-bubble .ql-toolbar .ql-header:hover .ql-stroke { stroke: var(--text_active) !important; } .icgds .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .icgds .ql-bubble .ql-toolbar .ql-header:hover .ql-fill { fill: var(--text_active) !important; } .icgds .ql-bubble .ql-tooltip-editor { position: relative; } .icgds .ql-bubble .ql-tooltip-editor input[type=text] { position: relative; font: var(--type_text-regular) var(--font-size_body)/var(--line-height_heading-6) var(--family_sans); background-color: var(--field_fill); color: var(--field_foreground); outline: var(--field_border-width) solid var(--field_border); outline-offset: -1px; width: 100%; height: var(--field_container_height); min-height: var(--field_container_height); padding: var(--field_container_vertical-padding) var(--field_container_horizontal-padding); border-radius: var(--field_radius); } .icgds .ql-bubble .ql-tooltip-editor a { position: absolute; height: 100%; top: 0; right: 12px; display: flex; align-items: center; } .icgds .ql-bubble .ql-tooltip-editor a:before { content: var(--icon-close); font-family: var(--icon-font-family); color: var(--field_foreground); } .icgds .ql-tooltip { background: var(--tooltip_fill); color: var(--tooltip_foreground); border-radius: var(--tooltip_radius); padding: var(--tooltip_padding); } .icgds .ql-tooltip .ql-action, .icgds .ql-tooltip .ql-remove, .icgds .ql-tooltip .ql-preview { color: var(--tooltip_foreground); } .icgds .ql-tooltip .ql-toolbar { display: flex; align-items: center; } .icgds .lmn-textarea:has(.ql-toolbar), .icgds .lmn-input-prompt:has(.ql-toolbar), .icgds .lmn-input-prompt.lmn-input-prompt-advanced:has(.ql-toolbar) { flex-direction: column; align-items: flex-start; height: auto; } .icgds .lmn-textarea .ql-toolbar.ql-snow { border-radius: 4px; min-height: 48px; padding: 4px; } .icgds .lmn-textarea:has(.ql-snow.ql-toolbar) { padding-top: 4px; padding-left: 4px; padding-right: 4px; } .icgds .lmn-textarea .ql-container.ql-snow { margin-left: var(--spacing-8); } .icgds .lmn-input-prompt:has(.ql-toolbar) .ql-container { padding: 0px 8px; display: flex; } .icgds .lmn-input-prompt:has(.ql-toolbar) .ql-container:before { content: var(--icon-ai); font-family: var(--icon-font-family); width: 32px; height: 32px; font-size: 24px !important; display: flex; align-items: center; justify-content: center; background: var(--ai-gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .icgds .lmn-input-prompt:has(.ql-toolbar) .ql-container .ql-editor { flex: 1; padding: 4px; } .icgds .lmn-input-prompt:has(.ql-toolbar) .ql-container .ql-editor.ql-blank { position: relative; } .icgds .lmn-input-prompt:has(.ql-toolbar) .ql-container .ql-editor.ql-blank::before { left: 4px; } .icgds .lmn-section { display: block; padding: var(--section_container_padding); background: var(--section_fill); border-radius: var(--section_container_radius); transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-linear); } .icgds .lmn-section .lmn-section-header { display: flex; } .icgds .lmn-section .lmn-section-header .lmn-section-header-content { flex: 1 1 0; display: flex; flex-direction: column; justify-content: center; } .icgds .lmn-section .lmn-section-header .lmn-section-title, .icgds .lmn-section .lmn-section-header .lmn-section-subtitle { display: block; } .icgds .lmn-section .lmn-section-header .lmn-section-title { font-size: var(--section_font-size_heading); line-height: var(--section_line-height_heading); color: var(--section_foreground_heading); font-family: var(--section_font-family_heading); } .icgds .lmn-section .lmn-section-header .lmn-section-subtitle { font-size: var(--section_font-size_subtitle); line-height: var(--section_line-height_subtitle); color: var(--section_foreground_subtitle); font-family: var(--section_font-family_subtitle); margin-top: var(--spacing-4); } .icgds .lmn-section .lmn-section-header .lmn-section-trigger-icon:before { font-family: var(--icon-font-family); content: var(--collapse_icon); transition: transform 0.2s var(--comp-transition); } .icgds .lmn-section .lmn-section-body { margin-top: var(--spacing-16); } .icgds .lmn-section.lmn-section-collapsible:has(.lmn-section-header:hover) { background: var(--section_fill_hover); } .icgds .lmn-section.lmn-section-collapsible:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-section.lmn-section-open .lmn-section-trigger-icon::before { content: var(--collapse_icon_active); transform: rotate(180deg) !important; } .icgds .lmn-select-button { appearance: none; display: inline-block; font: var(--type_text-regular) var(--font-size_body)/var(--line-height_heading-6) var(--family_sans); background-color: var(--field_fill); color: var(--field_foreground); outline: var(--field_border-width) solid var(--field_border); outline-offset: -1px; width: 100%; height: var(--field_container_height); min-height: var(--field_container_height); padding: var(--field_container_vertical-padding) var(--field_container_horizontal-padding); border-radius: var(--field_radius); border: 0; transition-property: border, background, outline, color, outline; transition-duration: var(--motion-duration-fast-3); transition-timing-function: var(--comp-transition); position: relative; display: inline-flex; align-items: center; width: 100%; padding: var(--spacing-half-x); } .icgds .lmn-select-button:has(.lmn-input-suffix-icon), .icgds .lmn-select-button:has(.lmn-dropdown-trigger-icon) { padding-right: var(--field_icon-container_horizontal-padding); } .icgds .lmn-select-button:has(.lmn-input-prefix-icon), .icgds .lmn-select-button:has(.lmn-select-input) { padding-left: var(--field_icon-container_horizontal-padding); } .icgds .lmn-select-button::placeholder { transition: color var(--motion-duration-fast-3) var(--comp-transition); color: var(--field_foreground_placeholder); } .icgds .lmn-select-button:required { color: var(--field_foreground); } .icgds .lmn-select-button:active, .icgds .lmn-select-button.active { outline-color: var(--field_border_active); outline-width: var(--field_border-width_active); color: var(--field_foreground_active); background-color: var(--field_fill_active); } .icgds .lmn-select-button:focus, .icgds .lmn-select-button.focus, .icgds .lmn-select-button:has(*:focus:not(.lmn-action-icon)) { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_focus); outline-width: var(--field_border-width_focus); color: var(--field_foreground_focus); background-color: var(--field_fill_focus); } .icgds .lmn-select-button:invalid, .icgds .lmn-select-button.invalid, .icgds .lmn-select-button:has(input:invalid), .icgds .lmn-select-button[aria-invalid], .icgds .lmn-select-button.lmn-invalid { outline-color: var(--field_border_danger); color: var(--field_foreground_danger); background-color: var(--field_fill_danger); } .icgds .lmn-select-button:invalid.focus, .icgds .lmn-select-button:invalid:focus-within, .icgds .lmn-select-button:invalid:focus:enabled:not(.disabled), .icgds .lmn-select-button.invalid.focus, .icgds .lmn-select-button.invalid:focus-within, .icgds .lmn-select-button.invalid:focus:enabled:not(.disabled), .icgds .lmn-select-button:has(input:invalid).focus, .icgds .lmn-select-button:has(input:invalid):focus-within, .icgds .lmn-select-button:has(input:invalid):focus:enabled:not(.disabled), .icgds .lmn-select-button[aria-invalid].focus, .icgds .lmn-select-button[aria-invalid]:focus-within, .icgds .lmn-select-button[aria-invalid]:focus:enabled:not(.disabled), .icgds .lmn-select-button.lmn-invalid.focus, .icgds .lmn-select-button.lmn-invalid:focus-within, .icgds .lmn-select-button.lmn-invalid:focus:enabled:not(.disabled) { outline-color: var(--border_error); background-color: var(--field_fill_danger); } .icgds .lmn-select-button[read-only], .icgds .lmn-select-button.read-only, .icgds .lmn-select-button.lmn-read-only, .icgds .lmn-select-button:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)) { outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-select-button[read-only]:focus, .icgds .lmn-select-button[read-only].focus, .icgds .lmn-select-button.read-only:focus, .icgds .lmn-select-button.read-only.focus, .icgds .lmn-select-button.lmn-read-only:focus, .icgds .lmn-select-button.lmn-read-only.focus, .icgds .lmn-select-button:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)):focus, .icgds .lmn-select-button:has(input[readonly]:not(.lmn-dropdown-hidden-input):not(.lmn-datepicker-holder-input):not(.lmn-datepicker-range-picker-input)).focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-select-button[disabled], .icgds .lmn-select-button.disabled { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-select-button[disabled]::placeholder, .icgds .lmn-select-button.disabled::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-select-button[disabled]:focus, .icgds .lmn-select-button[disabled]:focus-within, .icgds .lmn-select-button.disabled:focus, .icgds .lmn-select-button.disabled:focus-within { box-shadow: none; } .icgds .lmn-select-button > span { flex-grow: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-select-button:hover { background: var(--field_fill_hover); border-color: var(--field_border_hover); color: var(--field_foreground_hover); } .icgds .lmn-select-button:focus-within { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-select-button[read-only]:focus, .icgds .lmn-select-button[read-only].focus, .icgds .lmn-select-button[read-only]:focus-within, .icgds .lmn-select-button.read-only:focus, .icgds .lmn-select-button.read-only.focus, .icgds .lmn-select-button.read-only:focus-within, .icgds .lmn-select-button.lmn-read-only:focus, .icgds .lmn-select-button.lmn-read-only.focus, .icgds .lmn-select-button.lmn-read-only:focus-within { outline-color: var(--field_border_read-only); color: var(--field_foreground_read-only); background-color: var(--field_fill_read-only); } .icgds .lmn-select-button[disabled], .icgds .lmn-select-button.disabled { background: var(--field_fill_disabled); color: var(--field_foreground_disabled); outline-color: var(--field_border_disabled); box-shadow: none; cursor: not-allowed; } .icgds .lmn-select-button[disabled]::placeholder, .icgds .lmn-select-button.disabled::placeholder { color: var(--field_foreground_disabled); } .icgds .lmn-select-button[disabled]:focus, .icgds .lmn-select-button[disabled]:focus-within, .icgds .lmn-select-button.disabled:focus, .icgds .lmn-select-button.disabled:focus-within { box-shadow: none; } .icgds .lmn-select-trigger .lmn-select-default { width: 100%; } .icgds .lmn-select-trigger .lmn-select-trigger-icon { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; font-size: var(--icon_trigger-open-size) !important; transition: transform 0.2s var(--comp-transition); } .icgds .lmn-select-trigger .lmn-select-trigger-icon::before { font-family: var(--icon-font-family); content: var(--dropdown_trigger_icon); } .icgds .lmn-select-trigger.lmn-select-open .lmn-select-button { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-select-trigger.lmn-select-open .lmn-select-trigger-icon:not(.lmnicon-spin) { transform: rotate(180deg); } .icgds .lmn-input-focus .lmn-select-button { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-select-input { display: inline-flex !important; gap: 8px 4px; flex-wrap: nowrap; align-items: center; justify-content: flex-start; width: 100%; height: var(--container_height); background: var(--field_fill); outline: 1px solid var(--border_strong); outline-offset: -1px; border-radius: var(--field_radius); padding-top: var(--field_container_vertical-padding); padding-left: var(--field_icon-container_horizontal-padding); padding-bottom: var(--field_container_vertical-padding); padding-right: var(--field_icon-container_horizontal-padding); transition: outline-color 0.3s var(--comp-transition); } .icgds .lmn-select-input.lmn-select-multiple, .icgds .lmn-select-input.lmn-select-tags { flex-wrap: wrap; padding-right: var(--spacing-32); } .icgds .lmn-select-input.lmn-select-multiple .lmn-input-text, .icgds .lmn-select-input.lmn-select-multiple .lmn-select-input-text, .icgds .lmn-select-input.lmn-select-tags .lmn-input-text, .icgds .lmn-select-input.lmn-select-tags .lmn-select-input-text { flex-grow: 1; width: auto; min-width: auto; } .icgds .lmn-select-input:has(.lmn-input:active) { outline-color: var(--border_active); } .icgds .lmn-select-input .lmn-select-choice { height: var(--tag_select_container_height); font-size: var(--tag_select_font-size); line-height: var(--tag_select_line-height); padding-top: var(--tag_select_container_vertical-padding); padding-right: var(--tag_select_container_padding-right); padding-bottom: var(--tag_select_container_vertical-padding); padding-left: var(--tag_select_container_padding-left); margin-top: -2px; margin-bottom: -2px; } .icgds .lmn-select-input .lmn-select-choice:has(.lmn-tag-close-icon) { padding-right: 6px; } .icgds .lmn-select-input .lmn-select-choice span { display: inline-block; max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .icgds .lmn-select-input .lmn-select-input-inner { padding: 0 !important; border-radius: 0; outline-width: 0; background-color: transparent; width: 0px; height: 100% !important; min-height: unset !important; transition: none !important; } .icgds .lmn-select-input .lmn-select-input-inner:focus { outline-color: transparent !important; } .icgds .lmn-select-input .lmn-clear-all { background: var(--layer_primary); border-width: 0; } .icgds .lmn-select-input .lmn-dropdown { display: inline-block; width: auto; } .icgds .lmn-select-input .lmn-dropdown:last-of-type { flex-grow: 1; min-width: 100px; } .icgds .lmn-select-input.lmn-ui-sm { min-height: 28px; } .icgds .lmn-select-input.lmn-ui-lg { min-height: 48px; } .icgds .lmn-slider { position: relative; cursor: pointer; touch-action: none; } .icgds .lmn-slider .lmn-slider-label { display: flex; justify-content: space-between; } .icgds .lmn-slider .lmn-slider-wrapper { position: relative; padding: var(--spacing-half-x) var(--spacing-quarter-x); margin-top: var(--spacing-quarter-x); } .icgds .lmn-slider .lmn-slider-handle { position: absolute; top: 50%; width: var(--slider_handle_size); height: var(--slider_handle_size); background-color: var(--slider_fill_handle); outline: 1px solid var(--slider_border_handle); border-radius: var(--radius-full); cursor: pointer; transform: translate(calc(var(--slider_handle_size) / 2 * -1), -50%); z-index: 2; transition: border var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-fast-3) var(--motion-timing-ease-in); } .icgds .lmn-slider .lmn-slider-handle:hover { background-color: var(--slider_fill_handle_hover); outline-color: var(--slider_border_handle_hover); height: var(--slider_handle_size_hover); width: var(--slider_handle_size_hover); transform: translate(calc(var(--slider_handle_size_hover) / 2 * -1), -50%); transform-origin: center; } .icgds .lmn-slider .lmn-slider-handle:focus { background-color: var(--slider_fill_handle_focus); outline-color: var(--slider_border_handle_focus); outline-width: 2px; outline-offset: -2px; } .icgds .lmn-slider .lmn-slider-track { -webkit-appearance: none; position: absolute; width: 100%; height: var(--slider_track_height); border-radius: var(--radius-full); outline: none; background-color: var(--slider_fill_track); transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-in); } .icgds .lmn-slider .lmn-slider-fill { position: absolute; height: var(--slider_track_height); background-color: var(--slider_fill_track_active); transition: background-color 0.3s; } .icgds .lmn-slider .lmn-slider-track, .icgds .lmn-slider .lmn-slider-fill { top: 50%; left: 0; transform: translateY(-50%); } .icgds .lmn-slider .lmn-slider-mark, .icgds .lmn-slider .lmn-slider-tick { position: absolute; width: var(--slider_tick_width); height: var(--slider_tick_height); background-color: var(--slider_fill_tick); z-index: 1; transform: translate(-50%, -50%); } .icgds .lmn-slider.disabled { cursor: not-allowed; pointer-events: none; } .icgds .lmn-slider.disabled .lmn-slider-handle { outline-color: var(--slider_border_handle_disabled); background-color: var(--slider_fill_handle_disabled); } .icgds .lmn-slider.disabled .lmn-slider-fill { background-color: var(--slider_fill_tick_disabled); } .icgds .lmn-slider.disabled .lmn-slider-track { background-color: var(--slider_fill_track_disabled); } .icgds .lmn-slider.disabled .lmn-slider-mark, .icgds .lmn-slider.disabled .lmn-slider-tick { background-color: var(--slider_fill_tick_disabled); } .icgds .lmn-slider:focus-within .lmn-slider-handle { outline-color: var(--slider_border_handle_focus); outline-width: 2px; outline-offset: -2px; } .icgds .lmn-steps .lmn-steps-item-container { position: relative; display: flex; list-style: none; } .icgds .lmn-steps .lmn-steps-item { position: relative; flex: 1 0 0px; vertical-align: top; } .icgds .lmn-steps .lmn-steps-item:not(:last-of-type)::after { content: ""; position: absolute; background: var(--stepper_fill_tracker); top: 14px; height: 1px; left: calc(var(--stepper_linear-status_size) + var(--stepper_horizontal-layout-item_horizontal-spacing)); right: var(--stepper_horizontal-layout-item_horizontal-spacing); transition: all 0.3s var(--comp-transition); } .icgds .lmn-steps .lmn-steps-item:last-of-type { flex: 0 1 max-content; } .icgds .lmn-steps .lmn-steps-marker { display: flex; align-items: center; justify-content: center; text-align: center; width: var(--stepper_linear-status_size); height: var(--stepper_linear-status_size); color: var(--stepper_foreground_status); background: var(--stepper_fill_status); outline: 1px solid var(--stepper_border_status); font-size: var(--font-size_body); line-height: var(--line-height_heading-6); outline-offset: -1px; border-radius: var(--radius-full); transition: background-color 0.3s, border-color 0.3s; transition-timing-function: var(--comp-transition); } .icgds .lmn-steps .lmn-steps-item-text { width: 100%; margin-top: var(--stepper_step-body-container_vertical-spacing); color: var(--stepper_foreground_step-label); padding-right: var(--spacing-24); } .icgds .lmn-steps .lmn-steps-item-text * { margin: 0; font-weight: var(--font-weight-regular); } .icgds .lmn-steps .lmn-steps-item-text *:first-child { font-size: var(--font-size_body); line-height: var(--line-height_heading-6); margin-bottom: var(--stepper_step-body-container_vertical-spacing); } .icgds .lmn-steps .lmn-steps-item-text *.lmn-steps-item-subtitle, .icgds .lmn-steps .lmn-steps-item-text *:last-child { font-size: var(--font-size_support); line-height: var(--line-height-body-18); color: var(--text_weak); } .icgds .lmn-steps .lmn-step-content { padding-top: var(--spacing-half-x); } .icgds .lmn-steps .lmn-step-footer { margin-top: var(--spacing-three-quarter-x); display: flex; justify-content: flex-end; } .icgds .lmn-steps .lmn-steps-item-active .lmn-steps-marker { background: var(--stepper_fill_status_active); outline-color: var(--stepper_border_status_active); color: var(--stepper_foreground_status_active); } .icgds .lmn-steps .lmn-steps-item-active .lmn-steps-item-text *:first-child, .icgds .lmn-steps .lmn-steps-item-active .lmn-steps-item-text *:only-child { color: var(--stepper_foreground_step-label_active); } .icgds .lmn-steps .lmn-steps-item-complete .lmn-steps-marker { background: var(--stepper_fill_status-completed); outline-color: var(--stepper_border_status-completed); color: var(--stepper_foreground_status-completed); } .icgds .lmn-steps .lmn-steps-item-complete.lmn-steps-item-active .lmn-steps-marker { background: var(--stepper_fill_status_active); outline-color: var(--stepper_border_status_active); color: var(--stepper_foreground_status_active); } .icgds .lmn-steps .lmn-steps-item-complete::after { background: var(--stepper_fill_tracker_active) !important; } .icgds .lmn-steps .lmn-steps-item-disabled .lmn-steps-marker { background: var(--stepper_fill_status_disabled); outline-color: var(--stepper_border_status_disabled); color: var(--stepper_foreground_status_disabled); } .icgds .lmn-steps .lmn-steps-item-disabled .lmn-steps-item-text, .icgds .lmn-steps .lmn-steps-item-disabled .lmn-steps-item-text * { color: var(--stepper_foreground_step-label_disabled); } .icgds .lmn-steps .lmn-steps-item-error .lmn-steps-marker { background: var(--stepper_fill_status-error); outline-color: var(--stepper_border_status-error); color: var(--stepper_foreground_status-error); } .icgds .lmn-steps .lmn-steps-item-error .lmn-steps-item-text *:first-child, .icgds .lmn-steps .lmn-steps-item-error .lmn-steps-item-text *:only-child { color: var(--danger); } .icgds .lmn-steps .lmn-steps-item-error.lmn-steps-item-active .lmn-steps-marker { background: var(--stepper_fill_status-error_active); outline-color: var(--stepper_border_status-error_active); color: var(--stepper_foreground_status-error_active); } .icgds .lmn-steps .lmn-steps-item-error:after { background: var(--stepper_fill_tracker-error_active) !important; } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item:not(.lmn-steps-item-disabled):not(.lmn-steps-item-active):not(.lmn-steps-item-complete):hover .lmn-steps-marker { outline-color: var(--stepper_border_status_hover); background: var(--stepper_fill_status_hover); } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item:not(.lmn-steps-item-disabled):hover .lmn-steps-item-text *:first-child, .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item:not(.lmn-steps-item-disabled):hover .lmn-steps-item-text *:only-child, .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item.lmn-steps-item-active:focus .lmn-steps-item-text *:first-child, .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item.lmn-steps-item-active:focus .lmn-steps-item-text *:only-child { text-decoration: underline; } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item:focus .lmn-steps-marker { outline: 2px solid var(--stepper_border_status_focus); outline-offset: -2px; background: var(--stepper_fill_status_focus); } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item.lmn-steps-item-active:focus .lmn-steps-marker { outline-color: transparent; background: var(--stepper_fill_status_active); } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item:not(:last-of-type)::after { top: 9px; left: 22px; } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item:not(:last-of-type)::after { top: 10px; left: calc(var(--stepper_non-linear-status_size) + var(--stepper_horizontal-layout-item_horizontal-spacing)); } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-marker { cursor: pointer; width: var(--stepper_non-linear-status_size); height: var(--stepper_non-linear-status_size); } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-marker * { font-size: var(--font-size-12); } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item-text { cursor: pointer; } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item-disabled .lmn-steps-marker { outline-color: var(--stepper_border_status_disabled); background: var(--stepper_fill_status_disabled); cursor: not-allowed; } .icgds .lmn-steps.lmn-steps-non-linear .lmn-steps-item-disabled .lmn-steps-item-text { cursor: not-allowed; } .icgds .lmn-steps.lmn-steps-vertical { display: flex; } .icgds .lmn-steps.lmn-steps-vertical .lmn-steps-item-container { flex-direction: column; align-items: flex-start; padding-bottom: 28px; display: block; } .icgds .lmn-steps.lmn-steps-vertical .lmn-steps-item-container .lmn-steps-item { min-height: 80px; } .icgds .lmn-steps.lmn-steps-vertical .lmn-steps-item-container .lmn-steps-item:not(:last-of-type)::after { left: calc(var(--stepper_linear-status_size) / 2); right: unset; top: calc(var(--stepper_linear-status_size) + var(--stepper_vertical-layout-item_vertical-spacing)); bottom: var(--stepper_vertical-layout-item_vertical-spacing); width: 1px; height: auto; } .icgds .lmn-steps.lmn-steps-vertical .lmn-steps-item-container .lmn-steps-item .lmn-steps-marker { display: flex; position: relative; left: unset; transform: translateX(0); } .icgds .lmn-steps.lmn-steps-vertical .lmn-steps-item-container .lmn-steps-item .lmn-steps-item-text { margin-top: calc(var(--stepper_linear-status_size) * -1); margin-left: var(--stepper_linear-status_size); text-align: left; display: block; padding-left: var(--spacing-8); padding-bottom: var(--spacing-16); padding-top: var(--spacing-4); } .icgds .lmn-steps.lmn-steps-vertical .lmn-step-footer { display: block; } .icgds .lmn-steps.lmn-steps-vertical.lmn-steps-non-linear .lmn-steps-item:not(:last-of-type)::after { left: calc(var(--stepper_non-linear-status_size) / 2 - 1px); top: calc(var(--stepper_non-linear-status_size) + var(--stepper_vertical-layout-item_vertical-spacing)); bottom: var(--stepper_vertical-layout-item_vertical-spacing); } .icgds .lmn-steps.lmn-steps-vertical.lmn-steps-non-linear .lmn-steps-item .lmn-steps-item-text { margin-top: calc(var(--stepper_non-linear-status_size) * -1); margin-left: var(--stepper_non-linear-status_size); padding-top: 0; } .icgds .lmn-steps.lmn-steps-inline { display: inline-block; } .icgds .lmn-steps.lmn-steps-inline .lmn-steps-item-text { margin-right: var(--spacing-2x); } .icgds .lmn-steps-multi-step:not(.lmn-steps-vertical) .lmn-steps-item { min-width: 126px; } .icgds .lmn-steps-multi-step:not(.lmn-steps-vertical) .lmn-steps-item:last-of-type { flex: 1 0 0px; } .icgds .lmn-switch { position: relative; display: inline-flex; flex-shrink: 0; width: var(--switch_width); height: var(--switch_height); margin-right: var(--spacing-half-x); } .icgds .lmn-switch input { margin: 0; } .icgds .lmn-switch .lmn-control-input { position: absolute; inset: 0; z-index: 1; width: var(--switch_width); height: var(--switch_height); cursor: pointer; opacity: 0; } .icgds .lmn-switch .lmn-control-input ~ .lmn-control-icon { display: flex; align-items: center; } .icgds .lmn-switch .lmn-control-input ~ .lmn-control-icon::before { content: ""; position: absolute; visibility: visible; width: var(--switch_width); height: var(--switch_height); border-radius: var(--switch_radius); outline: 1px solid var(--switch_border_track_off); outline-offset: -1px; background: var(--switch_fill_track_off); transition: all var(--motion-duration-fast-3) var(--motion-timing-ease-in-out); } .icgds .lmn-switch .lmn-control-input ~ .lmn-control-icon::after { content: ""; position: relative; display: inline-block; left: var(--switch_container-off_padding); width: var(--switch_handle-off_size); height: var(--switch_handle-off_size); visibility: visible; border-radius: var(--switch_radius); background: var(--switch_fill_handle_off); transition: all var(--motion-duration-fast-3) var(--motion-timing-ease-in-out); } .icgds .lmn-switch .lmn-control-input:checked ~ .lmn-control-icon::before { background: var(--switch_fill_track_active); outline-color: var(--switch_border_track_active); } .icgds .lmn-switch .lmn-control-input:checked ~ .lmn-control-icon::after { width: var(--switch_handle-on_size); height: var(--switch_handle-on_size); left: calc(var(--switch_width) - var(--switch_container-on_padding) - var(--switch_handle-on_size)); background: var(--switch_fill_handle_active); } .icgds .lmn-switch .lmn-control-input:checked:focus ~ .lmn-control-icon::before { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-switch .lmn-control-input:disabled, .icgds .lmn-switch .lmn-control-input.disabled { cursor: not-allowed; } .icgds .lmn-switch .lmn-control-input:disabled ~ .lmn-control-icon::before, .icgds .lmn-switch .lmn-control-input.disabled ~ .lmn-control-icon::before { outline-color: var(--switch_border_track_disabled); background-color: var(--switch_fill_track_disabled); } .icgds .lmn-switch .lmn-control-input:disabled ~ .lmn-control-icon::after, .icgds .lmn-switch .lmn-control-input.disabled ~ .lmn-control-icon::after { background: var(--switch_fill_handle_disabled); } .icgds .lmn-switch .lmn-control-input:focus ~ .lmn-control-icon::before { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-form-group label ~ .lmn-selection-control, .icgds .lmn-form-group label .lmn-selection-control { margin-top: var(--spacing-half-x); } .icgds .lmn-selection-control-group .lmn-selection-control { margin-bottom: var(--spacing-half-x); } .icgds .lmn-selection-control { color: var(--text_strong); font-weight: var(--font-weight-regular); display: flex; align-items: center; font-size: 14px; line-height: 18px; cursor: pointer; transition-property: background-color, border-color, box-shadow; transition-duration: var(--comp-transition-duration); transition-timing-function: var(--comp-transition); } .icgds .lmn-selection-control.lmn-selection-control-inline { display: inline-flex; margin-right: var(--spacing-12); } .icgds .lmn-selection-control:disabled, .icgds .lmn-selection-control.disabled { color: var(--text_disabled); cursor: not-allowed; } .icgds .lmn-selection-control.lmn-input-validation .lmn-switch .lmn-control-input ~ .lmn-control-icon:before, .icgds .lmn-selection-control.lmn-invalid .lmn-switch .lmn-control-input ~ .lmn-control-icon:before, .icgds .lmn-selection-control.needs-validation .lmn-switch .lmn-control-input ~ .lmn-control-icon:before, .icgds .lmn-selection-control:invalid .lmn-switch .lmn-control-input ~ .lmn-control-icon:before, .icgds .lmn-selection-control.invalid .lmn-switch .lmn-control-input ~ .lmn-control-icon:before { border-color: var(--danger); } .icgds .lmn-selection-control.lmn-input-validation .lmn-switch .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.lmn-invalid .lmn-switch .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.needs-validation .lmn-switch .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control:invalid .lmn-switch .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-selection-control.invalid .lmn-switch .lmn-control-input:checked ~ .lmn-control-icon::before { background: var(--danger); } .icgds .lmn-table table, .icgds .lmn-table { width: 100%; font: var(--table_font-type_standard-cell) var(--table_font-size_standard-cell)/var(--table_line-height_standard-cell) var(--table_font-family_standard-cell); border-collapse: collapse; } .icgds .lmn-table table tr, .icgds .lmn-table tr { display: table-row !important; } .icgds .lmn-table table tr td, .icgds .lmn-table table tr th, .icgds .lmn-table tr td, .icgds .lmn-table tr th { display: table-cell !important; height: var(--table_container_height); } .icgds .lmn-table table thead tr th, .icgds .lmn-table table thead tr .lmn-table-th, .icgds .lmn-table table thead .lmn-table-tr th, .icgds .lmn-table table thead .lmn-table-tr .lmn-table-th, .icgds .lmn-table table .lmn-table-thead tr th, .icgds .lmn-table table .lmn-table-thead tr .lmn-table-th, .icgds .lmn-table table .lmn-table-thead .lmn-table-tr th, .icgds .lmn-table table .lmn-table-thead .lmn-table-tr .lmn-table-th, .icgds .lmn-table thead tr th, .icgds .lmn-table thead tr .lmn-table-th, .icgds .lmn-table thead .lmn-table-tr th, .icgds .lmn-table thead .lmn-table-tr .lmn-table-th, .icgds .lmn-table .lmn-table-thead tr th, .icgds .lmn-table .lmn-table-thead tr .lmn-table-th, .icgds .lmn-table .lmn-table-thead .lmn-table-tr th, .icgds .lmn-table .lmn-table-thead .lmn-table-tr .lmn-table-th { border-bottom: 1px solid var(--table_border_column-header); font: var(--table_font-type_column-header) var(--table_font-size_column-header)/var(--table_line-height_column-header) var(--table_font-family_column-header); color: var(--table_foreground_column-header); background-color: var(--table_fill_column-header); text-align: left; padding: var(--table_container_vertical-padding) var(--table_container_horizontal-padding); vertical-align: middle; } .icgds .lmn-table table tbody tr, .icgds .lmn-table table tbody .lmn-table-tr, .icgds .lmn-table table .lmn-table-tbody tr, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr, .icgds .lmn-table table tfoot tr, .icgds .lmn-table table tfoot .lmn-table-tr, .icgds .lmn-table table .lmn-table-tfoot tr, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr, .icgds .lmn-table tbody tr, .icgds .lmn-table tbody .lmn-table-tr, .icgds .lmn-table .lmn-table-tbody tr, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr, .icgds .lmn-table tfoot tr, .icgds .lmn-table tfoot .lmn-table-tr, .icgds .lmn-table .lmn-table-tfoot tr, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr { position: relative; } .icgds .lmn-table table tbody tr td, .icgds .lmn-table table tbody tr .lmn-table-td, .icgds .lmn-table table tbody .lmn-table-tr td, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td, .icgds .lmn-table table .lmn-table-tbody tr td, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td, .icgds .lmn-table table tfoot tr td, .icgds .lmn-table table tfoot tr .lmn-table-td, .icgds .lmn-table table tfoot .lmn-table-tr td, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td, .icgds .lmn-table table .lmn-table-tfoot tr td, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td, .icgds .lmn-table tbody tr td, .icgds .lmn-table tbody tr .lmn-table-td, .icgds .lmn-table tbody .lmn-table-tr td, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td, .icgds .lmn-table .lmn-table-tbody tr td, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td, .icgds .lmn-table tfoot tr td, .icgds .lmn-table tfoot tr .lmn-table-td, .icgds .lmn-table tfoot .lmn-table-tr td, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td, .icgds .lmn-table .lmn-table-tfoot tr td, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td { border-top: 1px solid var(--table_border); border-bottom: 1px solid var(--table_border); background-color: var(--table_fill); color: var(--table_foreground); padding: var(--table_container_vertical-padding) var(--table_container_horizontal-padding); } .icgds .lmn-table table tbody tr td.lmn-range-gain-5, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-gain-5, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-gain-5, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-5, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table table tfoot tr td.lmn-range-gain-5, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-gain-5, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-gain-5, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-5, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table tbody tr td.lmn-range-gain-5, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-gain-5, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-gain-5, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-5, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table tfoot tr td.lmn-range-gain-5, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-gain-5, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-gain-5, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-5, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-5, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-5 { color: var(--table-foreground-range-gain-5); background-color: var(--table-color-range-gain-5); } .icgds .lmn-table table tbody tr td.lmn-range-gain-4, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-gain-4, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-gain-4, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-4, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table table tfoot tr td.lmn-range-gain-4, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-gain-4, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-gain-4, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-4, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table tbody tr td.lmn-range-gain-4, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-gain-4, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-gain-4, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-4, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table tfoot tr td.lmn-range-gain-4, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-gain-4, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-gain-4, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-4, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-4, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-4 { color: var(--table-foreground-range-gain-4); background-color: var(--table-color-range-gain-4); } .icgds .lmn-table table tbody tr td.lmn-range-gain-3, .icgds .lmn-table table tbody tr td.lmn-value-up, .icgds .lmn-table table tbody tr td.value-up-flash, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-value-up, .icgds .lmn-table table tbody tr .lmn-table-td.value-up-flash, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-gain-3, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-value-up, .icgds .lmn-table table tbody .lmn-table-tr td.value-up-flash, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-value-up, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.value-up-flash, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-gain-3, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-value-up, .icgds .lmn-table table .lmn-table-tbody tr td.value-up-flash, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-value-up, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.value-up-flash, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-3, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-value-up, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.value-up-flash, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-value-up, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.value-up-flash, .icgds .lmn-table table tfoot tr td.lmn-range-gain-3, .icgds .lmn-table table tfoot tr td.lmn-value-up, .icgds .lmn-table table tfoot tr td.value-up-flash, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-value-up, .icgds .lmn-table table tfoot tr .lmn-table-td.value-up-flash, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-gain-3, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-value-up, .icgds .lmn-table table tfoot .lmn-table-tr td.value-up-flash, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-value-up, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.value-up-flash, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-gain-3, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-value-up, .icgds .lmn-table table .lmn-table-tfoot tr td.value-up-flash, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-value-up, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.value-up-flash, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-3, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-value-up, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.value-up-flash, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-value-up, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.value-up-flash, .icgds .lmn-table tbody tr td.lmn-range-gain-3, .icgds .lmn-table tbody tr td.lmn-value-up, .icgds .lmn-table tbody tr td.value-up-flash, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table tbody tr .lmn-table-td.lmn-value-up, .icgds .lmn-table tbody tr .lmn-table-td.value-up-flash, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-gain-3, .icgds .lmn-table tbody .lmn-table-tr td.lmn-value-up, .icgds .lmn-table tbody .lmn-table-tr td.value-up-flash, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-value-up, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.value-up-flash, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-gain-3, .icgds .lmn-table .lmn-table-tbody tr td.lmn-value-up, .icgds .lmn-table .lmn-table-tbody tr td.value-up-flash, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-value-up, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.value-up-flash, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-3, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-value-up, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.value-up-flash, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-value-up, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.value-up-flash, .icgds .lmn-table tfoot tr td.lmn-range-gain-3, .icgds .lmn-table tfoot tr td.lmn-value-up, .icgds .lmn-table tfoot tr td.value-up-flash, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-value-up, .icgds .lmn-table tfoot tr .lmn-table-td.value-up-flash, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-gain-3, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-value-up, .icgds .lmn-table tfoot .lmn-table-tr td.value-up-flash, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-value-up, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.value-up-flash, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-gain-3, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-value-up, .icgds .lmn-table .lmn-table-tfoot tr td.value-up-flash, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-value-up, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.value-up-flash, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-3, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-value-up, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.value-up-flash, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-3, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-value-up, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.value-up-flash { color: var(--table-foreground-range-gain-3); background-color: var(--table-color-range-gain-3); } .icgds .lmn-table table tbody tr td.lmn-range-gain-2, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-gain-2, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-gain-2, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-2, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table table tfoot tr td.lmn-range-gain-2, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-gain-2, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-gain-2, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-2, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table tbody tr td.lmn-range-gain-2, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-gain-2, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-gain-2, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-2, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table tfoot tr td.lmn-range-gain-2, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-gain-2, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-gain-2, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-2, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-2, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-2 { color: var(--table-foreground-range-gain-2); background-color: var(--table-color-range-gain-2); } .icgds .lmn-table table tbody tr td.lmn-range-gain-1, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-gain-1, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-gain-1, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-1, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table table tfoot tr td.lmn-range-gain-1, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-gain-1, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-gain-1, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-1, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table tbody tr td.lmn-range-gain-1, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-gain-1, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-gain-1, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-gain-1, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table tfoot tr td.lmn-range-gain-1, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-gain-1, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-gain-1, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-gain-1, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-gain-1, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-gain-1 { color: var(--table-foreground-range-gain-1); background-color: var(--table-color-range-gain-1); } .icgds .lmn-table table tbody tr td.lmn-range-0, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-0, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-0, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-0, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-0, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-0, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-0, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-0, .icgds .lmn-table table tfoot tr td.lmn-range-0, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-0, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-0, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-0, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-0, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-0, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-0, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-0, .icgds .lmn-table tbody tr td.lmn-range-0, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-0, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-0, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-0, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-0, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-0, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-0, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-0, .icgds .lmn-table tfoot tr td.lmn-range-0, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-0, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-0, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-0, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-0, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-0, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-0, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-0 { color: var(--text_strong); background-color: transparent; } .icgds .lmn-table table tbody tr td.lmn-range-loss-1, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-loss-1, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-loss-1, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-1, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table table tfoot tr td.lmn-range-loss-1, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-loss-1, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-loss-1, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-1, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table tbody tr td.lmn-range-loss-1, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-loss-1, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-loss-1, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-1, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table tfoot tr td.lmn-range-loss-1, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-loss-1, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-loss-1, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-1, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-1, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-1 { color: var(--table-foreground-range-loss-1); background-color: var(--table-color-range-loss-1); } .icgds .lmn-table table tbody tr td.lmn-range-loss-2, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-loss-2, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-loss-2, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-2, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table table tfoot tr td.lmn-range-loss-2, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-loss-2, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-loss-2, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-2, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table tbody tr td.lmn-range-loss-2, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-loss-2, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-loss-2, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-2, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table tfoot tr td.lmn-range-loss-2, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-loss-2, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-loss-2, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-2, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-2, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-2 { color: var(--table-foreground-range-loss-2); background-color: var(--table-color-range-loss-2); } .icgds .lmn-table table tbody tr td.lmn-range-loss-3, .icgds .lmn-table table tbody tr td.lmn-value-down, .icgds .lmn-table table tbody tr td.value-down-flash, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-value-down, .icgds .lmn-table table tbody tr .lmn-table-td.value-down-flash, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-loss-3, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-value-down, .icgds .lmn-table table tbody .lmn-table-tr td.value-down-flash, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-value-down, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.value-down-flash, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-loss-3, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-value-down, .icgds .lmn-table table .lmn-table-tbody tr td.value-down-flash, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-value-down, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.value-down-flash, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-3, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-value-down, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.value-down-flash, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-value-down, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.value-down-flash, .icgds .lmn-table table tfoot tr td.lmn-range-loss-3, .icgds .lmn-table table tfoot tr td.lmn-value-down, .icgds .lmn-table table tfoot tr td.value-down-flash, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-value-down, .icgds .lmn-table table tfoot tr .lmn-table-td.value-down-flash, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-loss-3, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-value-down, .icgds .lmn-table table tfoot .lmn-table-tr td.value-down-flash, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-value-down, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.value-down-flash, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-loss-3, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-value-down, .icgds .lmn-table table .lmn-table-tfoot tr td.value-down-flash, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-value-down, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.value-down-flash, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-3, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-value-down, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.value-down-flash, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-value-down, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.value-down-flash, .icgds .lmn-table tbody tr td.lmn-range-loss-3, .icgds .lmn-table tbody tr td.lmn-value-down, .icgds .lmn-table tbody tr td.value-down-flash, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table tbody tr .lmn-table-td.lmn-value-down, .icgds .lmn-table tbody tr .lmn-table-td.value-down-flash, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-loss-3, .icgds .lmn-table tbody .lmn-table-tr td.lmn-value-down, .icgds .lmn-table tbody .lmn-table-tr td.value-down-flash, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-value-down, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.value-down-flash, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-loss-3, .icgds .lmn-table .lmn-table-tbody tr td.lmn-value-down, .icgds .lmn-table .lmn-table-tbody tr td.value-down-flash, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-value-down, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.value-down-flash, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-3, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-value-down, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.value-down-flash, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-value-down, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.value-down-flash, .icgds .lmn-table tfoot tr td.lmn-range-loss-3, .icgds .lmn-table tfoot tr td.lmn-value-down, .icgds .lmn-table tfoot tr td.value-down-flash, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-value-down, .icgds .lmn-table tfoot tr .lmn-table-td.value-down-flash, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-loss-3, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-value-down, .icgds .lmn-table tfoot .lmn-table-tr td.value-down-flash, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-value-down, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.value-down-flash, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-loss-3, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-value-down, .icgds .lmn-table .lmn-table-tfoot tr td.value-down-flash, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-value-down, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.value-down-flash, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-3, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-value-down, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.value-down-flash, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-3, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-value-down, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.value-down-flash { color: var(--table-foreground-range-loss-3); background-color: var(--table-color-range-loss-3); } .icgds .lmn-table table tbody tr td.lmn-range-loss-4, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-loss-4, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-loss-4, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-4, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table table tfoot tr td.lmn-range-loss-4, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-loss-4, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-loss-4, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-4, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table tbody tr td.lmn-range-loss-4, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-loss-4, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-loss-4, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-4, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table tfoot tr td.lmn-range-loss-4, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-loss-4, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-loss-4, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-4, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-4, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-4 { color: var(--table-foreground-range-loss-4); background-color: var(--table-color-range-loss-4); } .icgds .lmn-table table tbody tr td.lmn-range-loss-5, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-range-loss-5, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-range-loss-5, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-5, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table table tfoot tr td.lmn-range-loss-5, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-range-loss-5, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-range-loss-5, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-5, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table tbody tr td.lmn-range-loss-5, .icgds .lmn-table tbody tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table tbody .lmn-table-tr td.lmn-range-loss-5, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table .lmn-table-tbody tr td.lmn-range-loss-5, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-range-loss-5, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table tfoot tr td.lmn-range-loss-5, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-range-loss-5, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-range-loss-5, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-range-loss-5, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-range-loss-5, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-range-loss-5 { color: var(--table-foreground-range-loss-5); background-color: var(--table-color-range-loss-5); } .icgds .lmn-table table tbody tr td.lmn-table-value-up-flash, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-table-value-up-flash, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-table-value-up-flash, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-table-value-up-flash, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table table tfoot tr td.lmn-table-value-up-flash, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-table-value-up-flash, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-table-value-up-flash, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-table-value-up-flash, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table tbody tr td.lmn-table-value-up-flash, .icgds .lmn-table tbody tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table tbody .lmn-table-tr td.lmn-table-value-up-flash, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table .lmn-table-tbody tr td.lmn-table-value-up-flash, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-table-value-up-flash, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table tfoot tr td.lmn-table-value-up-flash, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-table-value-up-flash, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-table-value-up-flash, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-table-value-up-flash, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-table-value-up-flash, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-table-value-up-flash { animation: value-up-flash 0.8s linear; } .icgds .lmn-table table tbody tr td.lmn-table-value-down-flash, .icgds .lmn-table table tbody tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table table tbody .lmn-table-tr td.lmn-table-value-down-flash, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table table .lmn-table-tbody tr td.lmn-table-value-down-flash, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.lmn-table-value-down-flash, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table table tfoot tr td.lmn-table-value-down-flash, .icgds .lmn-table table tfoot tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table table tfoot .lmn-table-tr td.lmn-table-value-down-flash, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table table .lmn-table-tfoot tr td.lmn-table-value-down-flash, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.lmn-table-value-down-flash, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table tbody tr td.lmn-table-value-down-flash, .icgds .lmn-table tbody tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table tbody .lmn-table-tr td.lmn-table-value-down-flash, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table .lmn-table-tbody tr td.lmn-table-value-down-flash, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.lmn-table-value-down-flash, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table tfoot tr td.lmn-table-value-down-flash, .icgds .lmn-table tfoot tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table tfoot .lmn-table-tr td.lmn-table-value-down-flash, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table .lmn-table-tfoot tr td.lmn-table-value-down-flash, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.lmn-table-value-down-flash, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.lmn-table-value-down-flash, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.lmn-table-value-down-flash { animation: value-down-flash 0.8s linear; } .icgds .lmn-table table tbody tr td:disabled, .icgds .lmn-table table tbody tr td.disabled, .icgds .lmn-table table tbody tr .lmn-table-td:disabled, .icgds .lmn-table table tbody tr .lmn-table-td.disabled, .icgds .lmn-table table tbody .lmn-table-tr td:disabled, .icgds .lmn-table table tbody .lmn-table-tr td.disabled, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td:disabled, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-td.disabled, .icgds .lmn-table table .lmn-table-tbody tr td:disabled, .icgds .lmn-table table .lmn-table-tbody tr td.disabled, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td:disabled, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-td.disabled, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td:disabled, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr td.disabled, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td:disabled, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-td.disabled, .icgds .lmn-table table tfoot tr td:disabled, .icgds .lmn-table table tfoot tr td.disabled, .icgds .lmn-table table tfoot tr .lmn-table-td:disabled, .icgds .lmn-table table tfoot tr .lmn-table-td.disabled, .icgds .lmn-table table tfoot .lmn-table-tr td:disabled, .icgds .lmn-table table tfoot .lmn-table-tr td.disabled, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td:disabled, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-td.disabled, .icgds .lmn-table table .lmn-table-tfoot tr td:disabled, .icgds .lmn-table table .lmn-table-tfoot tr td.disabled, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td:disabled, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-td.disabled, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td:disabled, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr td.disabled, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td:disabled, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.disabled, .icgds .lmn-table tbody tr td:disabled, .icgds .lmn-table tbody tr td.disabled, .icgds .lmn-table tbody tr .lmn-table-td:disabled, .icgds .lmn-table tbody tr .lmn-table-td.disabled, .icgds .lmn-table tbody .lmn-table-tr td:disabled, .icgds .lmn-table tbody .lmn-table-tr td.disabled, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td:disabled, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-td.disabled, .icgds .lmn-table .lmn-table-tbody tr td:disabled, .icgds .lmn-table .lmn-table-tbody tr td.disabled, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td:disabled, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-td.disabled, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td:disabled, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr td.disabled, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td:disabled, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-td.disabled, .icgds .lmn-table tfoot tr td:disabled, .icgds .lmn-table tfoot tr td.disabled, .icgds .lmn-table tfoot tr .lmn-table-td:disabled, .icgds .lmn-table tfoot tr .lmn-table-td.disabled, .icgds .lmn-table tfoot .lmn-table-tr td:disabled, .icgds .lmn-table tfoot .lmn-table-tr td.disabled, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td:disabled, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-td.disabled, .icgds .lmn-table .lmn-table-tfoot tr td:disabled, .icgds .lmn-table .lmn-table-tfoot tr td.disabled, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td:disabled, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-td.disabled, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td:disabled, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr td.disabled, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td:disabled, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-td.disabled { background-color: var(--table_fill_disabled); color: var(--table_foreground_disabled); border-color: var(--table_border_disabled); } .icgds .lmn-table table tbody tr th, .icgds .lmn-table table tbody tr .lmn-table-th, .icgds .lmn-table table tbody .lmn-table-tr th, .icgds .lmn-table table tbody .lmn-table-tr .lmn-table-th, .icgds .lmn-table table .lmn-table-tbody tr th, .icgds .lmn-table table .lmn-table-tbody tr .lmn-table-th, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr th, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr .lmn-table-th, .icgds .lmn-table table tfoot tr th, .icgds .lmn-table table tfoot tr .lmn-table-th, .icgds .lmn-table table tfoot .lmn-table-tr th, .icgds .lmn-table table tfoot .lmn-table-tr .lmn-table-th, .icgds .lmn-table table .lmn-table-tfoot tr th, .icgds .lmn-table table .lmn-table-tfoot tr .lmn-table-th, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr th, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr .lmn-table-th, .icgds .lmn-table tbody tr th, .icgds .lmn-table tbody tr .lmn-table-th, .icgds .lmn-table tbody .lmn-table-tr th, .icgds .lmn-table tbody .lmn-table-tr .lmn-table-th, .icgds .lmn-table .lmn-table-tbody tr th, .icgds .lmn-table .lmn-table-tbody tr .lmn-table-th, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr th, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr .lmn-table-th, .icgds .lmn-table tfoot tr th, .icgds .lmn-table tfoot tr .lmn-table-th, .icgds .lmn-table tfoot .lmn-table-tr th, .icgds .lmn-table tfoot .lmn-table-tr .lmn-table-th, .icgds .lmn-table .lmn-table-tfoot tr th, .icgds .lmn-table .lmn-table-tfoot tr .lmn-table-th, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr th, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr .lmn-table-th { border-top: 1px solid var(--table_border_column-header); border-bottom: 1px solid var(--table_border_column-header); color: var(--table_foreground_column-header); background-color: var(--table_fill_column-header); padding: var(--table_container_vertical-padding) var(--table_container_horizontal-padding); text-align: left; vertical-align: middle; border-collapse: separate; } .icgds .lmn-table table tbody tr.lmn-table-summary th, .icgds .lmn-table table tbody tr.lmn-table-summary td, .icgds .lmn-table table tbody tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table table tbody tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table table tbody .lmn-table-tr.lmn-table-summary th, .icgds .lmn-table table tbody .lmn-table-tr.lmn-table-summary td, .icgds .lmn-table table tbody .lmn-table-tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table table tbody .lmn-table-tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table table .lmn-table-tbody tr.lmn-table-summary th, .icgds .lmn-table table .lmn-table-tbody tr.lmn-table-summary td, .icgds .lmn-table table .lmn-table-tbody tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table table .lmn-table-tbody tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr.lmn-table-summary th, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr.lmn-table-summary td, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table table .lmn-table-tbody .lmn-table-tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table table tfoot tr.lmn-table-summary th, .icgds .lmn-table table tfoot tr.lmn-table-summary td, .icgds .lmn-table table tfoot tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table table tfoot tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table table tfoot .lmn-table-tr.lmn-table-summary th, .icgds .lmn-table table tfoot .lmn-table-tr.lmn-table-summary td, .icgds .lmn-table table tfoot .lmn-table-tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table table tfoot .lmn-table-tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table table .lmn-table-tfoot tr.lmn-table-summary th, .icgds .lmn-table table .lmn-table-tfoot tr.lmn-table-summary td, .icgds .lmn-table table .lmn-table-tfoot tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table table .lmn-table-tfoot tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr.lmn-table-summary th, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr.lmn-table-summary td, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table table .lmn-table-tfoot .lmn-table-tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table tbody tr.lmn-table-summary th, .icgds .lmn-table tbody tr.lmn-table-summary td, .icgds .lmn-table tbody tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table tbody tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table tbody .lmn-table-tr.lmn-table-summary th, .icgds .lmn-table tbody .lmn-table-tr.lmn-table-summary td, .icgds .lmn-table tbody .lmn-table-tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table tbody .lmn-table-tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table .lmn-table-tbody tr.lmn-table-summary th, .icgds .lmn-table .lmn-table-tbody tr.lmn-table-summary td, .icgds .lmn-table .lmn-table-tbody tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table .lmn-table-tbody tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr.lmn-table-summary th, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr.lmn-table-summary td, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table .lmn-table-tbody .lmn-table-tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table tfoot tr.lmn-table-summary th, .icgds .lmn-table tfoot tr.lmn-table-summary td, .icgds .lmn-table tfoot tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table tfoot tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table tfoot .lmn-table-tr.lmn-table-summary th, .icgds .lmn-table tfoot .lmn-table-tr.lmn-table-summary td, .icgds .lmn-table tfoot .lmn-table-tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table tfoot .lmn-table-tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table .lmn-table-tfoot tr.lmn-table-summary th, .icgds .lmn-table .lmn-table-tfoot tr.lmn-table-summary td, .icgds .lmn-table .lmn-table-tfoot tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table .lmn-table-tfoot tr.lmn-table-summary .lmn-table-td, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr.lmn-table-summary th, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr.lmn-table-summary td, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr.lmn-table-summary .lmn-table-th, .icgds .lmn-table .lmn-table-tfoot .lmn-table-tr.lmn-table-summary .lmn-table-td { background-color: var(--table_fill_total); color: var(--table_foreground_total); border-color: var(--table_border_total); } .icgds .lmn-table-fixed-header { word-break: break-all; table-layout: fixed; } .icgds .lmn-table-striped { border: 0; } .icgds .lmn-table-striped .lmn-table-tbody tr:nth-of-type(even), .icgds .lmn-table-striped .lmn-table-tbody .lmn-table-tr:nth-of-type(even) { background-attachment: fixed; } .icgds .lmn-table-striped .lmn-table-tbody tr:nth-of-type(even) td, .icgds .lmn-table-striped .lmn-table-tbody tr:nth-of-type(even) .lmn-table-td, .icgds .lmn-table-striped .lmn-table-tbody .lmn-table-tr:nth-of-type(even) td, .icgds .lmn-table-striped .lmn-table-tbody .lmn-table-tr:nth-of-type(even) .lmn-table-td { background-color: var(--background); } .icgds .lmn-table-hover tbody tr:not(.disabled):hover td, .icgds .lmn-table-hover tbody tr:not(.disabled):hover .lmn-table-td { background-color: var(--table_fill_hover) !important; color: var(--table_foreground_hover) !important; transition-property: background-color; transition-timing-function: var(--comp-transition); transition-duration: var(--motion-duration-fast-3); } .icgds .lmn-table-interactable tbody tr:not(.disabled) td, .icgds .lmn-table-interactable tbody tr:not(.disabled) .lmn-table-td, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) td, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) .lmn-table-td { transition-property: background-color; transition-timing-function: var(--comp-transition); transition-duration: var(--motion-duration-fast-3); } .icgds .lmn-table-interactable tbody tr:not(.disabled) td:focus, .icgds .lmn-table-interactable tbody tr:not(.disabled) .lmn-table-td:focus, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) td:focus, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) .lmn-table-td:focus { background-color: var(--table_fill_focus) !important; color: var(--table_foreground_focus) !important; outline: var(--table_border-width_focus) solid var(--table_border_focus); outline-offset: calc(var(--table_border-width_focus) * -1); } .icgds .lmn-table-interactable tbody tr:not(.disabled) td:active, .icgds .lmn-table-interactable tbody tr:not(.disabled) .lmn-table-td:active, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) td:active, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) .lmn-table-td:active { background-color: var(--table_fill_active) !important; color: var(--table_foreground_active) !important; border-color: var(--table_border_active) !important; border-width: var(--table_border-width_active) !important; } .icgds .lmn-table-interactable tbody tr:not(.disabled) td:hover, .icgds .lmn-table-interactable tbody tr:not(.disabled) .lmn-table-td:hover, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) td:hover, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) .lmn-table-td:hover { background-color: var(--table_fill_hover) !important; color: var(--table_foreground_hover) !important; border-color: var(--table_border_hover) !important; } .icgds .lmn-table-interactable tbody tr:not(.disabled) td.selected, .icgds .lmn-table-interactable tbody tr:not(.disabled) .lmn-table-td.selected, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) td.selected, .icgds .lmn-table-interactable tbody .lmn-table-tr:not(.disabled) .lmn-table-td.selected { font-weight: var(--font-weight-bold); background-color: var(--table_fill_selected) !important; color: var(--table_foreground_selected) !important; box-shadow: inset 0px -1px 0px 0px var(--table_border_selected) !important; } .icgds .lmn-table-bordered .lmn-table-thead tr .lmn-table-td, .icgds .lmn-table-bordered .lmn-table-thead tr td, .icgds .lmn-table-bordered .lmn-table-thead tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-thead tr th, .icgds .lmn-table-bordered .lmn-table-thead .lmn-table-tr .lmn-table-td, .icgds .lmn-table-bordered .lmn-table-thead .lmn-table-tr td, .icgds .lmn-table-bordered .lmn-table-thead .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-thead .lmn-table-tr th, .icgds .lmn-table-bordered tbody tr .lmn-table-td, .icgds .lmn-table-bordered tbody tr td, .icgds .lmn-table-bordered tbody tr .lmn-table-th, .icgds .lmn-table-bordered tbody tr th, .icgds .lmn-table-bordered tbody .lmn-table-tr .lmn-table-td, .icgds .lmn-table-bordered tbody .lmn-table-tr td, .icgds .lmn-table-bordered tbody .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered tbody .lmn-table-tr th, .icgds .lmn-table-bordered .lmn-table-tbody tr .lmn-table-td, .icgds .lmn-table-bordered .lmn-table-tbody tr td, .icgds .lmn-table-bordered .lmn-table-tbody tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-tbody tr th, .icgds .lmn-table-bordered .lmn-table-tbody .lmn-table-tr .lmn-table-td, .icgds .lmn-table-bordered .lmn-table-tbody .lmn-table-tr td, .icgds .lmn-table-bordered .lmn-table-tbody .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-tbody .lmn-table-tr th, .icgds .lmn-table-bordered tfoot tr .lmn-table-td, .icgds .lmn-table-bordered tfoot tr td, .icgds .lmn-table-bordered tfoot tr .lmn-table-th, .icgds .lmn-table-bordered tfoot tr th, .icgds .lmn-table-bordered tfoot .lmn-table-tr .lmn-table-td, .icgds .lmn-table-bordered tfoot .lmn-table-tr td, .icgds .lmn-table-bordered tfoot .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered tfoot .lmn-table-tr th, .icgds .lmn-table-bordered .lmn-table-tfoot tr .lmn-table-td, .icgds .lmn-table-bordered .lmn-table-tfoot tr td, .icgds .lmn-table-bordered .lmn-table-tfoot tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-tfoot tr th, .icgds .lmn-table-bordered .lmn-table-tfoot .lmn-table-tr .lmn-table-td, .icgds .lmn-table-bordered .lmn-table-tfoot .lmn-table-tr td, .icgds .lmn-table-bordered .lmn-table-tfoot .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-tfoot .lmn-table-tr th { border-left: 1px solid var(--table_border); border-right: 1px solid var(--table_border); } .icgds .lmn-table-bordered .lmn-table-thead tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-thead tr th, .icgds .lmn-table-bordered .lmn-table-thead .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-thead .lmn-table-tr th, .icgds .lmn-table-bordered tbody tr .lmn-table-th, .icgds .lmn-table-bordered tbody tr th, .icgds .lmn-table-bordered tbody .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered tbody .lmn-table-tr th, .icgds .lmn-table-bordered .lmn-table-tbody tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-tbody tr th, .icgds .lmn-table-bordered .lmn-table-tbody .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-tbody .lmn-table-tr th, .icgds .lmn-table-bordered tfoot tr .lmn-table-th, .icgds .lmn-table-bordered tfoot tr th, .icgds .lmn-table-bordered tfoot .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered tfoot .lmn-table-tr th, .icgds .lmn-table-bordered .lmn-table-tfoot tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-tfoot tr th, .icgds .lmn-table-bordered .lmn-table-tfoot .lmn-table-tr .lmn-table-th, .icgds .lmn-table-bordered .lmn-table-tfoot .lmn-table-tr th { border-top: 1px solid var(--table_border); border-color: var(--table_border_column-header); } .icgds .lmn-table-borderless th, .icgds .lmn-table-borderless td, .icgds .lmn-table-borderless thead th, .icgds .lmn-table-borderless tbody + tbody, .icgds .lmn-table-borderless tr { border-width: 0 !important; } .icgds .lmn-table .lmn-table-thead .lmn-table-sorting-icon, .icgds .lmn-table .lmn-table-thead .lmn-table-grouped-icon, .icgds .lmn-table .lmn-table-thead .lmn-table-ungrouped-icon { vertical-align: -0.125em; } .icgds .lmn-table .lmn-table-thead .lmn-table-sorting-icon { margin-left: var(--spacing-4); } .icgds .lmn-table .lmn-table-thead .lmn-table-grouped-icon, .icgds .lmn-table .lmn-table-thead .lmn-table-ungrouped-icon { margin-right: var(--spacing-4); } .icgds .lmn-table .lmn-table-tbody .lmn-table-expand-icon, .icgds .lmn-table .lmn-table-tbody .lmn-table-fold-icon { margin-right: var(--spacing-4); vertical-align: -0.125em; } .icgds .lmn-table.lmn-table-scroll { overflow: scroll; } .icgds .lmn-table.lmn-table-scroll .lmn-table-thead, .icgds .lmn-table.lmn-table-scroll .lmn-table-tfoot { position: sticky; z-index: 1; } .icgds .lmn-table.lmn-table-scroll .lmn-table-thead { top: 0; } .icgds .lmn-table.lmn-table-scroll .lmn-table-thead .lmn-table-th { word-break: keep-all; white-space: nowrap; } .icgds .lmn-table.lmn-table-scroll .lmn-table-tfoot { bottom: 0; } .icgds .lmn-table.lmn-table-scroll .lmn-table-tfoot .lmn-table-th, .icgds .lmn-table.lmn-table-scroll .lmn-table-tfoot .lmn-table-td { word-break: keep-all; white-space: nowrap; } .icgds .lmn-table.lmn-table-scroll .lmn-table-tbody { position: relative; z-index: 0; } .icgds .lmn-table.lmn-table-scroll .lmn-table-tbody .lmn-table-th, .icgds .lmn-table.lmn-table-scroll .lmn-table-tbody .lmn-table-td { word-break: keep-all; white-space: nowrap; } .icgds .lmn-table.lmn-table-scroll [data-sticky-td] { position: sticky; } .icgds .lmn-table.lmn-table-customize { width: auto; } .icgds .lmn-table.lmn-table-filters .lmn-table-thead tr th, .icgds .lmn-table.lmn-table-filters .lmn-table-thead tr .lmn-table-th, .icgds .lmn-table.lmn-table-filters .lmn-table-thead .lmn-table-tr th, .icgds .lmn-table.lmn-table-filters .lmn-table-thead .lmn-table-tr .lmn-table-th { vertical-align: top; } .icgds .lmn-table .lmn-table-resizer { position: absolute; top: 0; right: 0; z-index: 1; display: inline-block; width: 1px; height: 100%; /* prevents from scrolling while dragging on touch devices */ touch-action: none; transform: translateX(50%); } .icgds .lmn-table-pagination-controller { margin-top: var(--spacing-16); } .icgds .lmn-table-pagination-controller > * { margin-left: var(--spacing-4); } .icgds .lmn-table-pagination-controller > span input[type=number] { margin-left: var(--spacing-4); } .icgds .lmn-table-fixed-width { word-break: break-all; table-layout: fixed; } .icgds .lmn-table-fixed-width th .lmn-btn, .icgds .lmn-table-fixed-width td .lmn-btn, .icgds .lmn-table-fixed-width .lmn-table-th .lmn-btn, .icgds .lmn-table-fixed-width .lmn-table-td .lmn-btn { white-space: break-spaces; } .icgds .ag-floating-filter-full-body { overflow: visible; } .icgds .lmn-table-bg-1, .icgds .lmn-table-bg-1 td { background-color: color-mix(in srgb, var(--table-color-1), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-2, .icgds .lmn-table-bg-2 td { background-color: color-mix(in srgb, var(--table-color-2), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-3, .icgds .lmn-table-bg-3 td { background-color: color-mix(in srgb, var(--table-color-3), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-4, .icgds .lmn-table-bg-4 td { background-color: color-mix(in srgb, var(--table-color-4), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-5, .icgds .lmn-table-bg-5 td { background-color: color-mix(in srgb, var(--table-color-5), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-6, .icgds .lmn-table-bg-6 td { background-color: color-mix(in srgb, var(--table-color-6), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-7, .icgds .lmn-table-bg-7 td { background-color: color-mix(in srgb, var(--table-color-7), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-8, .icgds .lmn-table-bg-8 td { background-color: color-mix(in srgb, var(--table-color-8), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-9, .icgds .lmn-table-bg-9 td { background-color: color-mix(in srgb, var(--table-color-9), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-teal, .icgds .lmn-table-bg-teal td { background-color: color-mix(in srgb, var(--table-color-1), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-forest, .icgds .lmn-table-bg-forest td { background-color: color-mix(in srgb, var(--table-color-2), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-green, .icgds .lmn-table-bg-green td { background-color: color-mix(in srgb, var(--table-color-3), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-olive, .icgds .lmn-table-bg-olive td { background-color: color-mix(in srgb, var(--table-color-4), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-yellow, .icgds .lmn-table-bg-yellow td { background-color: color-mix(in srgb, var(--table-color-5), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-orange, .icgds .lmn-table-bg-orange td { background-color: color-mix(in srgb, var(--table-color-6), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-red, .icgds .lmn-table-bg-red td { background-color: color-mix(in srgb, var(--table-color-7), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-plum, .icgds .lmn-table-bg-plum td { background-color: color-mix(in srgb, var(--table-color-8), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-purple, .icgds .lmn-table-bg-purple td { background-color: color-mix(in srgb, var(--table-color-9), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-success, .icgds .lmn-table-bg-success td { background-color: color-mix(in srgb, var(--table-color-success), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-warning, .icgds .lmn-table-bg-warning td { background-color: color-mix(in srgb, var(--table-color-warning), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-bg-danger, .icgds .lmn-table-bg-danger td { background-color: color-mix(in srgb, var(--table-color-danger), var(--datatable_fill) 80%) !important; } .icgds .lmn-table-background, .icgds .lmn-table-background td { background-color: var(--background) !important; } .icgds .ag-row:hover .lmn-table-background { background-color: transparent; } .icgds .lmn-table-layer-brand-primary, .icgds .lmn-table-layer-brand-primary td { background-color: var(--layer_brand_primary) !important; } .icgds .ag-row:hover .lmn-table-layer-brand-primary { background-color: transparent; } .icgds .lmn-table-layer-brand-secondary, .icgds .lmn-table-layer-brand-secondary td { background-color: var(--layer_brand_secondary) !important; } .icgds .ag-row:hover .lmn-table-layer-brand-secondary { background-color: transparent; } .icgds .lmn-table-layer-primary, .icgds .lmn-table-layer-primary td { background-color: var(--layer_primary) !important; } .icgds .ag-row:hover .lmn-table-layer-primary { background-color: transparent; } .icgds .lmn-table-layer-secondary, .icgds .lmn-table-layer-secondary td { background-color: var(--layer_secondary) !important; } .icgds .ag-row:hover .lmn-table-layer-secondary { background-color: transparent; } .icgds .lmn-table-text-danger { color: var(--text_error) !important; } .icgds .lmn-table-text-error { color: var(--text_error) !important; } .icgds .lmn-table-text-disabled { color: var(--text_disabled) !important; } .icgds .lmn-table-text-color-icon { color: var(--icon_fill) !important; } .icgds .lmn-table-text-success { color: var(--text_success) !important; } .icgds .lmn-table-text-warning { color: var(--text_warning) !important; } .icgds .lmn-table-text-weak { color: var(--text_weak) !important; } .icgds .lmn-table-text-strong { color: var(--text_strong) !important; } .icgds .lmn-table-heading-primary { color: var(--heading_primary) !important; } .icgds .lmn-table-heading-secondary { color: var(--heading_secondary) !important; } .icgds .lmn-table-text-weak-on-brand-primary { color: var(--text_weak_on-brand-primary) !important; } .icgds .lmn-table-text-strong-on-brand-primary { color: var(--text_strong_on-brand-primary) !important; } .icgds .lmn-table-text-weak-on-brand-secondary { color: var(--text_weak_on-brand-secondary) !important; } .icgds .lmn-table-text-strong-on-brand-secondary { color: var(--text_strong_on-brand-secondary) !important; } .icgds .lmn-table-text-weak-on-brand-inverse { color: var(--text_weak_on-brand-inverse) !important; } .icgds .lmn-table-text-strong-on-brand-inverse { color: var(--text_strong_on-brand-inverse) !important; } @keyframes value-up-flash { from { color: var(--text_strong); background-color: var(--forest-200-40); } to { color: var(--text_strong); background-color: var(--table_fill); } } @keyframes value-down-flash { from { color: var(--text_strong); background-color: var(--red-200-40); } to { color: var(--text_strong); background-color: var(--table_fill); } } .icgds .lmn-tab-item { height: var(--tab_height); min-width: var(--tab_container_min-width); font: var(--tab_label_font-type) var(--tab_label_font-size)/var(--tab_label_line-height) var(--family_sans); cursor: pointer; position: relative; max-width: 600px; display: flex; align-items: center; background: var(--tab_fill); color: var(--tab_foreground); outline: var(--tab_border-width) solid var(--tab_border); outline-offset: calc(var(--tab_border-width) * -1); padding: var(--tab_container_vertical-padding) var(--tab_container_horizontal-padding); border-style: solid; border-color: var(--tab_fill_indicator); border-width: 0; border-radius: var(--tab_radius); text-decoration: none !important; transition: background-color 0.3s var(--comp-transition), border-color 0.3s var(--comp-transition), color 0.3s var(--comp-transition); } .icgds .lmn-tab-item .lmn-tab-count { font: var(--tab-count-wrapper_font-type) var(--tab-count-wrapper_font-size)/var(--tab-count-wrapper_line-height) var(--family_sans); background: var(--tab_fill_count-wrapper); color: var(--tab_foreground_count-wrapper); outline: var(--tab_border-width_count-wrapper) solid var(--tab_border_count-wrapper); outline-offset: -1px; padding: var(--tab_count-wrapper_vertical-padding) var(--tab_count-wrapper_horizontal-padding); border-radius: var(--tab_counter_radius); margin-left: var(--tab_container_horizontal-spacing); transition: background-color 0.3s var(--comp-transition), color 0.3s var(--comp-transition); } .icgds .lmn-tab-item .lmn-tab-icon-left { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; font-size: var(--icon-size-md); font-family: var(--icon-font-family); margin-right: var(--tab_container_horizontal-spacing); } .icgds .lmn-tab-item:has(.lmn-tab-icon-right), .icgds .lmn-tab-item:has(.lmn-tab-trigger-icon), .icgds .lmn-tab-item.lmn-tab-item-dropdown, .icgds .lmn-tab-item.lmn-tab-item-closable, .icgds .lmn-tab-item.lmn-tab-item-external, .icgds .lmn-tab-item.lmn-tab-item-add, .icgds .lmn-tab-item.lmn-tab-item-more { padding-top: var(--tab_icon-container_vertical-padding); padding-right: var(--tab_icon-container_padding-right); padding-bottom: var(--tab_icon-container_vertical-padding); } .icgds .lmn-tab-item:has(.lmn-tab-icon-right) a, .icgds .lmn-tab-item:has(.lmn-tab-trigger-icon) a, .icgds .lmn-tab-item.lmn-tab-item-dropdown a, .icgds .lmn-tab-item.lmn-tab-item-closable a, .icgds .lmn-tab-item.lmn-tab-item-external a, .icgds .lmn-tab-item.lmn-tab-item-add a, .icgds .lmn-tab-item.lmn-tab-item-more a { color: inherit !important; } .icgds .lmn-tab-item.lmn-tab-item-closable { padding-right: calc(var(--tab_icon-container_padding-right) + var(--tab_container_horizontal-spacing) + 24px); } .icgds .lmn-tab-item:has(.lmn-tab-icon-left) { padding-top: var(--tab_icon-container_vertical-padding); padding-left: var(--tab_icon-container_padding-right); padding-bottom: var(--tab_icon-container_vertical-padding); } .icgds .lmn-tab-item.lmn-tab-item-dropdown::after { content: var(--icon-chevron-down); } .icgds .lmn-tab-item.lmn-tab-item-external::after { content: var(--icon-link-out); } .icgds .lmn-tab-item.lmn-tab-item-add::after { content: var(--icon-plus); } .icgds .lmn-tab-item.lmn-tab-item-more::after { content: var(--icon-more-alt); } .icgds .lmn-tab-item.lmn-tab-item-editing { padding: 0; } .icgds .lmn-tab-item.lmn-tab-item-editing .lmn-input { max-width: calc(var(--spacing-2x) * 4); border-radius: 0; } .icgds .lmn-tab-item.lmn-tab-item-truncate span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-tab-item.lmn-tab-item-clamp-2 span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .icgds .lmn-tab-item:visited { color: var(--tab_foreground); } .icgds .lmn-tab-item:hover, .icgds .lmn-tab-item.hover, .icgds .lmn-tab-item:has(+ .lmn-tab-close-icon:hover) { color: var(--tab_foreground_hover); background: var(--tab_fill_hover); outline-color: var(--tab_border_hover); border-color: var(--tab_fill_indicator_hover); } .icgds .lmn-tab-item:hover:visited, .icgds .lmn-tab-item.hover:visited, .icgds .lmn-tab-item:has(+ .lmn-tab-close-icon:hover):visited { color: var(--tab_foreground_hover); } .icgds .lmn-tab-item:hover .lmn-tab-count, .icgds .lmn-tab-item.hover .lmn-tab-count, .icgds .lmn-tab-item:has(+ .lmn-tab-close-icon:hover) .lmn-tab-count { background: var(--tab_fill_count-wrapper_hover); color: var(--tab_foreground_count-wrapper_hover); outline-color: var(--tab_border_count-wrapper_hover); } .icgds .lmn-tab-item:hover + .lmn-tab-close-icon, .icgds .lmn-tab-item.hover + .lmn-tab-close-icon, .icgds .lmn-tab-item:has(+ .lmn-tab-close-icon:hover) + .lmn-tab-close-icon { color: var(--tab_foreground_hover); } .icgds .lmn-tab-item:focus, .icgds .lmn-tab-item.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); z-index: 1; color: var(--tab_foreground_focus); background: var(--tab_fill_focus); border-color: var(--tab_fill_indicator_focus); } .icgds .lmn-tab-item:focus:visited, .icgds .lmn-tab-item.focus:visited { color: var(--tab_foreground_focus); } .icgds .lmn-tab-item:focus .lmn-tab-count, .icgds .lmn-tab-item.focus .lmn-tab-count { background: var(--tab_fill_count-wrapper_focus); color: var(--tab_foreground_count-wrapper_focus); outline-color: var(--tab_border_count-wrapper_focus); } .icgds .lmn-tab-item:focus + .lmn-tab-close-icon, .icgds .lmn-tab-item.focus + .lmn-tab-close-icon { color: var(--tab_foreground_focus); } .icgds .lmn-tab-item.lmn-tab-item-active, .icgds .lmn-tab-item.active, .icgds .lmn-tab-item:active { color: var(--tab_foreground_active); background: var(--tab_fill_active); border-color: var(--tab_fill_indicator_active); outline-color: var(--tab_border_active); outline-width: var(--tab_border-width_active); outline-offset: calc(var(--tab_border-width_active) * -1); font-weight: bold; } .icgds .lmn-tab-item.lmn-tab-item-active:visited, .icgds .lmn-tab-item.active:visited, .icgds .lmn-tab-item:active:visited { color: var(--tab_foreground_active); } .icgds .lmn-tab-item.lmn-tab-item-active .lmn-tab-count, .icgds .lmn-tab-item.active .lmn-tab-count, .icgds .lmn-tab-item:active .lmn-tab-count { background: var(--tab_fill_count-wrapper_active); color: var(--tab_foreground_count-wrapper_active); outline-color: var(--tab_border_count-wrapper_active); outline-width: var(--tab_border-width_count-wrapper_active); outline-offset: calc(var(--tab_border-width_count-wrapper_active) * -1); } .icgds .lmn-tab-item.lmn-tab-item-active + .lmn-tab-close-icon, .icgds .lmn-tab-item.active + .lmn-tab-close-icon, .icgds .lmn-tab-item:active + .lmn-tab-close-icon { color: var(--tab_foreground_active); } .icgds .lmn-tab-item.lmn-tab-item-active:focus, .icgds .lmn-tab-item.lmn-tab-item-active.focus, .icgds .lmn-tab-item.active:focus, .icgds .lmn-tab-item.active.focus, .icgds .lmn-tab-item:active:focus, .icgds .lmn-tab-item:active.focus { color: var(--tab_foreground_active-focus); background: var(--tab_fill_active-focus); border-color: var(--tab_fill_indicator_active); } .icgds .lmn-tab-item.lmn-tab-item-active:focus:visited, .icgds .lmn-tab-item.lmn-tab-item-active.focus:visited, .icgds .lmn-tab-item.active:focus:visited, .icgds .lmn-tab-item.active.focus:visited, .icgds .lmn-tab-item:active:focus:visited, .icgds .lmn-tab-item:active.focus:visited { color: var(--tab_foreground_active-focus); } .icgds .lmn-tab-item.lmn-tab-item-active:focus .lmn-tab-count, .icgds .lmn-tab-item.lmn-tab-item-active.focus .lmn-tab-count, .icgds .lmn-tab-item.active:focus .lmn-tab-count, .icgds .lmn-tab-item.active.focus .lmn-tab-count, .icgds .lmn-tab-item:active:focus .lmn-tab-count, .icgds .lmn-tab-item:active.focus .lmn-tab-count { background: var(--tab_fill_count-wrapper_active-focus); color: var(--tab_foreground_count-wrapper_active-focus); outline-color: var(--tab_border_count-wrapper_active-focus); } .icgds .lmn-tab-item.lmn-tab-item-active:focus + .lmn-tab-close-icon, .icgds .lmn-tab-item.lmn-tab-item-active.focus + .lmn-tab-close-icon, .icgds .lmn-tab-item.active:focus + .lmn-tab-close-icon, .icgds .lmn-tab-item.active.focus + .lmn-tab-close-icon, .icgds .lmn-tab-item:active:focus + .lmn-tab-close-icon, .icgds .lmn-tab-item:active.focus + .lmn-tab-close-icon { color: var(--tab_foreground_active-focus); } .icgds .lmn-tab-item.lmn-tab-item-active:hover, .icgds .lmn-tab-item.lmn-tab-item-active.hover, .icgds .lmn-tab-item.active:hover, .icgds .lmn-tab-item.active.hover, .icgds .lmn-tab-item:active:hover, .icgds .lmn-tab-item:active.hover { color: var(--tab_foreground_active-hover); background: var(--tab_fill_active-hover); border-color: var(--tab_fill_indicator_active-hover); outline-color: var(--tab_border_active-hover); outline-width: var(--tab_border-width_active-hover); outline-offset: calc(var(--tab_border-width_active-hover) * -1); } .icgds .lmn-tab-item.lmn-tab-item-active:hover:visited, .icgds .lmn-tab-item.lmn-tab-item-active.hover:visited, .icgds .lmn-tab-item.active:hover:visited, .icgds .lmn-tab-item.active.hover:visited, .icgds .lmn-tab-item:active:hover:visited, .icgds .lmn-tab-item:active.hover:visited { color: var(--tab_foreground_active-hover); } .icgds .lmn-tab-item.lmn-tab-item-active:hover .lmn-tab-count, .icgds .lmn-tab-item.lmn-tab-item-active.hover .lmn-tab-count, .icgds .lmn-tab-item.active:hover .lmn-tab-count, .icgds .lmn-tab-item.active.hover .lmn-tab-count, .icgds .lmn-tab-item:active:hover .lmn-tab-count, .icgds .lmn-tab-item:active.hover .lmn-tab-count { background: var(--tab_fill_count-wrapper_active-hover); color: var(--tab_foreground_count-wrapper_active-hover); outline-color: var(--tab_border_count-wrapper_active-hover); outline-width: var(--tab_border-width_count-wrapper_active-hover); outline-offset: calc(var(--tab_border-width_count-wrapper_active-hover) * -1); } .icgds .lmn-tab-item.lmn-tab-item-active:hover + .lmn-tab-close-icon, .icgds .lmn-tab-item.lmn-tab-item-active.hover + .lmn-tab-close-icon, .icgds .lmn-tab-item.active:hover + .lmn-tab-close-icon, .icgds .lmn-tab-item.active.hover + .lmn-tab-close-icon, .icgds .lmn-tab-item:active:hover + .lmn-tab-close-icon, .icgds .lmn-tab-item:active.hover + .lmn-tab-close-icon { color: var(--tab_foreground_active-hover); } .icgds .lmn-tab-item.disabled, .icgds .lmn-tab-item[disabled] { cursor: not-allowed; color: var(--tab_foreground_disabled); background: var(--tab_fill_disabled); border-color: var(--tab_fill_indicator_disabled); } .icgds .lmn-tab-item.disabled:visited, .icgds .lmn-tab-item[disabled]:visited { color: var(--tab_foreground_disabled); } .icgds .lmn-tab-item.disabled .lmn-tab-count, .icgds .lmn-tab-item[disabled] .lmn-tab-count { background: var(--tab_fill_count-wrapper_disabled); color: var(--tab_foreground_count-wrapper_disabled); outline-color: var(--tab_border_count-wrapper_disabled); } .icgds .lmn-tab-item.disabled + .lmn-tab-close-icon, .icgds .lmn-tab-item[disabled] + .lmn-tab-close-icon { color: var(--tab_foreground_disabled); } .icgds .lmn-tab-icon-right, .icgds .lmn-tab-close-icon, .icgds .lmn-tab-trigger-icon, .icgds .lmn-tab-item:after { font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; font-size: var(--icon_size_md); font-family: var(--icon-font-family); margin-left: var(--tab_container_horizontal-spacing); } .icgds .lmn-tab-close-icon { cursor: pointer; position: relative; z-index: 1; flex-shrink: 0; font-size: var(--icon_size_sm); margin: auto 0; inset-inline-start: calc(var(--tab_icon-container_padding-right) * -1); margin-inline-start: -24px; transition: background-color 0.3s var(--comp-transition), border-color 0.3s var(--comp-transition), color 0.3s var(--comp-transition); } .icgds .lmn-tab { position: relative; } .icgds .lmn-tab::before { content: ""; position: absolute; } .icgds .lmn-tab .lmn-dropdown { display: flex; } .icgds .lmn-tab.lmn-tab-block { width: 100%; display: block; } .icgds .lmn-tab.lmn-tab-block::before { content: ""; position: absolute; background-color: var(--tab_fill_indicator); } .icgds .lmn-tab.lmn-tab-block.lmn-tab-top::before { width: 100%; height: var(--tab_height_indicator_default); left: 0; bottom: 0; } .icgds .lmn-tab.lmn-tab-block.lmn-tab-bottom::before { width: 100%; height: 2px; left: 0; top: 0; } .icgds .lmn-tab.lmn-tab-block .lmn-tab-item::before { background-color: transparent; } .icgds .lmn-tab.lmn-tab-top .lmn-tab-item-wrapper { display: flex; } .icgds .lmn-tab.lmn-tab-top .lmn-tab-item-wrapper .lmn-tab-item { border-bottom-width: var(--tab_height_indicator_default); } .icgds .lmn-tab.lmn-tab-bottom .lmn-tab-item-wrapper { display: flex; } .icgds .lmn-tab.lmn-tab-bottom .lmn-tab-item-wrapper .lmn-tab-item { border-top-width: var(--tab_height_indicator_default); } .icgds .lmn-tab.lmn-tab-right .lmn-tab-item-wrapper { display: flex; } .icgds .lmn-tab.lmn-tab-right .lmn-tab-item-wrapper .lmn-tab-item { border-left-width: var(--tab_width_indicator_vertical); } .icgds .lmn-tab.lmn-tab-left .lmn-tab-item-wrapper { display: flex; } .icgds .lmn-tab.lmn-tab-left .lmn-tab-item-wrapper .lmn-tab-item { border-right-width: var(--tab_width_indicator_vertical); } .icgds .lmn-tab.lmn-tab-top .lmn-tab-container-scrolling, .icgds .lmn-tab.lmn-tab-bottom .lmn-tab-container-scrolling { padding: var(--spacing-eighth-x) calc(var(--spacing-x) + var(--spacing-three-quarter-x)); } .icgds .lmn-tab.lmn-tab-top .lmn-tab-item-nav-scroll, .icgds .lmn-tab.lmn-tab-top .lmn-tab-item-nav, .icgds .lmn-tab.lmn-tab-bottom .lmn-tab-item-nav-scroll, .icgds .lmn-tab.lmn-tab-bottom .lmn-tab-item-nav { display: flex; } .icgds .lmn-tab.lmn-tab-top .lmn-tab-arrow-next, .icgds .lmn-tab.lmn-tab-bottom .lmn-tab-arrow-next { top: 0; right: 0; padding: var(--spacing-half-x); } .icgds .lmn-tab.lmn-tab-top .lmn-tab-arrow-prev, .icgds .lmn-tab.lmn-tab-bottom .lmn-tab-arrow-prev { top: 0; left: 0; padding: var(--spacing-half-x); } .icgds .lmn-tab.lmn-tab-top .lmn-tab-extra-content, .icgds .lmn-tab.lmn-tab-bottom .lmn-tab-extra-content { top: 0; } .icgds .lmn-tab.lmn-tab-right .lmn-tab-container-scrolling, .icgds .lmn-tab.lmn-tab-left .lmn-tab-container-scrolling { padding: calc(var(--spacing-16) + var(--spacing-2)) 0; } .icgds .lmn-tab.lmn-tab-right .lmn-tab-container, .icgds .lmn-tab.lmn-tab-left .lmn-tab-container { height: 100%; } .icgds .lmn-tab.lmn-tab-right .lmn-tab-item-wrapper, .icgds .lmn-tab.lmn-tab-left .lmn-tab-item-wrapper { height: 100%; flex-direction: column; } .icgds .lmn-tab.lmn-tab-right .lmn-tab-item-wrapper .lmn-tab-item, .icgds .lmn-tab.lmn-tab-left .lmn-tab-item-wrapper .lmn-tab-item { padding-right: var(--spacing-half-x); width: 100%; } .icgds .lmn-tab.lmn-tab-right .lmn-tab-item-wrapper .lmn-tab-item::before, .icgds .lmn-tab.lmn-tab-left .lmn-tab-item-wrapper .lmn-tab-item::before { width: 2px; height: 100%; left: 0; bottom: 0; } .icgds .lmn-tab.lmn-tab-right .lmn-tab-item-wrapper .lmn-tab-item-nav-scroll, .icgds .lmn-tab.lmn-tab-left .lmn-tab-item-wrapper .lmn-tab-item-nav-scroll { height: 100%; } .icgds .lmn-tab.lmn-tab-right .lmn-tab-arrow-next, .icgds .lmn-tab.lmn-tab-left .lmn-tab-arrow-next { bottom: 0; width: 100%; text-align: center; } .icgds .lmn-tab.lmn-tab-right .lmn-tab-arrow-prev, .icgds .lmn-tab.lmn-tab-left .lmn-tab-arrow-prev { top: 0; width: 100%; text-align: center; } .icgds .lmn-tab.lmn-tab-blocks .lmn-tab-item-wrapper { display: flex; flex-wrap: nowrap; width: 100%; } .icgds .lmn-tab.lmn-tab-blocks .lmn-tab-item-wrapper .lmn-tab-item { width: 100%; flex-grow: 1; max-width: unset; } .icgds .lmn-tab.lmn-nav-tab { border-radius: 0 !important; } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper { height: 100%; } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-container .lmn-tab-arrow-prev, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-container .lmn-tab-arrow-next { height: 100%; display: flex; align-items: center; padding: var(--spacing-16); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-container .lmn-tab-arrow-next { right: var(--neg-spacing-x); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-container .lmn-tab-arrow-prev { left: var(--neg-spacing-x); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item { font: var(--navbar-tab-condensed_font-type) var(--navbar-tab_font-size)/var(--navbar-tab_line-height) var(--family_sans); padding: var(--navbar-tab_padding-top) var(--navbar-tab_horizontal-padding) var(--navbar-tab_padding-bottom) var(--navbar-tab_horizontal-padding); height: var(--navbar-tab-condensed_height); border-bottom-color: var(--navbar-tab-condensed_fill_indicator); border-bottom-width: 3px; border-radius: var(--navbar-tab-condensed_radius); background-color: var(--navbar-tab-condensed_fill); color: var(--navbar-tab-condensed_foreground); outline: var(--navbar-tab-condensed_border-width) solid var(--navbar-tab-condensed_border); outline-offset: calc(var(--navbar-tab-condensed_border-width) * -1); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:hover { background-color: var(--navbar-tab-condensed_fill_hover); color: var(--navbar-tab-condensed_foreground_hover); outline-color: var(--navbar-tab-condensed_border_hover); border-bottom-color: var(--navbar-tab-condensed_fill_indicator_hover); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:focus, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.lmn-tab-item-active, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.active, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:active, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.selected { background-color: var(--navbar-tab-condensed_fill_active); color: var(--navbar-tab-condensed_foreground_active); outline: var(--navbar-tab-condensed_border-width_active) solid var(--navbar-tab-condensed_border_active); outline-offset: calc(var(--navbar-tab-condensed_border-width_active) * -1); border-bottom-color: var(--navbar-tab-condensed_fill_indicator_active); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.lmn-tab-item-active:hover, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.active:hover, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:active:hover, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.selected:hover { background-color: var(--navbar-tab-condensed_fill_active-hover); color: var(--navbar-tab-condensed_foreground_active-hover); outline-color: var(--navbar-tab-condensed_border_active-hover); border-bottom-color: var(--navbar-tab-condensed_fill_indicator_active-hover); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.disabled { background-color: var(--navbar-tab-condensed_fill_disabled); color: var(--navbar-tab-condensed_foreground_disabled); outline-color: var(--navbar-tab-condensed_border_disabled); border-bottom-color: transparent; } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.disabled.lmn-tab-item-active, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.disabled.active, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.disabled:active, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.disabled.selected { border-bottom-color: var(--navbar-tab-condensed_fill_indicator_disabled); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item .lmn-tab-icon-right, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item .lmn-tab-icon-left { position: relative; } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item .lmn-tab-icon-right.lmn-tab-dropdown-trigger-icon, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item .lmn-tab-icon-left.lmn-tab-dropdown-trigger-icon { font-size: var(--font-size-body-2xs); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.lmn-tab-item-closable { padding-right: calc(var(--navbar-tab_horizontal-padding) + var(--tab_container_horizontal-spacing) + 24px); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-container-scrolling { padding-top: 0 !important; padding-bottom: 0 !important; height: 100%; } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-container-scrolling .lmn-tab-arrow-prev, .icgds .lmn-tab.lmn-nav-tab .lmn-tab-container-scrolling .lmn-tab-arrow-next { height: 100%; display: flex; align-items: center; } .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item { font: var(--navbar-tab_font-type) var(--navbar-tab_font-size)/var(--navbar-tab_line-height) var(--family_sans); height: var(--navbar-tab_height); background: var(--navbar-tab_fill); color: var(--navbar-tab_foreground); border-bottom-color: var(--navbar-tab_fill_tab-indicator); border-radius: var(--navbar-tab_radius); outline: var(--navbar-tab_border-width) solid var(--navbar-tab_border); outline-offset: calc(var(--navbar-tab_border-width) * -1); } .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:hover { background-color: var(--navbar-tab_fill_hover); color: var(--navbar-tab_foreground_hover); outline-color: var(--navbar-tab_border_hover); border-bottom-color: var(--navbar-tab_fill_tab-indicator_hover); } .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:focus, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.focus { background-color: var(--navbar-tab_fill_focus); color: var(--navbar-tab_foreground_focus); outline-color: var(--navbar-tab_border_focus); border-bottom-color: var(--navbar-tab_fill_tab-indicator_focus); } .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.lmn-tab-item-active, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.active, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:active, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.selected { background-color: var(--navbar-tab_fill_active); color: var(--navbar-tab_foreground_active); outline: var(--navbar-tab_border-width_active) solid var(--navbar-tab_border_active); outline-offset: calc(var(--navbar-tab_border-width_active) * -1); border-bottom-color: var(--navbar-tab_fill_tab-indicator_active); } .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.lmn-tab-item-active:hover, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.active:hover, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:active:hover, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.selected:hover { background-color: var(--navbar-tab_fill_active-hover); color: var(--navbar-tab_foreground_active-hover); outline-color: var(--navbar-tab_border_active-hover); border-bottom-color: var(--navbar-tab_fill_tab-indicator_active-hover); } .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.lmn-tab-item-active:focus, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.lmn-tab-item-active.focus, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.active:focus, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.active.focus, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:active:focus, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item:active.focus, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.selected:focus, .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.selected.focus { background-color: var(--navbar-tab_fill_active-focus); color: var(--navbar-tab_foreground_active-focus); outline-color: var(--navbar-tab_border_active-focus); border-bottom-color: var(--navbar-tab_fill_tab-indicator_active-focus); } .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-item.disabled { background-color: var(--navbar-tab_fill_disabled); color: var(--navbar-tab_foreground_disabled); outline-color: var(--navbar-tab_border_disabled); border-bottom-color: var(--navbar-tab_fill_tab-indicator_disabled); } .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-tab-close-icon { color: var(--navbar-tab_foreground); } .icgds .lmn-tab.lmn-nav-tab.lmn-sub-nav-tab .lmn-tab-item-wrapper .lmn-action-icon:hover { background-color: var(--navbar-tab_fill_hover); color: var(--navbar-tab_foreground_hover); } .icgds .lmn-tab.lmn-nav-tab .lmn-tab-close-icon { inset-inline-start: calc(var(--navbar-tab_horizontal-padding) * -1); margin-inline-start: -24px; } .icgds .lmn-tab.lmn-no-border .lmn-tab-item:not(:active):not(:focus):not(.lmn-tab-item-active) { border-width: 0px; } .icgds .lmn-tab .lmn-tab-container { position: relative; white-space: nowrap; height: 100%; } .icgds .lmn-tab .lmn-tab-container-scrolling .lmn-tab-item-wrapper { overflow: hidden; } .icgds .lmn-tab .lmn-tab-container-scrolling .lmn-tab-item-wrapper .lmn-tab-item-nav-scroll { overflow: hidden; white-space: nowrap; } .icgds .lmn-tab .lmn-tab-container-scrolling .lmn-tab-item-wrapper .lmn-tab-item-nav { position: relative; list-style: none; } .icgds .lmn-tab .lmn-tab-arrow-next, .icgds .lmn-tab .lmn-tab-arrow-prev { position: absolute; font-size: var(--icon-size-md); color: var(--tab_foreground); display: none; transition: color var(--motion-duration-fast-3) var(--motion-timing-ease-in-out); } .icgds .lmn-tab .lmn-tab-arrow-next.lmn-tab-arrow-show, .icgds .lmn-tab .lmn-tab-arrow-prev.lmn-tab-arrow-show { display: inline-block; } .icgds .lmn-tab .lmn-tab-arrow-next:hover, .icgds .lmn-tab .lmn-tab-arrow-prev:hover { color: var(--tab_foreground_hover); } .icgds .lmn-tab .lmn-tab-arrow-next:disabled, .icgds .lmn-tab .lmn-tab-arrow-next.disabled, .icgds .lmn-tab .lmn-tab-arrow-prev:disabled, .icgds .lmn-tab .lmn-tab-arrow-prev.disabled { color: var(--tab_foreground_disabled); } .icgds .lmn-tab .lmn-tab-extra-content { position: absolute; right: 0; z-index: 1; } .icgds .lmn-tab .lmn-tab-extra-content .lmnicon { padding: var(--spacing-half-x); line-height: var(--comp-line-height); cursor: pointer; } .icgds .lmn-tab-content.lmn-tab-top { padding-top: var(--spacing-2x); } .icgds .lmn-tab-content.lmn-tab-bottom { padding-bottom: var(--spacing-2x); } .icgds .lmn-tab-content.lmn-tab-left { padding-left: var(--spacing-2x); } .icgds .lmn-tab-content.lmn-tab-right { padding-right: var(--spacing-2x); } .icgds .lmn-tab-content.lmn-tab-top, .icgds .lmn-tab-content.lmn-tab-bottom { display: flex; flex-direction: column; width: 100%; } .icgds .lmn-tab-content.lmn-tab-top .lmn-tab-pane, .icgds .lmn-tab-content.lmn-tab-bottom .lmn-tab-pane { display: none; flex-shrink: 0; width: 100%; } .icgds .lmn-tab-content.lmn-tab-top .lmn-tab-pane.active, .icgds .lmn-tab-content.lmn-tab-bottom .lmn-tab-pane.active { display: block; } .icgds .lmn-tab-content.lmn-tab-left, .icgds .lmn-tab-content.lmn-tab-right { display: block; width: auto; } .icgds .lmn-tab-content.lmn-tab-left .lmn-tab-pane, .icgds .lmn-tab-content.lmn-tab-right .lmn-tab-pane { display: none; width: auto; } .icgds .lmn-tab-content.lmn-tab-left .lmn-tab-pane.active, .icgds .lmn-tab-content.lmn-tab-right .lmn-tab-pane.active { display: block; } .icgds .lmn-view-controller.lmn-tab { display: inline-block; border-radius: 0 !important; overflow: visible !important; height: 100%; } .icgds .lmn-view-controller.lmn-tab .lmn-tab-item-wrapper { height: 100%; } .icgds .lmn-view-controller.lmn-tab .lmn-tab-item-wrapper .lmn-tab-item { display: flex; align-items: center; box-shadow: inset 0 -2px 0 0 transparent !important; min-height: 54px; height: 100%; } .icgds .lmn-view-controller.lmn-tab .lmn-tab-item-wrapper .lmn-tab-item.lmn-tab-item-active, .icgds .lmn-view-controller.lmn-tab .lmn-tab-item-wrapper .lmn-tab-item.active { box-shadow: inset 0 -4px 0 0 var(--navbar-tab-bg-color) !important; } .icgds .lmn-tag { height: var(--tag_container_height); padding: var(--tag_container_vertical-padding) var(--tag_container_horizontal-padding); font: var(--tag_font-type) var(--tag-font-size)/var(--tag-line-height) var(--tag_font-family); position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; text-align: center; white-space: nowrap; text-decoration: none; border-radius: var(--tag_container_radius); border: none; outline: var(--tag_container_border-width) solid var(--tag_border); outline-offset: calc(var(--tag_container_border-width) * -1); color: var(--tag_foreground); background: var(--tag_fill); transition: background-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), border var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-linear); -webkit-user-select: none; user-select: none; } .icgds .lmn-tag.lmn-dropdown-toggle { text-align: left; } .icgds .lmn-tag .lmnicon { font-size: var(--font-size-body-xs); } .icgds .lmn-tag .lmn-tag-trigger-icon, .icgds .lmn-tag .lmn-tag-close-icon { font-style: normal; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; font-size: var(--icon_size_md); padding: var(--icon_padding_md); position: relative; margin-left: var(--tag_container_horizontal-spacing); border-radius: var(--border-radius-sm); z-index: 1; } .icgds .lmn-tag .lmn-tag-trigger-icon::after, .icgds .lmn-tag .lmn-tag-close-icon::after { content: ""; font-family: var(--icon-font-family); } .icgds .lmn-tag .lmn-tag-trigger-icon::after { font-size: var(--icon_trigger-open-size); content: var(--tag_trigger_icon); } .icgds .lmn-tag .lmn-tag-close-icon { font-size: var(--icon_size_sm); padding: var(--icon_padding_sm); } .icgds .lmn-tag .lmn-tag-close-icon::after { content: var(--icon-close); } .icgds .lmn-tag:has(.lmn-tag-trigger-icon), .icgds .lmn-tag:has(.lmn-tag-close-icon) { padding-right: var(--tag_icon-container_padding-right); } .icgds .lmn-tag span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-tag.lmn-tag-default { background-color: var(--tag_fill); outline-color: var(--tag_border); color: var(--tag_foreground); } .icgds .lmn-tag.lmn-tag-default:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-orange { background-color: var(--tag_fill_orange); outline-color: var(--tag_border_orange); color: var(--tag_foreground_orange); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-orange:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-purple { background-color: var(--tag_fill_purple); outline-color: var(--tag_border_purple); color: var(--tag_foreground_purple); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-purple:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-plum { background-color: var(--tag_fill_plum); outline-color: var(--tag_border_plum); color: var(--tag_foreground_plum); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-plum:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-teal { background-color: var(--tag_fill_teal); outline-color: var(--tag_border_teal); color: var(--tag_foreground_teal); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-teal:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-olive { background-color: var(--tag_fill_olive); outline-color: var(--tag_border_olive); color: var(--tag_foreground_olive); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-olive:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-blue { background-color: var(--tag_fill_active); outline-color: var(--tag_border_active); color: var(--tag_foreground_active); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-blue:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-green { background-color: var(--tag_fill_success); outline-color: var(--tag_border_success); color: var(--tag_foreground_success); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-green:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-yellow { background-color: var(--tag_fill_warning); outline-color: var(--tag_border_warning); color: var(--tag_foreground_warning); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-yellow:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-red { background-color: var(--tag_fill_danger); outline-color: var(--tag_border_danger); color: var(--tag_foreground_danger); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-red:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-success { background-color: var(--tag_fill_success); outline-color: var(--tag_border_success); color: var(--tag_foreground_success); } .icgds .lmn-tag.lmn-tag-success:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-warning { background-color: var(--tag_fill_warning); outline-color: var(--tag_border_warning); color: var(--tag_foreground_warning); } .icgds .lmn-tag.lmn-tag-warning:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-danger { background-color: var(--tag_fill_danger); outline-color: var(--tag_border_danger); color: var(--tag_foreground_danger); } .icgds .lmn-tag.lmn-tag-danger:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-error { background-color: var(--tag_fill_danger); outline-color: var(--tag_border_danger); color: var(--tag_foreground_danger); } .icgds .lmn-tag.lmn-tag-error:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-info { background-color: var(--tag_fill_info); outline-color: var(--tag_border_info); color: var(--tag_foreground_info); } .icgds .lmn-tag.lmn-tag-info:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-read-only { background-color: var(--tag_fill_read-only); outline-color: var(--tag_border_read-only); color: var(--tag_foreground_read-only); } .icgds .lmn-tag.lmn-tag-read-only:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag.lmn-tag-selected { cursor: pointer; background-color: var(--tag_fill_active); outline-color: var(--tag_border_active); color: var(--tag_foreground_active); outline-width: var(--tag_container_border-width_active); outline-offset: calc(var(--tag_container_border-width_active) * -1); } .icgds .lmn-tag.lmn-tag-selected:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag:hover .lmn-tag-trigger-icon::after { background-color: var(--tag-bg-color-blue); } .icgds .lmn-tag:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-tag[disabled], .icgds .lmn-tag.disabled { background-color: var(--tag_fill_disabled); outline-color: var(--tag_border_disabled); color: var(--tag_foreground_disabled); } .icgds .lmn-tag[disabled], .icgds .lmn-tag[disabled] *, .icgds .lmn-tag.disabled, .icgds .lmn-tag.disabled * { cursor: not-allowed; } .icgds .lmn-tag[disabled]:hover .lmn-tag-trigger-icon::after, .icgds .lmn-tag.disabled:hover .lmn-tag-trigger-icon::after { background-color: transparent; } .icgds .lmn-tag.read-only, .icgds .lmn-tag[read-only] { background-color: var(--tag_fill_read-only); outline-color: var(--tag_border_read-only); color: var(--tag_foreground_read-only); } .icgds .lmn-tag.read-only, .icgds .lmn-tag.read-only *, .icgds .lmn-tag[read-only], .icgds .lmn-tag[read-only] * { cursor: default; } .icgds .lmn-tag.read-only:hover .lmn-tag-trigger-icon:after, .icgds .lmn-tag[read-only]:hover .lmn-tag-trigger-icon:after { background-color: transparent; } .icgds .lmn-tag.lmn-tag-add { outline-color: var(--tag_border_active); outline-style: dashed; } .icgds .disabled .lmn-tag, .icgds [disabled] .lmn-tag { background-color: var(--tag_fill_disabled); outline-color: var(--tag_border_disabled); color: var(--tag_foreground_disabled); } .icgds .disabled .lmn-tag:focus, .icgds [disabled] .lmn-tag:focus { box-shadow: none; } .icgds .read-only .lmn-tag, .icgds [read-only] .lmn-tag { background-color: var(--tag_fill_read-only); outline-color: var(--tag_border_read-only); color: var(--tag_foreground_read-only); cursor: default; } .icgds .read-only .lmn-tag:hover .lmn-tag-trigger-icon, .icgds [read-only] .lmn-tag:hover .lmn-tag-trigger-icon { background-color: transparent; } .icgds .read-only .lmn-tag:focus, .icgds [read-only] .lmn-tag:focus { box-shadow: none; } .icgds .lmn-tag-read-only { cursor: default; } .icgds .lmn-tag-list { display: flex; align-items: center; } .icgds .lmn-tag-list .lmn-tag-list-container { display: flex; align-items: center; } .icgds .lmn-tag-list.lmn-tag-list-rtl { flex-direction: row-reverse; justify-content: flex-end; } .icgds .lmn-tag-list.lmn-tag-list-rtl .lmn-tag-list-container { flex-direction: row-reverse; } .icgds .lmn-time-picker { display: flex; } .icgds .lmn-time-picker-panel-combobox { display: flex; height: 168px; } .icgds .lmn-time-picker-panel-combobox .lmn-time-picker-panel-select { flex: 1; overflow: hidden; padding: 0 4px; width: 56px; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ /* Hide scrollbar for Chrome, Safari and Opera */ } .icgds .lmn-time-picker-panel-combobox .lmn-time-picker-panel-select:hover { overflow-y: auto; } .icgds .lmn-time-picker-panel-combobox .lmn-time-picker-panel-select li { cursor: pointer; white-space: nowrap; } .icgds .lmn-time-picker-panel-combobox .lmn-time-picker-panel-select li:disabled { cursor: none; } .icgds .lmn-time-picker-panel-combobox .lmn-time-picker-panel-select::-webkit-scrollbar { display: none; } .icgds .lmn-time-picker-panel-combobox .lmn-time-picker-panel-select .lmn-menu-item { font-family: var(--family_mono) !important; padding-left: 0; padding-right: 0; justify-content: center; } .icgds .lmn-datepicker-holder .lmn-time-picker-clear { visibility: hidden; cursor: pointer; } .icgds .lmn-datepicker-holder.lmn-datepicker-holder-show-clear:hover .lmn-time-picker-clear { visibility: visible; } .icgds .lmn-datepicker-holder.lmn-datepicker-holder-show-clear:hover .lmn-time-picker-icon { visibility: hidden; } .icgds .lmn-datepicker-time-select { display: flex; } .icgds .lmn-time-picker-footer { display: flex; justify-content: flex-end; margin: var(--spacing-half-x); } .icgds .lmn-hover-trigger { position: relative; display: inline-block; outline: none; } .icgds .lmn-hover-trigger:hover .lmn-tooltip, .icgds .lmn-hover-trigger:hover .lmn-popover { display: inline-block; } .icgds .lmn-popover, .icgds .lmn-tooltip { position: absolute; display: none; padding: var(--tooltip_padding); font-weight: var(--font-weight-regular); max-width: 480px; white-space: normal; word-break: normal; word-wrap: break-word; border-radius: var(--tooltip_radius); } .icgds .lmn-popover::after, .icgds .lmn-tooltip::after { content: ""; position: absolute; width: 0px; height: 7px; border-style: solid; border-width: 0 6px 7px; } .icgds .lmn-popover.lmn-popover-hidden, .icgds .lmn-popover.lmn-tooltip-hidden, .icgds .lmn-tooltip.lmn-popover-hidden, .icgds .lmn-tooltip.lmn-tooltip-hidden { display: none; } .icgds .lmn-popover .lmn-popover-inner, .icgds .lmn-popover .lmn-tooltip-inner, .icgds .lmn-tooltip .lmn-popover-inner, .icgds .lmn-tooltip .lmn-tooltip-inner { overflow: hidden; display: inline-block; width: 100%; height: 100%; } .icgds .lmn-popover { font: var(--popover-body_font-type) var(--popover-body_font-size)/var(--popover-body_line-height) var(--family_sans); background: var(--popover_fill); color: var(--popover_foreground_body); text-align: left; padding: var(--popover_padding); border-radius: var(--popover_radius); outline: var(--popover_border-width) solid var(--popover_border); outline-offset: calc(var(--popover_border-width) * -1); z-index: var(--popover-z-index); box-shadow: var(--shadow_x-distance_overlay-2) var(--shadow_y-distance_overlay-2) var(--shadow_blur_overlay-2) var(--shadow_spread_overlay-2) var(--shadow_color_overlay-2), var(--shadow_x-distance_overlay-1) var(--shadow_y-distance_overlay-1) var(--shadow_blur_overlay-1) var(--shadow_spread_overlay-1) var(--shadow_color_overlay-1); } .icgds .lmn-popover:has(.lmn-popover-inner) { padding: 0; } .icgds .lmn-popover:has(.lmn-popover-inner) .lmn-popover-inner { padding: var(--popover_padding); } .icgds .lmn-popover .lmn-popover-header { font: var(--popover-heading_font-type) var(--popover-heading_font-size)/var(--popover-heading_line-height) var(--family_sans); color: var(--popover_foreground_secondary); padding-bottom: var(--popover_vertical-spacing); } .icgds .lmn-popover .lmn-popover-body { width: 100%; } .icgds .lmn-popover::after { border-color: transparent transparent var(--popover_fill) transparent; } .icgds .lmn-popover.lmn-popover-alt { background: var(--popover_fill_secondary); outline-color: var(--popover_border_secondary); } .icgds .lmn-popover.lmn-popover-alt::after { border-color: transparent transparent var(--popover_fill_secondary) transparent; } .icgds .lmn-popover.lmn-avatar-menu { margin-top: var(--spacing-8); } .icgds .lmn-popover.lmn-popover-menu { padding: 0; background: var(--layer_primary); width: 256px; max-height: 720px; } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-inner { display: flex; flex-direction: column; overflow: auto; max-height: inherit; } .icgds .lmn-popover.lmn-popover-menu .lmn-menu-divider { margin: var(--spacing-8) var(--spacing-16); background: var(--border_weak); } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-subtitle { display: block; color: var(--text_weak); font-size: 12px; line-height: 16px; padding-top: var(--spacing-8); } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-header { padding: var(--spacing-12) var(--spacing-16) var(--spacing-16); } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-header .lmn-popover-title { display: block; color: var(--text-headline-0); padding: 0px var(--spacing-8); font-size: 20px; line-height: 26px; } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-header .lmn-popover-title + .lmn-popover-subtitle { margin-top: var(--spacing-8); } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-header .lmn-popover-subtitle { display: block; color: var(--text_weak); font-size: 14px; line-height: 18px; padding: 0px var(--spacing-8); } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-header .lmn-popover-subtitle + .lmn-popover-subtitle { margin-top: var(--spacing-8); } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-header .lmn-menu-divider { margin: var(--spacing-16) auto; } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-header .lmn-popover-header-details { display: block; color: var(--text_weak); font-size: 12px; line-height: 16px; } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-header .lmn-popover-header-details .lmn-popover-subtitle { font-size: 12px; line-height: 16px; } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body { padding: 0 var(--spacing-8); flex-grow: 1; } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body .lmn-menu-item, .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body .lmn-menu-submenu .lmn-menu-submenu-title { padding-left: var(--spacing-16); margin: 0; display: flex; } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body .lmn-menu-item:before, .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body .lmn-menu-submenu .lmn-menu-submenu-title:before { inset: var(--spacing-2) var(--spacing-4) !important; } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body .lmn-menu-item, .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body .lmn-menu-item span:not(.lmn-switch), .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body .lmn-menu-submenu .lmn-menu-submenu-title, .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body .lmn-menu-submenu .lmn-menu-submenu-title span:not(.lmn-switch) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-body .lmn-menu-divider { margin: var(--spacing-8); } .icgds .lmn-popover.lmn-popover-menu .lmn-popover-footer { padding: var(--spacing-12) var(--spacing-16) calc(var(--spacing-12) - var(--spacing-4)); } .icgds .lmn-popover.lmn-popover-menu.lmn-popover-menu-alt .lmn-popover-header { background: var(--layer_secondary); } .icgds .lmn-popover .lmn-popover-item { padding: var(--spacing-4); padding-bottom: var(--spacing-8); box-shadow: inset 0 1px 0 0 var(--border_weak); margin-bottom: var(--spacing-4); cursor: pointer; } .icgds .lmn-popover .lmn-popover-item .lmn-popover-inner { display: flex; align-items: center; padding: calc(var(--spacing-4) + var(--spacing-2)) var(--spacing-12); border-radius: var(--border-radius-sm); transition: background-color 0.2s var(--comp-transition), box-shadow 0.2s var(--comp-transition), color 0.2s var(--comp-transition); } .icgds .lmn-popover .lmn-popover-item .lmn-popover-inner .lmn-popover-item-content { flex-grow: 1; } .icgds .lmn-popover .lmn-popover-item .lmn-popover-inner .lmn-popover-item-icon { font-size: var(--icon_size_md); color: var(--text_weak); font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-popover .lmn-popover-item .lmn-popover-item-title { display: block; color: var(--text_strong); font-size: 14px; line-height: 18px; } .icgds .lmn-popover .lmn-popover-item .lmn-popover-item-subtitle { display: block; color: var(--text_weak); margin-top: var(--spacing-4); font-size: 12px; line-height: 16px; line-height: 18px; } .icgds .lmn-popover .lmn-popover-item:hover .lmn-popover-inner { background: var(--comp-bg-color-hover); } .icgds .lmn-popover .lmn-popover-item.active .lmn-popover-item-title, .icgds .lmn-popover .lmn-popover-item.selected .lmn-popover-item-title { color: var(--comp-text-color-item-active); font-weight: var(--font-weight-bold); } .icgds .lmn-popover .lmn-popover-item.active .lmn-popover-inner, .icgds .lmn-popover .lmn-popover-item.selected .lmn-popover-inner { background: var(--comp-bg-color-item-active); } .icgds .lmn-popover .lmn-popover-item:focus .lmn-popover-inner, .icgds .lmn-popover .lmn-popover-item:focus-within .lmn-popover-inner { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); } .icgds .lmn-popover .lmn-popover-item.disabled .lmn-popover-item-icon, .icgds .lmn-popover .lmn-popover-item.disabled .lmn-popover-item-title, .icgds .lmn-popover .lmn-popover-item.disabled .lmn-popover-item-subtitle { color: var(--text_disabled) !important; } .icgds .lmn-popover .lmn-popover-item.disabled:hover .lmn-popover-item-innder { background-color: transparent !important; } .icgds .lmn-popover .lmn-popover-item.disabled:focus .lmn-popover-item-innder, .icgds .lmn-popover .lmn-popover-item.disabled:focus-within .lmn-popover-item-innder { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .icgds .lmn-popover.lmn-popover-icon-menu { border-radius: 8px; padding: 4px; min-width: 200px; } .icgds .lmn-popover.lmn-popover-icon-menu .lmn-menu-item { margin-bottom: 0; } .icgds .lmn-popover.lmn-popover-icon-menu .lmn-menu-item::before { inset: 0; } .icgds .lmn-popover.lmn-popover-icon-menu.lmn-popover-icon-menu-offset { margin-top: var(--neg-spacing-8); } .icgds .lmn-popover.lmn-popover-icon-menu-offset { margin-top: var(--spacing-8); } .icgds .lmn-tooltip { font: var(--tooltip_font-type) var(--tooltip_font-size)/var(--tooltip_line-height) var(--family_sans); padding: var(--tooltip_padding); background: var(--tooltip_fill); color: var(--tooltip_foreground); outline: var(--tooltip_border-width) solid var(--tooltip_border); outline-offset: calc(var(--tooltip_border-width) * -1); z-index: var(--tooltip-z-index); } .icgds .lmn-tooltip span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; } .icgds .lmn-tooltip::after { border-color: transparent transparent var(--tooltip_fill) transparent; } .icgds .lmn-tooltip-placement-top, .icgds .lmn-popover-placement-top, .icgds .lmn-placement-top { animation: tooltip-top var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-top::after, .icgds .lmn-popover-placement-top::after, .icgds .lmn-placement-top::after { bottom: -7px; transform: translateX(-50%) rotate(180deg); left: 50%; } .icgds .lmn-tooltip-placement-top-right, .icgds .lmn-popover-placement-top-right { animation: tooltip-top var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-top-right::after, .icgds .lmn-popover-placement-top-right::after { bottom: -7px; transform: rotate(180deg); right: 12px; } .icgds .lmn-popover-placement-top-right::after { right: 24px; } .icgds .lmn-tooltip-placement-top-left, .icgds .lmn-popover-placement-top-left { animation: tooltip-top var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-top-left::after, .icgds .lmn-popover-placement-top-left::after { bottom: -7px; transform: rotate(180deg); left: 12px; } .icgds .lmn-popover-placement-top-left::after { left: 24px; } .icgds .lmn-tooltip-placement-bottom, .icgds .lmn-popover-placement-bottom, .icgds .lmn-placement-bottom { animation: tooltip-bottom var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-bottom::after, .icgds .lmn-popover-placement-bottom::after, .icgds .lmn-placement-bottom::after { top: -7px; transform: translateX(-50%); left: 50%; } .icgds .lmn-tooltip-placement-bottom-right, .icgds .lmn-popover-placement-bottom-right { animation: tooltip-bottom var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-bottom-right::after, .icgds .lmn-popover-placement-bottom-right::after { top: -7px; right: 12px; } .icgds .lmn-popover-placement-bottom-right::after { right: 24px; } .icgds .lmn-tooltip-placement-bottom-left, .icgds .lmn-popover-placement-bottom-left { animation: tooltip-bottom var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-bottom-left::after, .icgds .lmn-popover-placement-bottom-left::after { top: -7px; left: 12px; } .icgds .lmn-popover-placement-bottom-left::after { left: 24px; } .icgds .lmn-tooltip-placement-left, .icgds .lmn-popover-placement-left, .icgds .lmn-placement-left { animation: tooltip-left var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-left::after, .icgds .lmn-popover-placement-left::after, .icgds .lmn-placement-left::after { right: -9px; transform: translateY(-50%) rotate(90deg); top: 50%; } .icgds .lmn-tooltip-placement-left-top, .icgds .lmn-popover-placement-left-top { animation: tooltip-left var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-left-top::after, .icgds .lmn-popover-placement-left-top::after { right: -9px; transform: rotate(90deg); top: 12px; } .icgds .lmn-popover-placement-left-top::after { top: 24px; } .icgds .lmn-tooltip-placement-left-bottom, .icgds .lmn-popover-placement-left-bottom { animation: tooltip-left var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-left-bottom::after, .icgds .lmn-popover-placement-left-bottom::after { right: -9px; transform: rotate(90deg); bottom: 12px; } .icgds .lmn-popover-placement-left-bottom::after { bottom: 24px; } .icgds .lmn-tooltip-placement-right, .icgds .lmn-popover-placement-right, .icgds .lmn-placement-right { animation: tooltip-right var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-right::after, .icgds .lmn-popover-placement-right::after, .icgds .lmn-placement-right::after { left: -9px; transform: translateY(-50%) rotate(-90deg); top: 50%; } .icgds .lmn-tooltip-placement-right-top, .icgds .lmn-popover-placement-right-top { animation: tooltip-right var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-right-top::after, .icgds .lmn-popover-placement-right-top::after { left: -9px; transform: rotate(-90deg); top: 12px; } .icgds .lmn-popover-placement-right-top::after { top: 24px; } .icgds .lmn-tooltip-placement-right-bottom, .icgds .lmn-popover-placement-right-bottom { animation: tooltip-right var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-tooltip-placement-right-bottom::after, .icgds .lmn-popover-placement-right-bottom::after { left: -9px; transform: rotate(-90deg); bottom: 12px; } .icgds .lmn-popover-placement-right-bottom::after { bottom: 24px; } .icgds .lmn-placement-no-arrow::after, .icgds .lmn-tooltip-placement-no-arrow::after, .icgds .lmn-popover-placement-no-arrow::after { display: none; } .icgds .lmn-no-animation { animation: none !important; } .icgds .lmn-transfer { display: flex; align-items: center; font-size: var(--font-size-body-xs); } .icgds .lmn-transfer-list { background: var(--layer_primary); color: var(--text_strong); border-radius: var(--large-container_radius); outline: 1px solid var(--border_weak); padding-top: var(--transfer_container_padding-top); padding-right: var(--transfer_container_padding-right); padding-bottom: var(--transfer_container_padding-bottom); padding-left: var(--transfer_container_padding-left); height: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; word-wrap: break-word; outline-offset: -1px; } .icgds .lmn-transfer-list .lmn-transfer-list-header { padding: var(--transfer_header-wrapper_horizontal-padding) var(--transfer_header-wrapper_vertical-padding); display: block; align-items: center; } .icgds .lmn-transfer-list .lmn-transfer-list-header .lmn-transfer-list-header-selected { display: flex; align-items: center; } .icgds .lmn-transfer-list .lmn-transfer-list-header .lmn-transfer-list-header-title { flex-grow: 1; font-size: var(--font-size_heading-3); color: var(--text_strong); line-height: var(--line-height_heading-3); } .icgds .lmn-transfer-list .lmn-transfer-list-footer { color: var(--text_weak); display: flex; align-items: center; padding-top: var(--container_footer_padding-top); padding-right: var(--container_footer_padding-right); padding-bottom: var(--container_footer_padding-bottom); padding-left: var(--container_footer_padding-left); } .icgds .lmn-transfer-list .lmn-transfer-list-footer > * { margin-right: var(--spacing-half-x); } .icgds .lmn-transfer-list .lmn-transfer-list-body { margin: 0; flex: 1 1 auto; overflow-y: auto; padding-top: 0; } .icgds .lmn-transfer-list-body-not-found { color: var(--text_weak); font-size: var(--font-size_support); text-align: center; } .icgds .lmn-transfer-operation { display: flex; flex-direction: column-reverse; padding: 0 var(--transfer_direction-button_vertical-padding); margin: 0 var(--spacing-4); gap: var(--transfer_between-button_spacing); } .icgds .lmn-transfer-list-body-search-wrapper { position: relative; z-index: 2; margin-top: var(--transfer_container_vertical-spacing); } .icgds .lmn-transfer-list-body-search-wrapper .lmn-transfer-list-content { margin-top: var(--transfer_search-wrapper_margin-bottom); } .icgds .lmn-transfer-list-content { padding: 0; list-style: none; margin-bottom: 0; } .icgds .lmn-transfer-list-content:has(.lmn-transfer-list-select-all) { margin-bottom: var(--transfer_list-item-group_vertical-spacing); } .icgds .lmn-transfer-list-content .lmn-transfer-list-content-item { padding-top: var(--menu-item_container_padding-top); padding-right: var(--menu-item_container_padding-right); padding-bottom: var(--menu-item_container_padding-bottom); padding-left: var(--menu-item_container_padding-left); border-radius: var(--context-menu_item-container_radius); margin-bottom: var(--transfer_list-item-group_vertical-spacing); line-height: 1; } .icgds .lmn-transfer-list-content .lmn-transfer-list-content-item .lmn-form-check, .icgds .lmn-transfer-list-content .lmn-transfer-list-content-item .lmn-form-check-label { margin: 0; } .icgds .lmn-transfer-list-content .lmn-transfer-list-content-item.lmn-transfer-list-select-all { margin-bottom: var(--context-menu_group_vertical-spacing); } .icgds .lmn-transfer-list-content .lmn-transfer-list-content-item.lmn-transfer-list-select-all::after { content: ""; position: absolute; left: 0; right: 0; bottom: var(--context-menu_group_vertical-spacing); height: 1px; background: var(--border_weak); } .icgds .lmn-transfer-list-content .lmn-transfer-list-content-item:hover { background-color: var(--fill_hover); } .icgds .lmn-transfer-list-content .lmnicon-handle { font-size: var(--font-size-body-xs); } .icgds .lmn-transfer-list-content-item-parent { padding: var(--spacing-half-x) 0 !important; margin-bottom: -1px; } .icgds .lmn-transfer-list-content-item-parent.lmn-transfer-list-content-item { padding: 0 !important; } .icgds .lmn-transfer-list-content-item-parent .lmn-transfer-list-group { padding: var(--spacing-half-x) 0 !important; } .icgds .lmn-transfer-list-content-item-parent .lmn-transfer-list-content-item-child { padding-top: var(--spacing-4); padding-bottom: var(--spacing-4); padding-left: var(--spacing-12); } .icgds .lmn-transfer-list-content-item-parent .lmn-transfer-list-content-item-child:last-child { margin-bottom: var(--spacing-8); } .icgds .lmn-transfer-list-content-item-parent:first-child { padding-top: var(--spacing-2) !important; padding-bottom: var(--spacing-2) !important; border-top: 0 solid var(--border_weak); } .icgds .lmn-upload.lmn-upload-fill:has(.lmn-upload-drag-area) { display: flex; flex-direction: column; height: 100%; } .icgds .lmn-upload .lmn-upload-drag-area { display: flex; align-items: center; justify-content: center; background: var(--file-upload_fill_upload-area); color: var(--file-upload_foreground_upload-area); outline: var(--field_border-width) dashed var(--file-upload_border_upload-area); outline-offset: -1px; padding: var(--file-upload_upload-area_padding); border-radius: var(--small-container_radius); flex-grow: 1; transition: border-color, background var(--motion-duration-fast-3) var(--motion-timing-ease-in); } .icgds .lmn-upload .lmn-upload-drag-area, .icgds .lmn-upload .lmn-upload-drag-area p { font-size: var(--font-size_body); line-height: var(--line-height_heading-6); margin-top: 0; margin-bottom: 0; } .icgds .lmn-upload .lmn-upload-drag-area:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill-inner-line_focus), 0 0 0 var(--shadow_spread_outline_focus) var(--shadow_fill-outline_focus); background-color: var(--file-upload_fill_upload-area-focus); outline-color: var(--border_focus); outline-style: solid; } .icgds .lmn-upload .lmn-upload-drag-area:active { outline-color: var(--border_active); outline-style: solid; } .icgds .lmn-upload:not(.lmn-upload-disabled) .lmn-upload-drag-area { cursor: pointer; } .icgds .lmn-upload:not(.lmn-upload-disabled) .lmn-upload-drag-area:hover, .icgds .lmn-upload:not(.lmn-upload-disabled) .lmn-upload-drag-area.lmn-upload-drag-over { background: var(--file-upload_fill_upload-area-hover); outline-color: var(--file-upload_border_upload-area_hover); } .icgds .lmn-upload .lmn-upload-hint-text { margin-top: var(--spacing-4); font-size: var(--font-size_support); line-height: var(--line-height_support); color: var(--text_weak); } .icgds .lmn-upload.lmn-upload-horizontal { display: flex; align-items: flex-start; gap: var(--spacing-8); } .icgds .lmn-upload.lmn-upload-horizontal .lmn-upload-list { flex-flow: row wrap; align-items: flex-start; flex-grow: 1; gap: 8px; margin: 0; } .icgds .lmn-upload.lmn-upload-horizontal .lmn-upload-list .lmn-upload-list-item { max-width: 250px; } .icgds .lmn-upload.lmn-upload-disabled .lmn-upload-drag-area { background: var(--fill_disabled); border-color: var(--file-upload_border_upload-area_disabled); color: var(--text_disabled) !important; } .icgds .lmn-upload.lmn-upload-disabled .lmn-upload-drag-area, .icgds .lmn-upload.lmn-upload-disabled .lmn-upload-drag-area p, .icgds .lmn-upload.lmn-upload-disabled .lmn-upload-drag-area .lmn-text-link { color: var(--text_disabled) !important; } .icgds .lmn-upload-list { display: flex; flex-direction: column; margin-top: var(--file-upload_uploaded-file-group_margin-top); margin-bottom: var(--file-upload_uploaded-file-group_margin-bottom); gap: var(--file-upload_uploaded-file-group_vertical-spacing); } .icgds .lmn-upload-list-item { display: flex; align-items: center; gap: var(--file-upload_upload-area_horizontal-spacing); background: var(--file-upload_fill_uploaded-file_on-layer-background); outline: 1px solid var(--file-upload_border_uploaded-file_on-layer-background); outline-offset: -1px; color: var(--file-upload_foreground_uploaded-file_on-layer-background); padding: var(--file-upload_uploaded-file_padding); border-radius: var(--file-upload_uploaded-file_radius); } .icgds .lmn-upload-list-item:has(.lmn-upload-list-item-subtitle) { align-items: flex-start; } .icgds .lmn-upload-list-item .lmn-upload-list-item-info { display: flex; min-width: 0px; flex: 1 1 0; flex-direction: column; gap: var(--file-upload_uploaded-file_text-container_vertical-spacing); } .icgds .lmn-upload-list-item .lmn-upload-list-item-title, .icgds .lmn-upload-list-item .lmn-upload-list-item-subtitle { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--font-size_body); line-height: var(--line-height_body); } .icgds .lmn-upload-list-item .lmn-upload-list-item-subtitle { color: var(--file-upload_foreground_file-details_on-layer-background); } .icgds .lmn-upload-list-item .lmn-upload-icon { font-size: var(--icon_size_lg); font-style: normal; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; } .icgds .lmn-upload-list-item .lmn-upload-icon:before { font-style: normal; font-family: var(--icon-font-family); content: var(--icon-attach); } .icgds .lmn-upload-list-item .lmn-upload-icon.lmn-upload-icon-success:before { content: var(--icon-success-filled); color: var(--success); } .icgds .lmn-upload-list-item .lmn-upload-icon.lmn-upload-icon-error:before { content: var(--icon-danger-filled); color: var(--danger); } .icgds .lmn-upload-list-item .lmn-upload-icon.lmn-upload-icon-uploading:before { content: var(--icon-spinner); color: var(--text_active_on-fill-active); } .icgds .lmn-upload-list-item .lmn-upload-remove-btn { cursor: pointer; color: var(--file-upload_foreground_uploaded-file_on-layer-background); font-size: var(--icon_size_md); margin-left: auto; } .icgds .lmn-upload-list-item.lmn-upload-list-item-alt { background: var(--file-upload_fill_uploaded-file_on-layer-primary); outline-color: var(--file-upload_border_uploaded-file_on-layer-primary); color: var(--file-upload_foreground_file-name_on-layer-primary); } .icgds .lmn-upload-list-item.lmn-upload-list-item-alt .lmn-upload-list-item-title { color: var(--file-upload_foreground_file-name_on-layer-primary); } .icgds .lmn-upload-list-item.lmn-upload-list-item-alt .lmn-upload-list-item-subtitle { color: var(--file-upload_foreground_file-details_on-layer-primary); } .icgds .lmn-upload-list-item.lmn-upload-list-item-alt.lmn-upload-list-item-error { background: var(--file-upload_fill_uploaded-file_danger_on-layer-primary); outline-color: var(--file-upload_border_uploaded-file_danger_on-layer-primary); } .icgds .lmn-upload-list-item.lmn-upload-list-item-error { background: var(--file-upload_fill_uploaded-file_danger_on-layer-background); outline-color: var(--file-upload_border_uploaded-file_danger_on-layer-background); } .icgds .lmn-upload-list-item.lmn-upload-list-item-error .lmn-upload-icon:before { content: var(--icon-danger-filled); color: var(--danger); } .icgds.lmn-adaptive-tablet .lmn-navbar, .icgds.lmn-adaptive-mobile .lmn-navbar { box-shadow: none; border-bottom: 1px solid var(--border_weak); } .icgds.lmn-adaptive-tablet .lmn-navbar-search:has(.lmn-search:not(.lmn-search-collapsed)), .icgds.lmn-adaptive-mobile .lmn-navbar-search:has(.lmn-search:not(.lmn-search-collapsed)) { z-index: 3; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; border-radius: var(--global-header_radius); background: var(--global-header_fill_banner); padding: var(--global-header-action-bar_vertical-padding) var(--global-header-action-bar_horizontal-padding); } .icgds.lmn-adaptive-tablet .lmn-navbar-search:has(.lmn-search:not(.lmn-search-collapsed)) .lmn-search, .icgds.lmn-adaptive-mobile .lmn-navbar-search:has(.lmn-search:not(.lmn-search-collapsed)) .lmn-search { width: 100%; margin-left: 0 !important; transition-property: background, border, outline; } .icgds.lmn-adaptive-tablet .lmn-footer .lmn-footer-links, .icgds.lmn-adaptive-mobile .lmn-footer .lmn-footer-links { flex-direction: column; } .icgds.lmn-adaptive-tablet .lmn-footer .lmn-footer-item, .icgds.lmn-adaptive-mobile .lmn-footer .lmn-footer-item { border-right-width: 0; } .icgds.lmn-adaptive-mobile .lmn-app-header:has(+ .lmn-app-aside-mobile):has(.lmn-navbar-menu-open) { background: transparent; } .icgds.lmn-adaptive-mobile .lmn-app-header:has(+ .lmn-app-aside-mobile .lmn-global-left-menu) .lmn-navbar.lmn-navbar-menu-open { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .icgds.lmn-adaptive-mobile .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-app-aside-right .lmn-notification-container, .icgds.lmn-adaptive-mobile .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right .lmn-notification-container { width: 100%; } .icgds.lmn-adaptive-mobile .lmn-app-aside-mobile:has(.lmn-global-left-menu) { padding-top: 0; background: transparent; } .icgds.lmn-adaptive-mobile .lmn-app-aside-mobile:has(.lmn-global-left-menu) .lmn-global-left-menu { width: 100%; } .icgds.lmn-adaptive-mobile .lmn-app-aside-mobile:has(.lmn-app-aside-right) { padding-top: 0; background: transparent; } .icgds.lmn-adaptive-mobile .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right { width: 100%; } .icgds.lmn-adaptive-mobile .lmn-app-aside-mobile:has(.lmn-app-aside-right) .lmn-app-aside-right .lmn-avatar-menu { width: 100%; } .icgds.lmn-adaptive-mobile .lmn-app-switcher, .icgds.lmn-adaptive-mobile .lmn-popover.lmn-app-switcher { position: fixed !important; top: 62px !important; left: var(--spacing-8) !important; right: var(--spacing-8) !important; width: calc(100vw - var(--spacing-16)) !important; margin-top: 0; min-width: unset; max-width: unset !important; } .icgds.lmn-adaptive-mobile .lmn-app-switcher::after, .icgds.lmn-adaptive-mobile .lmn-popover.lmn-app-switcher::after { display: none; } .icgds.lmn-adaptive-mobile .lmn-notification-container { left: var(--spacing-8) !important; right: var(--spacing-8) !important; bottom: var(--spacing-8) !important; min-width: unset; max-width: unset !important; } .icgds.lmn-adaptive-mobile .lmn-notification-container::after { display: none; } .lmn-m-1 { margin: var(--spacing-2) !important; } .lmn-m-2 { margin: var(--spacing-4) !important; } .lmn-m-3 { margin: var(--spacing-8) !important; } .lmn-m-4 { margin: var(--spacing-12) !important; } .lmn-m-5 { margin: var(--spacing-16) !important; } .lmn-m-6 { margin: var(--spacing-24) !important; } .lmn-m-7 { margin: var(--spacing-32) !important; } .lmn-m-8 { margin: var(--spacing-48) !important; } .lmn-m-9 { margin: var(--spacing-64) !important; } .lmn-p-1 { padding: var(--spacing-2) !important; } .lmn-p-2 { padding: var(--spacing-4) !important; } .lmn-p-3 { padding: var(--spacing-8) !important; } .lmn-p-4 { padding: var(--spacing-12) !important; } .lmn-p-5 { padding: var(--spacing-16) !important; } .lmn-p-6 { padding: var(--spacing-24) !important; } .lmn-p-7 { padding: var(--spacing-32) !important; } .lmn-p-8 { padding: var(--spacing-48) !important; } .lmn-p-9 { padding: var(--spacing-64) !important; } .lmn-mt-1, .lmn-my-1 { margin-top: var(--spacing-2) !important; } .lmn-mr-1, .lmn-mx-1 { margin-right: var(--spacing-2) !important; } .lmn-mb-1, .lmn-my-1 { margin-bottom: var(--spacing-2) !important; } .lmn-ml-1, .lmn-mx-1 { margin-left: var(--spacing-2) !important; } .lmn-mt-2, .lmn-my-2 { margin-top: var(--spacing-4) !important; } .lmn-mr-2, .lmn-mx-2 { margin-right: var(--spacing-4) !important; } .lmn-mb-2, .lmn-my-2 { margin-bottom: var(--spacing-4) !important; } .lmn-ml-2, .lmn-mx-2 { margin-left: var(--spacing-4) !important; } .lmn-mt-3, .lmn-my-3 { margin-top: var(--spacing-8) !important; } .lmn-mr-3, .lmn-mx-3 { margin-right: var(--spacing-8) !important; } .lmn-mb-3, .lmn-my-3 { margin-bottom: var(--spacing-8) !important; } .lmn-ml-3, .lmn-mx-3 { margin-left: var(--spacing-8) !important; } .lmn-mt-4, .lmn-my-4 { margin-top: var(--spacing-12) !important; } .lmn-mr-4, .lmn-mx-4 { margin-right: var(--spacing-12) !important; } .lmn-mb-4, .lmn-my-4 { margin-bottom: var(--spacing-12) !important; } .lmn-ml-4, .lmn-mx-4 { margin-left: var(--spacing-12) !important; } .lmn-mt-5, .lmn-my-5 { margin-top: var(--spacing-16) !important; } .lmn-mr-5, .lmn-mx-5 { margin-right: var(--spacing-16) !important; } .lmn-mb-5, .lmn-my-5 { margin-bottom: var(--spacing-16) !important; } .lmn-ml-5, .lmn-mx-5 { margin-left: var(--spacing-16) !important; } .lmn-mt-6, .lmn-my-6 { margin-top: var(--spacing-24) !important; } .lmn-mr-6, .lmn-mx-6 { margin-right: var(--spacing-24) !important; } .lmn-mb-6, .lmn-my-6 { margin-bottom: var(--spacing-24) !important; } .lmn-ml-6, .lmn-mx-6 { margin-left: var(--spacing-24) !important; } .lmn-mt-7, .lmn-my-7 { margin-top: var(--spacing-32) !important; } .lmn-mr-7, .lmn-mx-7 { margin-right: var(--spacing-32) !important; } .lmn-mb-7, .lmn-my-7 { margin-bottom: var(--spacing-32) !important; } .lmn-ml-7, .lmn-mx-7 { margin-left: var(--spacing-32) !important; } .lmn-mt-8, .lmn-my-8 { margin-top: var(--spacing-48) !important; } .lmn-mr-8, .lmn-mx-8 { margin-right: var(--spacing-48) !important; } .lmn-mb-8, .lmn-my-8 { margin-bottom: var(--spacing-48) !important; } .lmn-ml-8, .lmn-mx-8 { margin-left: var(--spacing-48) !important; } .lmn-mt-9, .lmn-my-9 { margin-top: var(--spacing-64) !important; } .lmn-mr-9, .lmn-mx-9 { margin-right: var(--spacing-64) !important; } .lmn-mb-9, .lmn-my-9 { margin-bottom: var(--spacing-64) !important; } .lmn-ml-9, .lmn-mx-9 { margin-left: var(--spacing-64) !important; } .lmn-pt-1, .lmn-py-1 { padding-top: var(--spacing-2) !important; } .lmn-pr-1, .lmn-px-1 { padding-right: var(--spacing-2) !important; } .lmn-pb-1, .lmn-py-1 { padding-bottom: var(--spacing-2) !important; } .lmn-pl-1, .lmn-px-1 { padding-left: var(--spacing-2) !important; } .lmn-pt-2, .lmn-py-2 { padding-top: var(--spacing-4) !important; } .lmn-pr-2, .lmn-px-2 { padding-right: var(--spacing-4) !important; } .lmn-pb-2, .lmn-py-2 { padding-bottom: var(--spacing-4) !important; } .lmn-pl-2, .lmn-px-2 { padding-left: var(--spacing-4) !important; } .lmn-pt-3, .lmn-py-3 { padding-top: var(--spacing-8) !important; } .lmn-pr-3, .lmn-px-3 { padding-right: var(--spacing-8) !important; } .lmn-pb-3, .lmn-py-3 { padding-bottom: var(--spacing-8) !important; } .lmn-pl-3, .lmn-px-3 { padding-left: var(--spacing-8) !important; } .lmn-pt-4, .lmn-py-4 { padding-top: var(--spacing-12) !important; } .lmn-pr-4, .lmn-px-4 { padding-right: var(--spacing-12) !important; } .lmn-pb-4, .lmn-py-4 { padding-bottom: var(--spacing-12) !important; } .lmn-pl-4, .lmn-px-4 { padding-left: var(--spacing-12) !important; } .lmn-pt-5, .lmn-py-5 { padding-top: var(--spacing-16) !important; } .lmn-pr-5, .lmn-px-5 { padding-right: var(--spacing-16) !important; } .lmn-pb-5, .lmn-py-5 { padding-bottom: var(--spacing-16) !important; } .lmn-pl-5, .lmn-px-5 { padding-left: var(--spacing-16) !important; } .lmn-pt-6, .lmn-py-6 { padding-top: var(--spacing-24) !important; } .lmn-pr-6, .lmn-px-6 { padding-right: var(--spacing-24) !important; } .lmn-pb-6, .lmn-py-6 { padding-bottom: var(--spacing-24) !important; } .lmn-pl-6, .lmn-px-6 { padding-left: var(--spacing-24) !important; } .lmn-pt-7, .lmn-py-7 { padding-top: var(--spacing-32) !important; } .lmn-pr-7, .lmn-px-7 { padding-right: var(--spacing-32) !important; } .lmn-pb-7, .lmn-py-7 { padding-bottom: var(--spacing-32) !important; } .lmn-pl-7, .lmn-px-7 { padding-left: var(--spacing-32) !important; } .lmn-pt-8, .lmn-py-8 { padding-top: var(--spacing-48) !important; } .lmn-pr-8, .lmn-px-8 { padding-right: var(--spacing-48) !important; } .lmn-pb-8, .lmn-py-8 { padding-bottom: var(--spacing-48) !important; } .lmn-pl-8, .lmn-px-8 { padding-left: var(--spacing-48) !important; } .lmn-pt-9, .lmn-py-9 { padding-top: var(--spacing-64) !important; } .lmn-pr-9, .lmn-px-9 { padding-right: var(--spacing-64) !important; } .lmn-pb-9, .lmn-py-9 { padding-bottom: var(--spacing-64) !important; } .lmn-pl-9, .lmn-px-9 { padding-left: var(--spacing-64) !important; } @media (min-width: 584px) { .lmn-m-sm-1 { margin: var(--spacing-2) !important; } .lmn-m-sm-2 { margin: var(--spacing-4) !important; } .lmn-m-sm-3 { margin: var(--spacing-8) !important; } .lmn-m-sm-4 { margin: var(--spacing-12) !important; } .lmn-m-sm-5 { margin: var(--spacing-16) !important; } .lmn-m-sm-6 { margin: var(--spacing-24) !important; } .lmn-m-sm-7 { margin: var(--spacing-32) !important; } .lmn-m-sm-8 { margin: var(--spacing-48) !important; } .lmn-m-sm-9 { margin: var(--spacing-64) !important; } .lmn-p-sm-1 { padding: var(--spacing-2) !important; } .lmn-p-sm-2 { padding: var(--spacing-4) !important; } .lmn-p-sm-3 { padding: var(--spacing-8) !important; } .lmn-p-sm-4 { padding: var(--spacing-12) !important; } .lmn-p-sm-5 { padding: var(--spacing-16) !important; } .lmn-p-sm-6 { padding: var(--spacing-24) !important; } .lmn-p-sm-7 { padding: var(--spacing-32) !important; } .lmn-p-sm-8 { padding: var(--spacing-48) !important; } .lmn-p-sm-9 { padding: var(--spacing-64) !important; } .lmn-mt-sm-1, .lmn-my-sm-1 { margin-top: var(--spacing-2) !important; } .lmn-mr-sm-1, .lmn-mx-sm-1 { margin-right: var(--spacing-2) !important; } .lmn-mb-sm-1, .lmn-my-sm-1 { margin-bottom: var(--spacing-2) !important; } .lmn-ml-sm-1, .lmn-mx-sm-1 { margin-left: var(--spacing-2) !important; } .lmn-mt-sm-2, .lmn-my-sm-2 { margin-top: var(--spacing-4) !important; } .lmn-mr-sm-2, .lmn-mx-sm-2 { margin-right: var(--spacing-4) !important; } .lmn-mb-sm-2, .lmn-my-sm-2 { margin-bottom: var(--spacing-4) !important; } .lmn-ml-sm-2, .lmn-mx-sm-2 { margin-left: var(--spacing-4) !important; } .lmn-mt-sm-3, .lmn-my-sm-3 { margin-top: var(--spacing-8) !important; } .lmn-mr-sm-3, .lmn-mx-sm-3 { margin-right: var(--spacing-8) !important; } .lmn-mb-sm-3, .lmn-my-sm-3 { margin-bottom: var(--spacing-8) !important; } .lmn-ml-sm-3, .lmn-mx-sm-3 { margin-left: var(--spacing-8) !important; } .lmn-mt-sm-4, .lmn-my-sm-4 { margin-top: var(--spacing-12) !important; } .lmn-mr-sm-4, .lmn-mx-sm-4 { margin-right: var(--spacing-12) !important; } .lmn-mb-sm-4, .lmn-my-sm-4 { margin-bottom: var(--spacing-12) !important; } .lmn-ml-sm-4, .lmn-mx-sm-4 { margin-left: var(--spacing-12) !important; } .lmn-mt-sm-5, .lmn-my-sm-5 { margin-top: var(--spacing-16) !important; } .lmn-mr-sm-5, .lmn-mx-sm-5 { margin-right: var(--spacing-16) !important; } .lmn-mb-sm-5, .lmn-my-sm-5 { margin-bottom: var(--spacing-16) !important; } .lmn-ml-sm-5, .lmn-mx-sm-5 { margin-left: var(--spacing-16) !important; } .lmn-mt-sm-6, .lmn-my-sm-6 { margin-top: var(--spacing-24) !important; } .lmn-mr-sm-6, .lmn-mx-sm-6 { margin-right: var(--spacing-24) !important; } .lmn-mb-sm-6, .lmn-my-sm-6 { margin-bottom: var(--spacing-24) !important; } .lmn-ml-sm-6, .lmn-mx-sm-6 { margin-left: var(--spacing-24) !important; } .lmn-mt-sm-7, .lmn-my-sm-7 { margin-top: var(--spacing-32) !important; } .lmn-mr-sm-7, .lmn-mx-sm-7 { margin-right: var(--spacing-32) !important; } .lmn-mb-sm-7, .lmn-my-sm-7 { margin-bottom: var(--spacing-32) !important; } .lmn-ml-sm-7, .lmn-mx-sm-7 { margin-left: var(--spacing-32) !important; } .lmn-mt-sm-8, .lmn-my-sm-8 { margin-top: var(--spacing-48) !important; } .lmn-mr-sm-8, .lmn-mx-sm-8 { margin-right: var(--spacing-48) !important; } .lmn-mb-sm-8, .lmn-my-sm-8 { margin-bottom: var(--spacing-48) !important; } .lmn-ml-sm-8, .lmn-mx-sm-8 { margin-left: var(--spacing-48) !important; } .lmn-mt-sm-9, .lmn-my-sm-9 { margin-top: var(--spacing-64) !important; } .lmn-mr-sm-9, .lmn-mx-sm-9 { margin-right: var(--spacing-64) !important; } .lmn-mb-sm-9, .lmn-my-sm-9 { margin-bottom: var(--spacing-64) !important; } .lmn-ml-sm-9, .lmn-mx-sm-9 { margin-left: var(--spacing-64) !important; } .lmn-pt-sm-1, .lmn-py-sm-1 { padding-top: var(--spacing-2) !important; } .lmn-pr-sm-1, .lmn-px-sm-1 { padding-right: var(--spacing-2) !important; } .lmn-pb-sm-1, .lmn-py-sm-1 { padding-bottom: var(--spacing-2) !important; } .lmn-pl-sm-1, .lmn-px-sm-1 { padding-left: var(--spacing-2) !important; } .lmn-pt-sm-2, .lmn-py-sm-2 { padding-top: var(--spacing-4) !important; } .lmn-pr-sm-2, .lmn-px-sm-2 { padding-right: var(--spacing-4) !important; } .lmn-pb-sm-2, .lmn-py-sm-2 { padding-bottom: var(--spacing-4) !important; } .lmn-pl-sm-2, .lmn-px-sm-2 { padding-left: var(--spacing-4) !important; } .lmn-pt-sm-3, .lmn-py-sm-3 { padding-top: var(--spacing-8) !important; } .lmn-pr-sm-3, .lmn-px-sm-3 { padding-right: var(--spacing-8) !important; } .lmn-pb-sm-3, .lmn-py-sm-3 { padding-bottom: var(--spacing-8) !important; } .lmn-pl-sm-3, .lmn-px-sm-3 { padding-left: var(--spacing-8) !important; } .lmn-pt-sm-4, .lmn-py-sm-4 { padding-top: var(--spacing-12) !important; } .lmn-pr-sm-4, .lmn-px-sm-4 { padding-right: var(--spacing-12) !important; } .lmn-pb-sm-4, .lmn-py-sm-4 { padding-bottom: var(--spacing-12) !important; } .lmn-pl-sm-4, .lmn-px-sm-4 { padding-left: var(--spacing-12) !important; } .lmn-pt-sm-5, .lmn-py-sm-5 { padding-top: var(--spacing-16) !important; } .lmn-pr-sm-5, .lmn-px-sm-5 { padding-right: var(--spacing-16) !important; } .lmn-pb-sm-5, .lmn-py-sm-5 { padding-bottom: var(--spacing-16) !important; } .lmn-pl-sm-5, .lmn-px-sm-5 { padding-left: var(--spacing-16) !important; } .lmn-pt-sm-6, .lmn-py-sm-6 { padding-top: var(--spacing-24) !important; } .lmn-pr-sm-6, .lmn-px-sm-6 { padding-right: var(--spacing-24) !important; } .lmn-pb-sm-6, .lmn-py-sm-6 { padding-bottom: var(--spacing-24) !important; } .lmn-pl-sm-6, .lmn-px-sm-6 { padding-left: var(--spacing-24) !important; } .lmn-pt-sm-7, .lmn-py-sm-7 { padding-top: var(--spacing-32) !important; } .lmn-pr-sm-7, .lmn-px-sm-7 { padding-right: var(--spacing-32) !important; } .lmn-pb-sm-7, .lmn-py-sm-7 { padding-bottom: var(--spacing-32) !important; } .lmn-pl-sm-7, .lmn-px-sm-7 { padding-left: var(--spacing-32) !important; } .lmn-pt-sm-8, .lmn-py-sm-8 { padding-top: var(--spacing-48) !important; } .lmn-pr-sm-8, .lmn-px-sm-8 { padding-right: var(--spacing-48) !important; } .lmn-pb-sm-8, .lmn-py-sm-8 { padding-bottom: var(--spacing-48) !important; } .lmn-pl-sm-8, .lmn-px-sm-8 { padding-left: var(--spacing-48) !important; } .lmn-pt-sm-9, .lmn-py-sm-9 { padding-top: var(--spacing-64) !important; } .lmn-pr-sm-9, .lmn-px-sm-9 { padding-right: var(--spacing-64) !important; } .lmn-pb-sm-9, .lmn-py-sm-9 { padding-bottom: var(--spacing-64) !important; } .lmn-pl-sm-9, .lmn-px-sm-9 { padding-left: var(--spacing-64) !important; } } @media (min-width: 784px) { .lmn-m-md-1 { margin: var(--spacing-2) !important; } .lmn-m-md-2 { margin: var(--spacing-4) !important; } .lmn-m-md-3 { margin: var(--spacing-8) !important; } .lmn-m-md-4 { margin: var(--spacing-12) !important; } .lmn-m-md-5 { margin: var(--spacing-16) !important; } .lmn-m-md-6 { margin: var(--spacing-24) !important; } .lmn-m-md-7 { margin: var(--spacing-32) !important; } .lmn-m-md-8 { margin: var(--spacing-48) !important; } .lmn-m-md-9 { margin: var(--spacing-64) !important; } .lmn-p-md-1 { padding: var(--spacing-2) !important; } .lmn-p-md-2 { padding: var(--spacing-4) !important; } .lmn-p-md-3 { padding: var(--spacing-8) !important; } .lmn-p-md-4 { padding: var(--spacing-12) !important; } .lmn-p-md-5 { padding: var(--spacing-16) !important; } .lmn-p-md-6 { padding: var(--spacing-24) !important; } .lmn-p-md-7 { padding: var(--spacing-32) !important; } .lmn-p-md-8 { padding: var(--spacing-48) !important; } .lmn-p-md-9 { padding: var(--spacing-64) !important; } .lmn-mt-md-1, .lmn-my-md-1 { margin-top: var(--spacing-2) !important; } .lmn-mr-md-1, .lmn-mx-md-1 { margin-right: var(--spacing-2) !important; } .lmn-mb-md-1, .lmn-my-md-1 { margin-bottom: var(--spacing-2) !important; } .lmn-ml-md-1, .lmn-mx-md-1 { margin-left: var(--spacing-2) !important; } .lmn-mt-md-2, .lmn-my-md-2 { margin-top: var(--spacing-4) !important; } .lmn-mr-md-2, .lmn-mx-md-2 { margin-right: var(--spacing-4) !important; } .lmn-mb-md-2, .lmn-my-md-2 { margin-bottom: var(--spacing-4) !important; } .lmn-ml-md-2, .lmn-mx-md-2 { margin-left: var(--spacing-4) !important; } .lmn-mt-md-3, .lmn-my-md-3 { margin-top: var(--spacing-8) !important; } .lmn-mr-md-3, .lmn-mx-md-3 { margin-right: var(--spacing-8) !important; } .lmn-mb-md-3, .lmn-my-md-3 { margin-bottom: var(--spacing-8) !important; } .lmn-ml-md-3, .lmn-mx-md-3 { margin-left: var(--spacing-8) !important; } .lmn-mt-md-4, .lmn-my-md-4 { margin-top: var(--spacing-12) !important; } .lmn-mr-md-4, .lmn-mx-md-4 { margin-right: var(--spacing-12) !important; } .lmn-mb-md-4, .lmn-my-md-4 { margin-bottom: var(--spacing-12) !important; } .lmn-ml-md-4, .lmn-mx-md-4 { margin-left: var(--spacing-12) !important; } .lmn-mt-md-5, .lmn-my-md-5 { margin-top: var(--spacing-16) !important; } .lmn-mr-md-5, .lmn-mx-md-5 { margin-right: var(--spacing-16) !important; } .lmn-mb-md-5, .lmn-my-md-5 { margin-bottom: var(--spacing-16) !important; } .lmn-ml-md-5, .lmn-mx-md-5 { margin-left: var(--spacing-16) !important; } .lmn-mt-md-6, .lmn-my-md-6 { margin-top: var(--spacing-24) !important; } .lmn-mr-md-6, .lmn-mx-md-6 { margin-right: var(--spacing-24) !important; } .lmn-mb-md-6, .lmn-my-md-6 { margin-bottom: var(--spacing-24) !important; } .lmn-ml-md-6, .lmn-mx-md-6 { margin-left: var(--spacing-24) !important; } .lmn-mt-md-7, .lmn-my-md-7 { margin-top: var(--spacing-32) !important; } .lmn-mr-md-7, .lmn-mx-md-7 { margin-right: var(--spacing-32) !important; } .lmn-mb-md-7, .lmn-my-md-7 { margin-bottom: var(--spacing-32) !important; } .lmn-ml-md-7, .lmn-mx-md-7 { margin-left: var(--spacing-32) !important; } .lmn-mt-md-8, .lmn-my-md-8 { margin-top: var(--spacing-48) !important; } .lmn-mr-md-8, .lmn-mx-md-8 { margin-right: var(--spacing-48) !important; } .lmn-mb-md-8, .lmn-my-md-8 { margin-bottom: var(--spacing-48) !important; } .lmn-ml-md-8, .lmn-mx-md-8 { margin-left: var(--spacing-48) !important; } .lmn-mt-md-9, .lmn-my-md-9 { margin-top: var(--spacing-64) !important; } .lmn-mr-md-9, .lmn-mx-md-9 { margin-right: var(--spacing-64) !important; } .lmn-mb-md-9, .lmn-my-md-9 { margin-bottom: var(--spacing-64) !important; } .lmn-ml-md-9, .lmn-mx-md-9 { margin-left: var(--spacing-64) !important; } .lmn-pt-md-1, .lmn-py-md-1 { padding-top: var(--spacing-2) !important; } .lmn-pr-md-1, .lmn-px-md-1 { padding-right: var(--spacing-2) !important; } .lmn-pb-md-1, .lmn-py-md-1 { padding-bottom: var(--spacing-2) !important; } .lmn-pl-md-1, .lmn-px-md-1 { padding-left: var(--spacing-2) !important; } .lmn-pt-md-2, .lmn-py-md-2 { padding-top: var(--spacing-4) !important; } .lmn-pr-md-2, .lmn-px-md-2 { padding-right: var(--spacing-4) !important; } .lmn-pb-md-2, .lmn-py-md-2 { padding-bottom: var(--spacing-4) !important; } .lmn-pl-md-2, .lmn-px-md-2 { padding-left: var(--spacing-4) !important; } .lmn-pt-md-3, .lmn-py-md-3 { padding-top: var(--spacing-8) !important; } .lmn-pr-md-3, .lmn-px-md-3 { padding-right: var(--spacing-8) !important; } .lmn-pb-md-3, .lmn-py-md-3 { padding-bottom: var(--spacing-8) !important; } .lmn-pl-md-3, .lmn-px-md-3 { padding-left: var(--spacing-8) !important; } .lmn-pt-md-4, .lmn-py-md-4 { padding-top: var(--spacing-12) !important; } .lmn-pr-md-4, .lmn-px-md-4 { padding-right: var(--spacing-12) !important; } .lmn-pb-md-4, .lmn-py-md-4 { padding-bottom: var(--spacing-12) !important; } .lmn-pl-md-4, .lmn-px-md-4 { padding-left: var(--spacing-12) !important; } .lmn-pt-md-5, .lmn-py-md-5 { padding-top: var(--spacing-16) !important; } .lmn-pr-md-5, .lmn-px-md-5 { padding-right: var(--spacing-16) !important; } .lmn-pb-md-5, .lmn-py-md-5 { padding-bottom: var(--spacing-16) !important; } .lmn-pl-md-5, .lmn-px-md-5 { padding-left: var(--spacing-16) !important; } .lmn-pt-md-6, .lmn-py-md-6 { padding-top: var(--spacing-24) !important; } .lmn-pr-md-6, .lmn-px-md-6 { padding-right: var(--spacing-24) !important; } .lmn-pb-md-6, .lmn-py-md-6 { padding-bottom: var(--spacing-24) !important; } .lmn-pl-md-6, .lmn-px-md-6 { padding-left: var(--spacing-24) !important; } .lmn-pt-md-7, .lmn-py-md-7 { padding-top: var(--spacing-32) !important; } .lmn-pr-md-7, .lmn-px-md-7 { padding-right: var(--spacing-32) !important; } .lmn-pb-md-7, .lmn-py-md-7 { padding-bottom: var(--spacing-32) !important; } .lmn-pl-md-7, .lmn-px-md-7 { padding-left: var(--spacing-32) !important; } .lmn-pt-md-8, .lmn-py-md-8 { padding-top: var(--spacing-48) !important; } .lmn-pr-md-8, .lmn-px-md-8 { padding-right: var(--spacing-48) !important; } .lmn-pb-md-8, .lmn-py-md-8 { padding-bottom: var(--spacing-48) !important; } .lmn-pl-md-8, .lmn-px-md-8 { padding-left: var(--spacing-48) !important; } .lmn-pt-md-9, .lmn-py-md-9 { padding-top: var(--spacing-64) !important; } .lmn-pr-md-9, .lmn-px-md-9 { padding-right: var(--spacing-64) !important; } .lmn-pb-md-9, .lmn-py-md-9 { padding-bottom: var(--spacing-64) !important; } .lmn-pl-md-9, .lmn-px-md-9 { padding-left: var(--spacing-64) !important; } } @media (min-width: 1072px) { .lmn-m-lg-1 { margin: var(--spacing-2) !important; } .lmn-m-lg-2 { margin: var(--spacing-4) !important; } .lmn-m-lg-3 { margin: var(--spacing-8) !important; } .lmn-m-lg-4 { margin: var(--spacing-12) !important; } .lmn-m-lg-5 { margin: var(--spacing-16) !important; } .lmn-m-lg-6 { margin: var(--spacing-24) !important; } .lmn-m-lg-7 { margin: var(--spacing-32) !important; } .lmn-m-lg-8 { margin: var(--spacing-48) !important; } .lmn-m-lg-9 { margin: var(--spacing-64) !important; } .lmn-p-lg-1 { padding: var(--spacing-2) !important; } .lmn-p-lg-2 { padding: var(--spacing-4) !important; } .lmn-p-lg-3 { padding: var(--spacing-8) !important; } .lmn-p-lg-4 { padding: var(--spacing-12) !important; } .lmn-p-lg-5 { padding: var(--spacing-16) !important; } .lmn-p-lg-6 { padding: var(--spacing-24) !important; } .lmn-p-lg-7 { padding: var(--spacing-32) !important; } .lmn-p-lg-8 { padding: var(--spacing-48) !important; } .lmn-p-lg-9 { padding: var(--spacing-64) !important; } .lmn-mt-lg-1, .lmn-my-lg-1 { margin-top: var(--spacing-2) !important; } .lmn-mr-lg-1, .lmn-mx-lg-1 { margin-right: var(--spacing-2) !important; } .lmn-mb-lg-1, .lmn-my-lg-1 { margin-bottom: var(--spacing-2) !important; } .lmn-ml-lg-1, .lmn-mx-lg-1 { margin-left: var(--spacing-2) !important; } .lmn-mt-lg-2, .lmn-my-lg-2 { margin-top: var(--spacing-4) !important; } .lmn-mr-lg-2, .lmn-mx-lg-2 { margin-right: var(--spacing-4) !important; } .lmn-mb-lg-2, .lmn-my-lg-2 { margin-bottom: var(--spacing-4) !important; } .lmn-ml-lg-2, .lmn-mx-lg-2 { margin-left: var(--spacing-4) !important; } .lmn-mt-lg-3, .lmn-my-lg-3 { margin-top: var(--spacing-8) !important; } .lmn-mr-lg-3, .lmn-mx-lg-3 { margin-right: var(--spacing-8) !important; } .lmn-mb-lg-3, .lmn-my-lg-3 { margin-bottom: var(--spacing-8) !important; } .lmn-ml-lg-3, .lmn-mx-lg-3 { margin-left: var(--spacing-8) !important; } .lmn-mt-lg-4, .lmn-my-lg-4 { margin-top: var(--spacing-12) !important; } .lmn-mr-lg-4, .lmn-mx-lg-4 { margin-right: var(--spacing-12) !important; } .lmn-mb-lg-4, .lmn-my-lg-4 { margin-bottom: var(--spacing-12) !important; } .lmn-ml-lg-4, .lmn-mx-lg-4 { margin-left: var(--spacing-12) !important; } .lmn-mt-lg-5, .lmn-my-lg-5 { margin-top: var(--spacing-16) !important; } .lmn-mr-lg-5, .lmn-mx-lg-5 { margin-right: var(--spacing-16) !important; } .lmn-mb-lg-5, .lmn-my-lg-5 { margin-bottom: var(--spacing-16) !important; } .lmn-ml-lg-5, .lmn-mx-lg-5 { margin-left: var(--spacing-16) !important; } .lmn-mt-lg-6, .lmn-my-lg-6 { margin-top: var(--spacing-24) !important; } .lmn-mr-lg-6, .lmn-mx-lg-6 { margin-right: var(--spacing-24) !important; } .lmn-mb-lg-6, .lmn-my-lg-6 { margin-bottom: var(--spacing-24) !important; } .lmn-ml-lg-6, .lmn-mx-lg-6 { margin-left: var(--spacing-24) !important; } .lmn-mt-lg-7, .lmn-my-lg-7 { margin-top: var(--spacing-32) !important; } .lmn-mr-lg-7, .lmn-mx-lg-7 { margin-right: var(--spacing-32) !important; } .lmn-mb-lg-7, .lmn-my-lg-7 { margin-bottom: var(--spacing-32) !important; } .lmn-ml-lg-7, .lmn-mx-lg-7 { margin-left: var(--spacing-32) !important; } .lmn-mt-lg-8, .lmn-my-lg-8 { margin-top: var(--spacing-48) !important; } .lmn-mr-lg-8, .lmn-mx-lg-8 { margin-right: var(--spacing-48) !important; } .lmn-mb-lg-8, .lmn-my-lg-8 { margin-bottom: var(--spacing-48) !important; } .lmn-ml-lg-8, .lmn-mx-lg-8 { margin-left: var(--spacing-48) !important; } .lmn-mt-lg-9, .lmn-my-lg-9 { margin-top: var(--spacing-64) !important; } .lmn-mr-lg-9, .lmn-mx-lg-9 { margin-right: var(--spacing-64) !important; } .lmn-mb-lg-9, .lmn-my-lg-9 { margin-bottom: var(--spacing-64) !important; } .lmn-ml-lg-9, .lmn-mx-lg-9 { margin-left: var(--spacing-64) !important; } .lmn-pt-lg-1, .lmn-py-lg-1 { padding-top: var(--spacing-2) !important; } .lmn-pr-lg-1, .lmn-px-lg-1 { padding-right: var(--spacing-2) !important; } .lmn-pb-lg-1, .lmn-py-lg-1 { padding-bottom: var(--spacing-2) !important; } .lmn-pl-lg-1, .lmn-px-lg-1 { padding-left: var(--spacing-2) !important; } .lmn-pt-lg-2, .lmn-py-lg-2 { padding-top: var(--spacing-4) !important; } .lmn-pr-lg-2, .lmn-px-lg-2 { padding-right: var(--spacing-4) !important; } .lmn-pb-lg-2, .lmn-py-lg-2 { padding-bottom: var(--spacing-4) !important; } .lmn-pl-lg-2, .lmn-px-lg-2 { padding-left: var(--spacing-4) !important; } .lmn-pt-lg-3, .lmn-py-lg-3 { padding-top: var(--spacing-8) !important; } .lmn-pr-lg-3, .lmn-px-lg-3 { padding-right: var(--spacing-8) !important; } .lmn-pb-lg-3, .lmn-py-lg-3 { padding-bottom: var(--spacing-8) !important; } .lmn-pl-lg-3, .lmn-px-lg-3 { padding-left: var(--spacing-8) !important; } .lmn-pt-lg-4, .lmn-py-lg-4 { padding-top: var(--spacing-12) !important; } .lmn-pr-lg-4, .lmn-px-lg-4 { padding-right: var(--spacing-12) !important; } .lmn-pb-lg-4, .lmn-py-lg-4 { padding-bottom: var(--spacing-12) !important; } .lmn-pl-lg-4, .lmn-px-lg-4 { padding-left: var(--spacing-12) !important; } .lmn-pt-lg-5, .lmn-py-lg-5 { padding-top: var(--spacing-16) !important; } .lmn-pr-lg-5, .lmn-px-lg-5 { padding-right: var(--spacing-16) !important; } .lmn-pb-lg-5, .lmn-py-lg-5 { padding-bottom: var(--spacing-16) !important; } .lmn-pl-lg-5, .lmn-px-lg-5 { padding-left: var(--spacing-16) !important; } .lmn-pt-lg-6, .lmn-py-lg-6 { padding-top: var(--spacing-24) !important; } .lmn-pr-lg-6, .lmn-px-lg-6 { padding-right: var(--spacing-24) !important; } .lmn-pb-lg-6, .lmn-py-lg-6 { padding-bottom: var(--spacing-24) !important; } .lmn-pl-lg-6, .lmn-px-lg-6 { padding-left: var(--spacing-24) !important; } .lmn-pt-lg-7, .lmn-py-lg-7 { padding-top: var(--spacing-32) !important; } .lmn-pr-lg-7, .lmn-px-lg-7 { padding-right: var(--spacing-32) !important; } .lmn-pb-lg-7, .lmn-py-lg-7 { padding-bottom: var(--spacing-32) !important; } .lmn-pl-lg-7, .lmn-px-lg-7 { padding-left: var(--spacing-32) !important; } .lmn-pt-lg-8, .lmn-py-lg-8 { padding-top: var(--spacing-48) !important; } .lmn-pr-lg-8, .lmn-px-lg-8 { padding-right: var(--spacing-48) !important; } .lmn-pb-lg-8, .lmn-py-lg-8 { padding-bottom: var(--spacing-48) !important; } .lmn-pl-lg-8, .lmn-px-lg-8 { padding-left: var(--spacing-48) !important; } .lmn-pt-lg-9, .lmn-py-lg-9 { padding-top: var(--spacing-64) !important; } .lmn-pr-lg-9, .lmn-px-lg-9 { padding-right: var(--spacing-64) !important; } .lmn-pb-lg-9, .lmn-py-lg-9 { padding-bottom: var(--spacing-64) !important; } .lmn-pl-lg-9, .lmn-px-lg-9 { padding-left: var(--spacing-64) !important; } } @media (min-width: 1264px) { .lmn-m-xl-1 { margin: var(--spacing-2) !important; } .lmn-m-xl-2 { margin: var(--spacing-4) !important; } .lmn-m-xl-3 { margin: var(--spacing-8) !important; } .lmn-m-xl-4 { margin: var(--spacing-12) !important; } .lmn-m-xl-5 { margin: var(--spacing-16) !important; } .lmn-m-xl-6 { margin: var(--spacing-24) !important; } .lmn-m-xl-7 { margin: var(--spacing-32) !important; } .lmn-m-xl-8 { margin: var(--spacing-48) !important; } .lmn-m-xl-9 { margin: var(--spacing-64) !important; } .lmn-p-xl-1 { padding: var(--spacing-2) !important; } .lmn-p-xl-2 { padding: var(--spacing-4) !important; } .lmn-p-xl-3 { padding: var(--spacing-8) !important; } .lmn-p-xl-4 { padding: var(--spacing-12) !important; } .lmn-p-xl-5 { padding: var(--spacing-16) !important; } .lmn-p-xl-6 { padding: var(--spacing-24) !important; } .lmn-p-xl-7 { padding: var(--spacing-32) !important; } .lmn-p-xl-8 { padding: var(--spacing-48) !important; } .lmn-p-xl-9 { padding: var(--spacing-64) !important; } .lmn-mt-xl-1, .lmn-my-xl-1 { margin-top: var(--spacing-2) !important; } .lmn-mr-xl-1, .lmn-mx-xl-1 { margin-right: var(--spacing-2) !important; } .lmn-mb-xl-1, .lmn-my-xl-1 { margin-bottom: var(--spacing-2) !important; } .lmn-ml-xl-1, .lmn-mx-xl-1 { margin-left: var(--spacing-2) !important; } .lmn-mt-xl-2, .lmn-my-xl-2 { margin-top: var(--spacing-4) !important; } .lmn-mr-xl-2, .lmn-mx-xl-2 { margin-right: var(--spacing-4) !important; } .lmn-mb-xl-2, .lmn-my-xl-2 { margin-bottom: var(--spacing-4) !important; } .lmn-ml-xl-2, .lmn-mx-xl-2 { margin-left: var(--spacing-4) !important; } .lmn-mt-xl-3, .lmn-my-xl-3 { margin-top: var(--spacing-8) !important; } .lmn-mr-xl-3, .lmn-mx-xl-3 { margin-right: var(--spacing-8) !important; } .lmn-mb-xl-3, .lmn-my-xl-3 { margin-bottom: var(--spacing-8) !important; } .lmn-ml-xl-3, .lmn-mx-xl-3 { margin-left: var(--spacing-8) !important; } .lmn-mt-xl-4, .lmn-my-xl-4 { margin-top: var(--spacing-12) !important; } .lmn-mr-xl-4, .lmn-mx-xl-4 { margin-right: var(--spacing-12) !important; } .lmn-mb-xl-4, .lmn-my-xl-4 { margin-bottom: var(--spacing-12) !important; } .lmn-ml-xl-4, .lmn-mx-xl-4 { margin-left: var(--spacing-12) !important; } .lmn-mt-xl-5, .lmn-my-xl-5 { margin-top: var(--spacing-16) !important; } .lmn-mr-xl-5, .lmn-mx-xl-5 { margin-right: var(--spacing-16) !important; } .lmn-mb-xl-5, .lmn-my-xl-5 { margin-bottom: var(--spacing-16) !important; } .lmn-ml-xl-5, .lmn-mx-xl-5 { margin-left: var(--spacing-16) !important; } .lmn-mt-xl-6, .lmn-my-xl-6 { margin-top: var(--spacing-24) !important; } .lmn-mr-xl-6, .lmn-mx-xl-6 { margin-right: var(--spacing-24) !important; } .lmn-mb-xl-6, .lmn-my-xl-6 { margin-bottom: var(--spacing-24) !important; } .lmn-ml-xl-6, .lmn-mx-xl-6 { margin-left: var(--spacing-24) !important; } .lmn-mt-xl-7, .lmn-my-xl-7 { margin-top: var(--spacing-32) !important; } .lmn-mr-xl-7, .lmn-mx-xl-7 { margin-right: var(--spacing-32) !important; } .lmn-mb-xl-7, .lmn-my-xl-7 { margin-bottom: var(--spacing-32) !important; } .lmn-ml-xl-7, .lmn-mx-xl-7 { margin-left: var(--spacing-32) !important; } .lmn-mt-xl-8, .lmn-my-xl-8 { margin-top: var(--spacing-48) !important; } .lmn-mr-xl-8, .lmn-mx-xl-8 { margin-right: var(--spacing-48) !important; } .lmn-mb-xl-8, .lmn-my-xl-8 { margin-bottom: var(--spacing-48) !important; } .lmn-ml-xl-8, .lmn-mx-xl-8 { margin-left: var(--spacing-48) !important; } .lmn-mt-xl-9, .lmn-my-xl-9 { margin-top: var(--spacing-64) !important; } .lmn-mr-xl-9, .lmn-mx-xl-9 { margin-right: var(--spacing-64) !important; } .lmn-mb-xl-9, .lmn-my-xl-9 { margin-bottom: var(--spacing-64) !important; } .lmn-ml-xl-9, .lmn-mx-xl-9 { margin-left: var(--spacing-64) !important; } .lmn-pt-xl-1, .lmn-py-xl-1 { padding-top: var(--spacing-2) !important; } .lmn-pr-xl-1, .lmn-px-xl-1 { padding-right: var(--spacing-2) !important; } .lmn-pb-xl-1, .lmn-py-xl-1 { padding-bottom: var(--spacing-2) !important; } .lmn-pl-xl-1, .lmn-px-xl-1 { padding-left: var(--spacing-2) !important; } .lmn-pt-xl-2, .lmn-py-xl-2 { padding-top: var(--spacing-4) !important; } .lmn-pr-xl-2, .lmn-px-xl-2 { padding-right: var(--spacing-4) !important; } .lmn-pb-xl-2, .lmn-py-xl-2 { padding-bottom: var(--spacing-4) !important; } .lmn-pl-xl-2, .lmn-px-xl-2 { padding-left: var(--spacing-4) !important; } .lmn-pt-xl-3, .lmn-py-xl-3 { padding-top: var(--spacing-8) !important; } .lmn-pr-xl-3, .lmn-px-xl-3 { padding-right: var(--spacing-8) !important; } .lmn-pb-xl-3, .lmn-py-xl-3 { padding-bottom: var(--spacing-8) !important; } .lmn-pl-xl-3, .lmn-px-xl-3 { padding-left: var(--spacing-8) !important; } .lmn-pt-xl-4, .lmn-py-xl-4 { padding-top: var(--spacing-12) !important; } .lmn-pr-xl-4, .lmn-px-xl-4 { padding-right: var(--spacing-12) !important; } .lmn-pb-xl-4, .lmn-py-xl-4 { padding-bottom: var(--spacing-12) !important; } .lmn-pl-xl-4, .lmn-px-xl-4 { padding-left: var(--spacing-12) !important; } .lmn-pt-xl-5, .lmn-py-xl-5 { padding-top: var(--spacing-16) !important; } .lmn-pr-xl-5, .lmn-px-xl-5 { padding-right: var(--spacing-16) !important; } .lmn-pb-xl-5, .lmn-py-xl-5 { padding-bottom: var(--spacing-16) !important; } .lmn-pl-xl-5, .lmn-px-xl-5 { padding-left: var(--spacing-16) !important; } .lmn-pt-xl-6, .lmn-py-xl-6 { padding-top: var(--spacing-24) !important; } .lmn-pr-xl-6, .lmn-px-xl-6 { padding-right: var(--spacing-24) !important; } .lmn-pb-xl-6, .lmn-py-xl-6 { padding-bottom: var(--spacing-24) !important; } .lmn-pl-xl-6, .lmn-px-xl-6 { padding-left: var(--spacing-24) !important; } .lmn-pt-xl-7, .lmn-py-xl-7 { padding-top: var(--spacing-32) !important; } .lmn-pr-xl-7, .lmn-px-xl-7 { padding-right: var(--spacing-32) !important; } .lmn-pb-xl-7, .lmn-py-xl-7 { padding-bottom: var(--spacing-32) !important; } .lmn-pl-xl-7, .lmn-px-xl-7 { padding-left: var(--spacing-32) !important; } .lmn-pt-xl-8, .lmn-py-xl-8 { padding-top: var(--spacing-48) !important; } .lmn-pr-xl-8, .lmn-px-xl-8 { padding-right: var(--spacing-48) !important; } .lmn-pb-xl-8, .lmn-py-xl-8 { padding-bottom: var(--spacing-48) !important; } .lmn-pl-xl-8, .lmn-px-xl-8 { padding-left: var(--spacing-48) !important; } .lmn-pt-xl-9, .lmn-py-xl-9 { padding-top: var(--spacing-64) !important; } .lmn-pr-xl-9, .lmn-px-xl-9 { padding-right: var(--spacing-64) !important; } .lmn-pb-xl-9, .lmn-py-xl-9 { padding-bottom: var(--spacing-64) !important; } .lmn-pl-xl-9, .lmn-px-xl-9 { padding-left: var(--spacing-64) !important; } } @media (min-width: 1680px) { .lmn-m-2xl-1 { margin: var(--spacing-2) !important; } .lmn-m-2xl-2 { margin: var(--spacing-4) !important; } .lmn-m-2xl-3 { margin: var(--spacing-8) !important; } .lmn-m-2xl-4 { margin: var(--spacing-12) !important; } .lmn-m-2xl-5 { margin: var(--spacing-16) !important; } .lmn-m-2xl-6 { margin: var(--spacing-24) !important; } .lmn-m-2xl-7 { margin: var(--spacing-32) !important; } .lmn-m-2xl-8 { margin: var(--spacing-48) !important; } .lmn-m-2xl-9 { margin: var(--spacing-64) !important; } .lmn-p-2xl-1 { padding: var(--spacing-2) !important; } .lmn-p-2xl-2 { padding: var(--spacing-4) !important; } .lmn-p-2xl-3 { padding: var(--spacing-8) !important; } .lmn-p-2xl-4 { padding: var(--spacing-12) !important; } .lmn-p-2xl-5 { padding: var(--spacing-16) !important; } .lmn-p-2xl-6 { padding: var(--spacing-24) !important; } .lmn-p-2xl-7 { padding: var(--spacing-32) !important; } .lmn-p-2xl-8 { padding: var(--spacing-48) !important; } .lmn-p-2xl-9 { padding: var(--spacing-64) !important; } .lmn-mt-2xl-1, .lmn-my-2xl-1 { margin-top: var(--spacing-2) !important; } .lmn-mr-2xl-1, .lmn-mx-2xl-1 { margin-right: var(--spacing-2) !important; } .lmn-mb-2xl-1, .lmn-my-2xl-1 { margin-bottom: var(--spacing-2) !important; } .lmn-ml-2xl-1, .lmn-mx-2xl-1 { margin-left: var(--spacing-2) !important; } .lmn-mt-2xl-2, .lmn-my-2xl-2 { margin-top: var(--spacing-4) !important; } .lmn-mr-2xl-2, .lmn-mx-2xl-2 { margin-right: var(--spacing-4) !important; } .lmn-mb-2xl-2, .lmn-my-2xl-2 { margin-bottom: var(--spacing-4) !important; } .lmn-ml-2xl-2, .lmn-mx-2xl-2 { margin-left: var(--spacing-4) !important; } .lmn-mt-2xl-3, .lmn-my-2xl-3 { margin-top: var(--spacing-8) !important; } .lmn-mr-2xl-3, .lmn-mx-2xl-3 { margin-right: var(--spacing-8) !important; } .lmn-mb-2xl-3, .lmn-my-2xl-3 { margin-bottom: var(--spacing-8) !important; } .lmn-ml-2xl-3, .lmn-mx-2xl-3 { margin-left: var(--spacing-8) !important; } .lmn-mt-2xl-4, .lmn-my-2xl-4 { margin-top: var(--spacing-12) !important; } .lmn-mr-2xl-4, .lmn-mx-2xl-4 { margin-right: var(--spacing-12) !important; } .lmn-mb-2xl-4, .lmn-my-2xl-4 { margin-bottom: var(--spacing-12) !important; } .lmn-ml-2xl-4, .lmn-mx-2xl-4 { margin-left: var(--spacing-12) !important; } .lmn-mt-2xl-5, .lmn-my-2xl-5 { margin-top: var(--spacing-16) !important; } .lmn-mr-2xl-5, .lmn-mx-2xl-5 { margin-right: var(--spacing-16) !important; } .lmn-mb-2xl-5, .lmn-my-2xl-5 { margin-bottom: var(--spacing-16) !important; } .lmn-ml-2xl-5, .lmn-mx-2xl-5 { margin-left: var(--spacing-16) !important; } .lmn-mt-2xl-6, .lmn-my-2xl-6 { margin-top: var(--spacing-24) !important; } .lmn-mr-2xl-6, .lmn-mx-2xl-6 { margin-right: var(--spacing-24) !important; } .lmn-mb-2xl-6, .lmn-my-2xl-6 { margin-bottom: var(--spacing-24) !important; } .lmn-ml-2xl-6, .lmn-mx-2xl-6 { margin-left: var(--spacing-24) !important; } .lmn-mt-2xl-7, .lmn-my-2xl-7 { margin-top: var(--spacing-32) !important; } .lmn-mr-2xl-7, .lmn-mx-2xl-7 { margin-right: var(--spacing-32) !important; } .lmn-mb-2xl-7, .lmn-my-2xl-7 { margin-bottom: var(--spacing-32) !important; } .lmn-ml-2xl-7, .lmn-mx-2xl-7 { margin-left: var(--spacing-32) !important; } .lmn-mt-2xl-8, .lmn-my-2xl-8 { margin-top: var(--spacing-48) !important; } .lmn-mr-2xl-8, .lmn-mx-2xl-8 { margin-right: var(--spacing-48) !important; } .lmn-mb-2xl-8, .lmn-my-2xl-8 { margin-bottom: var(--spacing-48) !important; } .lmn-ml-2xl-8, .lmn-mx-2xl-8 { margin-left: var(--spacing-48) !important; } .lmn-mt-2xl-9, .lmn-my-2xl-9 { margin-top: var(--spacing-64) !important; } .lmn-mr-2xl-9, .lmn-mx-2xl-9 { margin-right: var(--spacing-64) !important; } .lmn-mb-2xl-9, .lmn-my-2xl-9 { margin-bottom: var(--spacing-64) !important; } .lmn-ml-2xl-9, .lmn-mx-2xl-9 { margin-left: var(--spacing-64) !important; } .lmn-pt-2xl-1, .lmn-py-2xl-1 { padding-top: var(--spacing-2) !important; } .lmn-pr-2xl-1, .lmn-px-2xl-1 { padding-right: var(--spacing-2) !important; } .lmn-pb-2xl-1, .lmn-py-2xl-1 { padding-bottom: var(--spacing-2) !important; } .lmn-pl-2xl-1, .lmn-px-2xl-1 { padding-left: var(--spacing-2) !important; } .lmn-pt-2xl-2, .lmn-py-2xl-2 { padding-top: var(--spacing-4) !important; } .lmn-pr-2xl-2, .lmn-px-2xl-2 { padding-right: var(--spacing-4) !important; } .lmn-pb-2xl-2, .lmn-py-2xl-2 { padding-bottom: var(--spacing-4) !important; } .lmn-pl-2xl-2, .lmn-px-2xl-2 { padding-left: var(--spacing-4) !important; } .lmn-pt-2xl-3, .lmn-py-2xl-3 { padding-top: var(--spacing-8) !important; } .lmn-pr-2xl-3, .lmn-px-2xl-3 { padding-right: var(--spacing-8) !important; } .lmn-pb-2xl-3, .lmn-py-2xl-3 { padding-bottom: var(--spacing-8) !important; } .lmn-pl-2xl-3, .lmn-px-2xl-3 { padding-left: var(--spacing-8) !important; } .lmn-pt-2xl-4, .lmn-py-2xl-4 { padding-top: var(--spacing-12) !important; } .lmn-pr-2xl-4, .lmn-px-2xl-4 { padding-right: var(--spacing-12) !important; } .lmn-pb-2xl-4, .lmn-py-2xl-4 { padding-bottom: var(--spacing-12) !important; } .lmn-pl-2xl-4, .lmn-px-2xl-4 { padding-left: var(--spacing-12) !important; } .lmn-pt-2xl-5, .lmn-py-2xl-5 { padding-top: var(--spacing-16) !important; } .lmn-pr-2xl-5, .lmn-px-2xl-5 { padding-right: var(--spacing-16) !important; } .lmn-pb-2xl-5, .lmn-py-2xl-5 { padding-bottom: var(--spacing-16) !important; } .lmn-pl-2xl-5, .lmn-px-2xl-5 { padding-left: var(--spacing-16) !important; } .lmn-pt-2xl-6, .lmn-py-2xl-6 { padding-top: var(--spacing-24) !important; } .lmn-pr-2xl-6, .lmn-px-2xl-6 { padding-right: var(--spacing-24) !important; } .lmn-pb-2xl-6, .lmn-py-2xl-6 { padding-bottom: var(--spacing-24) !important; } .lmn-pl-2xl-6, .lmn-px-2xl-6 { padding-left: var(--spacing-24) !important; } .lmn-pt-2xl-7, .lmn-py-2xl-7 { padding-top: var(--spacing-32) !important; } .lmn-pr-2xl-7, .lmn-px-2xl-7 { padding-right: var(--spacing-32) !important; } .lmn-pb-2xl-7, .lmn-py-2xl-7 { padding-bottom: var(--spacing-32) !important; } .lmn-pl-2xl-7, .lmn-px-2xl-7 { padding-left: var(--spacing-32) !important; } .lmn-pt-2xl-8, .lmn-py-2xl-8 { padding-top: var(--spacing-48) !important; } .lmn-pr-2xl-8, .lmn-px-2xl-8 { padding-right: var(--spacing-48) !important; } .lmn-pb-2xl-8, .lmn-py-2xl-8 { padding-bottom: var(--spacing-48) !important; } .lmn-pl-2xl-8, .lmn-px-2xl-8 { padding-left: var(--spacing-48) !important; } .lmn-pt-2xl-9, .lmn-py-2xl-9 { padding-top: var(--spacing-64) !important; } .lmn-pr-2xl-9, .lmn-px-2xl-9 { padding-right: var(--spacing-64) !important; } .lmn-pb-2xl-9, .lmn-py-2xl-9 { padding-bottom: var(--spacing-64) !important; } .lmn-pl-2xl-9, .lmn-px-2xl-9 { padding-left: var(--spacing-64) !important; } } .lmn-bg-color-0 { background-color: var(--layer_primary) !important; } .lmn-bg-color-1 { background-color: var(--background) !important; } .lmn-bg-color-2 { background-color: var(--layer_secondary) !important; } .lmn-bg-color-inverse-0 { background-color: var(--layer_primary) !important; } .lmn-bg-color-inverse-1 { background-color: var(--background) !important; } .lmn-bg-color-inverse-2 { background-color: var(--layer_secondary) !important; } .lmn-bg-color-alt { background-color: var(--layer_primary) !important; } .lmn-bg-white { background-color: var(--white) !important; } .lmn-bg-citi-ink-blue { background-color: var(--citi-ink-blue-950) !important; } .lmn-bg-color-inverse { background-color: var(--fill_default) !important; } .lmn-comp-bg-color { background-color: var(--fill_default) !important; } .lmn-comp-bg-color-hover { background-color: var(--fill_hover) !important; } .lmn-comp-bg-color-item { background-color: var(--fill_default) !important; } .lmn-comp-bg-color-item-hover { background-color: var(--fill_hover) !important; } .lmn-comp-bg-color-side-menu-alt { background-color: var(--fill_default) !important; } .lmn-text-color-default { color: var(--text_strong) !important; } .lmn-text-color-0 { color: var(--text_strong) !important; } .lmn-text-color-1 { color: var(--text_strong) !important; } .lmn-text-color-2 { color: var(--text_weak) !important; } .lmn-text-color-3 { color: var(--text_weak) !important; } .lmn-text-color-inverse-0 { color: var(--text_strong) !important; } .lmn-text-color-inverse-1 { color: var(--text_strong) !important; } .lmn-text-color-inverse-2 { color: var(--text_weak) !important; } .lmn-text-color-inverse-3 { color: var(--text_weak) !important; } .lmn-text-color-disabled { color: var(--text_disabled) !important; } .lmn-text-white { color: var(--white) !important; } .lmn-text-black-50 { color: rgba(var(--black), 0.5) !important; } .lmn-text-white-50 { color: rgba(var(--white), 0.5) !important; } .lmn-text-body { color: var(--text_strong) !important; } .lmn-text-muted { color: var(--text_weak) !important; } .lmn-text-placeholder { color: var(--text_weak) !important; } .lmn-text-color-icon { color: var(--icon_fill) !important; } .lmn-text-headline, .lmn-text-color-headline { color: var(--heading_primary) !important; } .lmn-text-headline-0, .lmn-text-color-headline-0 { color: var(--heading_primary) !important; } .lmn-text-headline-1, .lmn-text-color-headline-1 { color: var(--heading_secondary) !important; } .lmn-text-color-inverse { color: var(--text_strong) !important; } .lmn-link-color-inverse { color: var(--link) !important; } .lmn-link-color-inverse:hover { color: var(--link_hover) !important; } .lmn-link-color-inverse:active, .lmn-link-color-inverse:visited { color: var(--link_visited) !important; } .lmn-link-color-inverse:focus { color: var(--link_active) !important; } .lmn-link-color-0, .lmn-link-color, .lmn-text-color-link { color: var(--link) !important; } .lmn-link-color-0:hover, .lmn-link-color:hover, .lmn-text-color-link:hover { color: var(--link_hover) !important; } .lmn-link-color-0:active, .lmn-link-color-0:visited, .lmn-link-color:active, .lmn-link-color:visited, .lmn-text-color-link:active, .lmn-text-color-link:visited { color: var(--link_visited) !important; } .lmn-link-color-0:focus, .lmn-link-color:focus, .lmn-text-color-link:focus { color: var(--link-active) !important; } a.lmn-link-color-0, a.lmn-link-color, a.lmn-text-color-link { text-decoration: underline; } .lmn-line-height-body { line-height: var(--line-height_heading-6) !important; } .lmn-line-height-heading { line-height: var(--line-height_heading-1) !important; } .lmn-border-color-0 { border-color: var(--border_weak) !important; } .lmn-border-color-0-left { border-left: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-0-right { border-right: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-0-top { border-top: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-0-bottom { border-bottom: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-1 { border-color: var(--border_weak) !important; } .lmn-border-color-1-left { border-left: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-1-right { border-right: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-1-top { border-top: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-1-bottom { border-bottom: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-2 { border-color: var(--border_strong) !important; } .lmn-border-color-2-left { border-left: var(--border-width_thin) solid var(--border_strong) !important; } .lmn-border-color-2-right { border-right: var(--border-width_thin) solid var(--border_strong) !important; } .lmn-border-color-2-top { border-top: var(--border-width_thin) solid var(--border_strong) !important; } .lmn-border-color-2-bottom { border-bottom: var(--border-width_thin) solid var(--border_strong) !important; } .lmn-border-color-inverse { border-color: var(--border_weak) !important; } .lmn-border-color-inverse-right { border-left: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-inverse-left { border-right: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-inverse-top { border-top: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-border-color-inverse-bottom { border-bottom: var(--border-width_thin) solid var(--border_weak) !important; } .lmn-rounded-xs { border-radius: var(--radius-2) !important; } .lmn-rounded-sm { border-radius: var(--radius-4) !important; } .lmn-rounded { border-radius: var(--radius-8) !important; } .lmn-rounded-lg { border-radius: var(--radius-12) !important; } .lmn-rounded-xl { border-radius: var(--radius-16) !important; } .lmn-rounded-circle { border-radius: var(--radius-full) !important; } .lmn-rounded-0 { border-radius: var(--radius-none) !important; } .lmn-table-bg-teal, .lmn-table-bg-teal td { background-color: color-mix(in srgb, var(--table-color-1), var(--fill_default) 80%) !important; } .lmn-table-bg-forest, .lmn-table-bg-forest td { background-color: color-mix(in srgb, var(--table-color-2), var(--fill_default) 80%) !important; } .lmn-table-bg-green, .lmn-table-bg-green td { background-color: color-mix(in srgb, var(--table-color-3), var(--fill_default) 80%) !important; } .lmn-table-bg-olive, .lmn-table-bg-olive td { background-color: color-mix(in srgb, var(--table-color-4), var(--fill_default) 80%) !important; } .lmn-table-bg-yellow, .lmn-table-bg-yellow td { background-color: color-mix(in srgb, var(--table-color-5), var(--fill_default) 80%) !important; } .lmn-table-bg-orange, .lmn-table-bg-orange td { background-color: color-mix(in srgb, var(--table-color-6), var(--fill_default) 80%) !important; } .lmn-table-bg-red, .lmn-table-bg-red td { background-color: color-mix(in srgb, var(--table-color-7), var(--fill_default) 80%) !important; } .lmn-table-bg-plum, .lmn-table-bg-plum td { background-color: color-mix(in srgb, var(--table-color-8), var(--fill_default) 80%) !important; } .lmn-table-bg-purple, .lmn-table-bg-purple td { background-color: color-mix(in srgb, var(--table-color-9), var(--fill_default) 80%) !important; } @charset "UTF-8"; /* We had to add the prefix svcs because the prefix is used in the design system and we need to use the same prefix in the services-lib.*/ /* We had to add the prefix svcs because the prefix is used in the design system and we need to use the same prefix in the services-lib.*/ /* We had to add the prefix svcs because the prefix is used in the design system and we need to use the same prefix in the services-lib.*/ /* We had to add the prefix svcs because the prefix is used in the design system and we need to use the same prefix in the services-lib. */ /* Also, we had to rename the file because the original file was named _layer_variables.scss and we needed to use the same name in the services-lib. */ /* Error in plugin "sass" Message: ../projects/services-lib/styles/design-tokens/systems/services/themes/_light.scss Error: There's already a module with namespace "layer_variables". ╷ 1 │ @use '../../../layer_variables.scss'; │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ original @use 2 │ @use '@citi-icg-172888/icgds-design-tokens/layer_variables.scss'; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ new @use updating styles */ /* We had to add the prefix svcs because the prefix is used in the design system and we need to use the same prefix in the services-lib. */ /* Also, we had to rename the file because the original file was named _light.scss and we needed to use the same name in the services-lib. */ /* Error in plugin "sass" Message: ../projects/services-lib/styles/design-tokens/systems/services/themes/_light.scss Error: Can't find stylesheet to import. ╷ 1 │ @use '../../../layer_variables.scss'; */ /* We had to add the prefix svcs because the prefix is used in the design system and we need to use the same prefix in the services-lib. */ /* Also, we had to rename the file because the original file was named _light.scss and we needed to use the same name in the services-lib. */ /* Error in plugin "sass" Message: ../projects/services-lib/styles/design-tokens/systems/services/themes/_dark.scss Error: Can't find stylesheet to import. ╷ 1 │ @use '../../../layer_variables.scss'; */ :root, :host { --border-width-0: 0px; --border-width-1: 1px; --border-width-2: 2px; --border-width-4: 4px; --neg-spread-2: -2px; --neg-spread-8: -8px; --radius-22: 22px; --size-3: 3px; --spacing-3: var(--size-3); --radius-6-4: 6.4px; --shimmer-width: 10px; --radius-14: 14px; --radius-18: 18px; --font-size-13: 13px; } :root, :host { --spacing-x: 8px !important; --gutter-text: '8px'; } @media (min-width: 480px) { :root, :host { --spacing-x: 12px !important; --gutter-text: '12px'; } } @media (min-width: 768px) { :root, :host { --spacing-x: 12px !important; --gutter-text: '12px'; } } @media (min-width: 1024px) { :root, :host { --spacing-x: 12px !important; --gutter-text: '12px'; } } @media (min-width: 1440px) { :root, :host { --spacing-x: 24px !important; --gutter-text: '24px'; } } @media (min-width: 1680px) { :root, :host { --spacing-x: 24px !important; --gutter-text: '24px'; } } @media (min-width: 1920px) { :root, :host { --spacing-x: 24px !important; --gutter-text: '24px'; } } .icgds, .icgds.light-theme, .icgds.light-theme .default-layer, .icgds.dark-theme .theme-inverse { /* Override Semantic */ --text_strong: var(--citi-ink-blue-950); --primary: var(--citi-ink-blue-950); --accent: var(--primary); --positive: var(--positive-default); --danger: var(--negative-default); --neutral: var(--neutral-default); --new-item: var(--news-default); --promotion: var(--promotion-default); --recommendation: var(--recommended-default); --time-sensitive: var(--time-sensitive-default); --text_disabled: var(--white); --text_strong: var(--ui-7); --text_success: var(--positive-dark-fill); --text_error: var(--negative-dark); --border_focus: var(--citi-blue-760); --border_focus_secondary: var(--citi-blue-210); --border_error: var(--negative-dark); --border_strong: var(--neutral-default); --button_fill_primary: var(--primary); --button_foreground_primary: var(--white); --button_fill_primary_hover: var(--button_fill_primary_focus); --button_fill_primary_focus: linear-gradient(0deg, var(--citi-blue-500-40) 0%, var(--citi-blue-500-40) 100%), var(--citi-ink-blue-950); --button_fill_primary_active: linear-gradient(0deg, var(--citi-blue-500-20) 0%, var(--citi-blue-500-20) 100%), var(--citi-ink-blue-950); --button_fill_primary_opacity: var(--opacity-30); --button_fill_primary_disabled: var(--primary); --button_fill_primary_loading: var(--primary); --button_fill_primary_shimmer: var(--primary); --button_fill_primary_loading_opacity: var(--opacity-50); --button_shadow_primary: 0 0 12px var(--spread-4) var(--shadow-inner-primary-default) inset, 0 1px 4px var(--spread-1) var(--shadow-primary-default), 0 4px 16px var(--neg-spread-2) var(--shadow-secondary-default), 0 8px 24px var(--neg-spread-8) var(--shadow-tertiary-default); --button_shadow_primary_hover: 0px 1px 4px var(--spread-1) var(--shadow-inner-primary-hover), 0px 4px 16px var(--neg-spread-2) var(--shadow-inner-secondary-hover), 0px 8px 24px var(--neg-spread-8) var(--shadow-primary-hover); --button_shadow_primary_active: 0 1px 4px var(--spread-1) var(--shadow-primary-active); --button_shadow_primary_focus: 0px 0px 0px var(--spread-2) var(--ui-1), 0px 0px 0px var(--spread-4) var(--citi-ink-blue-950), 0px 1px 4px var(--spread-1) var(--shadow-inner-primary-hover), 0px 4px 16px var(--neg-spread-2) var(--shadow-inner-secondary-hover), 0px 8px 24px var(--neg-spread-8) var(--shadow-primary-hover); --button_shadow_primary_disabled: 0 0 12px var(--spread-4) var(--shadow-inner-primary-disabled) inset, 0 1px 4px var(--spread-1) var(--shadow-primary-disabled), 0 4px 16px var(--neg-spread-2) var(--shadow-secondary-disabled), 0 8px 24px var(--neg-spread-8) var(--shadow-tertiary-disabled); --button_shadow_primary_shimmer: 0 0 12px var(--spread-4) var(--shadow-inner-primary-shimmer) inset, 0 1px 4px var(--spread-1) var(--shadow-primary-shimmer), 0 4px 16px var(--neg-spread-2) var(--shadow-secondary-shimmer), 0 8px 24px var(--neg-spread-8) var(--shadow-tertiary-shimmer); --button_shadow_primary_loading: 0 0 12px var(--spread-4) var(--shadow-inner-primary-loading) inset, 0 1px 4px var(--spread-1) var(--shadow-primary-loading), 0 4px 16px var(--neg-spread-2) var(--shadow-secondary-loading), 0 8px 24px var(--neg-spread-8) var(--shadow-tertiary-loading); --button_fill_outline: var(--transparent); --button_fill_outline_hover: var(--gray-200); --button_fill_outline_focus: none; --button_fill_outline_active: var(--gray-21); --button_fill_outline_loading: var(--transparent); --button_fill_outline_shimmer: var(--transparent); --button_foreground_outline: var(--primary); --button_foreground_outline_hover: var(--primary); --button_foreground_outline_focus: var(--primary); --button_foreground_outline_active: var(--primary); --button_border_outline: var(--primary); --button_border_outline_active: var(--primary); --button_border_outline_hover: var(--primary); --button_border_outline_focus: var(--primary); --button_border_outline_shimmer: var(--primary); --button_border_outline_loading: var(--primary); --button_fill_outline_loading_opacity: var(--opacity-50); --button_fill_outline_opacity: var(--opacity-30); --button_fill_outline_disabled: var(--transparent); --button_border_outline_disabled: var(--primary); --button_foreground_outline_disabled: var(--primary); --button_shadow_outline: none; --button_shadow_outline_active: none; --button_shadow_outline_hover: none; --button_shadow_outline_focus: 0px 0px 0px var(--spread-2) var(--ui-0), 0px 0px 0px var(--spread-4) var(--primary); --button_fill_standard: var(--ui-2); --button_fill_standard_hover: var(--ui-1); --button_fill_standard_focus: var(--ui-1); --button_fill_standard_active: var(--ui-3); --button_fill_standard_shimmer: var(--ui-2); --button_foreground_standard: var(--primary); --button_foreground_standard_hover: var(--primary); --button_foreground_standard_focus: var(--primary); --button_foreground_standard_active: var(--primary); --button_foreground_standard_disabled: var(--primary); --button_fill_standard_opacity: var(--opacity-30); --button_fill_standard_disabled: var(--ui-2); --button_shadow_standard: none; --button_shadow_standard_active: var(--button_shadow_standard); --button_shadow_standard_hover: var(--button_shadow_standard); --button_shadow_standard_focus: var(--button_shadow_standard); --button_shadow_standard_disabled: var(--button_shadow_standard); --button_shadow_standard_shimmer: var(--button_shadow_standard); --icon_fill: var(--citi-ink-blue-950); --link: var(--primary); --link_hover: var(--primary); --link_focus: var(--primary); --link_active: var(--primary); --link_visited: var(--primary); --link_disabled: var(--primary); --link_disabled-opacity: var(--opacity-30); --link_fill-focus: var(--ui-1); --link_fill-hover: var(--ui-1); --link_fill-active: var(--ui-3); --link_border-radius: var(--size-2); --link_shadow-focus: 0px 0px 0px var(--spread-2) var(--ui-0), 0px 0px 0px var(--spread-4) var(--primary); --tooltip_fill: var(--neutral-default); --tab_fill: transparent; --tab_fill_hover: var(--ui-1); --tab_fill_focus: transparent; --tab_fill_active: transparent; --tab_fill_disabled: transparent; --tab_fill_disabled-opacity: var(--opacity-30); --tab_fill_active-hover: var(--ui-1); --tab_fill_active-focus: transparent; --tab_foreground: var(--ui-6); --tab_foreground_hover: var(--ui-6); --tab_foreground_focus: var(--ui-6); --tab_foreground_active: var(--primary); --tab_foreground_active-hover: var(--primary); --tab_foreground_active-focus: var(--primary); --tab_foreground_disabled: var(--ui-6); --tab_fill_indicator: var(--ui-4); --tab_fill_indicator_hover: var(--ui-4); --tab_fill_indicator_focus: var(--ui-4); --tab_fill_indicator_active: var(--primary); --tab_fill_indicator_disabled: var(--ui-4); --tab_fill_indicator_active-hover: var(--primary); --tab_fill_indicator_active-focus: var(--primary); --tooltip_font-type: var(--font-weight-light); --tooltip_box-shadow_primary: var(--color-black-03); --tooltip_box-shadow_secondary: var(--color-black-06); --notification-fill_positive: var(--success); --notification-fill_danger: var(--danger); --notification-fill_neutral: var(--neutral); --notification-fill_new-item: var(--new-item); --notification-fill_promotion: var(--promotion); --notification-fill_recommendation: var(--recommendation); --notification-fill_time-sensitive: var(--time-sensitive); --notification-foreground_positive: var(--white); --notification-foreground_danger: var(--white); --notification-foreground_neutral: var(--white); --notification-foreground_new-item: var(--white); --notification-foreground_promotion: var(--white); --notification-foreground_recommendation: var(--white); --notification-foreground_time-sensitive: var(--white); --notification_container_radius: var(--radius-8); --notification_container_icon: var(--white); --notification-shadow-fill: var(--color-black-03); /* New Semantic */ --focus-outline: var(--citi-ink-blue-950); --focus-outline_inner: var(--white); --fdic-logo-color: var(--fdic-blue); --fdic-text-color: var(--fdic-neutral-black); --fdic-border-color: var(--fdic-neutral-black); --fdic-bg-color: var(--transparent); --fdic-logo-color_on-layer-brand-primary: var(--fdic-neutral-white); --fdic-text-color_on-layer-brand-primary: var(--fdic-neutral-white); --fdic-border-color_on-layer-brand-primary: var(--fdic-neutral-100); --fdic-logo-color_on-layer-brand-secondary: var(--fdic-neutral-white); --fdic-text-color_on-layer-brand-secondary: var(--fdic-neutral-white); --fdic-border-color_on-layer-brand-secondary: var(--fdic-neutral-100); --shimmer-gradient-start: var(--gray-21); --shimmer-gradient-end: var(--gray-22); --shimmer-border-radius: var(--radius-4); --shimmer-gradient-start_on-layer-brand-primary: var(--gray-400); --shimmer-gradient-end_on-layer-brand-primary: var(--gray-975); --shimmer-gradient-start_on-layer-brand-secondary: var(--gray-400); --shimmer-gradient-end_on-layer-brand-secondary: var(--gray-975); --data-visualisation-title: var(--ui-7); --data-visualisation-subtitle: var(--color-cpb-1-ui-5); --data-visualisation-action: var(--citi-blue-250); --data-visualisation-data-point-title: var(--color-cpb-1-ui-5); --data-visualisation-data-point-subtitle: var(--ui-7); --data-visualisation-data-point-value: var(--color-green-900); --data-visualisation-button_fill: var(--gray-20); --data-visualisation-button_standard: var(--citi-blue-250); --input-group-label_foreground: var(--citi-ink-blue-950); --input-group-instruction-text_foreground: var(--ui-5); --carousel-control-icon_fill: var(--gray-21); --carousel-control-icon_fill-focus: var(--gray-22); --carousel-control-indicator_fill: var(--black); --carousel-control-icon_foreground: var(--black); --carousel-media-category_foreground: var(--gray-21); --carousel-media-title_foreground: var(--white); --carousel-media-text_foreground: var(--white); --carousel-media-action-button_fill: var(--white); --carousel-media-action-button_font-weight: var(--font-weight-regular); --carousel-media-container_fill: var(--color-gray-900); --action-button_fill_hover: var(--gray-200); --action-button_fill_active: var(--gray-21); --action-button_fill_backround_image_active: linear-gradient(135deg, color-darken(var(--color-blue-500)), color-darken(--color-blue-450)); --action-button_icon_fill: var(--gray-50); --action-button_icon_foreground: var(--citi-ink-blue-950); --progress-meter_background_stroke: var(--gray-21); --progress-meter_indicator_fill: var(--white); --progress-meter_text_fill: var(--label_foreground); --progress-meter_gradient_start: var(--color-teal-700); --progress-meter_gradient_end: var(--color-teal-600); --a11y-tracker_outline: var(--red-dark-700); --a11y-tracker-badge_fill: var(--citi-red-800); --a11y-tracker-badge_foreground: var(--white); --a11y-tracker-tooltip_fill: var(--citi-ink-blue-950); --a11y-tracker-tooltip_foreground: var(--white); --a11y-tracker-tooltip_shadow: var(--gray-800); --a11y-tracker_outline_success: var(--blue-green-500); --a11y-tracker-badge-success_fill: var(--blue-green-700); --a11y-tracker-badge-success_foreground: var(--white); --a11y-tracker-copy-to-clipboard_fill: var(--blue-green-500); --a11y-tracker-copy-to-clipboard_foreground: var(--white); --badge_fill_low-contrast_positive: var(--positive-light); --badge_border_low-contrast_positive: var(--border-none); --badge_foreground_low-contrast_positive: var(--positive-dark); --badge_fill_low-contrast_negative: var(--negative-light); --badge_border_low-contrast_negative: var(--border-none); --badge_foreground_low-contrast_negative: var(--negative-dark); --badge_fill_low-contrast_neutral: var(--info-light); --badge_border_low-contrast_neutral: var(--border-none); --badge_foreground_low-contrast_neutral: var(--info-dark); --badge_fill_low-contrast_news: var(--news-light); --badge_border_low-contrast_news: var(--border-none); --badge_foreground_low-contrast_news: var(--news-dark); --value-change-badge_fill_low-contrast_gain: var(--positive-light); --value-change-badge_border_low-contrast_gain: var(--border-none); --value-change-badge_foreground_low-contrast_gain: var(--positive-dark); --value-change-badge_fill_high-contrast_gain: var(--positive-default); --value-change-badge_border_high-contrast_gain: var(--border-none); --value-change-badge_foreground_high-contrast_gain: var(--white); --value-change-badge_fill_low-contrast_loss: var(--negative-light); --value-change-badge_border_low-contrast_loss: var(--border-none); --value-change-badge_foreground_low-contrast_loss: var(--negative-dark); --value-change-badge_fill_high-contrast_loss: var(--negative-default); --value-change-badge_border_high-contrast_loss: var(--border-none); --value-change-badge_foreground_high-contrast_loss: var(--white); --value-change-badge_fill_low-contrast_neutral: var(--info-light); --value-change-badge_border_low-contrast_neutral: var(--border-none); --value-change-badge_foreground_low-contrast_neutral: var(--info-dark); --value-change-badge_fill_high-contrast_neutral: var(--neutral-default); --value-change-badge_border_high-contrast_neutral: var(--border-none); --value-change-badge_foreground_high-contrast_neutral: var(--white); --highcharts_font-family: var(--font-family-base); --highcharts_font-weight-light: var(--font-weight-light); --highcharts_font-weight-regular: var(--font-weight-regular); --highcharts_font-weight-bold: var(--font-weight-bold); --chart-color-0: var(--citi-blue-950); --chart-color-1: var(--citi-blue-900); --chart-color-2: var(--citi-blue-800); --chart-color-3: var(--citi-blue-700); --chart-color-4: var(--citi-blue-600); --chart-color-5: var(--citi-blue-500); --chart-color-6: var(--citi-blue-400); --chart-color-7: var(--citi-blue-300); --chart-color-8: var(--citi-blue-200); --chart-color-9: var(--citi-blue-100); --highcharts-tooltip_fill: var(--neutral-default); --highcharts-tooltip_foreground: var(--white); --highcharts-tooltip_border-radius: var(--size-4); --highcharts-tooltip_shadow: 0px 1px 4px 3.2px var(--color-black-03), 0px 4px 8px 0px var(--color-black-06); --highcharts-tooltip-indicator_border-fill: var(--white); --highcharts-crosshair-thin_fill: var(--primary); --highcharts-crosshair-thin_stroke: var(--gray-600); --highcharts-marker-hover_fill: var(--white); --highcharts-axis-labels_fill: var(--ui-5); --highcharts-title-fill: var(--ui-7); --highcharts-legend-item-text_fill: var(--ui-6); --highcharts-donut-chart-title_foreground: var(--ui-7); --highcharts-donut-chart-prefix_foreground: var(--ui-5); --highcharts-donut-chart-total-label_foreground: var(--black); --highcharts-donut-chart-legends_foreground: var(--ui-6); --highcharts-loading-overlay_fill: var(--gray-200); --chip_fill: var(--ui-2); --chip_fill_hover: var(--ui-1); --chip_fill_focus: var(--ui-1); --chip_fill_active: var(--ui-3); --chip_fill_selected: var(--citi-ink-blue-950); --chip_fill_disabled: var(--ui-2); --chip_fill_disabled-opacity: var(--opacity-30); --chip_foreground: var(--ui-6); --chip_foreground_hover: var(--ui-6); --chip_foreground_focus: var(--ui-6); --chip_foreground_active: var(--ui-6); --chip_foreground_selected: var(--white); --chip_foreground_disabled: var(--ui-6); --chip_border: var(--border-none); --chip_border_hover: var(--border-none); --chip_border_focus: var(--border-none); --chip_border_active: var(--border-none); --chip_border_disabled: var(--border-none); --chip_shadow: none; --segmented-control_fill: var(--ui-2); --segmented-item_separator_foreground: var(--black-10); --segmented-control_fill_active: var(--citi-ink-blue-950); --segmented-control_fill_focus: var(--ui-3); --segmented-control_foreground: var(--ui-6); --segmented-control_foreground_hover: var(--ui-6); --segmented-control_foreground_active: var(--ui-0); --segmented-control_fill_hover: var(--ui-1); --control_border_active: var(--primary); --context-menu-item_radius: 0; --context-menu-item_foreground: var(--text_strong); --context-menu-item_foreground_active: var(--text_strong); --context-menu-item_foreground_disabled: var(--text_strong); --button_foreground_tertiary: var(--citi-ink-blue-950); --button_foreground_ghost_disabled: var(--text_strong); --context-menu-shadow-outer-primary: var(--color-black-03); --context-menu-shadow-outer-secondary: var(--color-black-06); --context-menu-item-border: var(--black-10); --context-menu-message_foreground: var(--ui-6); --dropdown-label_foreground: var(--citi-ink-blue-950); --dropdown-instructional-msg_foreground: var(--ui-5); --custom-menu_fill: var(--neutral-shades-5); --custom-dropdown-context-menu-items-shadow-outer-primary: var(--color-black-06); --custom-dropdown-context-menu-items-shadow-outer-secondary: var(--color-black-08); --custom-dropdown-context-menu-items-shadow-inner-primary: var(--color-black-10); --scrollbar-thumb-bg: var(--neutral-shades-70); --search_container_fill: var(--ui-2); --search-container-cancel-text: var(--citi-ink-blue-950); --search_input_foreground: var(--ui-7); --search_input_placeholder: var(--ui-5); --selection-tile_fill: var(--ui-0); --selection-tile_shadow_primary: var(--color-black-03); --selection-tile_shadow_secondary: var(--color-black-06); --selection-tile_shadow_tertiary: var(--color-black-10); --selection-title_main-value-foreground: var(--ui-7); --selection-title_sub-value-foreground: var(--ui-6); --selection-title_disabled-opacity: var(--opacity-30); --selection-tile_fill-focus: var(--ui-1); --selection-title_border-focus: var(--neutral-default); --selection-tile_fill-active: var(--ui-2); --ag-grid-border-color: var(--color-black-10); --ag-header-text-color: var(--ui-7); --ag-cell-text-color: var(--ui-7); --column-select-list-container-background: var(--white); --column-select-list-item-background: var(--white); --column-select-list-search-no-result-desc-forground: var(--ui-6); --ag-grid-row-hover-color: var(--color-black-05); --ag-grid-row-pressed-color: var(--color-black-10); --ag-grid-pagination-foreground: var(--ui-6); --ag-grid-column-header-background: var(--color-blue-50); --custom-columns-tool-panel-background: var(--color-blue-50); --custom-columns-tool-panel-subtitle-foreground: var(--ui-6); --stepper_foreground_step-label_disabled: var(--text_weak); --stepper_foreground_status_disabled: var(--text_weak); --stepper_fill_status_active: var(--positive-default); --stepper_fill_status: var(--ui-3); --stepper_fill_tracker: var(--ui-3); --stepper_fill_tracker_active: var(--positive-default); --stepper_foreground_status-completed: white; --stepper_fill_tracker-error_active: var(--ui-3); --stepper_foreground_step-label_active: var(--ui-7); --stepper_foreground_step-label: var(--ui-6); --stepper_step-background-hover: var(--color-black-05); --stepper_step-foreground-hover: var(--primary); --form-divider_fill: var(--ui-3); --breadcrumb_fill_status_hover: var(--ui-1); --breadcrumb_fill_status_active: var(--ui-3); --tree-view_fill: var(--ui-0); --tree-view_sub-label-foreground: var(--ui-6); --ag-grid-custom-cell-background: var(--white); --ag-grid-custom-cell-focus-border: var(--primary); --ag-grid-custom-cell-error-border: var(--negative-default); /* Override existing styles */ } .icgds .lmn-layer-brand-primary, .icgds .lmn-bg-secondary, .icgds.light-theme .lmn-layer-brand-primary, .icgds.light-theme .lmn-bg-secondary, .icgds.light-theme .default-layer .lmn-layer-brand-primary, .icgds.light-theme .default-layer .lmn-bg-secondary, .icgds.dark-theme .theme-inverse .lmn-layer-brand-primary, .icgds.dark-theme .theme-inverse .lmn-bg-secondary { --label_foreground: var(--white); --fdic-logo-color: var(--fdic-logo-color_on-layer-brand-primary); --fdic-text-color: var(--fdic-text-color_on-layer-brand-primary); --fdic-border-color: var(--fdic-border-color_on-layer-brand-primary); --shimmer-gradient-start: var(--shimmer-gradient-start_on-layer-brand-primary); --shimmer-gradient-end: var(--shimmer-gradient-end_on-layer-brand-secondary); } .icgds .lmn-layer-brand-secondary, .icgds .lmn-bg-primary, .icgds.light-theme .lmn-layer-brand-secondary, .icgds.light-theme .lmn-bg-primary, .icgds.light-theme .default-layer .lmn-layer-brand-secondary, .icgds.light-theme .default-layer .lmn-bg-primary, .icgds.dark-theme .theme-inverse .lmn-layer-brand-secondary, .icgds.dark-theme .theme-inverse .lmn-bg-primary { --label_foreground: var(--white); --fdic-logo-color: var(--fdic-logo-color_on-layer-brand-secondary); --fdic-text-color: var(--fdic-text-color_on-layer-brand-secondary); --fdic-border-color: var(--fdic-border-color_on-layer-brand-secondary); --shimmer-gradient-start: var(--shimmer-gradient-start_on-layer-brand-primary); --shimmer-gradient-end: var(--shimmer-gradient-end_on-layer-brand-secondary); } .icgds .theme-inverse .lmn-layer-brand-primary, .icgds.light-theme .theme-inverse .lmn-layer-brand-primary, .icgds.light-theme .default-layer .theme-inverse .lmn-layer-brand-primary, .icgds.dark-theme .theme-inverse .theme-inverse .lmn-layer-brand-primary { --label_foreground: var(--citi-ink-blue-950) !important; } .icgds .lmn-layer-secondary, .icgds.light-theme .lmn-layer-secondary, .icgds.light-theme .default-layer .lmn-layer-secondary, .icgds.dark-theme .theme-inverse .lmn-layer-secondary { --code_fill: var(--code_fill_on-layer_secondary); } .icgds, .icgds.light-theme, .icgds.light-theme .default-layer, .icgds.dark-theme .theme-inverse { /* Add new styles */ } .icgds .lmn-layer-tertiary, .icgds.light-theme .lmn-layer-tertiary, .icgds.light-theme .default-layer .lmn-layer-tertiary, .icgds.dark-theme .theme-inverse .lmn-layer-tertiary { --code_fill: var(--code_fill_on-layer_secondary); } .icgds.dark-theme, .icgds.dark-theme .default-layer, .icgds.light-theme .theme-inverse, .icgds .theme-inverse { /* Override Semantic */ /* --- */ --primary: var(--white); --secondary: var(--blue-light-400); --danger: var(--red-light-400); --warning: var(--yellow-light-300); --success: var(--blue-green-400); --info: var(--gray-600); --accent: var(--primary); --text_disabled: var(--white); --text_strong: var(--white); --link: var(--white); --link_hover: var(--white); --link_focus: var(--link); --link_active: var(--text_strong); --link_visited: var(--purple-500); --link_disabled: var(--text_disabled); --button_fill_primary: var(--citi-ink-blue-950); --button_foreground_primary: var(--primary); --button_fill_outline: var(--transparent); --button_fill_outline_hover: var(--white-15); --button_fill_outline_focus: none; --button_fill_outline_active: var(--white-40); --button_fill_outline_loading: var(--transparent); --button_fill_outline_shimmer: var(--transparent); --button_foreground_outline: var(--primary); --button_foreground_outline_hover: var(--primary); --button_foreground_outline_focus: var(--primary); --button_foreground_outline_active: var(--primary); --button_border_outline: var(--ui-0); --button_border_outline_active: var(--ui-0); --button_border_outline_hover: var(--ui-0); --button_border_outline_focus: var(--ui-0); --button_border_outline_shimmer: var(--ui-0); --button_border_outline_loading: var(--ui-0); --button_fill_outline_loading_opacity: var(--opacity-50); --button_fill_outline_opacity: var(--opacity-30); --button_fill_outline_disabled: var(--transparent); --button_border_outline_disabled: var(--primary); --button_foreground_outline_disabled: var(--primary); --button_shadow_outline: none; --button_shadow_outline_active: none; --button_shadow_outline_hover: none; --button_shadow_outline_focus: 0px 0px 0px var(--spread-2) var(--citi-ink-blue-950), 0px 0px 0px var(--spread-4) var(--primary); --button_fill_standard: var(--ui-0); --button_fill_standard_hover: var(--ui-1); --button_fill_standard_focus: var(--ui-1); --button_fill_standard_active: var(--ui-3); --button_fill_standard_shimmer: var(--ui-0); --button_foreground_standard: var(--citi-ink-blue-950); --button_foreground_standard_hover: var(--citi-ink-blue-950); --button_foreground_standard_focus: var(--citi-ink-blue-950); --button_foreground_standard_active: var(--citi-ink-blue-950); --button_foreground_standard_disabled: var(--citi-ink-blue-950); --button_fill_standard_opacity: var(--opacity-30); --button_fill_standard_disabled: var(--ui-0); --button_shadow_standard: 0px 0.5px 2px 1.6px var(--color-black-03), 0px 2px 4px 0px var(--color-black-06); --button_shadow_standard_active: var(--button_shadow_standard); --button_shadow_standard_hover: var(--button_shadow_standard); --button_shadow_standard_focus: var(--button_shadow_standard); --button_shadow_standard_disabled: var(--button_shadow_standard); --button_shadow_standard_shimmer: var(--button_shadow_standard); --icon_fill: var(--citi-ink-blue-950); --icon_fill_hover: var(--citi-ink-blue-950); --link: var(--primary); --link_hover: var(--primary); --link_focus: var(--primary); --link_active: var(--primary); --link_visited: var(--primary); --link_disabled: var(--primary); --link_disabled-opacity: var(--opacity-30); --link_fill-focus: var(--white-20); --link_fill-hover: var(--white-20); --link_fill-active: var(--white-20); --link_border-radius: var(--size-2); --link_shadow-focus: 0px 0px 0px var(--spread-2) var(--ui-0), 0px 0px 0px var(--spread-4) var(--ui-0); /* New Semantic */ --focus-outline: var(--citi-ink-blue-950); --focus-outline_inner: var(--white); --fdic-logo-color: var(--fdic-neutral-white); --fdic-text-color: var(--fdic-neutral-white); --fdic-border-color: var(--fdic-neutral-100); --fdic-bg-color: var(--fdic-transparent); --fdic-logo-color_on-layer-brand-primary: var(--fdic-neutral-black); --fdic-text-color_on-layer-brand-primary: var(--fdic-neutral-black); --fdic-border-color_on-layer-brand-primary: var(--fdic-neutral-black); --fdic-logo-color_on-layer-brand-secondary: var(--fdic-neutral-white); --fdic-text-color_on-layer-brand-secondary: var(--fdic-neutral-white); --fdic-border-color_on-layer-brand-secondary: var(--fdic-neutral-100); --shimmer-gradient-start: var(--ui-2); --shimmer-gradient-end: var(--ui-3); --shimmer-border-radius: var(--radius-4); --shimmer-gradient-start_on-layer-brand-primary: var(--gray-400); --shimmer-gradient-end_on-layer-brand-primary: var(--gray-975); --shimmer-gradient-start_on-layer-brand-secondary: var(--gray-400); --shimmer-gradient-end_on-layer-brand-secondary: var(--gray-975); --input-group-label_foreground: var(--white); --input-group-instruction-text_foreground: var(--white); --action-button_fill_hover: var(--gray-200); --action-button_fill_active: var(--gray-21); --action-button_fill_backround_image_active: linear-gradient(135deg, color-darken(var(--color-blue-500)), color-darken(--color-blue-450)); --action-button_icon_fill: var(--white); --action-button_icon_foreground: var(--citi-ink-blue-950); --carousel-control-icon_fill: var(--white); --carousel-control-icon_fill-focus: var(--gray-21); --carousel-control-indicator_fill: var(--white); --progress-meter_background_stroke: var(--white); --progress-meter_text_fill: var(--label_foreground); --badge_fill_low-contrast_success: var(--positive-default); --badge_border_low-contrast_success: var(--border-none); --badge_foreground_low-contrast_success: var(--neutral-shades-0); --badge_fill_low-contrast_danger: var(--negative-default); --badge_border_low-contrast_danger: var(--border-none); --badge_foreground_low-contrast_danger: var(--neutral-shades-0); --chip_fill: var(--white); --chip_fill_hover: var(--ui-1); --chip_fill_focus: var(--ui-1); --chip_fill_active: var(--ui-3); --chip_fill_selected: var(--citi-ink-blue-950); --chip_fill_disabled: var(--white); --chip_fill_disabled-opacity: var(--opacity-30); --chip_foreground: var(--ui-6); --chip_foreground_hover: var(--ui-6); --chip_foreground_focus: var(--ui-6); --chip_foreground_active: var(--ui-6); --chip_foreground_selected: var(--white); --chip_foreground_disabled: var(--ui-6); --chip_border: var(--border-none); --chip_border_hover: var(--border-none); --chip_border_focus: var(--border-none); --chip_border_active: var(--border-none); --chip_border_disabled: var(--border-none); --chip_shadow: 0px 0.5px 2px 1.6px var(--color-black-03), 0px 2px 4px 0px var(--color-black-06); --segmented-control_fill: var(--ui-0); --segmented-item_separator_foreground: var(--black-10); --segmented-control_fill_active: var(--citi-ink-blue-950); --segmented-control_fill_focus: var(--ui-3); --segmented-control_foreground: var(--ui-6); --segmented-control_foreground_hover: var(--ui-6); --segmented-control_foreground_active: var(--ui-0); --segmented-control_fill_hover: var(--ui-1); --segmented-control_shadow: 0px 0.5px 2px 1.6px var(--color-black-03), 0px 2px 4px 0px var(--color-black-06); --control_border_active: var(--primary); --context-menu-item_radius: 0; --context-menu-item_foreground: var(--text_strong); --context-menu-item_foreground_active: var(--text_strong); --context-menu-item_foreground_disabled: var(--text_strong); --button_foreground_ghost_disabled: var(--text_strong); --search_container_fill: var(--ui-0); --search-container-cancel-text: var(--citi-ink-blue-950); --search_container_shadow: 0px 0.5px 2px 1.6px var(--color-black-03), 0px 2px 4px 0px var(--color-black-06); --search_input_foreground: var(--ui-7); --search_input_placeholder: var(--ui-5); /* Override existing styles */ } .icgds.dark-theme .lmn-layer-brand-primary, .icgds.dark-theme .lmn-bg-secondary, .icgds.dark-theme .default-layer .lmn-layer-brand-primary, .icgds.dark-theme .default-layer .lmn-bg-secondary, .icgds.light-theme .theme-inverse .lmn-layer-brand-primary, .icgds.light-theme .theme-inverse .lmn-bg-secondary, .icgds .theme-inverse .lmn-layer-brand-primary, .icgds .theme-inverse .lmn-bg-secondary { --label_foreground: var(--white); --fdic-logo-color: var(--fdic-logo-color_on-layer-brand-primary); --fdic-text-color: var(--fdic-text-color_on-layer-brand-primary); --fdic-border-color: var(--fdic-border-color_on-layer-brand-primary); --shimmer-gradient-start: var(--shimmer-gradient-start_on-layer-brand-primary); --shimmer-gradient-end: var(--shimmer-gradient-end_on-layer-brand-secondary); } .icgds.dark-theme .lmn-layer-brand-secondary, .icgds.dark-theme .lmn-bg-primary, .icgds.dark-theme .default-layer .lmn-layer-brand-secondary, .icgds.dark-theme .default-layer .lmn-bg-primary, .icgds.light-theme .theme-inverse .lmn-layer-brand-secondary, .icgds.light-theme .theme-inverse .lmn-bg-primary, .icgds .theme-inverse .lmn-layer-brand-secondary, .icgds .theme-inverse .lmn-bg-primary { --label_foreground: var(--white); --fdic-logo-color: var(--fdic-logo-color_on-layer-brand-secondary); --fdic-text-color: var(--fdic-text-color_on-layer-brand-secondary); --fdic-border-color: var(--fdic-border-color_on-layer-brand-secondary); --shimmer-gradient-start: var(--shimmer-gradient-start_on-layer-brand-primary); --shimmer-gradient-end: var(--shimmer-gradient-end_on-layer-brand-secondary); } .icgds.dark-theme .theme-inverse .lmn-layer-brand-primary, .icgds.dark-theme .default-layer .theme-inverse .lmn-layer-brand-primary, .icgds.light-theme .theme-inverse .theme-inverse .lmn-layer-brand-primary, .icgds .theme-inverse .theme-inverse .lmn-layer-brand-primary { --label_foreground: var(--citi-ink-blue-950) !important; } .icgds.dark-theme .lmn-layer-secondary, .icgds.dark-theme .default-layer .lmn-layer-secondary, .icgds.light-theme .theme-inverse .lmn-layer-secondary, .icgds .theme-inverse .lmn-layer-secondary { --code_fill: var(--code_fill_on-layer_secondary); } .icgds.dark-theme, .icgds.dark-theme .default-layer, .icgds.light-theme .theme-inverse, .icgds .theme-inverse { /* Add new styles */ } .icgds.dark-theme .lmn-layer-tertiary, .icgds.dark-theme .default-layer .lmn-layer-tertiary, .icgds.light-theme .theme-inverse .lmn-layer-tertiary, .icgds .theme-inverse .lmn-layer-tertiary { --code_fill: var(--code_fill_on-layer_secondary); } .icgds { /* Override existing tokens */ --gray-600: var(--ui-6); --family_display: var(--citi-sans); --font-weight-light: 300; --label_font-weight: var(--font-weight-regular); --button_radius: var(--radius-22); --motion-duration-fast-4: 300ms; /* Add new tokens */ --white-15: rgba(255, 255, 255, 0.15); /* 15% opacity, FFFFFF26 */ --white-20: rgba(255, 255, 255, 0.20); /* 20% opacity, FFFFFF20 */ --white-40: rgba(255, 255, 255, 0.40); /* 40% opacity, FFFFFF66 */ --white-80: rgba(255, 255, 255, 0.80); /* 80% opacity, FFFFFF66 */ --gray-22: var(--ui-4); --gray-21: var(--ui-3); --gray-200: var(--ui-1); --gray-20: var(--ui-2); --gray-151: #D9E2EA; --gray-151-10: rgba(217, 226, 234, 0.1); --color-dark-gray: #444444; --color-gray-107-24: rgba(107, 107, 107, 0.24); --color-gray-115-16: rgba(115, 115, 115, 0.16); --color-gray-124-20: rgba(124, 124, 124, 0.20); --color-gray-132-28: rgba(132, 132, 132, 0.28); --color-gray-900: #222222; --black-10: #0000001a; --black-100: #000000; --color-black-03: rgba(0, 0, 0, 0.03); --color-black-05: rgba(0, 0, 0, 0.05); --color-black-06: rgba(0, 0, 0, 0.06); --color-black-08: rgba(0, 0, 0, 0.08); --color-black-10: rgba(0, 0, 0, 0.10); --color-black-24: rgba(0, 0, 0, 0.24); --color-black-58-8: rgba(0, 0, 0, 0.0588); --color-black-80: rgba(0, 0, 0, 0.08); --color-blue-400-16: rgba(21, 153, 209, 0.16); --color-blue-450-20: rgba(38, 144, 211, 0.20); --color-blue-460-28: rgba(56, 136, 207, 0.28); --color-blue-500-24: rgba(24, 126, 190, 0.24); --color-blue-600-50: rgba(18, 81, 136, 0.50); --color-blue-700: #125188; --color-blue-800: #123969; --color-blue-500: #1697E7; --color-blue-450: #1073CE; --color-blue-50: #F6F8FE; --color-green-900: #0B6535; --color-green-100: #D4FCE7; --color-teal-700: #14726F; --color-teal-600: #0B8589; --ui-0: #FFFFFF; --ui-1: #F4F7FA; --ui-2: #EBEFF3; --ui-3: #D8DEE3; --ui-4: #A3ACB4; --ui-5: #5C6974; --ui-7: #09131C; --ui-6: #3A4752; --negative-dark: #87100A; --positive-dark-fill: var(--color-green-900); --neutral-default: #4B5863; --neutral-shades-0: #FFFFFF; --neutral-shades-5: #FAFAFA; --neutral-shades-70: #666666; --positive-default: #0F7D42; --positive-light: var(--color-green-100); --positive-dark: var(--color-green-900); --neutral-light: var(--gray-200); --negative-default: #AB1912; --negative-light: #FBE8E7; --info-light: var(--ui-1); --info-dark: var(--ui-6); --news-light: #ECEDFD; --news-dark: #3639A6; --news-default: #464ABC; --promotion-default: #147267; --recommended-default: #7E6527; --time-sensitive-default: #AC5407; --citi-blue-250: #0F6AA2; --citi-blue-210: #0076D4; --citi-blue-760: rgba(33, 157, 255, .2); --citi-blue-500-40: rgba(37, 91, 227, 0.40); --citi-blue-500-20: rgba(37, 91, 227, 0.20); --citi-blue-750: #223272; --citi-blue-751: #003256; --shadow-inner-primary-default: var(--color-gray-107-24); --shadow-primary-default: var(--color-gray-115-16); --shadow-secondary-default: var(--color-gray-124-20); --shadow-tertiary-default: var(--color-gray-132-28); --shadow-inner-primary-hover: var(--color-gray-115-16); --shadow-inner-secondary-hover: var(--color-gray-124-20); --shadow-primary-hover: var(--color-gray-132-28); --shadow-primary-active: var(--color-gray-115-16); --shadow-inner-primary-disabled: var(--color-gray-107-24); --shadow-primary-disabled: var(--color-gray-115-16); --shadow-secondary-disabled: var(--color-gray-124-20); --shadow-tertiary-disabled: var(--color-gray-132-28); --shadow-inner-primary-shimmer: var(--color-gray-107-24); --shadow-primary-shimmer: var(--color-gray-115-16); --shadow-secondary-shimmer: var(--color-gray-124-20); --shadow-tertiary-shimmer: var(--color-gray-132-28); --shadow-inner-primary-loading: var(--color-gray-107-24); --shadow-primary-loading: var(--color-gray-115-16); --shadow-secondary-loading: var(--color-gray-124-20); --shadow-tertiary-loading: var(--color-gray-132-28); --field_radius: var(--radius-12); --field_container_element_padding-right: var(--spacing-12); --opacity-10: 0.1; --opacity-20: 0.2; --opacity-30: 0.3; --shimmer-opacity: 0.2; --shimmer-min-width: 70px; --shimmer-width: 3em; --shimmer-white-gradient-start: var(--gray-20); --shimmer-white-gradient-end: var(--gray-21); --shimmer-dark-gradient-start: var(--gray-21); --shimmer-dark-gradient-end: var(--gray-22); --shimmer-gray-gradient-start: var(--gray-20); --shimmer-gray-gradient-end: var(--gray-21); --spinner-opacity: 0.5; --fdic-neutral-white: var(--white); --fdic-neutral-100: var(--white-80); --fdic-neutral-200: var(--gray-151-10); --fdic-neutral-black: var(--black-100); --fdic-blue: var(--citi-blue-751); --fdic-transparent: transparent; --chip_border_radius: var(--radius-8); --chip-group_container_padding: var(--spacing-2); --context-menu-item_height: 44px; --context-menu_radius: var(--radius-12); --context-menu_padding: 0; --context-menu_group_vertical-spacing: 0; --button_fill_ghost_opacity: var(--opacity-30); --dropdown-wrapper-z-index: 999; --context-menu-item_vertical-padding: var(--spacing-12); --context-menu-item_padding-right: var(--spacing-12); --context-menu-item_padding-left: var(--spacing-12); --context-menu_footer-options_padding-top: var(--spacing-12); --context-menu_footer-options_padding-right: var(--spacing-12); --context-menu_footer-options_padding-bottom: var(--spacing-12); --context-menu_footer-options_padding-left: var(--spacing-12); --search_container_horizontal-padding: var(--spacing-12); --search_container_vertical-padding: 6px; --calendar-in-range-cell-background: var(--neutral-shades-0); --calendar-cell-background-active: var(--citi-ink-blue-950); --calendar-cell-background-hover: var(--ui-1); --calendar-cell-foreground-active: var(--ui-0); --calendar-column-header_font-size: 11px; --calendar-column-header_line-height: var(--line-height-body-16); --calendar-column-header_foreground: var(--ui-5); --calendar-header_font-size: var(--font-size-16); --calendar-header_line-height: var(--line-height-body-24); --calendar-header_foreground: var(--black-100); --datepicker-item_font-size: var(--font-size-16); --datepicker-item_line-height: var(--line-height-body-24); --datepicker-date-item_height: var(--size-40); --datepicker-date-item_foreground: var(--citi-ink-blue-950); --selection-tile_border-radius: var(--radius-12); --ag-side-bar-panel-width: 413px; --stepper_linear-status_size: var(--size-8); /* Override existing tokens */ } .icgds, .icgds .lmn-ui-md { --font-size_heading-2: var(--font-size-22); --container_height: var(--size-44); --button_container_padding-left: 26px; --button_container_padding-right: 26px; --button_container_standard-height: var(--size-36); --button_container_standard-padding-left: var(--size-12); --button_container_standard-padding-right: var(--size-12); --button_standard-radius: var(--size-18); --text-link_font-size: var(--font-size-16); --text-link_line-height: var(--line-height-body-24); --text-link_icon-size: var(--size-24); --text-link_label-shimmer-size: var(--size-16); --text-link_icon-shimmer-size: var(--size-24); --text-link_icon_horizontal-spacing: var(--container_horizontal-spacing); --tab_label_font-size: var(--font-size-16); --tab_label_line-height: var(--line-height-body-24); --tab_height_indicator_default: var(--size-1); --tab_height: var(--size-48); --tab_container_horizontal-padding: var(--spacing-16); --tab_container_horizontal-spacing: var(--spacing-4); --tab_container_vertical-padding: var(--spacing-12); --tab_container_min-width: 72px; --tooltip_radius: var(--radius-8); --tooltip_padding: var(--radius-8) var(--radius-12); --tooltip_font-size: var(--font-size-13); --tooltip_line-height: var(--line-height-body-20); --notification_container_padding: var(--spacing-12); --notification_header_margin-bottom: var(--spacing-0); --notification_header-wrapper_horizontal-spacing: var(--spacing-8); --notification_container_vertical-spacing: var(--spacing-12); --notification_container-heading_font-size: var(--font-size-13); --notification_container-heading_line-height: var(--line-height-body-20); --notification_container-body_font-size: var(--font-size-13); --notification_container-body_line-height: var(--line-height-body-20); --data-visualisation-button_container_padding-left: var(--spacing-12); --data-visualisation-button_container_padding-right: var(--spacing-12); --data-visualisation-button_container_padding-top: var(--spacing-8); --data-visualisation-button_container_padding-bottom: var(--spacing-8); --data-visualisation-button_container_border-radius: var(--radius-18); --button-label_font-size: var(--font-size-13); --button-label_line-height: var(--line-height-body-20); --badge_container_height: var(--size-16); --badge_radius: var(--radius-4); --badge_container_padding: var(--spacing-4); --value-change-badge_container_height: var(--size-20); --value-change-badge_radius: var(--radius-4); --value-change-badge_container_padding: var(--spacing-4); --chip_font_size: var(--font-size-13); --chip_line_height: var(--line-height-body-20); --chip_container_padding-left: var(--size-12); --chip_container_padding-right: var(--size-12); --chip_container_vertical-padding: var(--size-8); --chip_container_min-width: 72px; --chip_container_height: var(--size-36); --chip_container_shimmer-width: var(--size-30); --chip_border_radius: var(--radius-12); --group-chip_item_height: var(--chip_component_height); --segmented-control-chip_item_min-width: 88px; --group-chip_item_padding-top: 11px; --group-chip-item_padding-bottom: 11px; --segmented-control-item_min-width: 72px; --shimmer-line-height: var(--line-height-body-24); --ag-header-font-size: var(--font-size-13); --ag-header-line-height: var(--line-height-body-20); --ag-header-font-weight: var(--font-weight-bold); --ag-data-font-size: var(--font-size-13); --ag-data-line-height: var(--line-height-body-20); --ag-data-font-weight: var(--font-weight-regular); } .icgds .lmn-ui-sm, .icgds .lmn-ui-xs, .icgds .lmn-ui-compact { --container_height: var(--size-44); --text-link_font-size: var(--font-size-13); --text-link_line-height: var(--line-height-body-20); --text-link_icon-size: var(--size-16); --text-link_label-shimmer-size: var(--size-12); --text-link_icon-shimmer-size: var(--size-16); --text-link_icon_horizontal-spacing: var(--container_horizontal-spacing); --tooltip_radius: var(--radius-8); --tooltip_padding: var(--radius-8) var(--radius-12); --tooltip_font-size: var(--font-size-13); --tooltip_line-height: var(--line-height-body-20); --tab_label_font-size: var(--font-size-13); --tab_label_line-height: var(--line-height-body-20); --tab_height_indicator_default: var(--size-1); --tab_height: var(--size-44); --tab_container_horizontal-padding: var(--spacing-12); --tab_container_horizontal-spacing: var(--spacing-4); --tab_container_vertical-padding: var(--spacing-12); --tab_container_min-width: 56px; --data-visualisation-button_container_padding-left: var(--spacing-12); --data-visualisation-button_container_padding-right: var(--spacing-12); --data-visualisation-button_container_padding-top: var(--spacing-4); --data-visualisation-button_container_padding-bottom: var(--spacing-4); --data-visualisation-button_container_border-radius: var(--radius-14); --button-label_font-size: var(--font-size-13); --button-label_line-height: var(--line-height-body-20); --button_container_standard-height: var(--size-28); --button_container_standard-padding-left: var(--size-8); --button_container_standard-padding-right: var(--size-8); --button_standard-radius: 14px; --chip_font_size: var(--font-size-13); --chip_line_height: var(--line-height-body-20); --chip_container_padding-left: var(--size-8); --chip_container_padding-right: var(--size-8); --button_container_horizontal-spacing: var(--spacing-4); --chip_container_vertical-padding: var(--size-4); --chip_container_min-width: var(--size-56); --chip_container_height: var(--size-28); --chip_container_shimmer-width: var(--size-30); --chip_border_radius: var(--radius-8); --group-button_item_height: var(--size-28); --segmented-control-item_min-width: var(--size-56); --shimmer-line-height: var(--line-height-body-20); --ag-side-bar-panel-width: 320px; } .icgds .lmn-ui-lg, .icgds .lmn-ui-spacious { --tooltip_radius: var(--radius-8); --tooltip_padding: var(--radius-8) var(--radius-12); --tooltip_font-size: var(--font-size-13); --tooltip_line-height: var(--line-height-body-20); --shimmer-line-height: var(--line-height-body-28); } .icgds { /* Add new tokens */ } /* Spinner settings */ /* All values are specified in px */ /* All values are specified in px */ /* Add Citi Sans font family */ @font-face { font-family: "Citi Sans"; src: url('Citi-Sans-Text-Regular.1e40b4c8d574a826.ttf') format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans"; src: url('Citi-Sans-Text-Bold.4f5d0beac3767c6f.ttf') format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Citi Sans"; src: url('Citi-Sans-Text-Light.816279dd4afaf34d.woff2') format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: "Citi Sans Display"; src: url('Citi-Sans-Display-Regular.eb7c035282ba7101.ttf') format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans Display"; src: url('Citi-Sans-Display-Bold.bc552fbc1b762e53.ttf') format("truetype"); font-weight: 700; font-style: normal; } /* Add FDIC Logo font family */ @font-face { font-family: "Source Sans Pro"; src: url('SourceSansPro-Regular.49ba110333d6ee3c.woff') format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Source Sans Pro"; src: url('SourceSansPro-It-webfont.7a6b4872fcd6888b.woff') format("truetype"); font-weight: 400; font-style: italic; } /* Citi Sans Table */ @font-face { font-family: "Citi Sans Table"; src: url('Citi-Sans-Table-Text-Regular.39c08ed5561a3c97.woff2') format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Citi Sans Table"; src: url('Citi-Sans-Table-Text-Bold.6fb43aebbdcaa07a.woff2') format("woff2"); font-weight: 700; font-style: normal; } .icgds .lmn-btn { font-size: var(--button-label_font-size); line-height: var(--button-label_line-height); font-weight: var(--font-weight-bold); --shimmer-line-height: var(--button-label_line-height) !important; } .icgds .lmn-btn.lmn-btn-primary { box-shadow: var(--button_shadow_primary); outline: none !important; } .icgds .lmn-btn.lmn-btn-primary:focus { outline-offset: unset !important; outline: unset !important; background-color: unset !important; background: var(--button_fill_primary_focus) !important; color: var(--button_foreground_primary_focus) !important; } .icgds .lmn-btn.lmn-btn-primary:focus-visible, .icgds .lmn-btn.lmn-btn-primary.focus { background: var(--button_fill_primary_focus) !important; color: var(--button_foreground_primary_focus) !important; box-shadow: var(--button_shadow_primary_focus) !important; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-btn.lmn-btn-primary:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-primary.hover { background: var(--button_fill_primary_hover); color: var(--button_foreground_primary_hover); box-shadow: var(--button_shadow_primary_hover); } .icgds .lmn-btn.lmn-btn-primary:enabled:active, .icgds .lmn-btn.lmn-btn-primary.active, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-primary, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-primary { background: var(--button_fill_primary_active) !important; color: var(--button_foreground_primary_active) !important; box-shadow: var(--button_shadow_primary_active) !important; } .icgds .lmn-btn.lmn-btn-primary[disabled], .icgds .lmn-btn.lmn-btn-primary.disabled { cursor: not-allowed; opacity: var(--button_fill_primary_opacity) !important; background-color: var(--button_fill_primary_disabled) !important; border-color: var(--button_border_primary_disabled) !important; color: var(--button_foreground_primary_disabled) !important; box-shadow: var(--button_shadow_primary_disabled) !important; } .icgds .lmn-btn.lmn-btn-primary.shimmer { box-shadow: var(--button_shadow_primary_shimmer) !important; background-color: var(--button_fill_primary_shimmer) !important; pointer-events: none !important; } .icgds .lmn-btn.lmn-btn-primary.loading { background-color: var(--button_fill_primary_loading) !important; box-shadow: var(--button_shadow_primary_loading) !important; opacity: var(--button_fill_primary_loading_opacity) !important; } .icgds .lmn-btn.lmn-btn-outline, .icgds .lmn-btn.lmn-btn-secondary { box-shadow: var(--button_shadow_outline); outline: none !important; } .icgds .lmn-btn.lmn-btn-outline:focus, .icgds .lmn-btn.lmn-btn-secondary:focus { outline-offset: unset !important; outline: unset !important; background-color: unset !important; background: var(--button_fill_outline_focus) !important; color: var(--button_foreground_outline_focus) !important; } .icgds .lmn-btn.lmn-btn-outline:focus-visible, .icgds .lmn-btn.lmn-btn-secondary:focus-visible, .icgds .lmn-btn.lmn-btn-outline.focus, .icgds .lmn-btn.focus.lmn-btn-secondary { background: var(--button_fill_outline_focus) !important; color: var(--button_foreground_outline_focus) !important; box-shadow: var(--button_shadow_outline_focus) !important; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-btn.lmn-btn-outline:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-secondary:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-outline.hover, .icgds .lmn-btn.hover.lmn-btn-secondary { background: var(--button_fill_outline_hover); color: var(--button_foreground_outline_hover); box-shadow: var(--button_shadow_outline_hover); } .icgds .lmn-btn.lmn-btn-outline:enabled:active, .icgds .lmn-btn.lmn-btn-secondary:enabled:active, .icgds .lmn-btn.lmn-btn-outline.active, .icgds .lmn-btn.active.lmn-btn-secondary, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-outline, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-secondary, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-outline, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-secondary { background: var(--button_fill_outline_active) !important; color: var(--button_foreground_outline_active) !important; box-shadow: var(--button_shadow_outline_active) !important; } .icgds .lmn-btn.lmn-btn-outline[disabled], .icgds .lmn-btn[disabled].lmn-btn-secondary, .icgds .lmn-btn.lmn-btn-outline.disabled, .icgds .lmn-btn.disabled.lmn-btn-secondary { cursor: not-allowed; opacity: var(--button_fill_outline_opacity) !important; background-color: var(--button_fill_outline_disabled) !important; border-color: var(--button_border_outline_disabled) !important; color: var(--button_foreground_outline_disabled) !important; box-shadow: var(--button_shadow_outline_disabled) !important; } .icgds .lmn-btn.lmn-btn-outline.shimmer, .icgds .lmn-btn.shimmer.lmn-btn-secondary { box-shadow: var(--button_shadow_outline_shimmer) !important; background-color: var(--button_fill_outline_shimmer) !important; pointer-events: none !important; } .icgds .lmn-btn.lmn-btn-outline.loading, .icgds .lmn-btn.loading.lmn-btn-secondary { background-color: var(--button_fill_outline_loading) !important; box-shadow: var(--button_shadow_outline_loading) !important; opacity: var(--button_fill_outline_loading_opacity) !important; } .icgds .lmn-btn.lmn-btn-outline, .icgds .lmn-btn.lmn-btn-secondary { border: 1px solid var(--button_border_outline); } .icgds .lmn-btn.lmn-btn-standard, .icgds .lmn-btn.lmn-btn-tertiary { box-shadow: var(--button_shadow_standard); outline: none !important; } .icgds .lmn-btn.lmn-btn-standard:focus, .icgds .lmn-btn.lmn-btn-tertiary:focus { outline-offset: unset !important; outline: unset !important; background-color: unset !important; background: var(--button_fill_standard_focus) !important; color: var(--button_foreground_standard_focus) !important; } .icgds .lmn-btn.lmn-btn-standard:focus-visible, .icgds .lmn-btn.lmn-btn-tertiary:focus-visible, .icgds .lmn-btn.lmn-btn-standard.focus, .icgds .lmn-btn.focus.lmn-btn-tertiary { background: var(--button_fill_standard_focus) !important; color: var(--button_foreground_standard_focus) !important; box-shadow: var(--button_shadow_standard_focus) !important; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-btn.lmn-btn-standard:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-tertiary:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-standard.hover, .icgds .lmn-btn.hover.lmn-btn-tertiary { background: var(--button_fill_standard_hover); color: var(--button_foreground_standard_hover); box-shadow: var(--button_shadow_standard_hover); } .icgds .lmn-btn.lmn-btn-standard:enabled:active, .icgds .lmn-btn.lmn-btn-tertiary:enabled:active, .icgds .lmn-btn.lmn-btn-standard.active, .icgds .lmn-btn.active.lmn-btn-tertiary, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-standard, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-tertiary, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-standard, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-tertiary { background: var(--button_fill_standard_active) !important; color: var(--button_foreground_standard_active) !important; box-shadow: var(--button_shadow_standard_active) !important; } .icgds .lmn-btn.lmn-btn-standard[disabled], .icgds .lmn-btn[disabled].lmn-btn-tertiary, .icgds .lmn-btn.lmn-btn-standard.disabled, .icgds .lmn-btn.disabled.lmn-btn-tertiary { cursor: not-allowed; opacity: var(--button_fill_standard_opacity) !important; background-color: var(--button_fill_standard_disabled) !important; border-color: var(--button_border_standard_disabled) !important; color: var(--button_foreground_standard_disabled) !important; box-shadow: var(--button_shadow_standard_disabled) !important; } .icgds .lmn-btn.lmn-btn-standard.shimmer, .icgds .lmn-btn.shimmer.lmn-btn-tertiary { box-shadow: var(--button_shadow_standard_shimmer) !important; background-color: var(--button_fill_standard_shimmer) !important; pointer-events: none !important; } .icgds .lmn-btn.lmn-btn-standard.loading, .icgds .lmn-btn.loading.lmn-btn-tertiary { background-color: var(--button_fill_standard_loading) !important; box-shadow: var(--button_shadow_standard_loading) !important; opacity: var(--button_fill_standard_loading_opacity) !important; } .icgds .lmn-btn.lmn-btn-standard, .icgds .lmn-btn.lmn-btn-tertiary { --button_container_height: var(--button_container_standard-height) !important; --button_container_padding-left: var(--button_container_standard-padding-left) !important; --button_container_padding-right: var(--button_container_standard-padding-right) !important; font-weight: var(--font-weight-regular) !important; --button_radius: var(--button_standard-radius); --shimmer-min-width: var(--size-36) --shimmer-width: 2.5em; } .icgds .lmn-btn.lmn-btn-standard .lmnicon, .icgds .lmn-btn.lmn-btn-tertiary .lmnicon { font-size: 16px !important; line-height: 16px !important; } .icgds .lmn-btn.lmn-btn-standard .lmnicon.lmnicon-prefix, .icgds .lmn-btn.lmn-btn-tertiary .lmnicon.lmnicon-prefix { margin-right: var(--button_container_horizontal-spacing); } .icgds .lmn-btn.lmn-btn-standard .lmnicon.lmnicon-suffix, .icgds .lmn-btn.lmn-btn-tertiary .lmnicon.lmnicon-suffix { margin-left: var(--button_container_horizontal-spacing); } .icgds .lmn-btn.lmn-btn-standard .lmnicon svg, .icgds .lmn-btn.lmn-btn-tertiary .lmnicon svg { width: 16px !important; height: 16px !important; } .icgds .lmn-btn.lmn-btn-standard .lmn-label, .icgds .lmn-btn.lmn-btn-tertiary .lmn-label { font-size: var(--button-label_font-size) !important; line-height: var(--button-label_line-height) !important; --shimmer-line-height: var(--button-label_line-height) !important; margin-bottom: unset !important; } .icgds .lmn-btn.lmn-btn-success { box-shadow: var(--button_shadow_success); outline: none !important; } .icgds .lmn-btn.lmn-btn-success:focus { outline-offset: unset !important; outline: unset !important; background-color: unset !important; background: var(--button_fill_success_focus) !important; color: var(--button_foreground_success_focus) !important; } .icgds .lmn-btn.lmn-btn-success:focus-visible, .icgds .lmn-btn.lmn-btn-success.focus { background: var(--button_fill_success_focus) !important; color: var(--button_foreground_success_focus) !important; box-shadow: var(--button_shadow_success_focus) !important; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-btn.lmn-btn-success:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-success.hover { background: var(--button_fill_success_hover); color: var(--button_foreground_success_hover); box-shadow: var(--button_shadow_success_hover); } .icgds .lmn-btn.lmn-btn-success:enabled:active, .icgds .lmn-btn.lmn-btn-success.active, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-success, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-success { background: var(--button_fill_success_active) !important; color: var(--button_foreground_success_active) !important; box-shadow: var(--button_shadow_success_active) !important; } .icgds .lmn-btn.lmn-btn-success[disabled], .icgds .lmn-btn.lmn-btn-success.disabled { cursor: not-allowed; opacity: var(--button_fill_success_opacity) !important; background-color: var(--button_fill_success_disabled) !important; border-color: var(--button_border_success_disabled) !important; color: var(--button_foreground_success_disabled) !important; box-shadow: var(--button_shadow_success_disabled) !important; } .icgds .lmn-btn.lmn-btn-success.shimmer { box-shadow: var(--button_shadow_success_shimmer) !important; background-color: var(--button_fill_success_shimmer) !important; pointer-events: none !important; } .icgds .lmn-btn.lmn-btn-success.loading { background-color: var(--button_fill_success_loading) !important; box-shadow: var(--button_shadow_success_loading) !important; opacity: var(--button_fill_success_loading_opacity) !important; } .icgds .lmn-btn.lmn-btn-warning { box-shadow: var(--button_shadow_warning); outline: none !important; } .icgds .lmn-btn.lmn-btn-warning:focus { outline-offset: unset !important; outline: unset !important; background-color: unset !important; background: var(--button_fill_warning_focus) !important; color: var(--button_foreground_warning_focus) !important; } .icgds .lmn-btn.lmn-btn-warning:focus-visible, .icgds .lmn-btn.lmn-btn-warning.focus { background: var(--button_fill_warning_focus) !important; color: var(--button_foreground_warning_focus) !important; box-shadow: var(--button_shadow_warning_focus) !important; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-btn.lmn-btn-warning:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-warning.hover { background: var(--button_fill_warning_hover); color: var(--button_foreground_warning_hover); box-shadow: var(--button_shadow_warning_hover); } .icgds .lmn-btn.lmn-btn-warning:enabled:active, .icgds .lmn-btn.lmn-btn-warning.active, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-warning, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-warning { background: var(--button_fill_warning_active) !important; color: var(--button_foreground_warning_active) !important; box-shadow: var(--button_shadow_warning_active) !important; } .icgds .lmn-btn.lmn-btn-warning[disabled], .icgds .lmn-btn.lmn-btn-warning.disabled { cursor: not-allowed; opacity: var(--button_fill_warning_opacity) !important; background-color: var(--button_fill_warning_disabled) !important; border-color: var(--button_border_warning_disabled) !important; color: var(--button_foreground_warning_disabled) !important; box-shadow: var(--button_shadow_warning_disabled) !important; } .icgds .lmn-btn.lmn-btn-warning.shimmer { box-shadow: var(--button_shadow_warning_shimmer) !important; background-color: var(--button_fill_warning_shimmer) !important; pointer-events: none !important; } .icgds .lmn-btn.lmn-btn-warning.loading { background-color: var(--button_fill_warning_loading) !important; box-shadow: var(--button_shadow_warning_loading) !important; opacity: var(--button_fill_warning_loading_opacity) !important; } .icgds .lmn-btn.lmn-btn-danger { box-shadow: var(--button_shadow_danger); outline: none !important; } .icgds .lmn-btn.lmn-btn-danger:focus { outline-offset: unset !important; outline: unset !important; background-color: unset !important; background: var(--button_fill_danger_focus) !important; color: var(--button_foreground_danger_focus) !important; } .icgds .lmn-btn.lmn-btn-danger:focus-visible, .icgds .lmn-btn.lmn-btn-danger.focus { background: var(--button_fill_danger_focus) !important; color: var(--button_foreground_danger_focus) !important; box-shadow: var(--button_shadow_danger_focus) !important; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-btn.lmn-btn-danger:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-danger.hover { background: var(--button_fill_danger_hover); color: var(--button_foreground_danger_hover); box-shadow: var(--button_shadow_danger_hover); } .icgds .lmn-btn.lmn-btn-danger:enabled:active, .icgds .lmn-btn.lmn-btn-danger.active, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-danger, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-danger { background: var(--button_fill_danger_active) !important; color: var(--button_foreground_danger_active) !important; box-shadow: var(--button_shadow_danger_active) !important; } .icgds .lmn-btn.lmn-btn-danger[disabled], .icgds .lmn-btn.lmn-btn-danger.disabled { cursor: not-allowed; opacity: var(--button_fill_danger_opacity) !important; background-color: var(--button_fill_danger_disabled) !important; border-color: var(--button_border_danger_disabled) !important; color: var(--button_foreground_danger_disabled) !important; box-shadow: var(--button_shadow_danger_disabled) !important; } .icgds .lmn-btn.lmn-btn-danger.shimmer { box-shadow: var(--button_shadow_danger_shimmer) !important; background-color: var(--button_fill_danger_shimmer) !important; pointer-events: none !important; } .icgds .lmn-btn.lmn-btn-danger.loading { background-color: var(--button_fill_danger_loading) !important; box-shadow: var(--button_shadow_danger_loading) !important; opacity: var(--button_fill_danger_loading_opacity) !important; } .icgds .lmn-btn.lmn-btn-ghost, .icgds .lmn-btn.lmn-btn-link { box-shadow: var(--button_shadow_ghost); outline: none !important; } .icgds .lmn-btn.lmn-btn-ghost:focus, .icgds .lmn-btn.lmn-btn-link:focus { outline-offset: unset !important; outline: unset !important; background-color: unset !important; background: var(--button_fill_ghost_focus) !important; color: var(--button_foreground_ghost_focus) !important; } .icgds .lmn-btn.lmn-btn-ghost:focus-visible, .icgds .lmn-btn.lmn-btn-link:focus-visible, .icgds .lmn-btn.lmn-btn-ghost.focus, .icgds .lmn-btn.focus.lmn-btn-link { background: var(--button_fill_ghost_focus) !important; color: var(--button_foreground_ghost_focus) !important; box-shadow: var(--button_shadow_ghost_focus) !important; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-btn.lmn-btn-ghost:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-link:hover:not([disabled], :focus-visible), .icgds .lmn-btn.lmn-btn-ghost.hover, .icgds .lmn-btn.hover.lmn-btn-link { background: var(--button_fill_ghost_hover); color: var(--button_foreground_ghost_hover); box-shadow: var(--button_shadow_ghost_hover); } .icgds .lmn-btn.lmn-btn-ghost:enabled:active, .icgds .lmn-btn.lmn-btn-link:enabled:active, .icgds .lmn-btn.lmn-btn-ghost.active, .icgds .lmn-btn.active.lmn-btn-link, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-ghost, .icgds input[type=checkbox]:checked + .lmn-btn.lmn-btn-link, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-ghost, .icgds input[type=radio]:checked + .lmn-btn.lmn-btn-link { background: var(--button_fill_ghost_active) !important; color: var(--button_foreground_ghost_active) !important; box-shadow: var(--button_shadow_ghost_active) !important; } .icgds .lmn-btn.lmn-btn-ghost[disabled], .icgds .lmn-btn[disabled].lmn-btn-link, .icgds .lmn-btn.lmn-btn-ghost.disabled, .icgds .lmn-btn.disabled.lmn-btn-link { cursor: not-allowed; opacity: var(--button_fill_ghost_opacity) !important; background-color: var(--button_fill_ghost_disabled) !important; border-color: var(--button_border_ghost_disabled) !important; color: var(--button_foreground_ghost_disabled) !important; box-shadow: var(--button_shadow_ghost_disabled) !important; } .icgds .lmn-btn.lmn-btn-ghost.shimmer, .icgds .lmn-btn.shimmer.lmn-btn-link { box-shadow: var(--button_shadow_ghost_shimmer) !important; background-color: var(--button_fill_ghost_shimmer) !important; pointer-events: none !important; } .icgds .lmn-btn.lmn-btn-ghost.loading, .icgds .lmn-btn.loading.lmn-btn-link { background-color: var(--button_fill_ghost_loading) !important; box-shadow: var(--button_shadow_ghost_loading) !important; opacity: var(--button_fill_ghost_loading_opacity) !important; } .icgds .lmn-btn.lmn-btn-block { line-height: unset !important; } .icgds .lmn-btn.lmn-btn-block::before { top: 0px; } .icgds .lmn-btn.lmn-btn-fixed-size { display: block; width: 393px; text-align: center; line-height: var(--button_container_height); } .icgds .lmn-btn.lmn-btn-icon { --shimmer-min-width: 24px; --shimmer-width: 24px; --button_container_padding-left: 0; --button_container_padding-right: 0; --shimmer-border-radius: var(--radius-full); } .icgds .lmn-btn.lmn-btn-icon .lmnicon { --button_container_horizontal-spacing: 0; --button-label_line-height: 1em; } .icgds .lmn-btn.lmn-btn-icon .lmnicon.lmn-ui-lg { font-size: 24px; } .icgds .lmn-btn.lmn-btn-icon .lmnicon.lmn-ui-md { font-size: 16px; } .icgds .lmn-btn.lmn-btn-icon .lmn-shimmer-container { --shimmer-line-height: 24px !important; } .icgds .lmn-btn:not(:disabled):not(.disabled)::before { content: " "; position: absolute; cursor: pointer; width: 100%; height: 100%; min-width: 44px; min-height: 44px; left: 0; right: 0; } .icgds .lmn-segmented-control { --segmented_container_padding: 0px; --button_radius: var(--radius-8); --shimmer-min-width: 40px; --shimmer-width: 40px; --button_container_padding-left: 16px; --button_container_padding-right: 16px; box-shadow: var(--segmented-control_shadow); } .icgds .lmn-segmented-control .lmn-btn { --button_radius: 0; --button_fill_primary_disabled: var(--not-exist); } .icgds .lmn-segmented-control .lmn-btn:not(.active) { font-weight: var(--font-weight-regular); } .icgds .lmn-segmented-control .lmn-btn:focus { box-shadow: none; } .icgds .lmn-segmented-control .lmn-btn:focus-visible { box-shadow: 0 0 0 1px var(--focus-outline_inner), 0 0 0 3px var(--focus-outline) !important; z-index: 5; } .icgds .lmn-segmented-control .lmn-shimmer-container { --shimmer-line-height: var(--button-label_line-height) !important; } .icgds .lmn-segmented-control:has(.lmn-shimmer-container) { pointer-events: none !important; cursor: not-allowed; } .icgds .lmn-segmented-control.lmn-segmented-control-full-width { width: 100%; } .icgds .lmn-segmented-control.lmn-segmented-control-full-width .lmn-btn-group-item, .icgds .lmn-segmented-control.lmn-segmented-control-full-width .lmn-segmented-control-item { flex-grow: 1; } .icgds .lmn-btn-group-item:not(:first-of-type)::after, .icgds .lmn-segmented-control-item:not(:first-of-type)::after { height: 100%; background-color: var(--segmented-item_separator_foreground); } .icgds .lmn-btn-group-item:disabled, .icgds .lmn-btn-group-item.disabled, .icgds .lmn-segmented-control-item:disabled, .icgds .lmn-segmented-control-item.disabled { opacity: 0.3; } .icgds .lmn-btn-group-item:first-of-type, .icgds .lmn-segmented-control-item:first-of-type { border-top-left-radius: var(--radius-8); border-bottom-left-radius: var(--radius-8); } .icgds .lmn-btn-group-item:last-of-type, .icgds .lmn-segmented-control-item:last-of-type { border-top-right-radius: var(--radius-8); border-bottom-right-radius: var(--radius-8); } .icgds .lmn-segmented-control-item { color: var(--segmented-control_foreground); } .icgds .lmn-segmented-control-item:active.focus, .icgds .lmn-segmented-control-item:active:focus { background-color: unset; color: unset; } .icgds .lmn-segmented-control-item:active:enabled { background: var(--segmented-control_fill_focus); } .icgds .lmn-segmented-control-item.disabled { color: var(--segmented-control_foreground) !important; } .icgds .lmn-segmented-control-item.active.disabled { background: var(--segmented-control_fill_active) !important; color: var(--segmented-control_foreground_active) !important; } .icgds .lmn-segmented-control-item.active:hover { background: var(--segmented-control_fill_active); color: var(--segmented-control_foreground_active); } .icgds .lmn-btn-icon-24 { min-width: 24px !important; min-height: 24px !important; width: 24px; height: 24px; } .icgds .svcs-accordion-toggle { width: var(--spacing-24); height: var(--spacing-24); min-width: var(--spacing-24); padding: 0; } .icgds .svcs-accordion-toggle::before { min-width: var(--spacing-24) !important; min-height: var(--spacing-24) !important; } .icgds { /* Spinner settings */ /* All values are specified in px */ /* All values are specified in px */ } .icgds .lmn-ui-icon-size-16 { font-size: 16px !important; line-height: 24px !important; height: 24px !important; width: 24px !important; } .icgds .lmn-ui-icon-size-20 { font-size: 20px !important; line-height: 20px !important; height: 20px !important; width: 20px !important; } .icgds .lmn-ui-icon-size-24 { font-size: 24px !important; line-height: 32px !important; height: 32px !important; width: 32px !important; } .icgds .lmn-action-icon { border-radius: var(--radius-full); } .icgds .lmn-action-icon:active, .icgds .lmn-action-icon.active { --button_foreground_ghost: var(--primary); background-color: var(--button_fill_primary) !important; color: var(--button_foreground_primary) !important; outline: none; } .icgds .lmn-action-icon:focus { box-shadow: none; } .icgds .lmn-action-icon:focus-visible { background-color: var(--field_fill_hover) !important; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-action-icon.disabled { background-color: unset !important; opacity: 0.3; pointer-events: none; /* Disable all pointer interactions */ } .icgds .lmn-shimmer-container { display: flex; align-items: center; height: var(--shimmer-line-height); } .icgds .lmn-shimmer-container .lmn-shimmer { min-width: var(--shimmer-min-width); max-width: 100%; animation: shimmer-keyframes 2s infinite; width: var(--shimmer-width); height: calc(var(--shimmer-line-height) - 8px); background: linear-gradient(270deg, var(--shimmer-gradient-start) 0%, var(--shimmer-gradient-end) 100%); background-size: 200% 100%; border-radius: var(--shimmer-border-radius); opacity: var(--shimmer-opacity); } @keyframes shimmer-keyframes { from { background-position: 200% 0; } to { background-position: 0% 0; } } .icgds .lmn-shimmer-container .lmn-svg-shimmer { min-width: unset; width: 1em; height: 1em !important; border-radius: 50%; } .icgds .lmn-spinner-container { display: flex; align-items: center; justify-content: center; } .icgds .lmn-spinner-container .lmn-spinner-on-dark { --spinner-background: var(--white); } .icgds .lmn-spinner-container .lmn-spinner-on-white { --spinner-background: var(--primary); } .icgds .lmn-spinner-container .lmn-spinner-wrapper { width: var(--spinner-width); height: var(--spinner-height); padding: var(--spinner-padding); } .icgds .lmn-spinner-container .lmn-spinner-wrapper .lmn-spinner { position: relative; width: 100%; height: 100%; } .icgds .lmn-spinner-container .lmn-spinner-wrapper .lmn-spinner::before, .icgds .lmn-spinner-container .lmn-spinner-wrapper .lmn-spinner::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; border-width: var(--spinner-border-width); border-style: solid; border-color: var(--spinner-background); animation: rotating-spinner 2s linear infinite; } .icgds .lmn-spinner-container .lmn-spinner-wrapper .lmn-spinner::before { opacity: var(--spinner-opacity); } .icgds .lmn-spinner-container .lmn-spinner-wrapper .lmn-spinner::after { border-left-color: transparent; } @keyframes rotating-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .icgds .lmn-spinner-container .lmn-spinner-xs { --spinner-width: 20px; } .icgds .lmn-spinner-container .lmn-spinner-xs { --spinner-height: 20px; } .icgds .lmn-spinner-container .lmn-spinner-xs { --spinner-padding: 1.46px; } .icgds .lmn-spinner-container .lmn-spinner-xs { --spinner-border-width: 1.25px; } .icgds .lmn-spinner-container .lmn-spinner-sm { --spinner-width: 24px; } .icgds .lmn-spinner-container .lmn-spinner-sm { --spinner-height: 24px; } .icgds .lmn-spinner-container .lmn-spinner-sm { --spinner-padding: 1.87px; } .icgds .lmn-spinner-container .lmn-spinner-sm { --spinner-border-width: 1.25px; } .icgds .lmn-spinner-container .lmn-spinner-md { --spinner-width: 32px; } .icgds .lmn-spinner-container .lmn-spinner-md { --spinner-height: 32px; } .icgds .lmn-spinner-container .lmn-spinner-md { --spinner-padding: 2.71px; } .icgds .lmn-spinner-container .lmn-spinner-md { --spinner-border-width: 1.25px; } .icgds .lmn-spinner-container .lmn-spinner-lg { --spinner-width: 40px; } .icgds .lmn-spinner-container .lmn-spinner-lg { --spinner-height: 40px; } .icgds .lmn-spinner-container .lmn-spinner-lg { --spinner-padding: 4px; } .icgds .lmn-spinner-container .lmn-spinner-lg { --spinner-border-width: 1.65px; } .icgds .lmn-spinner-container .lmn-spinner-xl { --spinner-width: 40px; } .icgds .lmn-spinner-container .lmn-spinner-xl { --spinner-height: 40px; } .icgds .lmn-spinner-container .lmn-spinner-xl { --spinner-padding: 4px; } .icgds .lmn-spinner-container .lmn-spinner-xl { --spinner-border-width: 1.65px; } .icgds .lmn-spinner-container .lmn-spinner-2xl { --spinner-width: 40px; } .icgds .lmn-spinner-container .lmn-spinner-2xl { --spinner-height: 40px; } .icgds .lmn-spinner-container .lmn-spinner-2xl { --spinner-padding: 4px; } .icgds .lmn-spinner-container .lmn-spinner-2xl { --spinner-border-width: 1.65px; } .icgds .lmn-spinner-container .lmn-spinner-3xl { --spinner-width: 40px; } .icgds .lmn-spinner-container .lmn-spinner-3xl { --spinner-height: 40px; } .icgds .lmn-spinner-container .lmn-spinner-3xl { --spinner-padding: 4px; } .icgds .lmn-spinner-container .lmn-spinner-3xl { --spinner-border-width: 1.65px; } .icgds { /* FDIC themes */ } .icgds .fdic-container { width: 100%; display: flex; flex: unset; } @media (min-width: 768px) { .icgds .fdic-container { width: unset; } } .icgds .fdic-container .fdic-wrapper { background-color: var(--fdic-bg-color); padding: 0.5rem; min-width: 300px; } .icgds .fdic-container--border-bottom .fdic-wrapper { border-bottom: 1px solid var(--fdic-border-color); } .icgds .fdic-container--border-wrap .fdic-wrapper { border-radius: 4px; border: 1px solid var(--fdic-border-color); } .icgds .fdic-font-regular { font-family: "Source Sans Pro" !important; font-weight: 400; font-style: normal; } .icgds .fdic-font-italic { font-family: "Source Sans Pro" !important; font-weight: 400; font-style: italic; } .icgds .fdic-line-1 { font-size: 0.8rem !important; line-height: 1rem !important; } .icgds .fdic-line-2 { font-size: 0.625rem !important; line-height: 0.75rem !important; } .icgds .fdic-line-1, .icgds .fdic-line-2 { color: var(--fdic-text-color); width: 100%; } .icgds .lmn-modal { background: var(--gray-20); border-radius: 24px; -webkit-user-select: none; user-select: none; min-height: 480px; max-height: calc(100vh - 96px); max-width: 100vw; height: 100%; box-shadow: none !important; } .icgds .lmn-modal.lmn-modal-no-bg { background: none !important; } .icgds .lmn-modal.full-screen { width: 100%; } @media (min-width: 1920px) { .icgds .lmn-modal.full-screen { width: 1824px !important; } } @media (max-width: 767.98px) { .icgds .lmn-modal.full-screen { width: 100% !important; } } .icgds .lmn-modal.full-screen .full-screen { height: 100%; } @media (max-width: 767.98px) { .icgds .lmn-modal { max-width: unset !important; min-width: unset !important; } } @media (min-width: 768px) { .icgds .lmn-modal { width: 720px; } } @media (min-width: 1440px) { .icgds .lmn-modal { width: 768px; } } .icgds .lmn-modal .lmn-modal-content { background: unset; max-height: unset; width: 100%; padding: unset !important; box-shadow: unset; height: 100%; justify-content: center; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-action::after { font-size: var(--icon_size_lg) !important; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-navigation-action::after { font-size: var(--icon_size_lg); content: var(--icon-navigation-down); font-family: var(--icon-font-family); } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header { display: flex; flex-direction: column; padding: 36px 36px 24px 36px !important; align-items: normal !important; margin-bottom: unset !important; transition: box-shadow 0.5s ease-in-out; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-title { margin-right: unset !important; margin-left: 4px !important; letter-spacing: -0.2px; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-title.lmn-label { margin-bottom: unset !important; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-text-link { flex: 0 0 auto !important; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-navigation-action { display: none; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-action { align-self: center; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-action:focus { outline: 0.1rem solid var(--color-dark-gray) !important; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-sub-title { font-weight: var(--font-weight-light); margin-left: 4px !important; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header .lmn-modal-sub-title.lmn-label { margin-bottom: unset !important; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-header.shadow-applied { box-shadow: 0 1px 4px 3.2px var(--color-black-03), 0 4px 8px 0 var(--color-black-06); } .icgds .lmn-modal .lmn-modal-content .lmn-modal-body { overflow: auto; scrollbar-width: thin; max-height: 100%; padding: 0px 36px 0px 36px; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-footer { margin-top: unset; padding: 24px 36px 36px 36px !important; gap: 8px; } .icgds .lmn-modal .lmn-modal-content .lmn-modal-footer.lmn-footer-shadow { box-shadow: 0 -1px 4px 3.2px var(--color-black-03), 0 -4px 8px 0 var(--color-black-06); } .icgds .lmn-modal .lmn-modal-content .lmn-modal-footer > * { margin-left: unset !important; } .icgds .lmn-modal.lmn-drawer-modal { border-radius: 24px 24px 0 0 !important; max-width: unset !important; height: unset !important; max-height: unset !important; min-height: unset !important; } @media (max-width: 479.98px) { .icgds .lmn-modal.lmn-drawer-modal { border-radius: 16px 16px 0 0 !important; } } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content { max-height: 100vh; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header { flex-wrap: wrap; padding: 24px 24px 24px 24px !important; } @media (max-width: 479.98px) { .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header { padding: 12px 12px 24px 12px !important; } } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container { flex-wrap: wrap; row-gap: 12px; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-title { order: 3; width: 100%; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-navigation-action { order: 1; margin-right: auto; display: block; border: none !important; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-navigation-action:hover { background: none; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-navigation-action:focus { box-shadow: none; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-navigation-action:active { outline: none; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-text-link-container { order: 2; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-text-link-container .lmn-text-link:last-of-type { margin-right: 0px !important; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-action { display: none; } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-body { overflow: auto; scrollbar-width: thin; max-height: unset !important; padding: 0px 24px; } @media (max-width: 479.98px) { .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-body { padding: 0px 12px !important; } } .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-footer { padding: 24px 24px 36px 24px; } @media (max-width: 479.98px) { .icgds .lmn-modal.lmn-drawer-modal .lmn-modal-content .lmn-modal-footer { padding: 24px 12px 48px 12px !important; } } .icgds .lmn-modal.lmn-modal-full-view { border-radius: 0 !important; } .icgds .lmn-modal .lmn-modal-action { border: none; padding: 0; margin: 0; } .icgds .lmn-modal.lmn-dialog { min-height: unset; max-height: 512px; } @media (max-width: 767.98px) { .icgds .lmn-modal.lmn-dialog { max-width: unset !important; min-width: unset !important; } } @media (min-width: 768px) { .icgds .lmn-modal.lmn-dialog { width: 400px; } } @media (min-width: 1024px) { .icgds .lmn-modal.lmn-dialog { width: 480px; } } .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-header { padding: 36px 36px 12px 36px !important; } @media (max-width: 767.98px) { .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-header { padding: 24px 24px 12px 24px !important; } } .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-header .lmn-modal-header-container { flex-direction: column; text-align: center; } .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmn-modal-title { margin-left: 0px !important; } .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-header .lmn-modal-header-container .lmnicon svg { margin-bottom: 12px; } .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-header .lmn-modal-sub-title { text-align: center; margin-top: 0px !important; margin-left: 0px !important; } .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-body { text-align: center; display: -webkit-box; line-clamp: 10; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; flex-grow: unset !important; } @media (max-width: 767.98px) { .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-body { padding: 0px 24px !important; } } .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-footer { padding: 36px !important; } @media (max-width: 767.98px) { .icgds .lmn-modal.lmn-dialog .lmn-modal-content .lmn-modal-footer { padding: 36px 24px 36px 24px !important; } } .icgds .lmn-modal-wrap.lmn-modal-centered { align-items: unset !important; padding: 48px 36px; min-height: unset !important; flex-direction: column; height: 100% !important; flex-wrap: wrap; justify-content: center; } .icgds .lmn-modal-wrap.lmn-modal-centered:has(.lmn-drawer-modal) { padding: 0px; height: 100vh; } @media (max-width: 1023.98px) { .icgds .lmn-modal-wrap.lmn-modal-centered { padding: 48px 24px; } } .icgds .lmn-modal-wrap.lmn-modal-centered::before { display: none !important; } .icgds .lmn-modal-wrap { top: unset !important; } .icgds .lmn-modal-body:focus-visible { outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-input-group .lmn-input-text { --label_font-weight: 400; --font-size_body: 16px; --line-height_heading-6: 24px; --field_container_vertical-padding: 12px; --field_container_horizontal-padding: 12px; --field_container_vertical-padding: 12px; --field_container_horizontal-padding: 12px; min-width: 296px; } @media (max-width: 320px) { .icgds .lmn-input-group .lmn-input-text { width: 296px; } } .icgds .lmn-input-group .lmn-input-text { --field_fill_read-only: white; --field_foreground_read-only: var(--text_strong); --field_fill_disabled: white; --field_foreground_disabled: var(--text_strong); --field_border: transparent; --text_disabled: var(--text_weak); box-shadow: 0px 0.5px 2px 1.6px var(--color-black-03), 0px 2px 4px 0px var(--color-black-06); border: 1px solid transparent; } .icgds .lmn-input-group .lmn-input-text.disabled, .icgds .lmn-input-group .lmn-input-text[disabled], .icgds .lmn-input-group .lmn-input-text:has(input:is(:disabled)), .icgds .lmn-input-group .lmn-input-text:has(textarea:is(:disabled)) { opacity: 0.3; -webkit-user-select: none; user-select: none; } .icgds .lmn-input-group .lmn-input-text:focus, .icgds .lmn-input-group .lmn-input-text:has(:focus) { outline: none; border: 1px solid var(--field_border_focus); } .icgds .lmn-input-group .lmn-input-text.keyboard-focus { z-index: 1; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-input-group .lmn-input-text.keyboard-focus:has(*:focus:not(.lmn-action-icon)) { box-shadow: inherit; color: currentColor; background-color: var(--field_fill); border: 1px solid var(--field_border_focus); outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-input-group .lmn-input-text:has(*:focus:not(.lmn-action-icon)) { box-shadow: inherit; } .icgds .lmn-input-group .lmn-input-text.lmn-input-with-label { --container_height: 68px; height: unset; } .icgds .lmn-input-group .lmn-input-text.lmn-input-group-error, .icgds .lmn-input-group .lmn-input-text.lmn-input-group-error:has(*:focus:not(.lmn-action-icon)) { border: 1px solid var(--field_border_danger); } .icgds .lmn-input-group .lmn-input-text .lmn-input-group-container { display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; } .icgds .lmn-input-group .lmn-input-text .lmn-input-group-container .lmn-input-group-content { display: flex; } .icgds .lmn-input-group .lmn-input-text .lmn-input-group-container .lmn-input { min-height: auto; font-weight: var(--font-weight-bold); --field_radius: 0; } .icgds .lmn-input-group .lmn-input-text .lmn-input-group-container .lmn-input::placeholder { font-weight: var(--font-weight-regular); color: var(--ui-5); } .icgds .lmn-input-group .lmn-input-text .lmn-input-group-container .lmn-input-message-container { display: flex; align-items: flex-start; gap: var(--spacing-4); } .icgds .lmn-input-group .lmn-input-text .lmn-action-icon { width: var(--size-24); height: var(--size-24); border-radius: var(--radius-full); box-shadow: none; outline: none; margin-left: var(--container_horizontal-spacing); } .icgds .lmn-input-group .lmn-input-text .lmn-action-icon .lmnicon { z-index: 1; margin-left: 0; } .icgds .lmn-input-group .lmn-input-text .lmn-action-icon:focus-visible { background: var(--field_fill_hover); outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-input-group .lmn-input-text .lmn-input-suffix-icon, .icgds .lmn-input-group .lmn-input-text .lmn-input-prefix-icon { color: var(--icon_fill); --icon_size_md: var(--size-24); } .icgds .lmn-input-group .lmn-input-text .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .icgds .lmn-input-group .lmn-input-text.lmn-search { --container_height: var(--spacing-36); padding-left: var(--search_container_horizontal-padding); padding-right: var(--search_container_horizontal-padding); padding-top: var(--search_container_vertical-padding); padding-bottom: var(--search_container_vertical-padding); background-color: var(--search_container_fill) !important; box-shadow: none !important; } .icgds .lmn-input-group .lmn-input-text.lmn-search:has(*:focus:not(.lmn-action-icon)), .icgds .lmn-input-group .lmn-input-text.lmn-search:hover { background-color: var(--search_container_fill) !important; } .icgds .lmn-input-group .lmn-input-text.lmn-search .lmn-input-suffix-icon, .icgds .lmn-input-group .lmn-input-text.lmn-search .lmn-input-prefix-icon { color: var(--icon_fill) !important; } .icgds .lmn-input-group .lmn-input-text.lmn-search .lmn-input { --container_height: var(--spacing-24); --field_radius: 0; font-weight: var(--font-weight-bold); color: var(--search_input_foreground); } .icgds .lmn-input-group .lmn-input-text.lmn-search .lmn-input::placeholder { font-weight: var(--font-weight-regular); color: var(--search_input_placeholder); } .icgds .lmn-input-group .lmn-input-text.lmn-search .lmnicon-search { font-size: var(--font-size-24) !important; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input { align-items: flex-start; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input textarea { width: 100%; /* Full width */ min-height: var(--size-24); min-width: 266px; border: none; /* Removes the border */ resize: none; /* Disables drag-to-resize */ outline: none; /* Removes the focus outline */ box-shadow: none; /* Removes any shadow */ padding: 0; /* Removes default padding */ font: var(--type_text-bold) var(--font-size_body)/var(--line-height_heading-6) var(--family_sans); color: var(--field_foreground); } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input textarea:disabled { background-color: transparent; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input textarea::placeholder { font-weight: var(--font-weight-regular); color: var(--ui-5); } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input textarea::-webkit-scrollbar { width: 8px; height: 8px; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input textarea::-webkit-scrollbar-thumb { border: 2px solid transparent; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input .lmn-action-icon { position: absolute; right: 12px; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input .lmn-textarea-window-resizer-icon { position: absolute; bottom: var(--spacing-4); right: var(--spacing-4); width: var(--size-16) !important; height: var(--size-16) !important; line-height: var(--size-16) !important; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input .lmn-textarea-window-resizer-icon.lmn-resize-both { cursor: se-resize; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input .lmn-textarea-window-resizer-icon.lmn-resize-vertical { cursor: ns-resize; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input .lmn-textarea-window-resizer-icon.lmn-resize-horizontal { cursor: ew-resize; } .icgds .lmn-input-group .lmn-input-text.lmn-text-area-input .lmn-textarea-window-resizer-icon.disabled { cursor: default; -webkit-user-select: none; user-select: none; } .icgds .lmn-datalist { left: 0 !important; right: 0 !important; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 1px 4px 3.2px rgba(0, 0, 0, 0.031372549); border: 1px solid #4B5863; border-radius: 12px; z-index: 2; overflow: hidden; } .icgds .lmn-datalist.lmn-dropdown-placement-top-left, .icgds .lmn-datalist.lmn-dropdown-placement-top-right { bottom: calc(100% + 12px) !important; top: unset !important; } .icgds .lmn-datalist.lmn-dropdown-placement-bottom-left, .icgds .lmn-datalist.lmn-dropdown-placement-bottom-right { top: calc(100% + 12px) !important; } .icgds .lmn-datalist .lmn-datalist-wrapper { background-color: rgb(255, 255, 255); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 1px 4px 3.2px rgba(0, 0, 0, 0.031372549); border: 1px solid #4B5863; border-radius: 0px !important; } .icgds .lmn-datalist .lmn-context-menu { border-radius: 8px; } .icgds .lmn-datalist .lmn-menu-item { border-radius: 0; box-shadow: none !important; padding: var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-right) var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-left) !important; } .icgds .lmn-datalist .lmn-menu-item.focus { border: none !important; outline: none !important; box-shadow: none !important; background-color: var(--menu_fill_item-container_hover); } .icgds .lmn-datalist .lmn-menu-item.selected { color: unset; } .icgds .lmn-form-group.lmn-invalid .lmn-input-text, .icgds .lmn-form-group.lmn-invalid .lmn-dropdown-toggle, .icgds .lmn-form-group.lmn-invalid .lmn-input, .icgds .lmn-form-group.invalid .lmn-input-text, .icgds .lmn-form-group.invalid .lmn-dropdown-toggle, .icgds .lmn-form-group.invalid .lmn-input, .icgds .lmn-form-group:has(.invalid) .lmn-input-text, .icgds .lmn-form-group:has(.invalid) .lmn-dropdown-toggle, .icgds .lmn-form-group:has(.invalid) .lmn-input, .icgds .lmn-form-group:has([aria-invalid]) .lmn-input-text, .icgds .lmn-form-group:has([aria-invalid]) .lmn-dropdown-toggle, .icgds .lmn-form-group:has([aria-invalid]) .lmn-input, .icgds .lmn-input-text.lmn-invalid .lmn-input-text, .icgds .lmn-input-text.lmn-invalid .lmn-dropdown-toggle, .icgds .lmn-input-text.lmn-invalid .lmn-input, .icgds .lmn-input-text.invalid .lmn-input-text, .icgds .lmn-input-text.invalid .lmn-dropdown-toggle, .icgds .lmn-input-text.invalid .lmn-input, .icgds .lmn-input-text:has(.invalid) .lmn-input-text, .icgds .lmn-input-text:has(.invalid) .lmn-dropdown-toggle, .icgds .lmn-input-text:has(.invalid) .lmn-input, .icgds .lmn-input-text:has([aria-invalid]) .lmn-input-text, .icgds .lmn-input-text:has([aria-invalid]) .lmn-dropdown-toggle, .icgds .lmn-input-text:has([aria-invalid]) .lmn-input { outline-color: transparent; border-color: transparent; background-color: var(--field_fill); } .icgds .lmn-form-group .lmn-input-text.lmn-invalid, .icgds .lmn-form-group .lmn-input-text.invalid, .icgds .lmn-form-group .lmn-input-text:has(.invalid), .icgds .lmn-form-group .lmn-input-text:has([aria-invalid]) { border: 1px solid var(--field_border_danger); } .icgds .lmn-no-border-radius { border-radius: 0; } .icgds .lmn-no-border-top-radius { border-top-left-radius: 0; border-top-right-radius: 0; } .icgds .lmn-no-border-bottom-radius { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .icgds .lmn-no-border-left-radius { border-top-left-radius: 0; border-bottom-left-radius: 0; } .icgds .lmn-no-border-right-radius { border-top-right-radius: 0; border-bottom-right-radius: 0; } .icgds .lmn-border-top-radius { border-top-right-radius: var(--field_radius); border-top-left-radius: var(--field_radius); } .icgds .lmn-border-bottom-radius { border-bottom-right-radius: var(--field_radius); border-bottom-left-radius: var(--field_radius); } .icgds .lmn-separator { box-shadow: 0 -1px 0 0 var(--selection-tile_shadow_tertiary) inset !important; } .icgds .lmn-add-shadow { --search_container_shadow: 0px 0.5px 2px 1.6px var(--color-black-03), 0px 2px 4px 0px var(--color-black-06) !important; box-shadow: var(--search_container_shadow) !important; } .icgds .lmn-form-divider { height: var(--size-1); background-color: var(--form-divider_fill); } .icgds .lmn-data-visualisation { display: block; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container { --spacing-x: 12px; background: var(--white); /* Styles/Global/Fields/1. default */ box-shadow: 0px 0.5px 2px 1.6px var(--color-black-03), 0px 2px 4px 0px var(--color-black-06); border-radius: 12px; height: 100%; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container.lmn-data-visualisation-min-height { height: 100%; min-height: 100%; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container.lmn-data-visualisation-min-height .lmn-highcharts-container { height: unset; } @media (min-width: 768px) { .icgds .lmn-data-visualisation .lmn-data-visualisation-container { border-radius: 24px; } } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content { display: flex; flex-direction: column; gap: 12px; height: 100%; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-header { display: grid; grid-template-columns: minmax(0, 1fr) max-content; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-title-container { display: flex; flex-direction: column; /* Stack title and subtitle vertically */ flex-grow: 1; /* Allows the title container to take up available space */ } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-title { flex-grow: 1; /* Allows the title to take up available space */ color: var(--data-visualisation-title); } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-subtitle { color: var(--data-visualisation-subtitle); font-weight: 300 !important; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-actions { display: flex; /* Ensures proper alignment of multiple buttons */ gap: 4px; /* Adds spacing between action buttons */ align-self: flex-start; /* Aligns actions to the top of the header */ } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container { display: flex; /* Use Flexbox for layout */ flex-direction: column; /* Stack children horizontally */ flex-grow: 1; row-gap: 12px; margin-right: calc(var(--spacing-x) / -2); margin-left: calc(var(--spacing-x) / -2); } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-data-point-container { gap: 12px; display: flex; /* Use Flexbox for layout */ flex-direction: column; /* Stack children vertically */ width: 100%; min-height: 1px; padding-right: calc(var(--spacing-x) / 2); padding-left: calc(var(--spacing-x) / 2); } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-data-point-container .lmn-data-visualisation-data-point-actions { display: flex; /* Ensure actions are laid out properly */ justify-content: flex-start; /* Align actions to the right */ overflow-x: auto; overflow-y: hidden; gap: 12px; padding: 4px; margin: 0 -4px; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-data-point-container .lmn-data-visualisation-data-point-items { gap: 12px; display: flex; flex-direction: row; flex-wrap: wrap; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-data-point-container .lmn-data-visualisation-data-point-items .lmn-data-visualisation-data-point-item { flex-direction: column; align-items: flex-start; flex-grow: 1; width: calc((100% - 12px) / 2); } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-data-point-container .lmn-data-visualisation-data-point-items .lmn-data-visualisation-data-point-item .lmn-data-visualisation-data-point-item-title { color: var(--data-visualisation-data-point-title); font-weight: 300 !important; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-data-point-container .lmn-data-visualisation-data-point-items .lmn-data-visualisation-data-point-item .lmn-data-visualisation-data-point-item-subtitle { color: var(--data-visualisation-data-point-subtitle); font-weight: 700 !important; gap: 12px; display: flex; flex-wrap: nowrap; text-overflow: ellipsis; /* Adds ellipsis (...) for overflowing text */ flex-grow: 1; /* Allows the element to grow within a flex container */ } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-data-point-container .lmn-data-visualisation-data-point-items .lmn-data-visualisation-data-point-item .lmn-data-visualisation-numeric { letter-spacing: -0.2px; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-graph-wrapper, .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-datatable-wrapper { display: flex; /* Optional: Use flexbox if you want to align content inside */ flex-grow: 1; width: 100%; min-height: 1px; padding-right: calc(var(--spacing-x) / 2); padding-left: calc(var(--spacing-x) / 2); flex-direction: column; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-graph-wrapper:has(.lmn-data-visualisation-graph-container:empty), .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-datatable-wrapper:has(.lmn-data-visualisation-graph-container:empty) { display: none; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-graph-container, .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-datatable-container, .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-graph-action-button-container { display: flex; /* Optional: Use flexbox if you want to align content inside */ width: 100%; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-graph-container:empty, .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-datatable-container:empty, .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-graph-action-button-container:empty { display: none; } .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-graph-container, .icgds .lmn-data-visualisation .lmn-data-visualisation-container .lmn-data-visualisation-content .lmn-data-visualisation-info-container .lmn-data-visualisation-datatable-container { flex-grow: 1; } .icgds .lmn-data-visualisation.lmn-data-visualisation-lg .lmn-data-visualisation-content .lmn-data-visualisation-info-container { flex-direction: row; flex-wrap: wrap; } .icgds .lmn-data-visualisation.lmn-data-visualisation-lg .lmn-data-visualisation-data-point-container:has(+ .lmn-data-visualisation-graph-wrapper .lmn-data-visualisation-graph-container:not(:empty)) { flex: 1 0 33.3333333333%; width: 33.3333333333%; max-width: 100%; } .icgds .lmn-data-visualisation.lmn-data-visualisation-lg .lmn-data-visualisation-data-point-container:not(:empty) + .lmn-data-visualisation-graph-wrapper { flex: 1 0 66.6666666667%; width: 66.6666666667%; max-width: 100%; } .icgds .lmn-data-visualisation.lmn-data-visualisation-md .lmn-data-visualisation-data-point-item { width: calc((100% - var(--spacing-x) * 2) / 3) !important; } .icgds .lmn-data-visualisation.lmn-data-visualisation-sm .lmn-data-visualisation-data-point-item.lmn-data-visualisation-hide-on-small { display: none; } .icgds .lmn-data-visualisation .lmn-label { margin-bottom: 0; } .icgds .lmn-carousel { padding: 0; width: unset; height: unset; border-radius: unset; } .icgds .lmn-carousel .lmn-carousel-inner svcs-carousel-item { width: var(--carousel-item-width); margin-right: var(--carousel-item-mr); min-height: 200px; } .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-container, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-container { margin: 0 !important; padding: 0 32px; } @media (min-width: 1680px) { .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-container, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-container { padding: 0; border-radius: 12px; } } .icgds .lmn-carousel.lmn-card-carousel .lmn-carousel-container .lmn-carousel-inner, .icgds .lmn-carousel.lmn-carousel-card .lmn-carousel-container .lmn-carousel-inner { width: unset; } @media (min-width: 1680px) { .icgds .lmn-carousel { margin: 0 60px; padding: 0 60px; } } .icgds .lmn-carousel .lmn-carousel-control-prev { left: -10px; } .icgds .lmn-carousel .lmn-carousel-control-prev .lmnicon { margin-left: 10px; } @media (min-width: 480px) { .icgds .lmn-carousel .lmn-carousel-control-prev { left: -18px; } } @media (min-width: 1680px) { .icgds .lmn-carousel .lmn-carousel-control-prev { left: 0; } .icgds .lmn-carousel .lmn-carousel-control-prev .lmnicon { margin-left: 0; } } .icgds .lmn-carousel .lmn-carousel-control-next { right: -10px; } .icgds .lmn-carousel .lmn-carousel-control-next .lmnicon { margin-right: 10px; } @media (min-width: 480px) { .icgds .lmn-carousel .lmn-carousel-control-next { right: -18px; } } @media (min-width: 1680px) { .icgds .lmn-carousel .lmn-carousel-control-next { right: 0; } .icgds .lmn-carousel .lmn-carousel-control-next .lmnicon { margin-right: 0; } } .icgds .lmn-carousel .lmn-carousel-control-prev, .icgds .lmn-carousel .lmn-carousel-control-next { width: 44px; height: 44px; font-size: 18px; /* icon size */ border-radius: 24px; background-color: var(--carousel-control-icon_fill); color: var(--carousel-control-icon_foreground); } .icgds .lmn-carousel .lmn-carousel-control-prev:hover, .icgds .lmn-carousel .lmn-carousel-control-prev:focus, .icgds .lmn-carousel .lmn-carousel-control-next:hover, .icgds .lmn-carousel .lmn-carousel-control-next:focus { background-color: var(--carousel-control-icon_fill-focus); } .icgds .lmn-carousel .lmn-carousel-control-prev.disabled, .icgds .lmn-carousel .lmn-carousel-control-next.disabled { pointer-events: none; cursor: default; opacity: 0.4; } .icgds .lmn-carousel .lmn-carousel-indicators .lmn-carousel-indicator { width: 4px; height: 4px; border-radius: 2px; background-color: var(--carousel-control-indicator_fill); opacity: 1; margin: 0 4px; } .icgds .lmn-carousel .lmn-carousel-indicators .lmn-carousel-indicator.active { width: 24px; } .icgds .lmn-carousel .lmn-carousel-controls-container { margin-top: 12px; display: flex; flex-direction: row; padding: 12px 0; align-items: center; justify-content: space-between; } .icgds .lmn-carousel .lmn-carousel-controls-container .lmn-carousel-indicators { position: relative; } .icgds .lmn-carousel .lmn-carousel-controls-container .lmn-carousel-controls { display: flex; flex-direction: row; } .icgds .lmn-carousel { /* For Showing navigation at bottom */ } @media (max-width: 1919.98px) { .icgds .lmn-carousel.lmn-bottom-navigation .lmn-carousel-control-prev, .icgds .lmn-carousel.lmn-bottom-navigation .lmn-carousel-control-next { position: relative; } } @media (max-width: 1919.98px) and (max-width: 1919.98px) { .icgds .lmn-carousel.lmn-bottom-navigation .lmn-carousel-control-prev, .icgds .lmn-carousel.lmn-bottom-navigation .lmn-carousel-control-next { width: 32px; height: 32px; font-size: 13px; } } @media (max-width: 1919.98px) { .icgds .lmn-carousel.lmn-bottom-navigation .lmn-carousel-control-prev { left: 0; margin-right: 5px; } .icgds .lmn-carousel.lmn-bottom-navigation .lmn-carousel-control-prev .lmnicon { margin-left: 0; } .icgds .lmn-carousel.lmn-bottom-navigation .lmn-carousel-control-next { right: 0; } .icgds .lmn-carousel.lmn-bottom-navigation .lmn-carousel-control-next .lmnicon { margin-right: 0; } } .icgds .lmn-carousel-item { padding: 0 !important; } .icgds .lmn-media-carousel-item { width: 100%; height: 100%; } .icgds .lmn-media-carousel-item .lmn-carousel-media-container { position: relative; width: 100%; height: 100%; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06), 0px 0.5px 2px 1.6px rgba(0, 0, 0, 0.03); border-radius: 12px; overflow: hidden; height: 200px; -webkit-user-select: none; user-select: none; } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media-background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #FFFFFF; background-size: cover; } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media-background .lmn-carousel-media-background-overlay-spacer { position: absolute; height: 48px; top: 28px; left: 0; right: 0; background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.1) 20%, rgba(34, 34, 34, 0.88) 100%); } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media-background .lmn-carousel-media-background-overlay { position: absolute; height: 124px; bottom: 0; left: 0; right: 0; border-radius: 0 0 12px 12px; background: linear-gradient(180deg, rgba(34, 34, 34, 0.88) 0%, rgba(34, 34, 34, 0.96) 99.1%); } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; padding: 12px; } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media .lmn-carousel-media-category { color: var(--carousel-media-category_foreground); letter-spacing: 0.96px; } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media .lmn-carousel-media-title { color: var(--carousel-media-title_foreground); } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media .lmn-carousel-media-text { color: var(--carousel-media-text_foreground); line-clamp: 3; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media .lmn-media-action-button, .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media.lmn-media-bottom .lmn-media-action-button { margin-top: auto; width: fit-content; height: 28px; background-color: var(--carousel-media-action-button_fill); font-weight: var(--carousel-media-action-button_font-weight) !important; } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media.lmn-media-bottom { justify-content: end; } .icgds .lmn-media-carousel-item .lmn-carousel-media-container .lmn-carousel-media.lmn-media-bottom .lmn-media-action-button { margin-top: 8px; } .icgds .lmn-action-button { position: relative; text-align: center; -webkit-user-select: none; user-select: none; cursor: pointer; display: flex; flex-direction: column; align-items: center; } .icgds .lmn-action-button.disabled, .icgds .lmn-action-button.disabled { opacity: 0.3; pointer-events: none; } .icgds .lmn-action-button:hover .lmn-action-button-icon, .icgds .lmn-action-button.hover .lmn-action-button-icon { /* Styles for the inner element when the parent is hovered, focused, or active */ background-color: var(--action-button_fill_hover); } .icgds .lmn-action-button:active .lmn-action-button-icon, .icgds .lmn-action-button.active .lmn-action-button-icon { transform: scale(0.98); transition: transform 200ms ease; background-image: var(--action-button_fill_backround_image_active); background-color: var(--action-button_fill_active); } .icgds .lmn-action-button .lmn-action-button-icon { display: flex; border-radius: 24px; width: 44px; height: 44px; justify-content: center; /* Centers the element horizontally */ align-items: center; background: var(--action-button_icon_fill); color: var(--action-button_icon_foreground); } .icgds .lmn-action-button .lmn-action-button-label { display: inline-flex; width: 100%; justify-content: center; margin-top: 8px; } .icgds .lmn-action-button .lmn-action-button-label label { -webkit-user-select: none; user-select: none; cursor: pointer; } .icgds .lmn-radio { --control_size: 18px; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: var(--radius-full); } .icgds .lmn-radio .lmn-control-input ~ .lmn-control-icon { transition: none; } .icgds .lmn-radio .lmn-control-input ~ .lmn-control-icon::before { transition: none; height: calc(var(--control_size) - var(--control_radio_padding) * 1.5) !important; width: calc(var(--control_size) - var(--control_radio_padding) * 1.5); } .icgds .lmn-radio .lmn-control-input ~ .lmn-control-icon { outline-offset: 0px !important; } .icgds .lmn-radio .lmn-control-input:hover:not(:checked) ~ .lmn-control-icon::before { background-color: transparent; transition: none; } .icgds .lmn-radio .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-radio .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-radio .lmn-control-input.indeterminate ~ .lmn-control-icon::before { color: var(--control_foreground_active); } .icgds .lmn-radio .lmn-control-input:focus ~ .lmn-control-icon { box-shadow: none !important; outline-color: unset !important; } .icgds .lmn-radio:has(.lmn-control-input:hover) { background-color: var(--action-button_fill_hover); } .icgds .lmn-radio:has(.lmn-control-input:hover) .lmn-control-input ~ .lmn-control-icon { background-color: var(--action-button_fill_hover); } .icgds .lmn-radio:has(.lmn-control-input:hover) .lmn-control-input:not(:checked) ~ .lmn-control-icon::before { background-color: var(--action-button_fill_hover); } .icgds .lmn-radio:has(.lmn-control-input:focus-visible) { outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; background-color: var(--action-button_fill_hover); } .icgds .lmn-radio:has(.lmn-control-input:focus-visible) .lmn-control-input ~ .lmn-control-icon { background-color: var(--action-button_fill_hover); } .icgds .lmn-radio:has(.lmn-control-input:focus-visible) .lmn-control-input:not(:checked) ~ .lmn-control-icon::before { background-color: var(--action-button_fill_hover); } .icgds label.lmn-selection-control:active .lmn-radio { background-color: var(--control_fill_active); } .icgds label.lmn-selection-control:active .lmn-radio .lmn-control-input:not(:checked) ~ .lmn-control-icon { color: var(--control_foreground_active); outline-color: var(--control_foreground_active); background-color: var(--control_fill_active); } .icgds label.lmn-selection-control:active .lmn-radio .lmn-control-input:not(:checked) ~ .lmn-control-icon::before { background-color: var(--control_fill_active); } .icgds label.lmn-selection-control:active .lmn-radio .lmn-control-input:checked ~ .lmn-control-icon { color: var(--control_foreground_active); outline-color: var(--control_foreground_active); background-color: var(--control_fill_active); } .icgds label.lmn-selection-control:active .lmn-radio .lmn-control-input:checked ~ .lmn-control-icon::before { background-color: var(--control_foreground_active); } .icgds .lmn-form-group .lmn-selection-control:has(.lmn-control-input:checked), .icgds .lmn-selection-control:has(.lmn-control-input:checked) { font-weight: var(--font-weight-bold); } .icgds .progress-meter { position: relative; display: inline-block; } .icgds .progress-meter:focus-visible { box-shadow: 0 0 0 1px var(--focus-outline_inner), 0 0 0 3px var(--focus-outline) !important; } .icgds .progress-meter .center-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; max-width: 60%; padding: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; } .icgds .progress-meter .center-text span { font-weight: 300; } .icgds .progress-meter .background { fill: none; stroke: var(--progress-meter_background_stroke); } .icgds .progress-meter .progress { fill: none; stroke-linecap: round; transition: stroke-dashoffset 0.5s ease-in-out; } .icgds .progress-meter .progress-text { fill: var(--progress-meter_text_fill); } .icgds .progress-meter .indicator { fill: var(--progress-meter_indicator_fill); opacity: 0.4; } .icgds .lmn-grid-guide { --baseline: 40px; --baseline-shift: 0; --grid-columns: 12; --grid-column-color: rgb(253, 73, 73, 0.15); --grid-gutter: var(--spacing-x); --media-query: 'XS (< 584px)'; --container-query: 'XS (< 584px)'; } .icgds .lmn-grid-guide.lmn-grid-guide-media { --media-query: 'XS (<= 479.98px)'; } .icgds .lmn-grid-guide.lmn-grid-guide-container { --container-query: 'XS (<= 479.98px)'; } @media (min-width: 480px) { .icgds .lmn-grid-guide.lmn-grid-guide-media { --media-query: 'SM (480px - 767.98px)'; } } @container (min-width: 480px) { .icgds .lmn-grid-guide.lmn-grid-guide-container { --container-query: 'SM (480px - 767.98px)'; } } @media (min-width: 768px) { .icgds .lmn-grid-guide.lmn-grid-guide-media { --media-query: 'MD (768px - 1023.98px)'; } } @container (min-width: 768px) { .icgds .lmn-grid-guide.lmn-grid-guide-container { --container-query: 'MD (768px - 1023.98px)'; } } @media (min-width: 1024px) { .icgds .lmn-grid-guide.lmn-grid-guide-media { --media-query: 'LG (1024px - 1439.98px)'; } } @container (min-width: 1024px) { .icgds .lmn-grid-guide.lmn-grid-guide-container { --container-query: 'LG (1024px - 1439.98px)'; } } @media (min-width: 1440px) { .icgds .lmn-grid-guide.lmn-grid-guide-media { --media-query: 'XL (1440px - 1679.98px)'; } } @container (min-width: 1440px) { .icgds .lmn-grid-guide.lmn-grid-guide-container { --container-query: 'XL (1440px - 1679.98px)'; } } @media (min-width: 1680px) { .icgds .lmn-grid-guide.lmn-grid-guide-media { --media-query: '2XL (1680px - 1919.98px)'; } } @container (min-width: 1680px) { .icgds .lmn-grid-guide.lmn-grid-guide-container { --container-query: '2XL (1680px - 1919.98px)'; } } @media (min-width: 1920px) { .icgds .lmn-grid-guide.lmn-grid-guide-media { --media-query: '3XL (>= 1920px)'; } } @container (min-width: 1920px) { .icgds .lmn-grid-guide.lmn-grid-guide-container { --container-query: '3XL (>= 1920px)'; } } .icgds .lmn-grid-guide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; pointer-events: none; } .icgds .lmn-grid-guide .lmn-grid-guide-wrapper { width: 100%; height: 100%; } .icgds .lmn-grid-guide .lmn-grid-guide-wrapper .lmn-grid-guide-content::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: " "; background-image: repeating-linear-gradient(to right, var(--grid-column-color), var(--grid-column-color) calc(100% / var(--grid-columns) - var(--grid-gutter)), transparent calc(100% / var(--grid-columns) - var(--grid-gutter)), transparent calc(100% / var(--grid-columns))), repeating-linear-gradient(to bottom, var(--grid-column-color), var(--grid-column-color) 1px, transparent 1px, transparent var(--baseline)); background-size: calc(100% + var(--grid-gutter)) 100%; background-position: 0 var(--baseline-shift); } .icgds .lmn-grid-guide.with-negative-margins .lmn-grid-guide-content::before { margin-left: calc(var(--spacing-x) / 2); margin-right: calc(var(--spacing-x) / 2); } .icgds .lmn-grid-guide .toast-box { position: absolute; width: 230px; height: 75px; top: calc(50% - 37.5px); left: calc(50% - 115px); background-color: #FAFAFA; box-shadow: 0px 16px 12px 0px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 32px 64px 0px rgba(0, 0, 0, 0.04); font-size: 13px; letter-spacing: 0; line-height: 20px; font-family: CITI-Interstate-Regular; padding: 12px; border-radius: 10px; z-index: 100005; display: flex; flex-direction: column; justify-content: center; text-align: center; gap: 4px; } .icgds .lmn-grid-guide .toast-box div { color: #3A4752; } .icgds .lmn-grid-guide .toast-box div::after { margin-left: 8px; } .icgds .lmn-grid-guide .toast-box .media-info::after { content: var(--media-query); } .icgds .lmn-grid-guide .toast-box .container-info::after { content: var(--container-query); } .icgds .lmn-grid-guide .toast-box .gutter-info::after { content: var(--gutter-text); } .icgds .lmn-grid-guide.lmn-grid-guide-media .media-info { display: block; } .icgds .lmn-grid-guide.lmn-grid-guide-media .container-info { display: none; } .icgds .lmn-grid-guide.lmn-grid-guide-container .media-info { display: none; } .icgds .lmn-grid-guide.lmn-grid-guide-container .container-info { display: block; } .icgds .lmn-badge { --badge_container_height: var(--size-16); --badge_radius: var(--radius-4); --badge_container_padding: var(--spacing-4); letter-spacing: 0.6px; text-transform: uppercase; } .icgds .lmn-badge.lmn-badge-neutral { background-color: var(--badge_fill_low-contrast_neutral); outline-color: var(--badge_border_low-contrast_neutral); color: var(--badge_foreground_low-contrast_neutral); } .icgds .lmn-badge.lmn-badge-positive { background-color: var(--badge_fill_low-contrast_positive); outline-color: var(--badge_border_low-contrast_positive); color: var(--badge_foreground_low-contrast_positive); } .icgds .lmn-badge.lmn-badge-negative { background-color: var(--badge_fill_low-contrast_negative); outline-color: var(--badge_border_low-contrast_negative); color: var(--badge_foreground_low-contrast_negative); } .icgds .lmn-badge.lmn-badge-news { background-color: var(--badge_fill_low-contrast_news); outline-color: var(--badge_border_low-contrast_news); color: var(--badge_foreground_low-contrast_news); } .icgds .lmn-badge.lmn-badge-neutral.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_neutral); outline-color: var(--badge_border_high-contrast_neutral); color: var(--badge_foreground_high-contrast_neutral); } .icgds .lmn-badge.lmn-badge-positive.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_positive); outline-color: var(--badge_border_high-contrast_positive); color: var(--badge_foreground_high-contrast_positive); } .icgds .lmn-badge.lmn-badge-negative.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_negative); outline-color: var(--badge_border_high-contrast_negative); color: var(--badge_foreground_high-contrast_negative); } .icgds .lmn-badge.lmn-badge-news.lmn-high-contrast { background-color: var(--badge_fill_high-contrast_news); outline-color: var(--badge_border_high-contrast_news); color: var(--badge_foreground_high-contrast_news); } .icgds .lmn-value-change-badge { height: var(--value-change-badge_container_height); padding-left: var(--value-change-badge_container_padding); padding-right: var(--value-change-badge_container_padding); border-radius: var(--value-change-badge_radius); display: inline-flex !important; text-transform: none; } .icgds .lmn-value-change-badge.lmn-value-change-badge-gain { background-color: var(--value-change-badge_fill_low-contrast_gain); outline-color: var(--value-change-badge_border_low-contrast_gain); color: var(--value-change-badge_foreground_low-contrast_gain); } .icgds .lmn-value-change-badge.lmn-value-change-badge-gain.lmn-dark-bg { background-color: unset !important; } .icgds .lmn-value-change-badge.lmn-value-change-badge-loss { background-color: var(--value-change-badge_fill_low-contrast_loss); outline-color: var(--value-change-badge_border_low-contrast_loss); color: var(--value-change-badge_foreground_low-contrast_loss); } .icgds .lmn-value-change-badge.lmn-value-change-badge-loss.lmn-dark-bg { background-color: unset !important; } .icgds .lmn-value-change-badge.lmn-value-change-badge-neutral { background-color: var(--value-change-badge_fill_low-contrast_neutral); outline-color: var(--value-change-badge_border_low-contrast_neutral); color: var(--value-change-badge_foreground_low-contrast_neutral); } .icgds .lmn-value-change-badge.lmn-value-change-badge-neutral.lmn-dark-bg { background-color: unset !important; } .icgds .lmn-value-change-badge.lmn-value-change-badge-gain.lmn-high-contrast { background-color: var(--value-change-badge_fill_high-contrast_gain); outline-color: var(--value-change-badge_border_high-contrast_gain); color: var(--value-change-badge_foreground_high-contrast_gain); } .icgds .lmn-value-change-badge.lmn-value-change-badge-gain.lmn-high-contrast.lmn-light-bg { background-color: unset !important; } .icgds .lmn-value-change-badge.lmn-value-change-badge-loss.lmn-high-contrast { background-color: var(--value-change-badge_fill_high-contrast_loss); outline-color: var(--value-change-badge_border_high-contrast_loss); color: var(--value-change-badge_foreground_high-contrast_loss); } .icgds .lmn-value-change-badge.lmn-value-change-badge-loss.lmn-high-contrast.lmn-light-bg { background-color: unset !important; } .icgds .lmn-value-change-badge.lmn-value-change-badge-neutral.lmn-high-contrast { background-color: var(--value-change-badge_fill_high-contrast_neutral); outline-color: var(--value-change-badge_border_high-contrast_neutral); color: var(--value-change-badge_foreground_high-contrast_neutral); } .icgds .lmn-value-change-badge.lmn-value-change-badge-neutral.lmn-high-contrast.lmn-light-bg { background-color: unset !important; } .icgds .lmn-chip { --shimmer-min-width: var(--chip_container_shimmer-width); --shimmer-width: 2.5em; height: var(--chip_container_height); min-width: var(--chip_container_min-width); font-size: var(--chip_font_size); line-height: var(--chip_line_height); padding-left: var(--chip_container_padding-left); padding-right: var(--chip_container_padding-right); padding-top: var(--chip_container_vertical-padding); padding-bottom: var(--chip_container_vertical-padding); border-radius: var(--chip_border_radius); font-family: var(--family_sans); font-weight: var(--font-weight-regular); background-color: var(--chip_fill); color: var(--chip_foreground); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; position: relative; border: 0px; vertical-align: middle; white-space: nowrap; text-decoration: none; box-shadow: var(--chip_shadow); } .icgds .lmn-chip:hover, .icgds .lmn-chip.hover { background-color: var(--chip_fill_hover); color: var(--chip_foreground_hover); } .icgds .lmn-chip:focus-visible, .icgds .lmn-chip.focus-visible { background-color: var(--chip_fill_focus); color: var(--chip_foreground_focus); outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-chip:disabled, .icgds .lmn-chip.disabled { background-color: var(--chip_fill_disabled); color: var(--chip_foreground_disabled); opacity: var(--chip_fill_disabled-opacity); cursor: not-allowed; } .icgds .lmn-chip:enabled:active, .icgds .lmn-chip.active { background-color: var(--chip_fill_active); color: var(--chip_foreground_active); } .icgds .lmn-chip.selected { background-color: var(--chip_fill_selected); color: var(--chip_foreground_selected); font-weight: var(--font-weight-bold); } .icgds .lmn-chip:not(:disabled):not(.disabled)::before { content: " "; position: absolute; cursor: pointer; width: 100%; height: 100%; min-width: 44px; min-height: 44px; left: 0; right: 0; } .icgds .lmn-chip .lmn-shimmer-container { --shimmer-line-height: var(--chip_line_height) !important; } .icgds .lmn-chip:has(.lmn-shimmer) { pointer-events: none !important; } .icgds .lmn-chip-group { display: flex; gap: 8px; overflow-x: auto; /* Enable horizontal scrolling */ overflow-y: hidden; /* Disbale horizontal scrolling */ white-space: nowrap; /* Prevent chips from wrapping */ -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS devices */ margin: -4px; padding: 4px; } .icgds .lmn-chip-group.full-width { width: 100%; } .icgds .lmn-icon-dropdown .lmn-btn.lmn-btn-ghost { --button_foreground_ghost: var(--primary); --button_foreground_ghost_hover: var(--primary); --button_foreground_ghost_focus: var(--primary); --button_fill_ghost_disabled: transparent; } .icgds .lmn-icon-dropdown .lmn-btn.lmn-btn-ghost.lmn-dropdown-open { --button_foreground_ghost: var(--primary); background-color: var(--button_fill_primary) !important; color: var(--button_foreground_primary) !important; } .icgds .lmn-icon-dropdown .lmn-btn.lmn-btn-ghost::before { margin-left: -10px; } .icgds .lmn-icon-dropdown .lmn-btn.lmn-btn-ghost .lmn-shimmer { height: var(--shimmer-line-height); } .icgds .lmn-icon-dropdown .lmn-btn.lmn-btn-ghost:focus-visible { outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-dropdown-item { display: flex; width: 100%; align-items: center; -webkit-user-select: none; user-select: none; } .icgds .lmn-dropdown-item .lmnicon::after { display: none; } .icgds .lmn-dropdown-item .lmn-checkbox-icon { border-radius: var(--checkbox_radius); padding: var(--control_checkbox_padding); width: var(--control_size); height: var(--control_size); outline: 1px solid var(--primary); outline-offset: -1px; background: var(--control_fill); position: relative; display: flex; align-items: center; justify-content: center; visibility: visible; font-size: var(--font-size_body); transition: border-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), background var(--motion-duration-fast-3) var(--motion-timing-ease-out), box-shadow var(--motion-duration-none) var(--motion-timing-ease-out); } .icgds .lmn-dropdown-item .lmn-checkbox-icon::before { font-family: var(--icon-font-family); content: var(--icon-check); color: transparent; transition: all var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-dropdown-item .lmn-checkbox-icon.checked, .icgds .lmn-dropdown-item .lmn-checkbox-icon.indeterminate { outline-color: var(--control_fill_active); background: var(--control_fill_active); transition: outline-color var(--motion-duration-fast-3) var(--motion-timing-ease-out), background var(--motion-duration-fast-3) var(--motion-timing-ease-out); } .icgds .lmn-dropdown-item .lmn-checkbox-icon.checked::before, .icgds .lmn-dropdown-item .lmn-checkbox-icon.indeterminate::before { color: var(--control_foreground_active); } .icgds .lmn-dropdown-item .lmn-checkbox-icon.indeterminate::before { content: var(--icon-minus); } .icgds .lmn-dropdown-toggle { height: unset; } .icgds .lmn-dropdown-toggle:has(.lmn-shimmer-container) { pointer-events: none !important; cursor: not-allowed; } .icgds .lmn-dropdown-toggle .lmn-label { margin-bottom: unset; } .icgds .lmn-dropdown-toggle .lmn-dropdown-instruction-msg { color: var(--dropdown-instructional-msg_foreground); } .icgds .lmn-dropdown-toggle .lmn-dropdown-label-foreground { --label_foreground: var(--dropdown-label_foreground); } .icgds .lmn-dropdown-toggle .lmnicon .lmn-shimmer { height: 1em !important; } .icgds .lmn-dropdown-toggle .lmn-dropdown-message-container { display: flex; align-items: flex-start; gap: var(--spacing-4); } .icgds .lmn-dropdown-toggle.lmn-btn-default { --container_height: 68px; --field_fill_read-only: var(--field_fill); --button_foreground_primary_disabled: var(--label_foreground); padding: var(--spacing-12); min-width: 296px; } @media (max-width: 320px) { .icgds .lmn-dropdown-toggle.lmn-btn-default { width: 296px; } } .icgds .lmn-dropdown-toggle.lmn-btn-default { --field_border-width: 2; --field_border: none; border: 1px solid transparent; box-shadow: 0px 0.5px 2px 1.6px var(--color-black-03), 0px 2px 4px 0px var(--color-black-06); } .icgds .lmn-dropdown-toggle.lmn-btn-default:before { margin: -12px !important; display: none; } .icgds .lmn-dropdown-toggle.lmn-btn-default:hover { background: var(--field_fill); } .icgds .lmn-dropdown-toggle.lmn-btn-default:focus, .icgds .lmn-dropdown-toggle.lmn-btn-default.lmn-dropdown-open { border: 1px solid var(--field_border_focus); } .icgds .lmn-dropdown-toggle.lmn-btn-default.lmn-dropdown-error { border: 1px solid var(--field_border_danger); } .icgds .lmn-dropdown-toggle.lmn-btn-default:focus-visible { z-index: 1; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-dropdown-toggle.lmn-btn-default:disabled, .icgds .lmn-dropdown-toggle.lmn-btn-default[disabled] { background-color: var(--field_fill) !important; opacity: 0.3; } .icgds .lmn-dropdown-toggle.lmn-btn-default.lmn-read-only { cursor: default; } .icgds .lmn-dropdown-toggle.lmn-btn-default.lmn-read-only .lmn-dropdown-label-foreground { font-weight: var(--font-weight-light); } .icgds .lmn-dropdown-toggle.lmn-btn-default.lmn-read-only:focus, .icgds .lmn-dropdown-toggle.lmn-btn-default.lmn-read-only:has(*:focus:not(.lmn-action-icon)) { box-shadow: inherit; color: currentColor; background-color: var(--field_fill); border: 1px solid var(--field_border_focus); } .icgds .lmn-dropdown-toggle.lmn-btn-default.lmn-read-only:has(*:focus-visible:not(.lmn-action-icon)) { outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-dropdown-toggle.lmn-btn-default ~ div .lmn-context-menu { border: 1px solid var(--field_border_focus); overflow: hidden; } .icgds .lmn-dropdown-toggle.lmn-btn-default ~ div .lmn-context-menu:has(.lmn-context-menu-header), .icgds .lmn-dropdown-toggle.lmn-btn-default ~ div .lmn-context-menu:has(.lmn-context-menu-footer) { min-width: 296px; } @media (max-width: 320px) { .icgds .lmn-dropdown-toggle.lmn-btn-default ~ div .lmn-context-menu:has(.lmn-context-menu-header), .icgds .lmn-dropdown-toggle.lmn-btn-default ~ div .lmn-context-menu:has(.lmn-context-menu-footer) { width: 296px; } } .icgds .lmn-dropdown-toggle.lmn-btn-standard { --container_height: 36px; border-radius: var(--radius-full); } .icgds .lmn-dropdown-toggle.lmn-btn-standard .lmn-label { color: var(--button_foreground_tertiary) !important; } .icgds .lmn-dropdown-toggle.lmn-btn-standard.lmn-dropdown-open { background-color: var(--button_fill_standard_active) !important; } .icgds .lmn-dropdown-toggle.lmn-btn-standard.lmn-btn-icon { --container_height: 24px; --field_container_height: var(--container_height); border-radius: var(--radius-full); background-color: transparent; text-align: center; min-width: var(--container_height); } .icgds .lmn-dropdown-toggle.lmn-btn-standard.lmn-btn-icon .lmn-label { display: flex; justify-content: center; } .icgds .lmn-dropdown-toggle.lmn-btn-standard.lmn-btn-icon.lmn-dropdown-open { background-color: var(--button_fill_primary) !important; color: var(--button_foreground_primary) !important; } .icgds .lmn-dropdown-toggle.lmn-btn-standard.lmn-btn-icon.lmn-dropdown-open .lmn-label { color: var(--button_foreground_primary) !important; display: flex; justify-content: center; } .icgds .lmn-dropdown-toggle.lmn-btn-standard.lmn-btn-icon::before { left: calc((44px - min(var(--container_height), 44px)) / -2); } .icgds .lmn-form-group .lmn-dropdown-toggle.lmn-btn-default { border-radius: 0; } .icgds .lmn-form-group svcs-dropdown:first-child .lmn-dropdown-toggle.lmn-btn-default { border-top-left-radius: var(--radius-12); border-top-right-radius: var(--radius-12); } .icgds .lmn-form-group svcs-dropdown:last-child .lmn-dropdown-toggle.lmn-btn-default { border-bottom-left-radius: var(--radius-12); border-bottom-right-radius: var(--radius-12); } .icgds .lmn-context-menu:has(.lmn-context-menu-items) { overflow: auto; z-index: 1000; } .icgds .lmn-context-menu .lmn-context-menu-items .lmn-menu-item { padding: 0px; overflow: hidden; } .icgds .lmn-context-menu .lmn-context-menu-items .lmn-menu-item.lmn-menu-item-parent::after { display: none; } .icgds .lmn-context-menu .lmn-context-menu-footer { position: relative; z-index: 2; } .icgds .lmn-custom-dropdown { --context-menu_fill: var(--custom-menu_fill); --menu-item_container_padding-top: var(--spacing-12); --menu-item_container_padding-right: var(--spacing-12); --menu-item_container_padding-bottom: var(--spacing-12); --menu-item_container_padding-left: var(--spacing-12); --context-menu_vertical-spacing: var(--spacing-12); } .icgds .lmn-custom-dropdown .lmn-context-menu { max-height: unset; width: 375px; } .icgds .lmn-custom-dropdown .lmn-context-menu:has(.lmn-context-menu-items), .icgds .lmn-custom-dropdown .lmn-context-menu:has(.lmn-custom-dropdown-content) { z-index: 1000; } .icgds .lmn-custom-dropdown .lmn-context-menu .lmn-context-menu-header { margin-bottom: 0; } .icgds .lmn-custom-dropdown .lmn-context-menu .lmn-context-menu-header .lmn-context-menu-header-title { display: flex; justify-content: space-between; align-items: center; padding: 0 4px; } .icgds .lmn-custom-dropdown .lmn-context-menu .lmn-custom-dropdown-content { overflow: auto; padding: var(--spacing-12); } .icgds .lmn-custom-dropdown .lmn-context-menu .lmn-custom-dropdown-content .lmn-context-menu-items { max-height: unset; overflow: visible; background: white; border-radius: var(--radius-12); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0588235294), 0px 0.5px 2px 1.6px rgba(0, 0, 0, 0.031372549), 0px -1px 0px 0px rgba(0, 0, 0, 0.1019607843) inset; } .icgds .lmn-custom-dropdown .lmn-context-menu .lmn-custom-dropdown-content .lmn-context-menu-items .lmn-context-menu { width: 100%; } .icgds .lmn-custom-dropdown .lmn-context-menu .lmn-context-menu-footer { box-shadow: none; } .icgds .lmn-icon-dropdown-menu, .icgds .lmn-button-dropdown-menu { max-width: 375px; } .icgds .lmn-context-menu { box-shadow: 0px 1px 4px 3.2px var(--context-menu-shadow-outer-primary), 0px 4px 8px 0px var(--context-menu-shadow-outer-secondary); } .icgds .lmn-context-menu:has(.lmn-context-menu-items) .lmn-context-menu-header:has(.lmn-search) { --context-menu_padding: var(--spacing-12); --context-menu_vertical-spacing: 0; padding-bottom: var(--context-menu_padding) !important; box-shadow: 0px -1px 0px 0px var(--context-menu-item-border) inset; } .icgds .lmn-context-menu .lmn-context-menu-items { min-width: 160px !important; } .icgds .lmn-context-menu .lmn-context-menu-items .lmn-menu-item-bordered:after { left: 0; right: 0; bottom: 0; background-color: transparent; } .icgds .lmn-context-menu .lmn-context-menu-message-text { color: var(--context-menu-message_foreground); } .icgds .lmn-context-menu .lmn-context-menu-no-data { display: flex; align-items: center; height: var(--context-menu-item_height); padding: var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-left) var(--context-menu-item_vertical-padding) var(--context-menu-item_padding-left); } .icgds .lmn-context-menu .lmn-menu-item { box-shadow: 0px -1px 0px 0px var(--context-menu-item-border) inset; height: unset; min-height: var(--context-menu-item_height); } .icgds .lmn-context-menu .lmn-menu-item span:not(.lmn-checkbox) { white-space: normal; } .icgds .lmn-context-menu .lmn-menu-item.disabled .lmn-dropdown-item { opacity: var(--opacity-30); } .icgds .lmn-context-menu .lmn-menu-item.selected { background: none !important; } .icgds .lmn-context-menu .lmn-menu-item.selected span { font-weight: var(--type_text-bold); } .icgds .lmn-context-menu .lmn-menu-item.focus { box-shadow: none; outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; outline-offset: -2px !important; border-radius: var(--radius-0); background: var(--context-menu-item_fill_hover); } .icgds .lmn-context-menu .lmn-menu-item mt-checkbox { width: 100%; } .icgds .lmn-context-menu .lmn-menu-item mt-checkbox .lmn-selection-control { justify-content: space-between; -webkit-user-select: none; user-select: none; } .icgds .lmn-context-menu .lmn-menu-item mt-checkbox .lmn-selection-control .lmn-checkbox { order: 1; margin-left: var(--spacing-8); margin-right: 0; } .icgds .lmn-context-menu:has(.lmn-search) .lmn-context-menu-items .lmn-menu-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .icgds .lmn-context-menu .lmn-menu-item-parent::after { font-size: 16px; line-height: 16px; } .icgds .lmn-context-menu .lmn-context-menu-footer { box-shadow: 0px -1px 4px 3.2px var(--context-menu-shadow-outer-primary), 0px -4px 8px 0px var(--context-menu-shadow-outer-secondary); flex-direction: column; min-width: 296px; border-bottom-left-radius: var(--context-menu_radius); border-bottom-right-radius: var(--context-menu_radius); } .icgds .lmn-context-menu .lmn-context-menu-footer .lmn-context-menu-message-container { display: flex; gap: 4px; } .icgds .lmn-context-menu .lmn-context-menu-footer .lmn-context-menu-footer-btn-container { display: flex; gap: 8px; } .icgds .lmn-context-menu .lmn-context-menu-footer .lmn-context-menu-footer-btn-container .lmn-btn { flex-grow: 1; } .icgds .lmn-context-menu { --scrollbar-width: 8px; } .icgds .lmn-context-menu ::-webkit-scrollbar-thumb { border-width: 2px; } .icgds .lmn-tab-item { position: relative; text-align: center; } .icgds .lmn-tab-item .lmn-label { width: 100%; --label_font-size: var(--tab_label_font-size); --label_line-height: var(--tab_label_line-height); --label_font-weight: var(--tab_label_font-type); --label_foreground: currentColor; margin-bottom: 0px; } .icgds .lmn-tab-item.lmn-tab-item-active, .icgds .lmn-tab-item.active, .icgds .lmn-tab-item:active { --tab_label_font-type: var(--font-weight-bold); border-bottom-width: 0px !important; } .icgds .lmn-tab-item.lmn-tab-item-active::after, .icgds .lmn-tab-item.active::after, .icgds .lmn-tab-item:active::after { content: ""; height: 2px; bottom: 0px; left: 0px; width: 100%; position: absolute; border-radius: 1px 1px 0 0; background: var(--tab_fill_indicator_active); margin-left: 0px !important; z-index: 10; } .icgds .lmn-tab-item:focus, .icgds .lmn-tab-item.focus { box-shadow: none !important; } .icgds .lmn-tab-item:focus-visible, .icgds .lmn-tab-item.focus { outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-tab-item.disabled, .icgds .lmn-tab-item[disabled] { opacity: var(--tab_fill_disabled-opacity); pointer-events: none; /* Prevents click events */ } .icgds .lmn-tab.lmn-tab-indicator-full-width::after { content: ""; position: absolute; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); height: 1px; bottom: 0px; left: 0px; width: 100vw; border-radius: 1px 1px 0 0; background: var(--tab_fill_indicator); } .icgds .lmn-search-container { --container_horizontal-spacing: var(--spacing-8); display: flex; align-items: center; gap: 12px; } .icgds .lmn-search-container .lmn-input-text { outline: none; box-shadow: var(--search_container_shadow) !important; } .icgds .lmn-search-container .lmn-text-link { color: var(--search-container-cancel-text); } .icgds .lmn-search-container .lmn-text-link.hover { color: var(--search-container-cancel-text) !important; } .icgds .lmn-search-container .lmn-text-link.focus { color: var(--search-container-cancel-text) !important; } .icgds .lmn-search-container .lmn-text-link.active { color: var(--search-container-cancel-text) !important; } .icgds .lmn-search-container .lmn-text-link.disabled { color: var(--search-container-cancel-text) !important; } .icgds .lmn-tooltip { box-shadow: 0 2px 8px 6.4px var(--tooltip_box-shadow_primary), 0 8px 16px 0 var(--tooltip_box-shadow_secondary); min-width: 56px; max-width: 244px; text-align: left !important; } .icgds .lmn-tooltip span { line-clamp: 4; -webkit-line-clamp: 4 !important; } .icgds .lmn-tooltip::after { height: 8px !important; border-width: 0 8px 8px !important; } .icgds .lmn-notification-wrapper, .icgds .lmn-notification-wrap { width: 480px; max-width: 480px; } @media (max-width: 479.98px) { .icgds .lmn-notification-wrapper, .icgds .lmn-notification-wrap { width: calc(100% - 2 * var(--spacing-12)); /* Adjust for smaller viewports */ max-width: unset !important; margin-left: var(--spacing-12); margin-right: var(--spacing-12); } } .icgds .lmn-notification-wrapper.lmn-notification-wrapper-center-top, .icgds .lmn-notification-wrapper.lmn-notification-topCenter, .icgds .lmn-notification-wrap.lmn-notification-wrapper-center-top, .icgds .lmn-notification-wrap.lmn-notification-topCenter { cursor: grab; -webkit-user-select: none; user-select: none; top: 64px !important; right: calc((100% - 480px) / 2) !important; } @media (max-width: 479.98px) { .icgds .lmn-notification-wrapper.lmn-notification-wrapper-center-top, .icgds .lmn-notification-wrapper.lmn-notification-topCenter, .icgds .lmn-notification-wrap.lmn-notification-wrapper-center-top, .icgds .lmn-notification-wrap.lmn-notification-topCenter { right: unset !important; top: 48px !important; } } .icgds .lmn-notification { box-shadow: 0 8px 24px 0 var(--notification-shadow-fill) !important; } @media (max-width: 479.98px) { .icgds .lmn-notification { padding: var(--spacing-8) var(--notification_container_padding) var(--spacing-8) var(--notification_container_padding) !important; } } .icgds .lmn-notification.lmn-notification-danger { border-left-color: unset !important; border-top-left-radius: var(--notification_container_radius) !important; border-bottom-left-radius: var(--notification_container_radius) !important; border-left: unset !important; } .icgds .lmn-notification.lmn-notification-danger .lmn-notification-icon:before { font-family: none !important; content: none !important; } .icgds .lmn-notification .lmn-notification-header { color: unset !important; height: auto; align-items: flex-start; gap: 12px; } .icgds .lmn-notification .lmn-notification-header-content { white-space: normal !important; max-width: unset !important; flex-grow: 1; } .icgds .lmn-notification .lmn-notification-title { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2 !important; } .icgds .lmn-notification .lmn-notification-body { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight: var(--font-weight-light); line-clamp: 3; -webkit-line-clamp: 3 !important; } .icgds .lmn-notification .lmn-notification-close { position: unset !important; } @media (max-width: 479.98px) { .icgds .lmn-notification .lmn-notification-close { display: none; } } .icgds .lmn-notification .lmn-notification-icon { color: var(--notification_container_icon) !important; margin-right: unset !important; width: 20px; height: 20px; } .icgds .lmn-notification .lmn-notification-icon.lmn-action-icon.lmn-action-icon-panel:hover { --icon_hover_on-fill-hover: none; } .icgds .lmn-notification-positive { color: var(--notification-foreground_positive); background-color: var(--notification-fill_positive); } .icgds .lmn-notification-danger { color: var(--notification-foreground_danger); background-color: var(--notification-fill_danger); } .icgds .lmn-notification-neutral { color: var(--notification-foreground_neutral); background-color: var(--notification-fill_neutral); } .icgds .lmn-notification-new-item { color: var(--notification-foreground_new-item); background-color: var(--notification-fill_new-item); } .icgds .lmn-notification-promotion { color: var(--notification-foreground_promotion); background-color: var(--notification-fill_promotion); } .icgds .lmn-notification-recommendation { color: var(--notification-foreground_recommendation); background-color: var(--notification-fill_recommendation); } .icgds .lmn-notification-time-sensitive { color: var(--notification-foreground_time-sensitive); background-color: var(--notification-fill_time-sensitive); } .icgds .lmn-datepicker { padding: var(--datepicker_calendar_padding) 0; width: 100%; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel { flex-wrap: wrap; gap: 24px; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container { flex-grow: 1; width: 100%; } @media (min-width: 1440px) { .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container { width: unset; } } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar { width: 100%; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-panel-header { justify-content: start; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-panel-header .lmn-calendar-my-select .lmn-calendar-month-select, .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-panel-header .lmn-calendar-my-select .lmn-calendar-year-select { font-size: var(--calendar-header_font-size); line-height: var(--calendar-header_line-height); color: var(--calendar-header_foreground); pointer-events: none; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-column-header .lmn-calendar-column-header-inner { font-family: var(--family_display); font-size: var(--calendar-column-header_font-size); line-height: var(--calendar-column-header_line-height); letter-spacing: 0.8px; color: var(--calendar-column-header_foreground); } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell.lmn-calendar-in-range-cell::before { display: block; background-color: var(--calendar-in-range-cell-background); } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell.lmn-calendar-in-range-cell:first-of-type::before, .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell.lmn-calendar-in-range-cell:last-of-type::before { border-radius: 0; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell.lmn-calendar-disabled-cell .lmn-calendar-date { cursor: not-allowed !important; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell.lmn-calendar-in-range-cell:not(.lmn-calendar-selected-date):not(.lmn-calendar-range-hover-end):has(+ .lmn-calendar-next-month-cell)::before { right: var(--spacing-quarter-x); } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell .lmn-calendar-date { color: var(--datepicker-date-item_foreground); } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell:not(.lmn-calendar-selected-date):hover .lmn-calendar-date, .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell:not(.lmn-calendar-range-hover-end):hover .lmn-calendar-date, .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell:not(.lmn-calendar-range-hover-start):hover .lmn-calendar-date { background-color: var(--calendar-cell-background-hover); } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-cell.lmn-calendar-disabled-cell .lmn-calendar-date { opacity: 0.3; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-selected-date .lmn-calendar-date { background-color: var(--calendar-cell-background-active) !important; color: var(--calendar-cell-foreground-active) !important; font-weight: var(--font-weight-bold); } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-last-month-cell, .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-next-month-cell { height: 0; cursor: default; pointer-events: none; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-last-month-cell .lmn-calendar-date, .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-next-month-cell .lmn-calendar-date { display: none; } .icgds .lmn-datepicker .lmn-datepicker-panel .lmn-datepicker-date-panel .lmn-datepicker-inner-container .lmn-calendar .lmn-calendar-panel .lmn-calendar-table .lmn-calendar-tbody .lmn-calendar-last-month-cell + .lmn-calendar-in-range-cell:not(.lmn-calendar-selected-date)::before { left: var(--spacing-quarter-x); } .icgds .lmn-datatable-container { display: flex; flex-direction: column; /* Arrange children horizontally */ width: 100%; /* Ensure the container takes full width */ height: 100%; /* Ensure the container takes full height */ } .icgds .lmn-datatable-pagination { flex-shrink: 0; /* Prevent shrinking */ width: auto; /* Allow it to take only the space it needs */ } .icgds .lmn-datatable-wrapper { min-height: 284px; flex-grow: 1; /* Allow this div to take the remaining space */ min-width: 0; /* Prevent overflow issues */ } .icgds .lmn-datatable-wrapper .lmn-datatable .ag-header-row-floating-filter .ag-header-cell .ag-input-wrapper { height: 100%; } .icgds .lmn-datatable-wrapper .lmn-datatable .ag-header-row-floating-filter .ag-header-cell .ag-input-wrapper .lmn-datepicker-holder { display: unset; } .icgds .lmn-datatable-wrapper .lmn-datatable .ag-header-row-floating-filter .ag-header-cell .ag-input-wrapper .lmn-input-group, .icgds .lmn-datatable-wrapper .lmn-datatable .ag-header-row-floating-filter .ag-header-cell .ag-input-wrapper .lmn-input-group .lmn-input { height: 100%; font-size: inherit; } .icgds .lmn-datatable-wrapper .lmn-datatable .ag-header-row-floating-filter .ag-header-cell .ag-input-wrapper .lmn-input-group-prepend { flex: none; margin-right: 0; } .icgds .lmn-datatable-wrapper .lmn-datatable .lmn-column-header-label { align-self: center; } .icgds .lmn-datatable-wrapper .lmn-floating-filter .hover-trigger:hover .lmn-input-suffix-icon { display: flex; } .icgds .lmn-datatable-wrapper .lmn-floating-filter .hover-trigger .lmn-input-suffix-icon { display: none; } .icgds .lmn-custom-dropdown-datatable { max-height: 480px !important; } .icgds .lmn-custom-dropdown-datatable .lmn-context-menu-header { --context-menu_padding: var(--spacing-0) !important; margin-bottom: var(--spacing-12) !important; box-shadow: none !important; } .icgds .lmn-custom-dropdown-datatable .lmn-context-menu-header .lmn-search { background-color: var(--field_fill); } .icgds .lmn-custom-dropdown-datatable .lmn-custom-dropdown-content { max-height: 364px !important; max-width: 375px !important; padding-top: var(--spacing-0) !important; padding-bottom: var(--spacing-0) !important; overflow: unset !important; } .icgds .lmn-custom-dropdown-datatable .lmn-custom-dropdown-content .lmn-context-menu-items { overflow: auto !important; border-bottom-right-radius: var(--spacing-0) !important; border-bottom-left-radius: var(--spacing-0) !important; box-shadow: none !important; max-height: 300px !important; } .icgds .lmn-custom-dropdown-datatable .lmn-custom-dropdown-content .lmn-context-menu-items.no-results { border-bottom-right-radius: var(--radius-12) !important; border-bottom-left-radius: var(--radius-12) !important; margin-bottom: var(--spacing-12) !important; } .icgds .lmn-custom-dropdown-datatable .lmn-context-menu-footer { box-shadow: 0px -1px 4px 3.2px var(--context-menu-shadow-outer-primary), 0px -4px 8px 0px var(--context-menu-shadow-outer-secondary) !important; } .icgds .lmn-custom-dropdown-datatable-type-filter .lmn-context-menu-header { position: relative; z-index: 2; margin-bottom: var(--spacing-0) !important; padding-bottom: var(--spacing-12) !important; } .icgds .lmn-custom-dropdown-datatable-type-filter .lmn-context-menu-header.apply-shadow { box-shadow: 0 1px 4px 3.2px var(--context-menu-shadow-outer-primary), 0 4px 8px 0 var(--context-menu-shadow-outer-secondary) !important; } .icgds .lmn-custom-dropdown-datatable-type-filter .lmn-custom-dropdown-content { overflow: auto !important; padding-top: var(--spacing-0) !important; padding-bottom: var(--spacing-12) !important; } .icgds .lmn-custom-dropdown-datatable-type-filter .lmn-context-menu-footer { box-shadow: none !important; } .icgds .lmn-custom-dropdown-datatable-type-filter .lmn-context-menu-footer.apply-shadow { box-shadow: 0px -1px 4px 3.2px var(--context-menu-shadow-outer-primary), 0px -4px 8px 0px var(--context-menu-shadow-outer-secondary) !important; } .icgds .lmn-custom-dropdown-datatable-multi-filter .lmn-context-menu-header { margin-bottom: var(--spacing-0) !important; } .icgds .lmn-custom-dropdown-datatable-multi-filter .lmn-context-menu:has(.lmn-context-menu-items) { overflow: unset; } .icgds .lmn-custom-dropdown-datatable-multi-filter .lmn-custom-dropdown-content { overflow: unset !important; padding-top: var(--spacing-0) !important; } .icgds .lmn-custom-dropdown-datatable-multi-filter .lmn-custom-dropdown-content .lmn-tab-content .lmn-tab-pane { padding-top: var(--spacing-12) !important; } .icgds .lmn-custom-dropdown-datatable-multi-filter .lmn-custom-dropdown-content .lmn-tab-content .lmn-tab-pane .lmn-context-menu-header { margin-bottom: var(--spacing-12) !important; } .icgds .lmn-custom-dropdown-datatable-multi-filter .lmn-custom-dropdown-content .lmn-tab-content .lmn-tab-pane .lmn-context-menu-items { max-height: 248px !important; } .icgds .lmn-custom-dropdown-datatable-multi-filter .lmn-custom-dropdown-content .lmn-tab-content .lmn-tab-pane .lmn-type-filter-condition-container { max-height: 320px; overflow: auto; margin: -2px calc(var(--spacing-12) * -1); padding: 2px var(--spacing-12); padding-bottom: var(--spacing-12); } .icgds .lmn-custom-dropdown-datatable-multi-filter .lmn-context-menu-footer { background: var(--context-menu_fill); } .icgds .lmn-type-filter-condition-container { display: flex; flex-direction: column; /* Ensures items are aligned in rows */ gap: var(--spacing-12); } .icgds .lmn-type-filter-condition-container .lmn-selection-control-inline { margin-right: var(--spacing-24); } .icgds svcs-columns-tool-panel { width: 100%; display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden; } .icgds .lmn-columns-tool-panel { width: 100%; padding: 12px 24px; display: flex; flex: 3 1 0px; flex-direction: column; overflow: hidden; position: relative; } .icgds .lmn-columns-tool-panel .lmn-columns-tool-panel-header { margin-bottom: 6px; } .icgds .lmn-columns-tool-panel .lmn-columns-tool-panel-header .lmn-columns-tool-panel-header-wrapper { display: flex; justify-content: space-between; } .icgds .lmn-columns-tool-panel .lmn-columns-tool-panel-header .lmn-columns-tool-panel-subtitle { color: var(--columns-tool-panel-subtitle-foreground); } .icgds .lmn-columns-tool-panel .lmn-column-select-list-container { display: flex; flex-direction: column; background-color: var(--column-select-list-container-background); border-radius: var(--radius-12); overflow: auto; } .icgds .lmn-columns-tool-panel-search-no-result-container { display: flex; flex-direction: column; align-items: center; text-align: center; } .icgds .lmn-columns-tool-panel-search-no-result-container .lmn-columns-tool-panel-search-no-result-desc { color: var(--column-select-list-search-no-result-desc-forground); } .icgds .lmn-column-select-list-item { position: relative; display: flex; align-items: center; padding: 10px; justify-content: space-between; background-color: var(--column-select-list-item-background); } .icgds .lmn-column-select-list-item .lmn-column-select-list-item-drag-icon { cursor: grab; } .icgds .lmn-column-select-list-item .lmn-column-select-list-item-checkbox .lmn-selection-control { margin-bottom: 0; } .icgds .lmn-column-select-list-item .lmn-column-select-list-item-checkbox .lmn-selection-control .lmn-checkbox { margin-right: 0; } .icgds .lmn-column-select-list-item.dragging { border-radius: 4px; justify-content: unset !important; position: absolute; left: -1000px; z-index: 1000; } .icgds .lmn-column-select-list-item.dragging .lmn-column-select-list-item-text { flex-grow: 0 !important; } .icgds .lmn-column-select-list-item.dragging .lmn-column-select-list-item-drag-icon { cursor: move; } .icgds .lmn-column-select-list-item.dragging .lmn-column-select-list-item-checkbox { display: none; } .icgds .lmn-column-select-list-item::after { content: ""; display: block; position: absolute; height: 1px; right: 0; left: 0; } .icgds .lmn-column-select-list-item.highlight-top::after { top: 0; border-top: 1px solid var(--Action-Primary, #0F1632) !important; } .icgds .lmn-column-select-list-item.highlight-bottom::after { bottom: 0; border-bottom: 1px solid var(--Action-Primary, #0F1632) !important; } .icgds { /* Default: 1 line */ } .icgds .lmn-column-header-label span { display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 1; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .icgds { /* 2 lines */ } .icgds .header-lines-clamp-2 .lmn-column-header-label span { display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .icgds { /* 3 lines (max) */ } .icgds .header-lines-clamp-3 .lmn-column-header-label span { display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .icgds { /* Styling for pagination */ } .icgds .datatable-wrapper-pagination { margin-bottom: -52px; padding-bottom: 52px; } .icgds .pagination-container { display: flex; justify-content: space-between; align-items: center; padding: 4px 24px; } .icgds .pagination-container label { color: var(--ag-grid-pagination-foreground); margin-bottom: 0px; } .icgds .pagination-row-count { flex-grow: 1; } .icgds .pagination-controls { display: flex; align-items: center; gap: 12px; height: 44px; } .icgds .page-size-control { display: flex; align-items: center; gap: 8px; --button_container_min-width: 54px; } .icgds .page-navigation { display: flex; align-items: center; } .icgds .page-summary { margin: 0 4px; } .icgds .nav-button { background-color: transparent; border: none; cursor: pointer; padding: 4px; font-size: 16px; color: #007bff; display: flex; align-items: center; justify-content: center; } .icgds .nav-button:disabled { color: #adb5bd; cursor: not-allowed; } .icgds .nav-button:hover:not(:disabled) { color: #0056b3; } .icgds .lmn-cell-inline-editing { padding: 0 !important; border: 0 !important; border-right: 1px solid var(--ag-grid-border-color) !important; display: flex; align-items: center; height: 100%; outline-offset: -1px; } .icgds .lmn-cell-inline-editing.ag-column-first .lmn-custom-cell-renderer-editor { padding-left: var(--spacing-24) !important; } .icgds .lmn-cell-inline-editing:not(.ag-cell-range-selected):focus-visible { outline: none !important; } .icgds .lmn-cell-inline-editing:focus, .icgds .lmn-cell-inline-editing:has(.on-editing) { outline: 1px solid var(--ag-grid-custom-cell-focus-border) !important; } .icgds .lmn-cell-inline-editing:has(.invalid) { outline: 1px solid var(--ag-grid-custom-cell-error-border) !important; } .icgds .lmn-cell-inline-editing:has(.on-editing) { background-color: var(--ag-grid-custom-cell-background) !important; } .icgds .lmn-cell-inline-editing .ag-cell-wrapper { flex-grow: 1; } .icgds .lmn-cell-inline-editing .ag-cell-wrapper:not(:has(.invalid)) { min-height: 100%; height: 100%; } .icgds .lmn-cell-inline-editing .ag-cell-value { height: 100%; width: 100%; } .icgds svcs-custom-cell-renderer-editor { width: 100%; height: 100%; } .icgds .lmn-custom-cell-renderer-editor { display: flex; align-items: center; width: 100%; height: 100%; padding: var(--spacing-12); outline-offset: -1px; } .icgds .lmn-custom-cell-renderer-editor.input-select { padding: 0; } .icgds .lmn-custom-cell-renderer-editor.on-editing { background-color: var(--ag-grid-custom-cell-background); } .icgds .lmn-custom-cell-renderer-editor.on-editing .lmn-custom-cell-renderer-editor-edit-icon { display: none !important; } .icgds .lmn-custom-cell-renderer-editor.batch-edit.value-changed { background-color: var(--ag-cell-batch-edit-background-color); } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-left-container { display: flex; flex-direction: column; flex-grow: 1; width: 100%; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-left-container .lmn-custom-cell-renderer-editor-label-container { position: relative; display: inline-grid; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-left-container .lmn-custom-cell-renderer-editor-value { flex-grow: 1; font-size: 13px; font-family: "Citi Sans Table"; line-height: 20px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-left-container .lmn-text-cell-editor-input { flex-grow: 1; appearance: none; border: none; padding: 0; font-size: 13px; font-family: "Citi Sans Table"; line-height: 20px; font-weight: 400; background: transparent; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-left-container .lmn-text-cell-editor-input::-webkit-outer-spin-button, .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-left-container .lmn-text-cell-editor-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-left-container .lmn-custom-cell-renderer-editor-error-container { display: flex; align-items: center; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-left-container .lmn-custom-cell-renderer-editor-error-container .lmn-custom-cell-renderer-editor-error-icon { align-self: flex-start; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-left-container .lmn-custom-cell-renderer-editor-error-container .lmn-custom-cell-renderer-editor-error { white-space: normal; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-edit-icon { width: var(--size-16); height: var(--size-16); line-height: var(--size-16); display: none; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-dropdown { width: 100%; height: 100%; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-dropdown .lmn-dropdown-toggle { width: 100%; height: 100%; box-shadow: none; padding: var(--spacing-12); } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-dropdown .lmn-dropdown-toggle:hover { background: none; box-shadow: none; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-dropdown .lmn-dropdown-toggle .lmn-dropdown-trigger-icon { width: auto; } .icgds .lmn-custom-cell-renderer-editor .lmn-custom-cell-renderer-editor-dropdown .lmn-dropdown-toggle .lmn-dropdown-trigger-icon::before { font-size: var(--size-16); } .icgds .ag-row-hover .lmn-cell-inline-editing .lmn-custom-cell-renderer-editor-edit-icon { display: flex; } .icgds .lmn-custom-cell-renderer-editor-dropdown-overlay .lmn-context-menu { max-width: 375px; } .icgds .lmn-custom-cell-renderer-editor-dropdown-overlay .lmn-menu-item:first-child { border-top-left-radius: var(--context-menu_radius); border-top-right-radius: var(--context-menu_radius); } .icgds .lmn-custom-cell-renderer-editor-dropdown-overlay .lmn-menu-item:last-child { border-bottom-left-radius: var(--context-menu_radius); border-bottom-right-radius: var(--context-menu_radius); } .icgds .lmn-selection-tile { width: 100%; display: block; } .icgds .lmn-selection-tile:focus-visible .tile-container, .icgds .lmn-selection-tile.keyboard-focus .tile-container { background: var(--selection-tile_fill-focus); outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-selection-tile:hover .tile-container, .icgds .lmn-selection-tile.focus .tile-container { background: var(--selection-tile_fill-focus); } .icgds .lmn-selection-tile:active .tile-container, .icgds .lmn-selection-tile.active .tile-container { background: var(--selection-tile_fill-active); } .icgds .lmn-selection-tile .tile-container { background: var(--selection-tile_fill); box-shadow: 0 0.5px 2px 1.6px var(--selection-tile_shadow_primary), 0 2px 4px 0 var(--selection-tile_shadow_secondary); border-radius: var(--selection-tile_border-radius); } .icgds .lmn-selection-tile .tile-container .tile-left { padding: 12px; padding-right: 0px; line-height: 32px; } .icgds .lmn-selection-tile .tile-container .tile-left .lmnicon { line-height: 32px !important; } .icgds .lmn-selection-tile .tile-container .tile-center { padding: 12px 0px; padding-left: 12px; align-content: center; } .icgds .lmn-selection-tile .tile-container.type-chevron-tertiary .tile-left { padding-top: 14px; padding-bottom: 14px; line-height: 16px !important; } .icgds .lmn-selection-tile .tile-container.type-chevron-tertiary .tile-left .lmnicon { line-height: 16px !important; } .icgds .lmn-selection-tile .tile-container.type-chevron-tertiary:not(.tile-left) .tile-center { padding-left: 12px; } .icgds .lmn-selection-tile .tile-container.type-chevron-tertiary:has(.tile-left) .tile-center { padding-left: 4px; } .icgds .lmn-selection-tile .tile-container.type-chevron-tertiary .tile-right { line-height: 16px; } .icgds .lmn-selection-tile .tile-container.type-chevron-tertiary .tile-right .lmnicon { line-height: 16px !important; } .icgds .lmn-selection-tile .tile-container .tile-right { padding: 12px; line-height: 20px; align-self: center; } .icgds .lmn-selection-tile .tile-container .tile-right .lmnicon { line-height: 20px !important; } .icgds .lmn-selection-tile .tile-container .tile-right:has(.chevron-icon) { line-height: 16px; padding: 14px; } .icgds .lmn-selection-tile .tile-container .tile-right:has(.chevron-icon) .lmnicon { line-height: 16px !important; } .icgds .lmn-selection-tile .tile-container .main-value { color: var(--selection-title_main-value-foreground); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: var(--main-value-clamp, 1); -webkit-line-clamp: var(--main-value-clamp, 1); } .icgds .lmn-selection-tile .tile-container .sub-value { color: var(--selection-title_sub-value-foreground); font-weight: 300 !important; } .icgds .lmn-selection-tile .tile-container .sub-value span { font-weight: 300 !important; } .icgds .lmn-selection-tile .tile-container .sub-value { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: var(--sub-value-clamp, 0); -webkit-line-clamp: var(--sub-value-clamp, 0); } .icgds .lmn-selection-tile .tile-container.disabled { opacity: var(--selection-title_disabled-opacity); pointer-events: none; cursor: not-allowed; } .icgds .lmn-selection-tile .tile-container.card-bg-top { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 0 -1px 0 0 var(--selection-tile_shadow_tertiary) inset, 0 0.5px 2px 1.6px var(--selection-tile_shadow_primary), 0 2px 4px 0 var(--selection-tile_shadow_secondary); } .icgds .lmn-selection-tile .tile-container.card-bg-middle { border-radius: 0px; box-shadow: 0 -1px 0 0 var(--selection-tile_shadow_tertiary) inset, 0 0.5px 2px 1.6px var(--selection-tile_shadow_primary), 0 2px 4px 0 var(--selection-tile_shadow_secondary); } .icgds .lmn-selection-tile .tile-container.card-bg-bottom { border-top-left-radius: 0px; border-top-right-radius: 0px; box-shadow: 0 -1px 0 0 var(--selection-tile_shadow_tertiary) inset, 0 0.5px 2px 1.6px var(--selection-tile_shadow_primary), 0 2px 4px 0 var(--selection-tile_shadow_secondary); } .icgds .lmn-structured-tile { width: 100%; display: block; } .icgds .lmn-structured-tile.full-tile-selection:focus-visible .tile-container, .icgds .lmn-structured-tile.full-tile-selection.keyboard-focus .tile-container { background: var(--selection-tile_fill-focus); outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-structured-tile.full-tile-selection:hover .tile-container, .icgds .lmn-structured-tile.full-tile-selection.focus .tile-container { background: var(--selection-tile_fill-focus); } .icgds .lmn-structured-tile.full-tile-selection:active .tile-container, .icgds .lmn-structured-tile.full-tile-selection.active .tile-container { background: var(--selection-tile_fill-active); } .icgds .lmn-structured-tile .tile-container { padding: 12px; background: var(--selection-tile_fill); box-shadow: 0 0.5px 2px 1.6px var(--selection-tile_shadow_primary), 0 2px 4px 0 var(--selection-tile_shadow_secondary); border-radius: var(--selection-tile_border-radius); } .icgds .lmn-structured-tile .tile-container .tile-left { margin-right: 12px; } .icgds .lmn-structured-tile .tile-container .tile-left .lmnicon { width: 32px; height: 32px; line-height: 32px !important; } .icgds .lmn-structured-tile .tile-container .tile-left .lmnicon .lmn-shimmer-container { --shimmer-line-height: 32px; font-size: 28px; } .icgds .lmn-structured-tile .tile-container .tile-center { align-content: center; } .icgds .lmn-structured-tile .tile-container .tile-center .main-value { color: var(--selection-title_main-value-foreground); } .icgds .lmn-structured-tile .tile-container .tile-center .sub-value { color: var(--selection-title_sub-value-foreground); font-weight: 300; } .icgds .lmn-structured-tile .tile-container .tile-right { margin-left: 12px; line-height: 20px; align-items: center; display: flex; column-gap: 20px; } .icgds .lmn-structured-tile .tile-container .tile-right .lmnicon { width: 24px; height: 24px; font-size: 24px; line-height: 24px !important; border: none; } .icgds .lmn-structured-tile .tile-container .tile-right .lmn-action-icon { width: var(--size-32); height: var(--size-32); border-radius: var(--radius-full); } .icgds .lmn-structured-tile .tile-container .tile-right .lmn-action-icon:active { outline: none; } .icgds .lmn-structured-tile .tile-container .tile-right .lmn-shimmer-container { --shimmer-line-height: 32px; font-size: 22px; } .icgds .lmn-structured-tile .tile-container.disabled { opacity: var(--selection-title_disabled-opacity); pointer-events: none; cursor: not-allowed; } .icgds .lmn-structured-tile .tile-container.tile-bg-top { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .icgds .lmn-structured-tile .tile-container.tile-bg-middle { border-radius: 0px; } .icgds .lmn-structured-tile .tile-container.tile-bg-bottom { border-top-left-radius: 0px; border-top-right-radius: 0px; } .icgds .lmn-stacked-structured-tiles .lmn-structured-tile:not(:last-child) .tile-container { box-shadow: 0 -1px 0 0 var(--selection-tile_shadow_tertiary) inset, 0 0.5px 2px 1.6px var(--selection-tile_shadow_primary), 0 2px 4px 0 var(--selection-tile_shadow_secondary); } .icgds svcs-error { display: block; width: 100%; height: 100%; border-radius: var(--radius-8); } .icgds .lmn-error-widget { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: var(--spacing-12); } .icgds .lmn-error-widget .lmn-error-widget-container { display: flex; flex-direction: column; align-items: center; } .icgds .lmn-error-widget .lmn-error-widget-container .lmn-error-widget-content { display: flex; flex-direction: column; align-items: center; } .icgds .lmn-error-widget .lmn-error-widget-container .lmn-error-widget-button { margin-top: var(--spacing-12); } .icgds .lmn-error-widget .lmn-error-widget-container .lmn-error-widget-button button { pointer-events: auto; } .icgds .lmn-error-widget.page-level-error { align-items: start; } .icgds .lmn-error-widget.page-level-error .lmn-error-widget-button { width: 284px; margin-top: var(--spacing-24); } .icgds .lmn-steps { flex-direction: column; } .icgds .lmn-steps .lmn-steps-item-container { overflow-x: hidden; overflow-y: auto; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item { margin-left: 4px; padding-top: 10px; min-height: 64px !important; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item:not(:first-of-type)::before { content: ""; position: absolute; background: var(--stepper_fill_tracker); transition: all 0.3s var(--comp-transition); height: 2px; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item:not(:last-of-type)::after { height: 2px; top: 21px; left: calc(var(--stepper_linear-status_size)); right: -4px; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item .lmn-steps-marker { margin-top: 8px; background-color: var(--stepper_fill_status); outline: none; z-index: 1; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item .lmn-steps-item-text { padding-bottom: var(--spacing-8) !important; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item .lmn-steps-item-text .lmn-steps-item-text-label-wrapper { display: inline-block; padding-top: 10px; padding-bottom: 10px; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item .lmn-steps-item-text .lmn-steps-item-text-label { pointer-events: none; color: var(--stepper_foreground_step-label); } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item .lmn-steps-item-text .lmn-steps-item-text-label.hover-effect { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; position: relative; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item .lmn-steps-item-text .lmn-steps-item-text-label.hover-effect:hover { border-radius: var(--link_border-radius); background-color: var(--link_fill-active); } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item .lmn-steps-item-text *:only-child { color: inherit; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-complete .lmn-steps-marker { outline: solid var(--spacing-4) var(--stepper_fill_status_active); background-color: var(--stepper_fill_status_active); font-size: 8px; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-complete .lmn-steps-item-text { color: var(--stepper_foreground_step-label_active); } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-complete + .lmn-steps-item::before { background: var(--stepper_fill_status_active); } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-active .lmn-steps-marker { outline: solid var(--spacing-4) var(--stepper_fill_status_active); background-color: white; width: var(--stepper_linear-status_size); height: var(--stepper_linear-status_size); } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-active .lmn-steps-item-text { color: var(--stepper_foreground_step-label_active); } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-active .lmn-steps-item-text .lmn-steps-item-text-label { color: var(--stepper_foreground_step-label_active); } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-active:not(:last-of-type)::after { background: var(--stepper_fill_status_active); } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-active:not(:first-of-type)::before { background: var(--stepper_fill_status_active); } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-error .lmn-steps-marker { outline: solid var(--spacing-4) var(--stepper_foreground_status-error); background-color: var(--stepper_foreground_status-error); font-size: 8px; color: white; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-error .lmn-steps-item-text { color: var(--stepper_foreground_step-label_active) !important; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-error .lmn-steps-item-text .lmn-label { color: var(--stepper_foreground_step-label_active) !important; } .icgds .lmn-steps .lmn-steps-item-container .lmn-steps-item.lmn-steps-item-error + .lmn-steps-item::before { background: var(--stepper_fill_tracker-error_active); } .icgds .lmn-steps.lmn-steps-vertical { flex-direction: row; } .icgds .lmn-steps.lmn-steps-vertical .lmn-steps-item-container .lmn-steps-item:not(:last-of-type)::after { width: 2px; left: calc(var(--stepper_linear-status_size) / 2 - 1px); top: calc(var(--stepper_linear-status_size) + 18px); bottom: 0; } .icgds .lmn-steps.lmn-steps-vertical .lmn-steps-item-container .lmn-steps-item:not(:first-of-type)::before { width: 2px; height: auto; left: calc(var(--stepper_linear-status_size) / 2 - 1px); right: unset; top: 0; bottom: calc(100% - var(--stepper_linear-status_size) - 14px); } .icgds .lmn-steps.lmn-steps-vertical .lmn-steps-item-container .lmn-steps-item .lmn-steps-item-text { padding-top: 0; margin-top: calc(var(--stepper_linear-status_size) * -1 - 18px); font-weight: var(--font-weight-bold); margin-left: calc(var(--stepper_linear-status_size) * 2); } .icgds .lmn-steps .lmn-steps-item-disabled .lmn-steps-marker { background-color: #f3f5f7 !important; } .icgds .lmn-steps .lmn-steps-item-disabled .lmn-steps-item-text { opacity: 0.3; } .icgds .lmn-steps .lmn-child-steps-item-container .lmn-child-steps-item { pointer-events: none; padding-left: var(--spacing-8); display: flex; align-items: center; } .icgds .lmn-steps .lmn-child-steps-item-container .lmn-child-steps-item .lmn-child-steps-marker { width: var(--stepper_linear-status_size); min-width: var(--stepper_linear-status_size); height: var(--stepper_linear-status_size); background: var(--stepper_fill_status); border-radius: var(--radius-full); margin-bottom: 0; } .icgds .lmn-steps .lmn-child-steps-item-container .lmn-child-steps-item .lmn-child-steps-item-text { color: var(--stepper_foreground_step-label); } .icgds .lmn-steps .lmn-child-steps-item-container .lmn-child-steps-item.lmn-child-steps-item-active .lmn-child-steps-item-text { color: var(--stepper_foreground_step-label_active); } .icgds .lmn-steps .lmn-child-steps-item-container .lmn-child-steps-item.hover-effect:hover { background-color: var(--stepper_step-background-hover); } .icgds .lmn-steps .hover-effect { pointer-events: all !important; cursor: pointer; color: var(--stepper_step-foreground-hover) !important; } .icgds .lmn-breadcrumb-label { text-decoration: underline; text-underline-offset: 2.272px; --text-link_icon-size: 13px; --breadcrumb_page-link_horizontal-spacing: 0px !important; --context-menu-item_height: 44px !important; --context-menu_padding: 0px !important; --context-menu_group_vertical-spacing: 0px !important; } .icgds .lmn-breadcrumb-label .lmn-dropdown-menu:hover { background-color: var(--breadcrumb_fill_status_hover); } .icgds .lmn-breadcrumb-label .lmn-dropdown-menu:focus-visible { box-shadow: 0 0 0 1px var(--focus-outline_inner), 0 0 0 3px var(--focus-outline) !important; } .icgds .lmn-breadcrumb-label .lmn-dropdown-menu.lmn-dropdown-open { background-color: var(--breadcrumb_fill_status_active); } .icgds .lmn-breadcrumb-label .lmn-menu-item.hover { background: unset !important; } .icgds .lmn-breadcrumb-item { --breadcrumb_horizontal-spacing: 0px; } .icgds .lmn-breadcrumb-separator { --breadcrumb_separator_horizontal-padding: 8px; } .icgds .lmn-breadcrumb-item:last-of-type .lmn-breadcrumb-label { text-decoration: none !important; } .icgds .lmn-breadcrumb-item:last-of-type .lmn-breadcrumb-label.hover { --link_fill-hover: none; } .icgds .lmn-breadcrumb-item:last-of-type .lmn-breadcrumb-label.active { --link_fill-active: none; } .icgds .lmn-checkbox { --control_size: 16px; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: var(--radius-full); } .icgds .lmn-checkbox .lmn-control-input ~ .lmn-control-icon { outline-offset: 0px; transition: none; } .icgds .lmn-checkbox .lmn-control-input ~ .lmn-control-icon::before { transition: none; } .icgds .lmn-checkbox .lmn-control-input:hover ~ .lmn-control-icon { outline-width: 1px; } .icgds .lmn-checkbox .lmn-control-input:hover ~ .lmn-control-icon::before { color: transparent; transition: none; } .icgds .lmn-checkbox .lmn-control-input:checked ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input:indeterminate ~ .lmn-control-icon::before, .icgds .lmn-checkbox .lmn-control-input.indeterminate ~ .lmn-control-icon::before { color: var(--control_foreground_active); } .icgds .lmn-checkbox .lmn-control-input:focus ~ .lmn-control-icon { box-shadow: none !important; outline-color: unset !important; } .icgds .lmn-checkbox:has(.lmn-control-input:hover) { background-color: var(--action-button_fill_hover); } .icgds .lmn-checkbox:has(.lmn-control-input:focus-visible) { outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; background-color: var(--action-button_fill_hover); } .icgds .lmn-checkbox .lmn-control-input:disabled ~ .lmn-control-icon { background: var(--control_fill); } .icgds label.lmn-selection-control:active:not(.disabled) .lmn-checkbox { background-color: var(--control_fill_active); } .icgds label.lmn-selection-control:active:not(.disabled) .lmn-checkbox .lmn-control-input:not(:checked) ~ .lmn-control-icon { color: var(--control_foreground_active); outline-color: var(--control_foreground_active); background-color: var(--control_fill_active); } .icgds label.lmn-selection-control:active:not(.disabled) .lmn-checkbox .lmn-control-input:not(:checked) ~ .lmn-control-icon::before { background-color: var(--control_fill_active); } .icgds label.lmn-selection-control:active:not(.disabled) .lmn-checkbox .lmn-control-input:checked ~ .lmn-control-icon { color: var(--control_foreground_active); outline: none !important; background-color: var(--control_foreground_active); } .icgds label.lmn-selection-control:active:not(.disabled) .lmn-checkbox .lmn-control-input:checked ~ .lmn-control-icon::before { color: var(--control_fill_active) !important; } .icgds .lmn-tree-view-container { border-radius: var(--radius-12); box-shadow: 0 0.5px 2px 1.6px rgba(0, 0, 0, 0.03), 0 2px 4px 0 rgba(0, 0, 0, 0.06); overflow: hidden; } .icgds .lmn-tree-view-container .lmn-tree-view-item-container { list-style: none; margin: 0; padding: 0; } .icgds .lmn-tree-view-container .lmn-tree-view-item-container.collapsed { display: none; } .icgds .lmn-tree-view-container .lmn-tree-view-item { list-style: none; background-color: var(--tree-view_fill); } .icgds .lmn-tree-view-container .lmn-tree-view-item:focus-visible { outline-offset: -1px !important; outline: 1px solid var(--focus-outline) !important; } .icgds .lmn-tree-view-container .lmn-tree-view-item:focus-visible[aria-level="1"]:first-child { border-top-left-radius: var(--radius-12); border-top-right-radius: var(--radius-12); } .icgds .lmn-tree-view-container .lmn-tree-view-item:focus-visible[aria-level="1"]:last-child { border-bottom-left-radius: var(--radius-12); border-bottom-right-radius: var(--radius-12); } .icgds .lmn-tree-view-container .lmn-tree-view-item.expanded > .lmn-tree-view-item-content { box-shadow: 0 -1px 0 0 var(--selection-tile_shadow_tertiary) inset !important; } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content { display: flex; align-items: center; justify-content: center; min-height: 48px; box-shadow: none; transition: box-shadow 300ms ease-in-out; } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-item-icon-left-container { width: 36px; align-self: start; padding-top: 12px; } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-item-icon-left-container .lmn-tree-view-item-icon-left { flex-grow: 0; margin-left: var(--spacing-12); } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-label-content { display: flex; flex-grow: 1; padding: var(--spacing-12); padding-right: 0; flex-direction: column; } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-label-content .lmn-tree-view-main-label { flex-grow: 1; display: flex; align-items: center; } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-label-content .lmn-tree-view-main-label .lmn-tree-view-item-label { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: var(--label-line-clamp, 1); -webkit-line-clamp: var(--label-line-clamp, 1); } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-label-content .lmn-tree-view-item-sub-label { color: var(--tree-view_sub-label-foreground); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: var(--sub-label-line-clamp, 0); -webkit-line-clamp: var(--sub-label-line-clamp, 0); } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-item-right-action-container { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-item-right-action-container .lmn-selection-control { margin-bottom: 0; } .icgds .lmn-tree-view-container .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-item-right-action-container .lmn-selection-control .lmn-checkbox { margin-right: 0; } .icgds .lmn-tree-view-container .lmn-tree-view-item.disabled > * { opacity: 0.3; } .icgds .lmn-tree-view-container .lmn-tree-view-level-2 .lmn-tree-view-item-container { transition: height 300ms ease-in-out, opacity 300ms ease-in-out; } .icgds .lmn-tree-view-container .lmn-tree-view-level-2 .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-item-icon-left-container { width: 72px; } .icgds .lmn-tree-view-container .lmn-tree-view-level-2 .lmn-tree-view-item .lmn-tree-view-item-content .lmn-tree-view-item-icon-left-container .lmn-tree-view-item-icon-left { margin-left: var(--spacing-48); } .icgds { /* Spinner settings */ /* All values are specified in px */ /* All values are specified in px */ } .icgds .lmn-font-size-10 { font-size: 10px !important; line-height: 16px !important; --line-height: 16px; --shimmer-line-height: 16px !important; } .icgds .lmn-font-size-11 { font-size: 11px !important; line-height: 16px !important; --line-height: 16px; --shimmer-line-height: 16px !important; } .icgds .lmn-font-size-13 { font-size: 13px !important; line-height: 20px !important; --line-height: 20px; --shimmer-line-height: 20px !important; } .icgds .lmn-font-size-16 { font-size: 16px !important; line-height: 24px !important; --line-height: 24px; --shimmer-line-height: 24px !important; } .icgds .lmn-font-size-19 { font-size: 19px !important; line-height: 28px !important; --line-height: 28px; --shimmer-line-height: 28px !important; } .icgds .lmn-font-size-22 { font-size: 22px !important; line-height: 32px !important; --line-height: 32px; --shimmer-line-height: 32px !important; } .icgds .lmn-font-size-28 { font-size: 28px !important; line-height: 36px !important; --line-height: 36px; --shimmer-line-height: 36px !important; } .icgds .lmn-font-size-40 { font-size: 40px !important; line-height: 48px !important; --line-height: 48px; --shimmer-line-height: 48px !important; } .icgds .lmn-font-size-80 { font-size: 80px !important; line-height: 84px !important; --line-height: 84px; --shimmer-line-height: 84px !important; } .icgds .lmn-font-size-xs-10 { font-size: 10px !important; line-height: 16px !important; } .icgds .lmn-font-size-xs-11 { font-size: 11px !important; line-height: 16px !important; } .icgds .lmn-font-size-xs-13 { font-size: 13px !important; line-height: 20px !important; } .icgds .lmn-font-size-xs-16 { font-size: 16px !important; line-height: 24px !important; } .icgds .lmn-font-size-xs-19 { font-size: 19px !important; line-height: 28px !important; } .icgds .lmn-font-size-xs-22 { font-size: 22px !important; line-height: 32px !important; } .icgds .lmn-font-size-xs-28 { font-size: 28px !important; line-height: 36px !important; } .icgds .lmn-font-size-xs-40 { font-size: 40px !important; line-height: 48px !important; } .icgds .lmn-font-size-xs-80 { font-size: 80px !important; line-height: 84px !important; } @media (min-width: 480px) { .icgds .lmn-font-size-sm-10 { font-size: 10px !important; line-height: 16px !important; } } @media (min-width: 480px) { .icgds .lmn-font-size-sm-11 { font-size: 11px !important; line-height: 16px !important; } } @media (min-width: 480px) { .icgds .lmn-font-size-sm-13 { font-size: 13px !important; line-height: 20px !important; } } @media (min-width: 480px) { .icgds .lmn-font-size-sm-16 { font-size: 16px !important; line-height: 24px !important; } } @media (min-width: 480px) { .icgds .lmn-font-size-sm-19 { font-size: 19px !important; line-height: 28px !important; } } @media (min-width: 480px) { .icgds .lmn-font-size-sm-22 { font-size: 22px !important; line-height: 32px !important; } } @media (min-width: 480px) { .icgds .lmn-font-size-sm-28 { font-size: 28px !important; line-height: 36px !important; } } @media (min-width: 480px) { .icgds .lmn-font-size-sm-40 { font-size: 40px !important; line-height: 48px !important; } } @media (min-width: 480px) { .icgds .lmn-font-size-sm-80 { font-size: 80px !important; line-height: 84px !important; } } @media (min-width: 768px) { .icgds .lmn-font-size-md-10 { font-size: 10px !important; line-height: 16px !important; } } @media (min-width: 768px) { .icgds .lmn-font-size-md-11 { font-size: 11px !important; line-height: 16px !important; } } @media (min-width: 768px) { .icgds .lmn-font-size-md-13 { font-size: 13px !important; line-height: 20px !important; } } @media (min-width: 768px) { .icgds .lmn-font-size-md-16 { font-size: 16px !important; line-height: 24px !important; } } @media (min-width: 768px) { .icgds .lmn-font-size-md-19 { font-size: 19px !important; line-height: 28px !important; } } @media (min-width: 768px) { .icgds .lmn-font-size-md-22 { font-size: 22px !important; line-height: 32px !important; } } @media (min-width: 768px) { .icgds .lmn-font-size-md-28 { font-size: 28px !important; line-height: 36px !important; } } @media (min-width: 768px) { .icgds .lmn-font-size-md-40 { font-size: 40px !important; line-height: 48px !important; } } @media (min-width: 768px) { .icgds .lmn-font-size-md-80 { font-size: 80px !important; line-height: 84px !important; } } @media (min-width: 1024px) { .icgds .lmn-font-size-lg-10 { font-size: 10px !important; line-height: 16px !important; } } @media (min-width: 1024px) { .icgds .lmn-font-size-lg-11 { font-size: 11px !important; line-height: 16px !important; } } @media (min-width: 1024px) { .icgds .lmn-font-size-lg-13 { font-size: 13px !important; line-height: 20px !important; } } @media (min-width: 1024px) { .icgds .lmn-font-size-lg-16 { font-size: 16px !important; line-height: 24px !important; } } @media (min-width: 1024px) { .icgds .lmn-font-size-lg-19 { font-size: 19px !important; line-height: 28px !important; } } @media (min-width: 1024px) { .icgds .lmn-font-size-lg-22 { font-size: 22px !important; line-height: 32px !important; } } @media (min-width: 1024px) { .icgds .lmn-font-size-lg-28 { font-size: 28px !important; line-height: 36px !important; } } @media (min-width: 1024px) { .icgds .lmn-font-size-lg-40 { font-size: 40px !important; line-height: 48px !important; } } @media (min-width: 1024px) { .icgds .lmn-font-size-lg-80 { font-size: 80px !important; line-height: 84px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-10 { font-size: 10px !important; line-height: 16px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-11 { font-size: 11px !important; line-height: 16px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-13 { font-size: 13px !important; line-height: 20px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-16 { font-size: 16px !important; line-height: 24px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-19 { font-size: 19px !important; line-height: 28px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-22 { font-size: 22px !important; line-height: 32px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-28 { font-size: 28px !important; line-height: 36px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-40 { font-size: 40px !important; line-height: 48px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-80 { font-size: 80px !important; line-height: 84px !important; } } @media (min-width: 1680px) { .icgds .lmn-font-size-2xl-10 { font-size: 10px !important; line-height: 16px !important; } } @media (min-width: 1680px) { .icgds .lmn-font-size-2xl-11 { font-size: 11px !important; line-height: 16px !important; } } @media (min-width: 1680px) { .icgds .lmn-font-size-2xl-13 { font-size: 13px !important; line-height: 20px !important; } } @media (min-width: 1680px) { .icgds .lmn-font-size-2xl-16 { font-size: 16px !important; line-height: 24px !important; } } @media (min-width: 1680px) { .icgds .lmn-font-size-2xl-19 { font-size: 19px !important; line-height: 28px !important; } } @media (min-width: 1680px) { .icgds .lmn-font-size-2xl-22 { font-size: 22px !important; line-height: 32px !important; } } @media (min-width: 1680px) { .icgds .lmn-font-size-2xl-28 { font-size: 28px !important; line-height: 36px !important; } } @media (min-width: 1680px) { .icgds .lmn-font-size-2xl-40 { font-size: 40px !important; line-height: 48px !important; } } @media (min-width: 1680px) { .icgds .lmn-font-size-2xl-80 { font-size: 80px !important; line-height: 84px !important; } } @media (min-width: 1920px) { .icgds .lmn-font-size-3xl-10 { font-size: 10px !important; line-height: 16px !important; } } @media (min-width: 1920px) { .icgds .lmn-font-size-3xl-11 { font-size: 11px !important; line-height: 16px !important; } } @media (min-width: 1920px) { .icgds .lmn-font-size-3xl-13 { font-size: 13px !important; line-height: 20px !important; } } @media (min-width: 1920px) { .icgds .lmn-font-size-3xl-16 { font-size: 16px !important; line-height: 24px !important; } } @media (min-width: 1920px) { .icgds .lmn-font-size-3xl-19 { font-size: 19px !important; line-height: 28px !important; } } @media (min-width: 1920px) { .icgds .lmn-font-size-3xl-22 { font-size: 22px !important; line-height: 32px !important; } } @media (min-width: 1920px) { .icgds .lmn-font-size-3xl-28 { font-size: 28px !important; line-height: 36px !important; } } @media (min-width: 1920px) { .icgds .lmn-font-size-3xl-40 { font-size: 40px !important; line-height: 48px !important; } } @media (min-width: 1920px) { .icgds .lmn-font-size-3xl-80 { font-size: 80px !important; line-height: 84px !important; } } .icgds .lmn-text-link { text-underline-offset: 2.272px; font-size: var(--text-link_font-size); line-height: var(--text-link_line-height); --shimmer-line-height: var(--text-link_line-height) !important; transition: unset !important; } .icgds .lmn-text-link.hover { color: var(--link_hover) !important; background-color: var(--link_fill-hover); border-radius: var(--link_border-radius); } .icgds .lmn-text-link.focus:focus-visible, .icgds .lmn-text-link.focus-visible { color: var(--link_focus) !important; background-color: var(--link_fill-focus); border-radius: var(--link_border-radius); box-shadow: var(--link_shadow-focus); outline-offset: 2px !important; outline: 2px solid var(--focus-outline) !important; } .icgds .lmn-text-link.active { color: var(--link_active) !important; border-radius: var(--link_border-radius); background-color: var(--link_fill-active); } .icgds .lmn-text-link.disabled { color: var(--link_disabled) !important; opacity: var(--link_disabled-opacity) !important; pointer-events: none !important; cursor: not-allowed !important; } .icgds .lmn-text-link:visited, .icgds .lmn-text-link.visited { color: var(--link_visited) !important; } .icgds .lmn-text-link:visited svg path, .icgds .lmn-text-link.visited svg path { fill: var(--link_visited) !important; } .icgds .lmn-text-link:visited .lmn-label, .icgds .lmn-text-link.visited .lmn-label { color: var(--link_visited) !important; } .icgds .lmn-text-link .lmnicon { font-size: var(--text-link_icon-size) !important; } .icgds .lmn-text-link .lmnicon.lmnicon-prefix { margin-right: var(--text-link_icon_horizontal-spacing); } .icgds .lmn-text-link .lmnicon.lmnicon-suffix { margin-left: var(--text-link_icon_horizontal-spacing); } .icgds .lmn-text-link .lmnicon .lmn-shimmer { height: var(--text-link_icon-shimmer-size) !important; } .icgds .lmn-text-link .lmnicon svg { width: var(--text-link_icon-size) !important; height: var(--text-link_icon-size) !important; } .icgds .lmn-text-link .lmn-label { font-size: var(--text-link_font-size); line-height: var(--text-link_line-height); margin-bottom: unset !important; text-decoration: underline !important; } .icgds .lmn-text-link:has(.lmn-shimmer) { pointer-events: none !important; } .icgds a.lmn-text-link:has(div) { text-decoration: none !important; } .icgds .lmn-input-group-label-foreground { --label_foreground: var(--input-group-label_foreground); } .icgds .lmn-input-group-instruction-text { --label_foreground: var(--input-group-instruction-text_foreground); } .icgds .lmn-citi-sans-text-light { font-weight: var(--type_text-light); } @supports (-webkit-line-clamp: 1) { .icgds .lmn-text-ellipse { display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } } @supports (-webkit-line-clamp: 2) { .icgds .lmn-text-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } .icgds .lmn-a11y-font, .icgds .lmn-a11y-tooltip ul, .icgds .lmn-a11y-success-badge, .icgds .lmn-a11y-tooltip, .icgds .lmn-a11y-hint-badge { line-height: 22px; font-weight: 400; } .icgds .lmn-a11y-outline { outline: 1px dashed var(--a11y-tracker_outline); position: absolute; z-index: unset !important; } .icgds .lmn-a11y-hint-badge { position: absolute; top: -1.25em; right: 0; font-size: 10px; background-color: var(--a11y-tracker-badge_fill); color: var(--a11y-tracker-badge_foreground); padding: 2px 6px; border-radius: 4px; z-index: 1000; white-space: nowrap; cursor: pointer; } .icgds .lmn-a11y-tooltip { display: none; position: absolute; top: 0; left: calc(100% + 8px); background-color: var(--a11y-tracker-tooltip_fill); color: var(--a11y-tracker-tooltip_foreground); padding: 8px; font-size: 10px; border-radius: 4px; white-space: pre-wrap; min-width: 120px; max-width: 250px; max-height: 100px; overflow-y: auto; z-index: 1001; box-shadow: 0 2px 8px var(--a11y-tracker-tooltip_shadow); } .icgds .lmn-a11y-success-outline { outline: 1px solid var(--a11y-tracker_outline_success); position: absolute; z-index: 10 !important; } .icgds .lmn-a11y-success-badge { position: absolute; top: -1.25em; right: 0; font-size: 10px; background-color: var(--a11y-tracker-badge-success_fill); color: var(--a11y-tracker-badge-success_foreground); padding: 2px 6px; border-radius: 4px; z-index: 1000; white-space: nowrap; cursor: default; } .icgds .lmn-a11y-tooltip ul { margin: 0; padding-left: 10px; list-style-type: disc; } .icgds .lmn-copy-success-message { position: fixed; bottom: 24px; right: 24px; background-color: var(--a11y-tracker-copy-to-clipboard_fill); color: var(--a11y-tracker-copy-to-clipboard_foreground); padding: 10px; border-radius: 10px; font-size: 13px; line-height: 20px; z-index: 10; animation: fadeInOut 2s ease-in-out; } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } .icgds .cdk-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0, 0, 0, 0) !important; overflow: hidden !important; white-space: nowrap !important; } .icgds .lmn-row-gap-16 { row-gap: var(--spacing-16); } .icgds .lmn-row-gutter-24 { --spacing-x: var(--spacing-one-and-a-half-x); } .icgds .lmn-col-3xl, .icgds .lmn-col-3xl-auto, .icgds .lmn-col-3xl-12, .icgds .lmn-col-3xl-11, .icgds .lmn-col-3xl-10, .icgds .lmn-col-3xl-9, .icgds .lmn-col-3xl-8, .icgds .lmn-col-3xl-7, .icgds .lmn-col-3xl-6, .icgds .lmn-col-3xl-5, .icgds .lmn-col-3xl-4, .icgds .lmn-col-3xl-3, .icgds .lmn-col-3xl-2, .icgds .lmn-col-3xl-1, .icgds .lmn-col-2xl, .icgds .lmn-col-2xl-auto, .icgds .lmn-col-2xl-12, .icgds .lmn-col-2xl-11, .icgds .lmn-col-2xl-10, .icgds .lmn-col-2xl-9, .icgds .lmn-col-2xl-8, .icgds .lmn-col-2xl-7, .icgds .lmn-col-2xl-6, .icgds .lmn-col-2xl-5, .icgds .lmn-col-2xl-4, .icgds .lmn-col-2xl-3, .icgds .lmn-col-2xl-2, .icgds .lmn-col-2xl-1, .icgds .lmn-col-xl, .icgds .lmn-col-xl-auto, .icgds .lmn-col-xl-12, .icgds .lmn-col-xl-11, .icgds .lmn-col-xl-10, .icgds .lmn-col-xl-9, .icgds .lmn-col-xl-8, .icgds .lmn-col-xl-7, .icgds .lmn-col-xl-6, .icgds .lmn-col-xl-5, .icgds .lmn-col-xl-4, .icgds .lmn-col-xl-3, .icgds .lmn-col-xl-2, .icgds .lmn-col-xl-1, .icgds .lmn-col-lg, .icgds .lmn-col-lg-auto, .icgds .lmn-col-lg-12, .icgds .lmn-col-lg-11, .icgds .lmn-col-lg-10, .icgds .lmn-col-lg-9, .icgds .lmn-col-lg-8, .icgds .lmn-col-lg-7, .icgds .lmn-col-lg-6, .icgds .lmn-col-lg-5, .icgds .lmn-col-lg-4, .icgds .lmn-col-lg-3, .icgds .lmn-col-lg-2, .icgds .lmn-col-lg-1, .icgds .lmn-col-md, .icgds .lmn-col-md-auto, .icgds .lmn-col-md-12, .icgds .lmn-col-md-11, .icgds .lmn-col-md-10, .icgds .lmn-col-md-9, .icgds .lmn-col-md-8, .icgds .lmn-col-md-7, .icgds .lmn-col-md-6, .icgds .lmn-col-md-5, .icgds .lmn-col-md-4, .icgds .lmn-col-md-3, .icgds .lmn-col-md-2, .icgds .lmn-col-md-1, .icgds .lmn-col-sm, .icgds .lmn-col-sm-auto, .icgds .lmn-col-sm-12, .icgds .lmn-col-sm-11, .icgds .lmn-col-sm-10, .icgds .lmn-col-sm-9, .icgds .lmn-col-sm-8, .icgds .lmn-col-sm-7, .icgds .lmn-col-sm-6, .icgds .lmn-col-sm-5, .icgds .lmn-col-sm-4, .icgds .lmn-col-sm-3, .icgds .lmn-col-sm-2, .icgds .lmn-col-sm-1, .icgds .lmn-col, .icgds .lmn-col-auto, .icgds .lmn-col-12, .icgds .lmn-col-11, .icgds .lmn-col-10, .icgds .lmn-col-9, .icgds .lmn-col-8, .icgds .lmn-col-7, .icgds .lmn-col-6, .icgds .lmn-col-5, .icgds .lmn-col-4, .icgds .lmn-col-3, .icgds .lmn-col-2, .icgds .lmn-col-1 { width: 100%; min-height: 1px; padding-right: calc(var(--spacing-x) / 2); padding-left: calc(var(--spacing-x) / 2); } .icgds .lmn-col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-first { order: -1; } .icgds .lmn-order-last { order: 13; } .icgds .lmn-order-0 { order: 0; } .icgds .lmn-order-1 { order: 1; } .icgds .lmn-order-2 { order: 2; } .icgds .lmn-order-3 { order: 3; } .icgds .lmn-order-4 { order: 4; } .icgds .lmn-order-5 { order: 5; } .icgds .lmn-order-6 { order: 6; } .icgds .lmn-order-7 { order: 7; } .icgds .lmn-order-8 { order: 8; } .icgds .lmn-order-9 { order: 9; } .icgds .lmn-order-10 { order: 10; } .icgds .lmn-order-11 { order: 11; } .icgds .lmn-order-12 { order: 12; } .icgds .lmn-offset-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-3 { margin-left: 25%; } .icgds .lmn-offset-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-6 { margin-left: 50%; } .icgds .lmn-offset-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-9 { margin-left: 75%; } .icgds .lmn-offset-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-11 { margin-left: 91.6666666667%; } @media (min-width: 480px) { .icgds .lmn-col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-sm-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-sm-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-sm-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-sm-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-sm-first { order: -1; } .icgds .lmn-order-sm-last { order: 13; } .icgds .lmn-order-sm-0 { order: 0; } .icgds .lmn-order-sm-1 { order: 1; } .icgds .lmn-order-sm-2 { order: 2; } .icgds .lmn-order-sm-3 { order: 3; } .icgds .lmn-order-sm-4 { order: 4; } .icgds .lmn-order-sm-5 { order: 5; } .icgds .lmn-order-sm-6 { order: 6; } .icgds .lmn-order-sm-7 { order: 7; } .icgds .lmn-order-sm-8 { order: 8; } .icgds .lmn-order-sm-9 { order: 9; } .icgds .lmn-order-sm-10 { order: 10; } .icgds .lmn-order-sm-11 { order: 11; } .icgds .lmn-order-sm-12 { order: 12; } .icgds .lmn-offset-sm-0 { margin-left: 0; } .icgds .lmn-offset-sm-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-sm-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-sm-3 { margin-left: 25%; } .icgds .lmn-offset-sm-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-sm-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-sm-6 { margin-left: 50%; } .icgds .lmn-offset-sm-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-sm-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-sm-9 { margin-left: 75%; } .icgds .lmn-offset-sm-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .icgds .lmn-col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-md-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-md-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-md-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-md-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-md-first { order: -1; } .icgds .lmn-order-md-last { order: 13; } .icgds .lmn-order-md-0 { order: 0; } .icgds .lmn-order-md-1 { order: 1; } .icgds .lmn-order-md-2 { order: 2; } .icgds .lmn-order-md-3 { order: 3; } .icgds .lmn-order-md-4 { order: 4; } .icgds .lmn-order-md-5 { order: 5; } .icgds .lmn-order-md-6 { order: 6; } .icgds .lmn-order-md-7 { order: 7; } .icgds .lmn-order-md-8 { order: 8; } .icgds .lmn-order-md-9 { order: 9; } .icgds .lmn-order-md-10 { order: 10; } .icgds .lmn-order-md-11 { order: 11; } .icgds .lmn-order-md-12 { order: 12; } .icgds .lmn-offset-md-0 { margin-left: 0; } .icgds .lmn-offset-md-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-md-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-md-3 { margin-left: 25%; } .icgds .lmn-offset-md-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-md-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-md-6 { margin-left: 50%; } .icgds .lmn-offset-md-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-md-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-md-9 { margin-left: 75%; } .icgds .lmn-offset-md-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 1024px) { .icgds .lmn-col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-lg-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-lg-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-lg-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-lg-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-lg-first { order: -1; } .icgds .lmn-order-lg-last { order: 13; } .icgds .lmn-order-lg-0 { order: 0; } .icgds .lmn-order-lg-1 { order: 1; } .icgds .lmn-order-lg-2 { order: 2; } .icgds .lmn-order-lg-3 { order: 3; } .icgds .lmn-order-lg-4 { order: 4; } .icgds .lmn-order-lg-5 { order: 5; } .icgds .lmn-order-lg-6 { order: 6; } .icgds .lmn-order-lg-7 { order: 7; } .icgds .lmn-order-lg-8 { order: 8; } .icgds .lmn-order-lg-9 { order: 9; } .icgds .lmn-order-lg-10 { order: 10; } .icgds .lmn-order-lg-11 { order: 11; } .icgds .lmn-order-lg-12 { order: 12; } .icgds .lmn-offset-lg-0 { margin-left: 0; } .icgds .lmn-offset-lg-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-lg-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-lg-3 { margin-left: 25%; } .icgds .lmn-offset-lg-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-lg-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-lg-6 { margin-left: 50%; } .icgds .lmn-offset-lg-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-lg-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-lg-9 { margin-left: 75%; } .icgds .lmn-offset-lg-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1440px) { .icgds .lmn-col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-xl-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-xl-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-xl-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-xl-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-xl-first { order: -1; } .icgds .lmn-order-xl-last { order: 13; } .icgds .lmn-order-xl-0 { order: 0; } .icgds .lmn-order-xl-1 { order: 1; } .icgds .lmn-order-xl-2 { order: 2; } .icgds .lmn-order-xl-3 { order: 3; } .icgds .lmn-order-xl-4 { order: 4; } .icgds .lmn-order-xl-5 { order: 5; } .icgds .lmn-order-xl-6 { order: 6; } .icgds .lmn-order-xl-7 { order: 7; } .icgds .lmn-order-xl-8 { order: 8; } .icgds .lmn-order-xl-9 { order: 9; } .icgds .lmn-order-xl-10 { order: 10; } .icgds .lmn-order-xl-11 { order: 11; } .icgds .lmn-order-xl-12 { order: 12; } .icgds .lmn-offset-xl-0 { margin-left: 0; } .icgds .lmn-offset-xl-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-xl-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-xl-3 { margin-left: 25%; } .icgds .lmn-offset-xl-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-xl-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-xl-6 { margin-left: 50%; } .icgds .lmn-offset-xl-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-xl-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-xl-9 { margin-left: 75%; } .icgds .lmn-offset-xl-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1680px) { .icgds .lmn-col-2xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-2xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-2xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-2xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-2xl-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-2xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-2xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-2xl-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-2xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-2xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-2xl-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-2xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-2xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-2xl-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-2xl-first { order: -1; } .icgds .lmn-order-2xl-last { order: 13; } .icgds .lmn-order-2xl-0 { order: 0; } .icgds .lmn-order-2xl-1 { order: 1; } .icgds .lmn-order-2xl-2 { order: 2; } .icgds .lmn-order-2xl-3 { order: 3; } .icgds .lmn-order-2xl-4 { order: 4; } .icgds .lmn-order-2xl-5 { order: 5; } .icgds .lmn-order-2xl-6 { order: 6; } .icgds .lmn-order-2xl-7 { order: 7; } .icgds .lmn-order-2xl-8 { order: 8; } .icgds .lmn-order-2xl-9 { order: 9; } .icgds .lmn-order-2xl-10 { order: 10; } .icgds .lmn-order-2xl-11 { order: 11; } .icgds .lmn-order-2xl-12 { order: 12; } .icgds .lmn-offset-2xl-0 { margin-left: 0; } .icgds .lmn-offset-2xl-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-2xl-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-2xl-3 { margin-left: 25%; } .icgds .lmn-offset-2xl-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-2xl-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-2xl-6 { margin-left: 50%; } .icgds .lmn-offset-2xl-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-2xl-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-2xl-9 { margin-left: 75%; } .icgds .lmn-offset-2xl-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-2xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1920px) { .icgds .lmn-col-3xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .icgds .lmn-col-3xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .icgds .lmn-col-3xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .icgds .lmn-col-3xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .icgds .lmn-col-3xl-3 { flex: 0 0 25%; max-width: 25%; } .icgds .lmn-col-3xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .icgds .lmn-col-3xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .icgds .lmn-col-3xl-6 { flex: 0 0 50%; max-width: 50%; } .icgds .lmn-col-3xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .icgds .lmn-col-3xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .icgds .lmn-col-3xl-9 { flex: 0 0 75%; max-width: 75%; } .icgds .lmn-col-3xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .icgds .lmn-col-3xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .icgds .lmn-col-3xl-12 { flex: 0 0 100%; max-width: 100%; } .icgds .lmn-order-3xl-first { order: -1; } .icgds .lmn-order-3xl-last { order: 13; } .icgds .lmn-order-3xl-0 { order: 0; } .icgds .lmn-order-3xl-1 { order: 1; } .icgds .lmn-order-3xl-2 { order: 2; } .icgds .lmn-order-3xl-3 { order: 3; } .icgds .lmn-order-3xl-4 { order: 4; } .icgds .lmn-order-3xl-5 { order: 5; } .icgds .lmn-order-3xl-6 { order: 6; } .icgds .lmn-order-3xl-7 { order: 7; } .icgds .lmn-order-3xl-8 { order: 8; } .icgds .lmn-order-3xl-9 { order: 9; } .icgds .lmn-order-3xl-10 { order: 10; } .icgds .lmn-order-3xl-11 { order: 11; } .icgds .lmn-order-3xl-12 { order: 12; } .icgds .lmn-offset-3xl-0 { margin-left: 0; } .icgds .lmn-offset-3xl-1 { margin-left: 8.3333333333%; } .icgds .lmn-offset-3xl-2 { margin-left: 16.6666666667%; } .icgds .lmn-offset-3xl-3 { margin-left: 25%; } .icgds .lmn-offset-3xl-4 { margin-left: 33.3333333333%; } .icgds .lmn-offset-3xl-5 { margin-left: 41.6666666667%; } .icgds .lmn-offset-3xl-6 { margin-left: 50%; } .icgds .lmn-offset-3xl-7 { margin-left: 58.3333333333%; } .icgds .lmn-offset-3xl-8 { margin-left: 66.6666666667%; } .icgds .lmn-offset-3xl-9 { margin-left: 75%; } .icgds .lmn-offset-3xl-10 { margin-left: 83.3333333333%; } .icgds .lmn-offset-3xl-11 { margin-left: 91.6666666667%; } } .icgds .lmn-col-1 { flex: 1 0 8.3333333333%; width: 8.3333333333%; max-width: 100%; } .icgds .lmn-col-2 { flex: 1 0 16.6666666667%; width: 16.6666666667%; max-width: 100%; } .icgds .lmn-col-3 { flex: 1 0 25%; width: 25%; max-width: 100%; } .icgds .lmn-col-4 { flex: 1 0 33.3333333333%; width: 33.3333333333%; max-width: 100%; } .icgds .lmn-col-5 { flex: 1 0 41.6666666667%; width: 41.6666666667%; max-width: 100%; } .icgds .lmn-col-6 { flex: 1 0 50%; width: 50%; max-width: 100%; } .icgds .lmn-col-7 { flex: 1 0 58.3333333333%; width: 58.3333333333%; max-width: 100%; } .icgds .lmn-col-8 { flex: 1 0 66.6666666667%; width: 66.6666666667%; max-width: 100%; } .icgds .lmn-col-9 { flex: 1 0 75%; width: 75%; max-width: 100%; } .icgds .lmn-col-10 { flex: 1 0 83.3333333333%; width: 83.3333333333%; max-width: 100%; } .icgds .lmn-col-11 { flex: 1 0 91.6666666667%; width: 91.6666666667%; max-width: 100%; } .icgds .lmn-col-12 { flex: 1 0 100%; width: 100%; max-width: 100%; } @media (min-width: 480px) { .icgds .lmn-col-sm-1 { flex: 1 0 8.3333333333%; width: 8.3333333333%; max-width: 100%; } .icgds .lmn-col-sm-2 { flex: 1 0 16.6666666667%; width: 16.6666666667%; max-width: 100%; } .icgds .lmn-col-sm-3 { flex: 1 0 25%; width: 25%; max-width: 100%; } .icgds .lmn-col-sm-4 { flex: 1 0 33.3333333333%; width: 33.3333333333%; max-width: 100%; } .icgds .lmn-col-sm-5 { flex: 1 0 41.6666666667%; width: 41.6666666667%; max-width: 100%; } .icgds .lmn-col-sm-6 { flex: 1 0 50%; width: 50%; max-width: 100%; } .icgds .lmn-col-sm-7 { flex: 1 0 58.3333333333%; width: 58.3333333333%; max-width: 100%; } .icgds .lmn-col-sm-8 { flex: 1 0 66.6666666667%; width: 66.6666666667%; max-width: 100%; } .icgds .lmn-col-sm-9 { flex: 1 0 75%; width: 75%; max-width: 100%; } .icgds .lmn-col-sm-10 { flex: 1 0 83.3333333333%; width: 83.3333333333%; max-width: 100%; } .icgds .lmn-col-sm-11 { flex: 1 0 91.6666666667%; width: 91.6666666667%; max-width: 100%; } .icgds .lmn-col-sm-12 { flex: 1 0 100%; width: 100%; max-width: 100%; } } @media (min-width: 768px) { .icgds .lmn-col-md-1 { flex: 1 0 8.3333333333%; width: 8.3333333333%; max-width: 100%; } .icgds .lmn-col-md-2 { flex: 1 0 16.6666666667%; width: 16.6666666667%; max-width: 100%; } .icgds .lmn-col-md-3 { flex: 1 0 25%; width: 25%; max-width: 100%; } .icgds .lmn-col-md-4 { flex: 1 0 33.3333333333%; width: 33.3333333333%; max-width: 100%; } .icgds .lmn-col-md-5 { flex: 1 0 41.6666666667%; width: 41.6666666667%; max-width: 100%; } .icgds .lmn-col-md-6 { flex: 1 0 50%; width: 50%; max-width: 100%; } .icgds .lmn-col-md-7 { flex: 1 0 58.3333333333%; width: 58.3333333333%; max-width: 100%; } .icgds .lmn-col-md-8 { flex: 1 0 66.6666666667%; width: 66.6666666667%; max-width: 100%; } .icgds .lmn-col-md-9 { flex: 1 0 75%; width: 75%; max-width: 100%; } .icgds .lmn-col-md-10 { flex: 1 0 83.3333333333%; width: 83.3333333333%; max-width: 100%; } .icgds .lmn-col-md-11 { flex: 1 0 91.6666666667%; width: 91.6666666667%; max-width: 100%; } .icgds .lmn-col-md-12 { flex: 1 0 100%; width: 100%; max-width: 100%; } } @media (min-width: 1024px) { .icgds .lmn-col-lg-1 { flex: 1 0 8.3333333333%; width: 8.3333333333%; max-width: 100%; } .icgds .lmn-col-lg-2 { flex: 1 0 16.6666666667%; width: 16.6666666667%; max-width: 100%; } .icgds .lmn-col-lg-3 { flex: 1 0 25%; width: 25%; max-width: 100%; } .icgds .lmn-col-lg-4 { flex: 1 0 33.3333333333%; width: 33.3333333333%; max-width: 100%; } .icgds .lmn-col-lg-5 { flex: 1 0 41.6666666667%; width: 41.6666666667%; max-width: 100%; } .icgds .lmn-col-lg-6 { flex: 1 0 50%; width: 50%; max-width: 100%; } .icgds .lmn-col-lg-7 { flex: 1 0 58.3333333333%; width: 58.3333333333%; max-width: 100%; } .icgds .lmn-col-lg-8 { flex: 1 0 66.6666666667%; width: 66.6666666667%; max-width: 100%; } .icgds .lmn-col-lg-9 { flex: 1 0 75%; width: 75%; max-width: 100%; } .icgds .lmn-col-lg-10 { flex: 1 0 83.3333333333%; width: 83.3333333333%; max-width: 100%; } .icgds .lmn-col-lg-11 { flex: 1 0 91.6666666667%; width: 91.6666666667%; max-width: 100%; } .icgds .lmn-col-lg-12 { flex: 1 0 100%; width: 100%; max-width: 100%; } } @media (min-width: 1440px) { .icgds .lmn-col-xl-1 { flex: 1 0 8.3333333333%; width: 8.3333333333%; max-width: 100%; } .icgds .lmn-col-xl-2 { flex: 1 0 16.6666666667%; width: 16.6666666667%; max-width: 100%; } .icgds .lmn-col-xl-3 { flex: 1 0 25%; width: 25%; max-width: 100%; } .icgds .lmn-col-xl-4 { flex: 1 0 33.3333333333%; width: 33.3333333333%; max-width: 100%; } .icgds .lmn-col-xl-5 { flex: 1 0 41.6666666667%; width: 41.6666666667%; max-width: 100%; } .icgds .lmn-col-xl-6 { flex: 1 0 50%; width: 50%; max-width: 100%; } .icgds .lmn-col-xl-7 { flex: 1 0 58.3333333333%; width: 58.3333333333%; max-width: 100%; } .icgds .lmn-col-xl-8 { flex: 1 0 66.6666666667%; width: 66.6666666667%; max-width: 100%; } .icgds .lmn-col-xl-9 { flex: 1 0 75%; width: 75%; max-width: 100%; } .icgds .lmn-col-xl-10 { flex: 1 0 83.3333333333%; width: 83.3333333333%; max-width: 100%; } .icgds .lmn-col-xl-11 { flex: 1 0 91.6666666667%; width: 91.6666666667%; max-width: 100%; } .icgds .lmn-col-xl-12 { flex: 1 0 100%; width: 100%; max-width: 100%; } } @media (min-width: 1680px) { .icgds .lmn-col-2xl-1 { flex: 1 0 8.3333333333%; width: 8.3333333333%; max-width: 100%; } .icgds .lmn-col-2xl-2 { flex: 1 0 16.6666666667%; width: 16.6666666667%; max-width: 100%; } .icgds .lmn-col-2xl-3 { flex: 1 0 25%; width: 25%; max-width: 100%; } .icgds .lmn-col-2xl-4 { flex: 1 0 33.3333333333%; width: 33.3333333333%; max-width: 100%; } .icgds .lmn-col-2xl-5 { flex: 1 0 41.6666666667%; width: 41.6666666667%; max-width: 100%; } .icgds .lmn-col-2xl-6 { flex: 1 0 50%; width: 50%; max-width: 100%; } .icgds .lmn-col-2xl-7 { flex: 1 0 58.3333333333%; width: 58.3333333333%; max-width: 100%; } .icgds .lmn-col-2xl-8 { flex: 1 0 66.6666666667%; width: 66.6666666667%; max-width: 100%; } .icgds .lmn-col-2xl-9 { flex: 1 0 75%; width: 75%; max-width: 100%; } .icgds .lmn-col-2xl-10 { flex: 1 0 83.3333333333%; width: 83.3333333333%; max-width: 100%; } .icgds .lmn-col-2xl-11 { flex: 1 0 91.6666666667%; width: 91.6666666667%; max-width: 100%; } .icgds .lmn-col-2xl-12 { flex: 1 0 100%; width: 100%; max-width: 100%; } } @media (min-width: 1920px) { .icgds .lmn-col-3xl-1 { flex: 1 0 8.3333333333%; width: 8.3333333333%; max-width: 100%; } .icgds .lmn-col-3xl-2 { flex: 1 0 16.6666666667%; width: 16.6666666667%; max-width: 100%; } .icgds .lmn-col-3xl-3 { flex: 1 0 25%; width: 25%; max-width: 100%; } .icgds .lmn-col-3xl-4 { flex: 1 0 33.3333333333%; width: 33.3333333333%; max-width: 100%; } .icgds .lmn-col-3xl-5 { flex: 1 0 41.6666666667%; width: 41.6666666667%; max-width: 100%; } .icgds .lmn-col-3xl-6 { flex: 1 0 50%; width: 50%; max-width: 100%; } .icgds .lmn-col-3xl-7 { flex: 1 0 58.3333333333%; width: 58.3333333333%; max-width: 100%; } .icgds .lmn-col-3xl-8 { flex: 1 0 66.6666666667%; width: 66.6666666667%; max-width: 100%; } .icgds .lmn-col-3xl-9 { flex: 1 0 75%; width: 75%; max-width: 100%; } .icgds .lmn-col-3xl-10 { flex: 1 0 83.3333333333%; width: 83.3333333333%; max-width: 100%; } .icgds .lmn-col-3xl-11 { flex: 1 0 91.6666666667%; width: 91.6666666667%; max-width: 100%; } .icgds .lmn-col-3xl-12 { flex: 1 0 100%; width: 100%; max-width: 100%; } } .icgds .lmn-page-container { width: 100%; position: relative; margin-left: 12px; margin-right: 12px; } @media (min-width: 480px) { .icgds .lmn-page-container { margin-left: 12px; margin-right: 12px; } } @media (min-width: 768px) { .icgds .lmn-page-container { margin-left: 24px; margin-right: 24px; } } @media (min-width: 1024px) { .icgds .lmn-page-container { margin-left: 24px; margin-right: 24px; } } @media (min-width: 1440px) { .icgds .lmn-page-container { margin-left: 48px; margin-right: 48px; } } @media (min-width: 1680px) { .icgds .lmn-page-container { margin-left: 48px; margin-right: 48px; } } @media (min-width: 1920px) { .icgds .lmn-page-container { max-width: 1824px; } } .icgds .slide-in-down { transform: translateY(-100%); opacity: 0; animation: slide-in-down var(--motion-duration-fast-4) forwards var(--comp-transition); } @keyframes slide-in-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } .icgds .slide-in-up-ease-out { animation: slide-in-up-ease-out var(--motion-duration-fast-4) var(--motion-timing-ease-out); } @keyframes slide-in-up-ease-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-100%); } } .icgds .lmn-bg-ui-0 { background-color: var(--ui-0) !important; } .icgds .lmn-bg-ui-1 { background-color: var(--ui-1) !important; } .icgds .lmn-bg-ui-2 { background-color: var(--ui-2) !important; } .icgds .lmn-bg-ui-3 { background-color: var(--ui-3) !important; } .icgds .lmn-bg-ui-4 { background-color: var(--ui-4) !important; } .icgds .lmn-bg-ui-5 { background-color: var(--ui-5) !important; } .icgds .lmn-bg-ui-6 { background-color: var(--ui-6) !important; } .icgds .lmn-bg-ui-7 { background-color: var(--ui-7) !important; } .lmn-hc-base-chart { width: 100%; height: 100%; display: block; } .lmn-highcharts-container { height: 100%; display: block; min-height: var(--hc-loading-overlay-height); } .highcharts-container { width: 100% !important; } .lmn-highcharts-chart { height: 100%; display: block; } .lmn-hc-tooltip { position: relative; color: var(--highcharts-tooltip_foreground); padding: 4px 8px; border-radius: var(--highcharts-tooltip_border-radius); /* Styles/Global/Shadow & Background/Card/Level 3/default */ box-shadow: var(--highcharts-tooltip_shadow); } .lmn-hc-tooltip .lmn-hc-tooltip-body { font-family: var(--font-family-base); font-weight: var(--font-weight-light); } .lmn-hc-tooltip .lmn-hc-tooltip-body .lmn-hc-tooltip-indicator { display: inline-block; width: 8px; height: 8px; border: 1px solid var(--highcharts-tooltip-indicator_border-fill); border-radius: 50%; box-sizing: content-box; } .lmn-hc-tooltip .lmn-hc-tooltip-tail { position: absolute; bottom: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--highcharts-tooltip_fill); /* match background */ } .lmn-vertical-bar-chart-container .highcharts-crosshair { stroke: var(--highcharts-crosshair-thin_fill); /* Match the stroke color */ opacity: 0.1 !important; } .lmn-area-chart-container .highcharts-crosshair-thin, .lmn-line-chart-container .highcharts-crosshair-thin, .lmn-line-chart-container .highcharts-crosshair { stroke: var(--highcharts-crosshair-thin_stroke); /* Match the stroke color */ stroke-width: 1px; stroke-opacity: unset !important; } .highcharts-hc-center-text .title { color: var(--highcharts-donut-chart-title_foreground); text-align: center; font-size: 16px; line-height: 16px; font-weight: var(--highcharts_font-weight-bold); letter-spacing: -0.2px; } .highcharts-hc-center-text .prefix, .highcharts-hc-center-text .suffix { color: var(--highcharts-donut-chart-prefix_foreground); text-align: center; font-size: 13px; font-weight: var(--highcharts_font-weight-light); line-height: 20px; } .lmn-donut-container { height: 100%; row-gap: 8px; } .lmn-donut-chart-container { height: 100% !important; } .lmn-donut-chart-container-fit { height: fit-content !important; } .lmn-donut-chart-legend-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 32px; } .lmn-donut-chart-legend-grid.size-sm, .lmn-donut-chart-legend-grid.size-xs { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lmn-donut-chart-legend-items { display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: opacity 0.2s ease; width: 100%; min-width: 0; } .lmn-donut-chart-legend-items.hidden { opacity: 0.4; } .lmn-donut-chart-legend-container { display: flex; align-items: center; margin-right: 16px; flex: 1; min-width: 0; position: relative; } .lmn-donut-chart-legend-container .lmn-donut-chart-legend-marker { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 8px; flex-shrink: 0; } .lmn-donut-chart-legend-label, .lmn-donut-chart-legend-value { color: var(--highcharts-donut-chart-legends_foreground); font-weight: var(--highcharts_font-weight-light); font-size: 16px; line-height: 24px; /* 153.846% */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lmn-donut-chart-legend-label.size-md, .size-md.lmn-donut-chart-legend-value { font-size: 13px; line-height: 20px; } .lmn-donut-chart-legend-label.size-sm, .size-sm.lmn-donut-chart-legend-value { font-size: 13px; line-height: 20px; } .lmn-donut-chart-legend-label.size-xs, .size-xs.lmn-donut-chart-legend-value { font-size: 13px; line-height: 20px; } .lmn-donut-chart-legend-value { font-weight: var(--highcharts_font-weight-bold) !important; margin-left: 8px; white-space: nowrap; flex-shrink: 0; } .lmn-hc-loading-overlay { position: relative; /* or relative if parent allows */ width: 100%; min-height: var(--hc-loading-overlay-height, 284px); height: 100%; background: var(--highcharts-loading-overlay_fill); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; } .lmn-hc-loading-text { text-align: center; /* Ensure text is centered */ } .lmn-hc-tooltip-indentation { margin-left: 21px; } :root .highcharts-light, :host .highcharts-light { --highcharts-background-color: var(--white); --highcharts-neutral-color-10: var(--ui-3); } .highcharts-root { font-family: var(--highcharts_font-family) !important; font-size: 11px !important; line-height: 16px !important; font-weight: var(--highcharts_font-weight-light) !important; } .highcharts-credits { display: none; } .highcharts-axis-labels text { fill: var(--highcharts-axis-labels_fill) !important; text-align: right; font-size: 11px !important; } .highcharts-title { fill: var(--highcharts-title-fill) !important; font-family: var(--highcharts_font-family); font-size: 19px !important; font-weight: var(--highcharts_font-weight-regular) !important; line-height: 28px; /* 147.368% */ } .highcharts-legend-item text { fill: var(--highcharts-legend-item-text_fill) !important; font-family: var(--highcharts_font-family); font-size: 11px !important; line-height: 16px; /* 145.455% */ } /* Legend hover affects points and series */ .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover), .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover, .highcharts-point-select), .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover), .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) { opacity: 1 !important; } .highcharts-grid.highcharts-yaxis-grid .highcharts-grid-line { stroke-dasharray: 1, 2; } .highcharts-xaxis .highcharts-axis-line { visibility: hidden !important; } .highcharts-legend-item.highcharts-pie-series .highcharts-point { transform: translateY(2px) !important; stroke: unset !important; } .highcharts-legend-item.highcharts-area-series .highcharts-point, .highcharts-legend-item.highcharts-column-series .highcharts-point, .highcharts-legend-item.highcharts-line-series .highcharts-point { transform: translateY(-1px) !important; } .highcharts-legend-item.highcharts-area-series text, .highcharts-legend-item.highcharts-column-series text, .highcharts-legend-item.highcharts-line-series text { transform: translateX(3px) !important; } .highcharts-tooltip .highcharts-tooltip-box { fill: var(--highcharts-tooltip_fill) !important; } .highcharts-yaxis .highcharts-tick { stroke-width: 1; stroke-dasharray: 1, 2; transform: translateX(1px) !important; stroke: var(--highcharts-neutral-color-10); } .highcharts-point { stroke-width: 3px !important; } .highcharts-column-series .highcharts-point { stroke-width: unset !important; } .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select { stroke-width: unset !important; } .highcharts-halo { visibility: hidden !important; } .ag-root-wrapper, .ag-popup, .ag-header, .ag-row, .ag-spanned-row { font-family: var(--family_table) !important; } .ag-root-wrapper { --ag-wrapper-border-radius: 0px; --ag-side-panel-border: 0px; border: 1px solid var(--ag-grid-border-color); } .ag-row { text-overflow: ellipsis; --ag-row-hover-color: var(--ag-grid-row-hover-color); } :where(.ag-ltr) .ag-cell:not(.ag-cell-inline-editing), :where(.ag-ltr) .ag-full-width-row .ag-cell-wrapper.ag-row-group { padding: 12px; } :where(.ag-ltr) .ag-cell:not(.ag-cell-inline-editing).ag-column-first, :where(.ag-ltr) .ag-full-width-row .ag-cell-wrapper.ag-row-group.ag-column-first { padding-left: 24px; } :where(.ag-ltr) .ag-cell:not(.ag-cell-inline-editing).ag-column-last, :where(.ag-ltr) .ag-full-width-row .ag-cell-wrapper.ag-row-group.ag-column-last { padding-right: 24px; } .ag-cell { border: none; border-right: 1px solid var(--ag-grid-border-color); line-height: var(--ag-data-line-height); font-weight: var(--ag-data-font-weight); height: 100%; } .ag-cell-wrapper > :where(:not(.ag-cell-value, .ag-group-value)) { height: auto; } .ag-cell-wrapper:where(.ag-row-group) { align-items: center; } .ag-cell-focus:not(.ag-cell-range-selected):focus-within { border: none; border-color: unset; background-color: var(--ag-grid-row-pressed-color); } .ag-cell-focus:not(.ag-cell-range-selected):focus-visible { outline-offset: -1px !important; outline: 1px solid var(--focus-outline) !important; } .ag-header { border-bottom: 2px solid var(--ag-grid-border-color); background: var(--ag-grid-column-header-background); line-height: var(--ag-header-line-height); text-overflow: ellipsis; } .ag-header-group-cell { border-bottom: 2px solid var(--ag-grid-border-color); } .ag-header-group-cell .ag-header-cell-comp-wrapper { align-self: center !important; } .ag-header-cell, .ag-header-group-cell { border-top: none !important; border-right: 1px solid var(--ag-grid-border-color); padding: 12px; } .ag-header-cell.ag-column-first, .ag-header-group-cell.ag-column-first { padding-left: 24px; } .ag-header-cell.ag-column-last, .ag-header-group-cell.ag-column-last { padding-right: 24px; } .ag-header-cell.ag-column-last .ag-column-header-actions, .ag-header-group-cell.ag-column-last .ag-column-header-actions { margin-right: 0px !important; } :where(.ag-delay-render) .ag-cell, :where(.ag-delay-render) .ag-header-cell, :where(.ag-delay-render) .ag-header-group-cell, :where(.ag-delay-render) .ag-row, :where(.ag-delay-render) .ag-spanned-cell-wrapper { visibility: visible; } /* For left-pinned columns */ .ag-header .ag-pinned-left-header, .ag-body-viewport .ag-pinned-left-cols-container { position: relative; z-index: 1; border-right: 1px 0 0 0 var(--global-neutral-alpha-black-10, rgba(0, 0, 0, 0.1)); box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.01), 4px 0 4px 0 rgba(0, 0, 0, 0.03); } /* For right-pinned columns */ .ag-header .ag-pinned-right-header, .ag-body-viewport .ag-pinned-right-cols-container { position: relative; z-index: 1; box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.01), -4px 0 4px 0 rgba(0, 0, 0, 0.03); } .ag-floating-bottom { position: relative; z-index: 1; box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.01), 4px 0 4px 0 rgba(0, 0, 0, 0.03), 0 -4px 4px 0 rgba(0, 0, 0, 0.01), 0 -4px 4px 0 rgba(0, 0, 0, 0.03); } .ag-menu { border-radius: var(--context-menu_radius); background: var(--context-menu_fill); outline: var(--context-menu_border-width) solid var(--context-menu_border); outline-offset: calc(var(--context-menu_border-width) * -1); border: none; box-shadow: 0px 1px 4px 3.2px var(--context-menu-shadow-outer-primary), 0px 4px 8px 0px var(--context-menu-shadow-outer-secondary); } .ag-column-header-actions { gap: 8px; } .ag-order-badge { height: 22px; line-height: 20px; font-size: 13px; text-align: center; border-radius: 999px; border: 1px solid var(--color-blue-700); padding: 0 7px; } .ag-filter .ag-filter-items { overflow: auto; max-height: 200px !important; min-width: 160px; } .ag-menu.ag-column-menu, .ag-menu.ag-filter-menu { z-index: 1001; } .ag-row:has(.lmn-loading-cell-renderer) { display: none; } /* allow wrapping in header text */ .ag-header-cell-comp-wrapper { align-self: flex-start; align-items: flex-start; } .ag-side-bar { background-color: var(--custom-columns-tool-panel-background); } .ag-side-buttons { display: none; } /* Ensure the parent container has a relative position */ .lmnp-container, .new-container { position: relative; } /* Style for the LogonTemplate */ .LogonTemplate { position: relative; z-index: 1; /* Ensure it is below the overlay */ } /* Style for the dynamicTemplate overlay */ .dynamicTemplate { position: fixed; /* Sit on top of the page content */ display: none; /* Hidden by default */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */ z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */ cursor: default; overflow: auto; } .dynamic-template-wrapper { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1050; /* Ensure it appears above other elements */ display: flex; justify-content: center; align-items: center; padding: 20px; /* Optional: Add padding around the modal */ border-radius: 8px; /* Optional: Add rounded corners */ width: 100%; } .dynamic-template-wrapper > ng-container { max-width: 90vw; /* Ensure it doesn't exceed 90% of the viewport width */ max-height: 90vh; /* Ensure it doesn't exceed 90% of the viewport height */ overflow: auto; /* Add scrollbars if the content overflows */ background: #fff; /* Set a background color for the modal */ padding: 20px; /* Add padding inside the modal */ border-radius: 8px; /* Optional: Add rounded corners */ } .lmn-comp-bg-color-hover { background: var(--comp-bg-color-hover); } body { overflow-y: auto !important; } .lmn-btn-text-color-default { color: var(--btn-text-color-default); } .xmuiPageHeader { display: none; } .xmuiPageHeader div { display: none; } .scan-corner-top-left { position: absolute; top: 0; left: 0; } .scan-corner-top-left:before { content: ""; position: absolute; top: 0; left: 0; height: 5px; width: 40px; background: var(--primary); } .scan-corner-top-left:after { content: ""; position: absolute; top: 0; left: 0; height: 40px; width: 5px; background: var(--primary); } .scan-corner-top-right { position: absolute; top: 0; right: 0; } .scan-corner-top-right:before { content: ""; position: absolute; top: 0; right: 0; height: 5px; width: 40px; background: var(--primary); } .scan-corner-top-right:after { content: ""; position: absolute; top: 0; right: 0; height: 40px; width: 5px; background: var(--primary); } .scan-corner-bottom-left { position: absolute; bottom: 0; left: 0; } .scan-corner-bottom-left:before { content: ""; position: absolute; bottom: 0; left: 0; height: 5px; width: 40px; background: var(--primary); } .scan-corner-bottom-left:after { content: ""; position: absolute; bottom: 0; left: 0; height: 40px; width: 5px; background: var(--primary); } .scan-corner-bottom-right { position: absolute; bottom: 0; right: 0; } .scan-corner-bottom-right:before { content: ""; position: absolute; bottom: 0; right: 0; height: 5px; width: 40px; background: var(--primary); } .scan-corner-bottom-right:after { content: ""; position: absolute; bottom: 0; right: 0; height: 40px; width: 5px; background: var(--primary); } .CeeveeChatbtn { position: fixed !important; right: 6px !important; bottom: 72px; } .chatContainer { position: fixed !important; right: 6px !important; z-index: 9999; height: 350px; bottom: 72px; } [readonly] { cursor: default; -webkit-user-select: none; user-select: none; } .loader { content: ""; background-image: url('loading.9f57167dfb2ca471.gif'); height: 32px; left: 49%; opacity: inherit; position: absolute; top: 42%; transform-origin: center; width: 32px; z-index: 1101; } .bioloader { position: relative; } .biometricLoaderText { top: 55px; /* left : 30%; */ left: 4%; z-index: 1050; position: absolute; margin-top: 28px; font-family: OverpassCiti; font-size: 36px; color: #46637F; letter-spacing: 0; text-align: center; line-height: 40px; } .biometricPhone { top: 0; left: 45%; font-size: 40px; z-index: 1050; position: absolute; margin-top: -25px; color: white; } .biometricCircle { top: 5px; /* left : 4%; */ left: -1%; z-index: 1030; position: absolute; height: 200px; width: 200px; border-radius: 50%; background-size: 100%; border-radius: 50%; margin: -50px -50px 0 0; opacity: 1; } .logonOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(160, 209, 231, 0.1); z-index: 1001; } .qrCodeMob { height: 255px; width: 255px; } #kaptchaImagePw:focus { border: 2px solid var(--btn-border-color-default-focus) !important; } .xmui-info-panel_title, .xmui-ticket-wait_message, .xmui-action-panel_left { display: none; } /*404 Page Start*/ .Error404Wrapper { min-height: 100% !important; margin: 0 auto; } .Error404Icon { max-width: 50%; height: auto; } .Error404CitiHeadrTxt { font-size: 16px; color: #000d20; letter-spacing: 0; text-align: center; line-height: 12.8px; font-weight: 600px; } .Error404Msgtext1 { font-size: 24px; color: #000D20; letter-spacing: 0; text-align: center; line-height: 24px; } .Error404Msgtext2 { opacity: 0.5; font-size: 13px; color: #002D72; letter-spacing: 0; line-height: 16px; } .Error404Msgtext3 { opacity: 0.69; font-size: 12px; color: #002D72; letter-spacing: 0; line-height: 16px; } .btn.btn-Error404Home { font-size: 14px; width: 138px; height: 36px; border-radius: 4px !important; padding: 0px !important; text-transform: none !important; font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 16px; margin-left: -10px !important; font-weight: 100; } .btn.btn-Error404Logout { height: 36px; width: 124px; background-color: #ffffff !important; color: #002D72 !important; font-size: 14px; text-align: center; text-transform: none !important; border-radius: 4px !important; padding: 0px !important; text-transform: none !important; font-size: 14px; font-weight: 500; border: 2px solid #002D72 !important; margin-right: -10px !important; letter-spacing: 0px !important; font-weight: 700; float: right; } .btn.btn-Error404Home:focus { border: 2px solid #007bc2 !important; } .btn.btn-Error404Logout:focus { border: 1px solid #007bc2 !important; } .error404Body { height: 100% !important; background-color: #ffffff !important; } /*404 Page End */ .ruleSeperationLine { width: 85%; border-bottom: 2px solid black; position: absolute; opacity: 0.1; } .pwdruleTips { font-family: OverpassCiti; line-height: 13px; } .superscript { vertical-align: super; font-size: small; } .title-announcement { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } /* Overlay style start */ .lmn-card { border-radius: 24px !important; padding: 36px !important; font-size: 22px; background-color: #EBEFF3 !important; } .header-subheader-frame { width: 408px; gap: 8px; } .sub-text-frame { width: 408px; gap: 8px; } .header { width: 408px; font-family: Citi Sans !important; font-weight: 400; line-height: 32px; letter-spacing: -0.2px; text-align: center; } .sub-header { width: 408px; font-family: Citi Sans; font-weight: 300; line-height: 24px; letter-spacing: 0px; text-align: center; } .lock-img { width: 40px; height: 40px; top: 4px; left: 5px; } .lock-img-background { width: 100%; height: 40px; align-items: center; top: 4px; left: 5px; } .verify-header-container { width: 408px; gap: 8px; } .frame-68px { width: 408px; gap: 8px; } div.qrCd img { height: 192px !important; width: 192px !important; border-radius: 16px !important; } .btn-cancel-bgcolor { background-color: var(--button_fill_outline); } button-200px { width: 200px !important; height: 44px !important; border-radius: 22px; opacity: 1; padding-top: 12px; padding-right: 26px; padding-bottom: 12px; padding-left: 26px; } .button-height-44px { height: 44px !important; } .parent-overflow { overflow: hidden; } .icgds .lmn-btn.lmn-btn-block { line-height: normal !important; } .lmn-form-group label:not(.lmn-label-wrap) { white-space: unset !important; } .app-store-logon { font-family: Citi Sans; font-weight: 400; font-size: 13px; line-height: 20px; letter-spacing: 0px; text-decoration: underline !important; } .qrCd-opacity { opacity: 0.03 !important; pointer-events: none !important; } .icgds .lmn-text-link:visited, .icgds .lmn-text-link.visited { color: #FFF !important; } .icgds .lmn-modal-wrap.lmn-modal-centered.lmn-ede-modal-wrap { display: flex !important; align-items: center !important; min-height: calc(100% - var(--spacing-2x) * 2) !important; padding: unset !important; } .icgds .lmn-ede-modal-wrap .drawer-modal { min-height: unset !important; max-height: unset !important; height: unset !important; } .font-citi-sans { font-family: "Citi Sans", sans-serif !important; font-weight: 300 !important; } .dynamic-card { min-width: 408px; width: 100%; } @media (max-width: 768px) { .dynamic-card { min-width: 408px; } } @media (max-width: 480px) { .dynamic-card { min-width: 100%; } } .dynamic-template-content { max-width: 100vw; /* Ensure it doesn't exceed 90% of the viewport width */ max-height: 100vh; /* Ensure it doesn't exceed 90% of the viewport height */ overflow: auto; /* Add scrollbars if the content overflows */ padding: 20px; /* Add padding inside the modal */ border-radius: 8px; /* Optional: Add rounded corners */ } /* Tablet view */ @media (max-width: 1024px) { .dynamic-template-content { padding: 15px; /* Adjust padding for tablet */ } } /* Mobile view */ @media (max-width: 768px) { .dynamic-template-content { padding: 10px; /* Adjust padding for mobile */ } } @media only screen and (max-width: 480px) { .header-subheader-frame { width: 100%; gap: 8px; } .header { width: 100%; font-family: Citi Sans !important; font-weight: 400; line-height: 32px; letter-spacing: -0.2px; text-align: center; } .sub-text-frame { width: 100%; gap: 8px; } .sub-header { width: 100%; font-family: Citi Sans; font-weight: 300; line-height: 24px; letter-spacing: 0px; text-align: center; } .verify-header-container { width: 100%; gap: 8px; } .frame-68px { width: 100%; gap: 8px; } } .icgds .lmn-text-link.focus { outline: 1px solid var(--focus-outline) !important; } .icgds .lmn-text-link:focus { box-shadow: 0 0 0 var(--shadow_spread_inner-line_focus) var(--shadow_fill_inner-line_focus); } .font-size-22 { font-size: 22px !important; } .security-image { width: 72px !important; height: 72px !important; border-radius: 80px; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1); border: none !important; } .lmnicon-info-circle-o-style { padding-top: 10px !important; width: fit-content; } .lmnicon-info-circle-o-style-gmt { padding-top: 5px !important; width: fit-content; } .icgds .lmn-row { margin-right: 0 !important; margin-left: 0 !important; } @media (min-width: 320px) { .dynamic-template-content { padding: 0; /* Add padding inside the modal */ } .icgds .lmn-input-group .lmn-input-text { min-width: 195px !important; } } @media (min-width: 375px) { .dynamic-template-content { padding: 0; /* Add padding inside the modal */ } .icgds .lmn-input-group .lmn-input-text { min-width: 270px !important; } } @media (min-width: 1440px) { .icgds .lmn-font-size-xl-56 { font-size: 56px !important; line-height: 72px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .icgds .fdic-container { width: 380px !important; flex-grow: 0 !important; } .icgds .flex-gap-24 { gap: 0 !important; align-items: center !important; } } .icgds .lmn-input-group .lmn-input-text { transition-property: none; } .icgds .lmn-radio .lmn-control-input:checked ~ .lmn-control-icon::before { background: var(--primary); } .icgds .lmn-radio .lmn-control-input:checked ~ .lmn-control-icon { background-color: var(--white); } @font-face { font-family: OverpassCiti; font-weight: 400; src: url('OverpassCiti-Regular.1e35242b91bf7aab.otf'); src: url('OverpassCiti-Regular.1e35242b91bf7aab.otf?#iefix') format("embedded-opentype"), url('Interstate-Regular.463449dc96f8a985.woff') format("woff"), url('Interstate-Regular.d358ec90681dfddd.svg#fontname') format("svg"), url('OverpassCiti-Regular.1e35242b91bf7aab.otf'); } @font-face { font-family: OverpassCiti_B; font-weight: 700; src: url('OverpassCiti-Bold.6a28c5cab0ec9a73.otf'); src: url('OverpassCiti-Bold.6a28c5cab0ec9a73.otf?#iefix') format("embedded-opentype"), url('Interstate-Bold.241c323f60e7304c.woff') format("woff"), url('Interstate-Bold.7f5af60140404233.svg#fontname') format("svg"), url('OverpassCiti-Bold.6a28c5cab0ec9a73.otf'); } @font-face { font-family: OverpassCiti_L; font-weight: 100; src: url('OverpassCiti-Light.5b0c41c7893c6aeb.otf'); src: url('OverpassCiti-Light.5b0c41c7893c6aeb.otf?#iefix') format("embedded-opentype"), url('Interstate-Light.73aba391b4db0f65.woff') format("woff"), url('Interstate-Light.4f72cd933f5cc96e.svg#fontname') format("svg"), url('OverpassCiti-Light.5b0c41c7893c6aeb.otf'); } @font-face { font-family: OverpassCiti_LI; font-style: italic; font-weight: 100; src: url('OverpassCiti-LightItalic.6b7ccd46df1faac5.otf'); src: url('OverpassCiti-LightItalic.6b7ccd46df1faac5.otf?#iefix') format("embedded-opentype"), url('OverpassCiti-LightItalic.6b7ccd46df1faac5.otf'); } @font-face { font-family: OverpassCiti_I; font-style: italic; font-weight: 400; src: url('OverpassCiti-Italic.9d30b1247b5a9a88.otf'); src: url('OverpassCiti-Italic.9d30b1247b5a9a88.otf?#iefix') format("embedded-opentype"), url('OverpassCiti-Italic.9d30b1247b5a9a88.otf'); } .lmn-font-OverpassCiti { font-family: OverpassCiti, arial, helvetica, sans-serif; } .lmn-font-OverpassCiti-light { font-family: OverpassCiti_L, arial, helvetica, sans-serif; } .lmn-font-OverpassCiti-bold { font-family: OverpassCiti_B, arial, helvetica, sans-serif; } .lmn-font-OverpassCiti-light-italic { font-family: OverpassCiti_LI, arial, helvetica, sans-serif; } .lmn-font-OverpassCiti-regular-italic { font-family: OverpassCiti_I, arial, helvetica, sans-serif; } /* Added for page background */ .icgds .new-font-citi-sans-light { font-family: "Citi Sans" !important; font-weight: 300; } .icgds .new-font-citi-sans-regular { font-family: "Citi Sans" !important; font-weight: 400; } .icgds .new-font-citi-sans-bold { font-family: "Citi Sans" !important; font-weight: 700; } .icgds .new-font-source-sans-regular { font-family: "Source Sans Pro" !important; font-weight: 400; font-style: normal; } .icgds .new-font-source-sans-italic { font-family: "Source Sans Pro" !important; font-weight: 400; font-style: italic; } .icgds .fdic-container { width: 100%; flex: unset; } @media (min-width: 784px) { .icgds .fdic-container { width: unset; } } .icgds .fdic-container .fdic-wrapper { border: 1px solid rgba(255, 255, 255, 0.5019607843); padding: 0.5rem; border-radius: 0.25rem; min-width: 200px; } .icgds .fdic-text-1 { font-size: 0.8rem !important; line-height: 1rem !important; } .icgds .fdic-text-2 { font-size: 0.625rem !important; line-height: 0.75rem !important; } .icgds .column-gap-12 { column-gap: 0.75rem; } .icgds .new-background { background-color: #111; background-image: var(--new-background-image); background-repeat: no-repeat; background-position: 50% center; background-size: cover; overflow-y: hidden; } .icgds .new-background logininit { position: relative; } .icgds .new-background logininit > div { height: unset !important; } .icgds .new-background { animation: backgroundPanning 220s linear 1s infinite; } @media (min-aspect-ratio: 1/2) { .icgds .new-background { animation-duration: 200s; } } @media (min-aspect-ratio: 5/7) { .icgds .new-background { animation-duration: 170s; } } @media (min-aspect-ratio: 1) { .icgds .new-background { animation-duration: 135s; } } @media (min-aspect-ratio: 6/5) { .icgds .new-background { animation-duration: 110s; } } @media (min-aspect-ratio: 4/3) { .icgds .new-background { animation-duration: 90s; } } @media (min-aspect-ratio: 14/9) { .icgds .new-background { animation-duration: 60s; } } @media (min-aspect-ratio: 16/9) { .icgds .new-background { animation-duration: 30s; } } @keyframes backgroundPanning { 0% { background-position: 50% center; } 100% { background-position: 100% center; } } .icgds #video-bg { display: block; width: 100vw; height: 100vh; object-fit: cover; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .icgds .bg-overlay-container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .icgds .bg-overlay-container .bg-overlay { position: absolute; width: 100%; height: 360px; left: 0; right: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.9) 100%); opacity: 0.8; } @media (max-height: 945px) { .icgds .bg-overlay-container .bg-overlay { height: 240px !important; } } .icgds .bg-overlay-container .bg-overlay.top { height: 250px !important; top: 0; } .icgds .bg-overlay-container .bg-overlay.bottom { height: 400px !important; bottom: 0; transform: rotate(180deg); } .icgds .transition { transition: all 1s; } .icgds .fading { opacity: 0; } .icgds .new-page-container { display: grid; grid-template-columns: 1fr; grid-template-rows: max-content 1fr max-content; width: 100%; height: 100%; min-height: 100vh; font-family: "Citi Sans"; line-height: 1; position: relative; --border-color-1: #FFFFFF66; } .icgds .new-page-container .action-button-select-disable { -webkit-user-select: none; user-select: none; } .icgds .new-page-container .row-gap-12 { row-gap: 0.75rem; } .icgds .new-page-container .row-gap-16 { row-gap: 1rem; } @media (min-width: 375px) { .icgds .new-page-container .new-col-sm-3 { flex: 0 0 25%; max-width: 20%; } } .icgds .new-page-header { align-content: end; padding-top: 1.5rem; } @media (min-width: 584px) { .icgds .new-page-header { padding-top: 2rem; } } .icgds .new-container { width: 100%; position: relative; } @media (min-width: 1680px) { .icgds .new-container { max-width: 1440px; margin-right: auto; margin-left: auto; } } @media (min-width: 1912px) { .icgds .new-container { max-width: 1680px; } } .icgds .new-container sup { top: -0.2em !important; } .icgds .new-glass-container { border: 1px solid rgba(102, 102, 102, 0.4); background: linear-gradient(119deg, rgba(68, 68, 68, 0.64) 0%, rgba(82, 82, 82, 0.64) 100%); box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.3); backdrop-filter: blur(50px); border-radius: 24px; padding: 24px; } .icgds .new-glass-container.glass-for-windows { background: linear-gradient(119deg, rgba(68, 68, 68, 0.8509803922) 0%, rgba(82, 82, 82, 0.8509803922) 100%); backdrop-filter: blur(10px); } .icgds .lmn-d-grid { display: grid !important; } .icgds .flex-gap-24 { gap: 1.5rem; } .icgds .divider-line { color: var(--border-color-1); } @media (max-width: 1071px) { .icgds .text-scaling { --textScaling: 0.666; } } .icgds:has(app-root loginroute .new-background) .logonOverlay { background: rgba(0, 0, 0, 0.5019607843); } .icgds:has(app-root loginroute .new-background) .loader { background-image: url('c-40-spinner.91876a7b4ab261e0.svg'); height: 41px; width: 41px; left: calc((100% - 40px) / 2); top: calc((100% - 40px) / 2); animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .icgds .text-ellipse { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .icgds .text-two-line-ellipse { line-clamp: 2; -webkit-line-clamp: 2; } .icgds .text-three-line-ellipse { line-clamp: 3; -webkit-line-clamp: 3; }