@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600&family=Roboto+Mono:ital,wght@0,400;0,600;1,200;1,500&display=swap";body.theme-lettuce{--teal-vivid-10:#004440;--teal-vivid-20:#016457;--teal-vivid-30:#048271;--teal-vivid-40:#079a82;--teal-vivid-50:#17b897;--teal-vivid-60:#2dcca7;--teal-vivid-70:#5fe3c0;--teal-vivid-80:#8eedd1;--teal-vivid-90:#c6f7e9;--teal-vivid-95:#f3fdf9;--cool-gray-10:#1f2933;--cool-gray-20:#323f4b;--cool-gray-30:#3e4c59;--cool-gray-40:#52606d;--cool-gray-50:#616e7c;--cool-gray-60:#7b8794;--cool-gray-70:#9aa5b1;--cool-gray-75:#cbd2d9;--cool-gray-80:#e7ebef;--cool-gray-85:#dfe5ec;--cool-gray-90:#eceff4;--cool-gray-95:#f5f7fa;--filter-gray:#dae0e74d;--green-10:#05400a;--green-20:#0e5814;--green-30:#207227;--green-40:#2f8132;--green-50:#3f9142;--green-60:#57ae5b;--green-70:#7bc47f;--green-80:#a3d9a5;--green-90:#c1eac5;--green-95:#e3f9e5;--color-apple:#78be21;--color-citrus:#ffa400;--color-rare:#dc8699;--color-plum:#7c2855;--color-tangerine:#d86d21;--color-blueberry:#006ba6;--color-banana:#ffcd00;--color-steak:#cb333b;--color-sorbet:#caa2dd;--color-spearmint:#40c1ac;--color-water:#71c5e8;--color-pear:#c4d600;--color-salmon:#e8927c;--color-ube:#8b84d7;--font-primary:"Outfit", "sans-serif";--font-mono:"Roboto Mono", monospace;--color-error:#f42e48;--color-error-light:#f86a6a;--color-info:#386fdd;--color-warning:#f6a121;--color-success:#0e7817;--color-success-light:#5bbe61;--color-zebra-1:#f5f7facc;--body-color-background:var(--cool-gray-95);--slightly-darker-body-color-background:#d8f8eb;--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:32px;--space-xl:64px;--gap-s:calc(var(--space-xs) + var(--space-s));--gap-m:calc(var(--space-s) + var(--space-m));--text-xxs:11px;--text-xs:12px;--text-s:14px;--text-m:16px;--text-l:18px;--border-radius-primary:4px;--border-radius-card:8px;--border-radius-panel:var(--border-radius-card);--navrail-color-background:var(--teal-vivid-10);--navrail-width:80px;--navrail-compact-width:60px;--navrail-menu-item-color-icon:#d3f8e4;--navrail-menu-item-color-icon-hover:#d3f8e4;--navrail-menu-item-color-hover:var(--color-accent);--navrail-menu-item-label-color:#6acd98;--navrail-menu-item-label-color-hover:white;--navrail-menu-item-selected-color-icon:white;--navrail-menu-item-selected-label-color:white;--color-text-primary:var(--cool-gray-40);--color-text-secondary:var(--cool-gray-50);--color-text-subtle:var(--cool-gray-60);--color-text-heading:var(--cool-gray-20);--color-text-darker:var(--cool-gray-30);--color-accent:var(--teal-vivid-30);--color-highlight:var(--teal-vivid-95);--color-text-highlight:var(--green-40);--color-text-link:var(--color-accent);--color-banner-background:var(--green-10);--color-button-outline:var(--color-outline-base);--color-button-primary:white;--color-button-primary-bg:var(--teal-vivid-20);--color-button-primary-border:var(--teal-vivid-20);--color-button-primary-hover-bg:var(--teal-vivid-40);--color-button-primary-hover-border:var(--teal-vivid-40);--color-button-primary-active-border:var(--teal-vivid-20);--color-button-primary-disabled-bg:var(--cool-gray-60);--color-button-secondary:var(--teal-vivid-20);--color-button-secondary-bg:white;--color-button-secondary-border:var(--cool-gray-80);--color-button-secondary-hover-bg:var(--color-highlight);--color-button-secondary-hover-border:var(--teal-vivid-50);--color-button-secondary-active-bg:white;--color-button-secondary-active-border:var(--color-accent);--color-button-secondary-disabled:var(--cool-gray-60);--color-button-secondary-disabled-border:var(--cool-gray-80);--color-button-text:var(--teal-vivid-20);--color-button-text-hover:var(--teal-vivid-30);--color-button-icon:var(--color-accent);--color-button-toolbar-icon:var(--cool-gray-60);--color-button-icon-hover:var(--teal-vivid-50);--border-radius-button:var(--border-radius-primary);--text-list:var(--text-s);--font-weight-list:500;--color-list-item:var(--color-text-darker);--color-list-item-bg-focused:var(--color-highlight);--color-list-item-selected:var(--color-accent);--color-list-item-bg-selected:var(--cool-gray-95);--color-list-item-focused:var(--color-accent);--color-list-separator:var(--color-divider);--color-list-item-icon:var(--color-text-darker);--color-list-item-focused-icon:var(--color-list-item-focused);--padding-list-item:var(--space-s) calc(var(--space-s) + var(--space-s) / 2);--margin-list-item:0;--text-menu:15px;--font-weight-menu:500;--color-menu-item:var(--cool-gray-40);--color-menu-item-bg-focused:var(--color-highlight);--color-menu-item-focused:var(--color-accent);--color-menu-separator:var(--color-divider);--color-menu-item-icon:var(--color-accent);--color-menu-item-focused-icon:var(--color-accent);--color-menu-item-bg-selected:var(--cool-gray-80);--color-menu-item-selected:var(--cool-gray-30);--color-surface:white;--color-panel-border:var(--color-accent);--color-panel-neutral-border:var(--cool-gray-90);--color-chip-bg:white;--color-chip-border:var(--cool-gray-80);--color-chip-hover:var(--color-accent);--color-chip-hover-bg:var(--color-highlight);--color-chip-hover-border:var(--color-accent);--color-chip-selected-border:var(--color-accent);--color-chip-selected-bg:var(--color-highlight);--color-chip:var(--color-text-primary);--color-chip-selected:var(--color-accent);--color-chip-icon-fill:var(--cool-gray-60);--color-chip-hover-icon-fill:var(--color-accent);--color-chip-selected-icon-fill:var(--color-accent);--color-chip-outline:var(--color-outline-base);--color-list-of-chips-bg:transparent;--color-three-dot-icon-fill:var(--cool-gray-60);--color-three-dot-outline:var(--color-outline-base);--color-three-dot-hover-bg:var(--slightly-darker-body-color-background);--color-three-dot-accent-icon-fill:var(--color-text-highlight);--color-three-dot-selected-bg:var(--slightly-darker-body-color-background);--color-three-dot-neutral-outline:var(--cool-gray-70);--color-three-dot-neutral-hover-bg:var(--cool-gray-90);--color-three-dot-neutral-accent-icon-fill:var(--cool-gray-40);--color-three-dot-neutral-selected-bg:var(--cool-gray-90);--color-three-dot-red-icon-fill:var(--color-error);--color-three-dot-red-bg:#f8e6e6;--color-generic-highlight-bg:#f9fafc;--color-label-text:var(--color-text-primary);--color-label-border:var(--cool-gray-80);--color-label-bg:var(--cool-gray-95);--color-input-label:var(--cool-gray-40);--color-input-text:var(--cool-gray-20);--color-input-bg:var(--cool-gray-95);--color-input-bg-hover:#eef0f5;--color-input-focused-bg:var(--color-highlight);--color-input-border:var(--cool-gray-60);--color-input-focused-border:var(--color-accent);--color-input-error:var(--color-error);--color-input-error-bg:#fff0f0;--color-input-focused-label-color:var(--color-accent);--input-icon-fill:var(--cool-gray-60);--input-focused-icon-fill:var(--color-accent);--color-checkbox-unchecked:var(--color-accent);--color-checkbox:var(--color-accent);--color-checkbox-checked:var(--color-accent);--color-card-icon:var(--color-accent);--color-card-border:var(--cool-gray-90);--color-card-border-hover:var(--teal-vivid-50);--color-card-background-hover:var(--color-surface);--color-table-border:#dae0e7;--elevation-very-low:0px 1px 4px 0px #0000000a;--elevation-low:0px 1px 3px #0000001a;--elevation-medium:0px 1px 3px #0000001a, 0px 6px 12px #0000001a;--elevation-high:0px 1px 3px #0000001a, 0px 18px 36px #0000001a;--color-grid-border:var(--cool-gray-80);--color-grid-border-light:var(--cool-gray-90);--color-grid-header-bg:var(--cool-gray-95);--color-scorecard-value:var(--cool-gray-20);--color-scorecard-name:var(--cool-gray-60);--color-scorecard-gray-name:var(--cool-gray-40);--color-scorecard-gray-bg:var(--cool-gray-95);--color-switch-checked:var(--color-success-light);--color-switch-unchecked:#b0b0b0;--color-modal-background:white;--color-badge-bg:var(--color-highlight);--color-badge-border:var(--teal-vivid-50);--color-badge:var(--color-accent);--color-resize-handle:var(--cool-gray-75);--color-resize-handle-hover:var(--cool-gray-70);--color-resize-handle-active:var(--cool-gray-60);--color-outline-base:#97ddb8;--color-disabled:var(--cool-gray-60);--color-divider:var(--cool-gray-90);--color-divider-active:var(--color-accent);--color-avatar-background:#e56f1a;--color-keyboard-combo:var(--color-text-secondary);--color-outline:var(--teal-vivid-20);--color-popover-border:#dce5e3;--color-sub-heading:var(--cool-gray-60);--color-spinner:var(--color-accent);--color-dashboard-notice-bg:#fffbea;--color-dashboard-notice-border:var(--color-warning);--color-title-link-hover:var(--green-30);-webkit-font-smoothing:antialiased;--p-margin:var(--space-s) var(--space-m) var(--space-m) var(--space-m);--topnav-height:0px;--input-height:58px;--icon-size-primary:24px;--icon-size-secondary:18px;--icon-size-tertiary:12px;--drawer-size:430px;--color-illustration-stroke-1:#036457;--color-illustration-fill-0:#f5f7fa;--color-illustration-fill-1:#d86d21;--color-illustration-fill-2:#ffcd00;--color-illustration-fill-3:#78be21;--color-illustration-fill-4:#036457}body.theme-lettuce a{outline-color:var(--color-outline-base)}body.theme-lettuce .em{color:var(--cool-gray-20);font-weight:700}body.theme-lettuce hr{border-top:1px solid var(--color-divider)}#storybook-docs ol{list-style-type:decimal!important}#storybook-docs pre{font-size:13px}body.theme-unfi{--text-xxs:10px;--text-xs:13px;--text-s:14px;--font-primary:"Outfit", "sans-serif";--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:32px;--color-error:#f42e48;--cool-gray-10:#1f2933;--cool-gray-20:#323f4b;--cool-gray-30:#3e4c59;--cool-gray-40:#52606d;--cool-gray-50:#616e7c;--cool-gray-60:#7b8794;--cool-gray-70:#9aa5b1;--cool-gray-80:#e7ebef;--cool-gray-90:#eceff4;--cool-gray-95:#f5f7fa;--color-blue-10:#f0f8ff;--color-blue-100:#e7f1fb;--color-blue-200:#d3e4f4;--color-blue-300:#b2cfe9;--color-blue-400:#89b2d9;--color-blue-500:#5e92c4;--color-blue-600:#3b73a7;--color-blue-700:#225483;--color-blue-800:#133759;--color-blue-900:#091c2e;--color-blue-600-vivid:#266db2;--color-text-primary:var(--cool-gray-40);--color-text-secondary:#666;--color-primary:var(--color-blue-600);--color-primary-dark:var(--color-blue-800);--color-primary-light:var(--color-blue-400);--color-primary-lightest:var(--color-blue-10);--color-divider:#d9d9d9;--color-green-dark:#24671f;--color-outline:var(--color-green-dark);--color-button-outline:var(--color-outline);--color-menu-highlight-translucent:var(--color-blue-10);--color-text-link:var(--color-primary);--color-container-border:var(--color-divider);--color-accent:var(--color-blue-600-vivid);--body-color-background:var(--cool-gray-95);--color-background-disabled:#e9e9e9;--color-surface:#fff;--color-list-item:var(--cool-gray-30);--color-list-item-bg-focused:var(--color-menu-highlight-translucent);--color-list-item-focused:var(--color-accent);--color-list-item-selected:var(--color-accent);--color-list-item-bg-selected:var(--cool-gray-95);--color-list-divider:#806c661f;--color-button-text:var(--color-blue-700);--color-button-text-hover:var(--color-accent);--color-checkbox-unchecked:var(--color-accent);--color-checkbox:var(--color-accent);--color-checkbox-checked:var(--color-accent);--color-table-header-border:#ddd;--color-table-alternating-row:var(--color-list-divider);--color-progressbar-fill:var(--color-primary-light);--color-progressbar-background:var(--color-divider);--topnav-height:0px;--navrail-color-background:#093e52;--navrail-width:80px;--navrail-compact-width:60px;--navrail-menu-item-color-icon:white;--navrail-menu-item-color-icon-hover:white;--navrail-menu-item-color-hover:#386479;--navrail-menu-item-label-color:white;--navrail-menu-item-label-color-hover:white;--navrail-menu-item-selected-color-icon:white;--navrail-menu-item-selected-label-color:white;--color-chip-bg:white;--color-chip-border:var(--cool-gray-80);--color-chip-hover:var(--color-green-dark);--color-chip-hover-bg:var(--color-menu-highlight-translucent);--color-chip-hover-border:var(--color-green-dark);--color-chip-selected-border:var(--color-green-dark);--color-chip-selected-bg:var(--color-menu-highlight-translucent);--color-chip:var(--color-text-secondary);--color-chip-selected:var(--color-green-dark);--color-chip-icon-fill:var(--cool-gray-60);--color-chip-hover-icon-fill:var(--color-green-dark);--color-chip-outline:var(--color-green-dark);--color-input-bg:#f0f0f0;--color-input-bg-hover:var(--color-menu-highlight-translucent);--color-input-focused-bg:var(--color-menu-highlight-translucent);--color-input-border:var(--cool-gray-60);--color-input-focused-border:var(--teal-vivid-30);--color-input-error:var(--color-error);--color-input-error-bg:#fff0f0;--color-input-focused-label-color:var(--teal-vivid-30);--input-icon-fill:var(--cool-gray-60);--input-focused-icon-fill:var(--teal-vivid-30);--input-height:58px;--legacy-input-height:48px;--border-radius-primary:4px;--border-radius-panel:6px;--icon-size-primary:24px;--icon-size-secondary:18px;--icon-size-tertiary:12px;--color-spinner:var(--color-accent);--color-panel-neutral-border:var(--cool-gray-90);--color-dashboard-notice-bg:var(--color-blue-10);--color-dashboard-notice-border:var(--color-blue-500);--color-modal-background:white}body.theme-rema{--color-rema-blue:#023ea5;--color-rema-blue-secondary:#f7faff;--color-rema-blue-300:#70a0f2;--color-rema-blue-200:#235fc5;--color-rema-blue-highlight:#f3f7ff;--color-outline-base:var(--color-rema-blue-highlight);--color-accent:var(--color-rema-blue);--color-highlight:var(--color-rema-blue-highlight);--body-color-background:white;--color-primary:var(--color-rema-blue);--color-text-link:var(--color-primary);--color-button-link:var(--color-primary);--color-button-outline:var(--color-outline-base);--border-radius-primary:4px;--color-menu-highlight-translucent:var(--color-rema-blue-secondary);--color-list-item-bg-focused:var(--color-rema-blue-secondary);--color-list-item-focused:var(--color-rema-blue);--color-label-text:var(--color-text-primary);--color-label-border:var(--cool-gray-80);--color-label-bg:var(--cool-gray-95);--color-chip-hover-bg:var(--color-rema-blue-secondary);--color-chip-hover-border:#709bf2;--color-chip-hover:var(--color-rema-blue);--color-chip-outline:var(--color-rema-blue-300);--color-modal-background:white;--color-button-primary:white;--color-button-primary-bg:var(--color-accent);--color-button-primary-border:var(--color-accent);--color-button-primary-hover-bg:var(--color-rema-blue-200);--color-button-primary-hover-border:var(--color-rema-blue-200);--color-button-primary-active-border:var(--color-rema-blue-200);--color-button-primary-disabled-bg:var(--cool-gray-60);--color-button-secondary:var(--color-accent);--color-button-secondary-bg:white;--color-button-secondary-border:var(--cool-gray-80);--color-button-secondary-hover-bg:var(--color-highlight);--color-button-secondary-hover-border:var(--color-accent);--color-button-secondary-active-bg:white;--color-button-secondary-active-border:var(--color-accent);--color-button-secondary-disabled:var(--cool-gray-60);--color-button-secondary-disabled-border:var(--cool-gray-80);--color-button-text:var(--color-accent);--color-button-text-hover:var(--color-rema-blue-200)}body.theme-advantage{--color-advantage-blue:#2a6bbc;--navrail-color-background:#1e3e64;--navrail-menu-item-color-icon:white;--navrail-menu-item-color-icon-hover:white;--navrail-menu-item-color-hover:#3d6da9;--navrail-menu-item-label-color:white;--navrail-menu-item-label-color-hover:white;--navrail-menu-item-selected-color-icon:white;--navrail-menu-item-selected-label-color:white;--blue-0:#e9eff7;--blue-vivid-0:#f5f9ff;--blue-vivid-100:#c5defd;--blue-vivid-200:#98c3f9;--blue-vivid-400:#5095e9;--blue-vivd-500:#3882dd;--blue-vivid-600:#2771cd;--blue-vivid-700:#1b61b8;--color-text-primary:var(--cool-gray-40);--color-text-secondary:var(--cool-gray-50);--color-text-subtle:var(--cool-gray-60);--color-text-heading:var(--cool-gray-20);--color-accent:var(--blue-vivid-600);--color-highlight:var(--blue-vivid-0);--color-text-highlight:var(--blue-vivd-500);--color-text-link:var(--color-accent);--color-error:#f42e48;--color-info:#386fdd;--color-warning:#f6a121;--color-success-light:#5bbe61;--color-outline-base:var(--blue-vivid-100);--body-color-background:var(--cool-gray-95);--slightly-darker-body-color-background:#e0edff;--color-button-outline:var(--color-outline-base);--color-button-primary:white;--color-button-primary-bg:var(--blue-vivid-700);--color-button-primary-border:var(--blue-vivid-700);--color-button-primary-hover-bg:var(--blue-vivd-500);--color-button-primary-hover-border:var(--blue-vivd-500);--color-button-primary-active-border:var(--blue-vivid-700);--color-button-primary-disabled-bg:var(--cool-gray-60);--color-button-secondary:var(--color-accent);--color-button-secondary-bg:white;--color-button-secondary-border:var(--cool-gray-80);--color-button-secondary-hover-bg:var(--color-highlight);--color-button-secondary-hover-border:var(--blue-vivid-400);--color-button-secondary-active-bg:white;--color-button-secondary-active-border:var(--color-accent);--color-button-secondary-disabled:var(--cool-gray-60);--color-button-secondary-disabled-border:var(--cool-gray-80);--color-button-text:var(--blue-vivid-700);--color-button-text-hover:var(--color-accent);--color-chip-bg:white;--color-chip-border:var(--cool-gray-80);--color-chip-hover:var(--color-accent);--color-chip-hover-bg:var(--color-highlight);--color-chip-hover-border:var(--color-accent);--color-chip-selected-border:var(--color-accent);--color-chip-selected-bg:var(--color-highlight);--color-chip:var(--color-text-primary);--color-chip-selected:var(--color-accent);--color-chip-icon-fill:var(--cool-gray-60);--color-chip-hover-icon-fill:var(--color-accent);--color-chip-selected-icon-fill:var(--color-accent);--color-chip-outline:var(--color-outline-base);--color-list-of-chips-bg:transparent;--color-modal-background:white;--color-surface:white;--color-panel-border:var(--color-accent);--color-panel-neutral-border:var(--cool-gray-90);--color-input-bg:var(--cool-gray-95);--color-input-bg-hover:#eef0f5;--color-input-focused-bg:var(--color-highlight);--color-input-border:var(--cool-gray-60);--color-input-focused-border:var(--color-accent);--color-input-error:var(--color-error);--color-input-error-bg:#fff0f0;--color-input-focused-label-color:var(--color-accent);--input-icon-fill:var(--cool-gray-60);--input-focused-icon-fill:var(--color-accent);--color-checkbox-unchecked:var(--color-accent);--color-checkbox:var(--color-accent);--color-checkbox-checked:var(--color-accent);--color-card-icon:var(--color-accent);--color-card-border:var(--cool-gray-90);--color-card-border-hover:var(--blue-vivid-400);--color-card-background-hover:var(--color-surface);--color-menu-item:var(--cool-gray-40);--color-menu-item-bg-focused:var(--color-highlight);--color-menu-item-focused:var(--color-accent);--color-menu-separator:var(--color-divider);--color-menu-item-icon:var(--color-accent);--color-menu-item-focused-icon:var(--color-accent);--color-list-item:var(--cool-gray-30);--color-list-item-bg-focused:var(--color-highlight);--color-list-item-selected:var(--color-accent);--color-list-item-bg-selected:var(--cool-gray-95);--color-list-item-focused:var(--color-accent);--color-list-separator:var(--color-divider);--color-list-item-icon:var(--cool-gray-30);--color-list-item-focused-icon:var(--color-list-item-focused);--color-badge-bg:var(--color-highlight);--color-badge-border:var(--blue-vivid-400);--color-badge:var(--color-accent);--color-button-icon:var(--color-accent);--color-button-icon-hover:var(--blue-vivid-400)}body.theme-highImpact{--color-advantage-blue:#2a6bbc;--color-azure:#009dfa;--navrail-color-background:#0c2535;--navrail-menu-item-color-icon:white;--navrail-menu-item-color-icon-hover:white;--navrail-menu-item-color-hover:var(--color-azure);--navrail-menu-item-label-color:white;--navrail-menu-item-label-color-hover:white;--navrail-menu-item-selected-color-icon:white;--navrail-menu-item-selected-label-color:white;--blue-0:#e9eff7;--blue-vivid-0:#f4f9ff;--blue-vivid-100:#c5defd;--blue-vivid-200:#98c3f9;--blue-vivid-400:#5095e9;--blue-vivd-500:#6d7c86;--blue-vivid-600:#566873;--blue-vivid-700:#3d515d;--color-text-primary:var(--cool-gray-40);--color-text-secondary:var(--cool-gray-50);--color-text-subtle:var(--cool-gray-60);--color-text-heading:var(--cool-gray-20);--color-accent:var(--blue-vivid-600);--color-highlight:var(--blue-vivid-0);--color-text-highlight:var(--blue-vivd-500);--color-text-link:var(--color-accent);--color-error:#f42e48;--color-info:#386fdd;--color-warning:#f6a121;--color-success-light:#5bbe61;--color-outline-base:var(--blue-vivid-100);--body-color-background:var(--cool-gray-95);--slightly-darker-body-color-background:#e0edff;--color-button-outline:var(--color-outline-base);--color-button-primary:white;--color-button-primary-bg:var(--blue-vivid-700);--color-button-primary-border:var(--blue-vivid-700);--color-button-primary-hover-bg:var(--blue-vivd-500);--color-button-primary-hover-border:var(--blue-vivd-500);--color-button-primary-active-border:var(--blue-vivid-700);--color-button-primary-disabled-bg:var(--cool-gray-60);--color-button-secondary:var(--color-accent);--color-button-secondary-bg:white;--color-button-secondary-border:var(--cool-gray-80);--color-button-secondary-hover-bg:var(--color-highlight);--color-button-secondary-hover-border:var(--blue-vivd-500);--color-button-secondary-active-bg:white;--color-button-secondary-active-border:var(--color-accent);--color-button-secondary-disabled:var(--cool-gray-60);--color-button-secondary-disabled-border:var(--cool-gray-80);--color-button-text:var(--blue-vivid-700);--color-button-text-hover:var(--color-accent);--color-chip-bg:white;--color-chip-border:var(--cool-gray-80);--color-chip-hover:var(--color-accent);--color-chip-hover-bg:var(--color-highlight);--color-chip-hover-border:var(--color-accent);--color-chip-selected-border:var(--color-accent);--color-chip-selected-bg:var(--color-highlight);--color-chip:var(--color-text-primary);--color-chip-selected:var(--color-accent);--color-chip-icon-fill:var(--cool-gray-60);--color-chip-hover-icon-fill:var(--color-accent);--color-chip-selected-icon-fill:var(--color-accent);--color-chip-outline:var(--color-outline-base);--color-list-of-chips-bg:transparent;--color-modal-background:white;--color-surface:white;--color-panel-border:var(--color-accent);--color-panel-neutral-border:var(--cool-gray-90);--color-input-bg:var(--cool-gray-95);--color-input-bg-hover:#eef0f5;--color-input-focused-bg:var(--color-highlight);--color-input-border:var(--cool-gray-60);--color-input-focused-border:var(--color-accent);--color-input-error:var(--color-error);--color-input-error-bg:#fff0f0;--color-input-focused-label-color:var(--color-accent);--input-icon-fill:var(--cool-gray-60);--input-focused-icon-fill:var(--color-accent);--color-checkbox-unchecked:var(--color-accent);--color-checkbox:var(--color-accent);--color-checkbox-checked:var(--color-accent);--color-card-icon:var(--color-accent);--color-card-border:var(--cool-gray-90);--color-card-border-hover:var(--blue-vivid-400);--color-card-background-hover:var(--color-surface);--color-menu-item:var(--cool-gray-40);--color-menu-item-bg-focused:var(--color-highlight);--color-menu-item-focused:var(--color-accent);--color-menu-separator:var(--color-divider);--color-menu-item-icon:var(--color-accent);--color-menu-item-focused-icon:var(--color-accent);--color-list-item:var(--cool-gray-30);--color-list-item-bg-focused:var(--color-highlight);--color-list-item-selected:var(--color-accent);--color-list-item-bg-selected:var(--cool-gray-95);--color-list-item-focused:var(--color-accent);--color-list-separator:var(--color-divider);--color-list-item-icon:var(--cool-gray-30);--color-list-item-focused-icon:var(--color-list-item-focused);--color-badge-bg:var(--color-highlight);--color-badge-border:var(--blue-vivid-400);--color-badge:var(--color-accent);--color-button-icon:var(--color-accent);--color-button-icon-hover:var(--blue-vivid-400)}body.theme-dot{--color-primary-10:#15314c;--color-primary-20:#1c4c78;--color-primary-30:#1a66ae;--color-primary-40:#1e81de;--color-primary-50:#4c9be5;--color-primary-60:#98c2ea;--color-primary-80:#c3dcf4;--color-primary-95:#eff6fd;--color-secondary:#2e99ff;--color-accent:var(--color-primary-30);--color-highlight:var(--color-primary-95);--color-text-highlight:var(--color-secondary);--color-text-link:var(--color-accent);--color-outline-base:var(--blue-vivid-100);--color-button-outline:var(--color-outline-base);--color-button-primary:white;--color-button-primary-bg:var(--color-accent);--color-button-primary-border:var(--color-accent);--color-button-primary-hover-bg:var(--color-primary-40);--color-button-primary-hover-border:var(--color-primary-40);--color-button-primary-active-border:var(--color-primary-60);--color-button-primary-disabled-bg:var(--cool-gray-60);--color-button-secondary:var(--color-accent);--color-button-secondary-bg:white;--color-button-secondary-border:var(--cool-gray-80);--color-button-secondary-hover-bg:var(--color-highlight);--color-button-secondary-hover-border:var(--color-primary-40);--color-button-secondary-active-bg:white;--color-button-secondary-active-border:var(--color-accent);--color-button-secondary-disabled:var(--cool-gray-60);--color-button-secondary-disabled-border:var(--cool-gray-80);--color-button-text:var(--color-primary-30);--color-button-text-hover:var(--color-accent);--color-button-icon-hover:var(--color-primary-40);--navrail-color-background:var(--color-primary-10);--navrail-menu-item-color-icon:var(--color-primary-80);--navrail-menu-item-color-icon-hover:var(--color-primary-80);--navrail-menu-item-color-hover:var(--color-accent);--navrail-menu-item-label-color:var(--color-primary-60);--navrail-menu-item-label-color-hover:white;--navrail-menu-item-selected-color-icon:white;--navrail-menu-item-selected-label-color:white;--color-badge-border:var(--color-primary-50);--color-three-dot-icon-fill:var(--cool-gray-60);--color-three-dot-outline:var(--color-outline-base);--color-three-dot-hover-bg:var(--color-primary-80);--color-three-dot-accent-icon-fill:var(--color-accent);--color-three-dot-selected-bg:var(--color-primary-80);--color-illustration-stroke-1:#004440;--color-illustration-fill-0:#f5f7fa;--color-illustration-fill-1:#faa23a;--color-illustration-fill-2:#009dfa;--color-illustration-fill-3:#fac13a}body.theme-instacart{--color-primary:#108910;--color-accent:var(--color-primary);--color-highlight:#f0fff0;--color-text-highlight:var(--color-secondary);--color-text-link:var(--color-accent);--color-button-outline:var(--color-outline-base);--color-button-primary:white;--color-button-primary-bg:var(--color-accent);--color-button-primary-border:var(--color-accent);--color-button-primary-hover-bg:#129112;--color-button-primary-hover-border:#129112;--color-button-primary-active-border:#129112;--color-button-primary-disabled-bg:var(--cool-gray-60);--color-button-secondary:var(--color-accent);--color-button-secondary-bg:white;--color-button-secondary-border:var(--cool-gray-80);--color-button-secondary-hover-bg:var(--color-highlight);--color-button-secondary-hover-border:var(--color-accent);--color-button-secondary-active-bg:white;--color-button-secondary-active-border:var(--color-accent);--color-button-secondary-disabled:var(--cool-gray-60);--color-button-secondary-disabled-border:var(--cool-gray-80);--color-button-text:var(--color-primary);--color-button-text-hover:var(--color-primary);--navrail-color-background:#003d29;--navrail-menu-item-color-icon:white;--navrail-menu-item-color-icon-hover:white;--navrail-menu-item-color-hover:var(--color-accent);--navrail-menu-item-label-color:var(--color-accent);--navrail-menu-item-label-color-hover:white;--navrail-menu-item-selected-color-icon:white;--navrail-menu-item-selected-label-color:white;--color-three-dot-icon-fill:var(--cool-gray-60);--color-three-dot-outline:var(--color-outline-base);--color-three-dot-hover-bg:var(--color-primary-80);--color-three-dot-accent-icon-fill:var(--color-accent);--color-three-dot-selected-bg:var(--color-primary-80)}@layer base{html{box-sizing:border-box;letter-spacing:.2px;height:100%;font-weight:400;line-height:1.3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--body-color-background);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-m);min-height:100%;margin:0}a,a:link,a:visited{color:var(--color-text-link);cursor:pointer;font-weight:400;text-decoration:none}a:hover,a:link:hover{text-decoration:underline}strong{font-weight:700}iframe{border:0}ul,ol,nav{padding:0;list-style-type:none}p,.mod{margin:var(--space-m)}button{font-family:var(--font-primary);outline-color:var(--color-button-outline);cursor:pointer;line-height:1.15}button>*{pointer-events:none}input,textarea{font-family:var(--font-primary)}}.man,.mhn,.mln{margin-left:0!important}.man,.mhn,.mrn{margin-right:0!important}.man,.mvn,.mtn{margin-top:0!important}.man,.mvn,.mbn{margin-bottom:0!important}.mas,.mhs,.mls{margin-left:var(--space-s)!important}.mas,.mhs,.mrs{margin-right:var(--space-s)!important}.mas,.mvs,.mts{margin-top:var(--space-s)!important}.mas,.mvs,.mbs{margin-bottom:var(--space-s)!important}.mam,.mhm,.mlm{margin-left:var(--space-m)!important}.mam,.mhm,.mrm{margin-right:var(--space-m)!important}.mam,.mvm,.mtm{margin-top:var(--space-m)!important}.mam,.mvm,.mbm{margin-bottom:var(--space-m)!important}.mal,.mhl,.mll{margin-left:var(--space-l)!important}.mal,.mhl,.mrl{margin-right:var(--space-l)!important}.mal,.mvl,.mtl{margin-top:var(--space-l)!important}.mal,.mvl,.mbl{margin-bottom:var(--space-l)!important}.pan,.phn,.pln{padding-left:0!important}.pan,.phn,.prn{padding-right:0!important}.pan,.pvn,.ptn{padding-top:0!important}.pan,.pvn,.pbn{padding-bottom:0!important}.pas,.phs,.pls{padding-left:var(--space-s)!important}.pas,.phs,.prs{padding-right:var(--space-s)!important}.pas,.pvs,.pts{padding-top:var(--space-s)!important}.pas,.pvs,.pbs{padding-bottom:var(--space-s)!important}.pam,.phm,.plm{padding-left:var(--space-m)!important}.pam,.phm,.prm{padding-right:var(--space-m)!important}.pam,.pvm,.ptm{padding-top:var(--space-m)!important}.pam,.pvm,.pbm{padding-bottom:var(--space-m)!important}.pal,.phl,.pll{padding-left:var(--space-l)!important}.pal,.phl,.prl{padding-right:var(--space-l)!important}.pal,.pvl,.ptl{padding-top:var(--space-l)!important}.pal,.pvl,.pbl{padding-bottom:var(--space-l)!important}.mha{margin:0 auto}.sr-only{clip:rect(1px, 1px, 1px, 1px)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.no-wrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[type=search]::-webkit-search-cancel-button{appearance:none}[type=search]::-webkit-search-decoration{appearance:none}:root{--slide-up-by:0;--fade-in-to-opacity:1}@keyframes slide-up{0%{transform:translateY(var(--slide-up-by))}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:var(--fade-in-to-opacity)}}@keyframes scale-out{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes drawer-slide-left{0%{transform:translateX(var(--drawer-size))}to{transform:translate(0)}}
