Your service, evolved.

Report an Issue

Open a case or report a problem

Self-Service

View the options for self-service requests

My Cases

Review open and
closed cases

Scheduled Changes

CHG2003587

Agio Service: Network

Planned Start Date: 2025-01-28 19:00:53

CHG2003707

Agio Service: End User

Planned Start Date: 2025-02-07 09:30:00

Portal's Primary Contacts

Michael Hendler

Customer Success Manager

Phone: '+1 (914) 441-3374

Email: michael.hendler@agio.com

Jessica Golle

Executive Sponsor

Phone: 212-373-0877

Email: Jessica.Golle@agio.com

Advisories - Announcements

3/20/2025: Join our March Madness Watch Party at Pig ‘N’ Whistle
Maeve O'Sullivan 21 Views 14 days ago
03/05/2025: Important Update Regarding AgioNow
Lauren Hoover 22 Views 14 days ago
3/16/2025: See us at FutureProof CityWide - Booth #113
Lauren Hoover 6 Views 20 days ago
2/11/2025: AgioLive - Inside The New Wave Of Brute Force VPN Attacks Targeting Financial Firms
Maeve O'Sullivan 20 Views about a month ago
2/13/2025: AI Explained: A Virtual Interactive Session With Agio + Optima Partners
Maeve O'Sullivan 13 Views about a month ago

My Open Cases

CS0850096

Notification of travel outside of your home country
CS0849654

Request - Enhance Investment Agreement Security Process

My Resolved Cases

CS0849639

Security Awareness Training - New Employees Not Enrolled
CS0843886

Notification of travel outside of your home country
CS0844390

Request - Password Reset Needed
CS0843880

Hardware Issue
CS0843881

Device Performance Issue

First 5 of 19

View all

:host { box-sizing: border-box; font-family: var(--now-font-family,"Source Sans Pro",Arial,sans-serif); line-height: var(--now-line-height,1.25); } :host([hidden]) { display: none; } *, .input-container, ::after, ::before { box-sizing: border-box; } .input-container { align-items: center; background-color: RGB(var(--now-color_background--primary,var(--now-color--neutral-0,255,255,255))); border: var(--now-form-control--border-width,1px) solid RGB(var(--now-color_divider--tertiary,var(--now-color--neutral-3,209,214,214))); border-top-left-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); border-top-right-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); display: flex; } :host(:not([dir="rtl"])) .input-container, :root:not([dir="rtl"]) .input-container { border-bottom-right-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .input-container, :root[dir="rtl"] .input-container { border-bottom-left-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .input-container, :root:not([dir="rtl"]) .input-container { border-bottom-left-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .input-container, :root[dir="rtl"] .input-container { border-bottom-right-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } .input-container.input-container--is-popover-open { border-bottom-color: transparent; } :host(:not([dir="rtl"])) .input-container.input-container--is-popover-open, :root:not([dir="rtl"]) .input-container.input-container--is-popover-open { border-bottom-left-radius: 0px; } :host([dir="rtl"]) .input-container.input-container--is-popover-open, :root[dir="rtl"] .input-container.input-container--is-popover-open { border-bottom-right-radius: 0px; } :host(:not([dir="rtl"])) .input-container.input-container--is-popover-open, :root:not([dir="rtl"]) .input-container.input-container--is-popover-open { border-bottom-right-radius: 0px; } :host([dir="rtl"]) .input-container.input-container--is-popover-open, :root[dir="rtl"] .input-container.input-container--is-popover-open { border-bottom-left-radius: 0px; } .input-container.input-container--has-focus { box-shadow: inset 0 0 0 2px RGB(var(--now-color_focus-ring,var(--now-color--secondary-1,1,119,142))); outline: none; } .input-container.-global { max-height: calc(2rem*var(--classicsponlydonotuse--rem-multipy)); } .input-container__input { background-color: transparent; border: none; box-sizing: border-box; color: RGB(var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))); font-size: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); outline: none; overflow: hidden; padding: 0px; text-overflow: ellipsis; width: 100%; } .input-container__input::placeholder { color: RGB(var(--now-color_text--tertiary,var(--now-color--neutral-12,66,80,81))); } .input-container-sparkle-icon { align-items: center; display: inline-flex; justify-content: center; } now-icon[icon="ai-sparkle-outline"] { color: RGB(var(--now-color_alert--moderate-3,67,69,166)); } :host(:not([dir="rtl"])) now-icon[icon="ai-sparkle-outline"], :root:not([dir="rtl"]) now-icon[icon="ai-sparkle-outline"] { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) now-icon[icon="ai-sparkle-outline"], :root[dir="rtl"] now-icon[icon="ai-sparkle-outline"] { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } now-icon[icon="send-outline"] { color: RGB(var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))); } :host(:not([dir="rtl"])) now-icon[icon="send-outline"], :root:not([dir="rtl"]) now-icon[icon="send-outline"] { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) now-icon[icon="send-outline"], :root[dir="rtl"] now-icon[icon="send-outline"] { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) now-icon[icon="send-outline"], :root:not([dir="rtl"]) now-icon[icon="send-outline"] { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) now-icon[icon="send-outline"], :root[dir="rtl"] now-icon[icon="send-outline"] { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } @media (forced-colors: active) { .input-container.input-container--has-focus { border: 1px solid highlight; } } .search-popover { background-color: RGB(var(--now-color_background--primary,var(--now-color--neutral-0,255,255,255))); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px; box-sizing: border-box; margin: 0px; max-height: calc(39.5625rem*var(--classicsponlydonotuse--rem-multipy)); overflow: auto; position: absolute; width: 100%; z-index: 1000; } :host(:not([dir="rtl"])) .search-popover, :root:not([dir="rtl"]) .search-popover { border-bottom-right-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-popover, :root[dir="rtl"] .search-popover { border-bottom-left-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-popover, :root:not([dir="rtl"]) .search-popover { border-bottom-left-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-popover, :root[dir="rtl"] .search-popover { border-bottom-right-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-popover, :root:not([dir="rtl"]) .search-popover { text-align: left; } :host([dir="rtl"]) .search-popover, :root[dir="rtl"] .search-popover { text-align: right; } .search-popover ul { list-style: none; margin: 0px; padding: 0px; } .search-popover .sr-only { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; } .search-popover__section-header { color: RGB(var(--now-color_text--secondary,var(--now-color--neutral-15,44,53,55))); font-size: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-popover__section-header, :root:not([dir="rtl"]) .search-popover__section-header { text-align: left; } :host([dir="rtl"]) .search-popover__section-header, :root[dir="rtl"] .search-popover__section-header { text-align: right; } .search-popover__item { align-items: center; cursor: pointer; display: flex; } .search-popover__item.-search-popover__item--is-active:hover { background-color: RGB(var(--now-color--primary-0,221,237,233)); } .search-popover__item-icon { color: RGB(var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))); padding-bottom: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-popover__item-icon, :root:not([dir="rtl"]) .search-popover__item-icon { padding-left: 0px; } :host([dir="rtl"]) .search-popover__item-icon, :root[dir="rtl"] .search-popover__item-icon { padding-right: 0px; } :host(:not([dir="rtl"])) .search-popover__item-icon, :root:not([dir="rtl"]) .search-popover__item-icon { padding-right: 0px; } :host([dir="rtl"]) .search-popover__item-icon, :root[dir="rtl"] .search-popover__item-icon { padding-left: 0px; } .search-popover__item-icon.-na-self-service now-icon.search-popover__item-icon-na-self-service { size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } .search-popover__item-metadata { align-items: center; display: flex; flex: 1 1 auto; width: 1%; } .search-popover__item-metadata:focus { box-shadow: inset 0 0 0 calc(.125rem*var(--classicsponlydonotuse--rem-multipy)) RGB(var(--now-color_focus-ring,var(--now-color--secondary-1,1,119,142))),inset 0 0 0 calc(.1875rem*var(--classicsponlydonotuse--rem-multipy)) RGB(var(--now-color_focus-ring_shadow,var(--now-color_background--primary,var(--now-color--neutral-0,255,255,255)))); outline: none; } @media (forced-colors: active) { .search-popover__item-metadata:focus { outline: highlight solid 1px; } } .search-popover__item-primary-text { -webkit-line-clamp: 1; -webkit-box-orient: vertical; align-items: baseline; color: RGB(var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))); display: flex; flex: 1 1 auto; font-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); overflow: hidden; text-overflow: ellipsis; } :host(:not([dir="rtl"])) .search-popover__item-primary-text, :root:not([dir="rtl"]) .search-popover__item-primary-text { margin-left: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-popover__item-primary-text, :root[dir="rtl"] .search-popover__item-primary-text { margin-right: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } .search-popover__item-primary-text p { margin-bottom: 0px; margin-top: 0px; white-space: nowrap; } .search-popover__item-primary-text p, .search-popover__item-primary-text p.click-breadcrumb { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } .search-popover__item-primary-text p.click-breadcrumb { color: RGB(var(--now-color_text--tertiary,var(--now-color--neutral-12,66,80,81))); font-size: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } .search-popover__item-primary-text p.click-breadcrumb span { margin-right: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } .search-popover__item-primary-text p.click-breadcrumb span:last-child { margin-right: 0px; } .search-popover__item-primary-text--match { color: RGB(var(--now-color_text--tertiary,var(--now-color--neutral-12,66,80,81))); } :host(:not([dir="rtl"])) .search-popover__item-primary-text--match, :root:not([dir="rtl"]) .search-popover__item-primary-text--match { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-popover__item-primary-text--match, :root[dir="rtl"] .search-popover__item-primary-text--match { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-popover__item-button { color: RGB(var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))); } :host(:not([dir="rtl"])) .search-popover__item-button, :root:not([dir="rtl"]) .search-popover__item-button { padding-left: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-popover__item-button, :root[dir="rtl"] .search-popover__item-button { padding-right: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } .global-search-icon-mobile { align-items: center; color: RGB(var(--unified_nav-search--icon-color--collapsed,var(--unified_nav-input--color,var(--now-color--neutral-0,255,255,255)))); display: inline-flex; height: calc(2rem*var(--classicsponlydonotuse--rem-multipy)); justify-content: center; width: calc(2rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .global-search-icon-mobile, :root:not([dir="rtl"]) .global-search-icon-mobile { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .global-search-icon-mobile, :root[dir="rtl"] .global-search-icon-mobile { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .global-search-icon-mobile, :root:not([dir="rtl"]) .global-search-icon-mobile { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .global-search-icon-mobile, :root[dir="rtl"] .global-search-icon-mobile { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .global-search-icon-mobile .search-icon-container { border-radius: 50%; color: RGB(var(--unified_nav-search--icon-color--collapsed,var(--unified_nav-input--color,var(--now-color--neutral-0,255,255,255)))); cursor: pointer; padding-bottom: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .global-search-icon-mobile .search-icon-container, :root:not([dir="rtl"]) .global-search-icon-mobile .search-icon-container { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .global-search-icon-mobile .search-icon-container, :root[dir="rtl"] .global-search-icon-mobile .search-icon-container { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .global-search-icon-mobile .search-icon-container, :root:not([dir="rtl"]) .global-search-icon-mobile .search-icon-container { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .global-search-icon-mobile .search-icon-container, :root[dir="rtl"] .global-search-icon-mobile .search-icon-container { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .global-search-icon-mobile .search-icon-container:focus, .global-search-icon-mobile .search-icon-container:hover { background-color: RGB(var(--now-color--neutral-12,66,80,81)); } .global-search-icon-mobile.-active-icon { color: RGB(var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))); } :host(:not([dir="rtl"])) .global-search-icon-mobile.-active-icon, :root:not([dir="rtl"]) .global-search-icon-mobile.-active-icon { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .global-search-icon-mobile.-active-icon, :root[dir="rtl"] .global-search-icon-mobile.-active-icon { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .global-search-icon-mobile.-active-icon, :root:not([dir="rtl"]) .global-search-icon-mobile.-active-icon { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .global-search-icon-mobile.-active-icon, :root[dir="rtl"] .global-search-icon-mobile.-active-icon { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .-global-search-icon { align-items: center; color: RGB(var(--unified_nav-input--color,var(--now-color--neutral-0,255,255,255))); display: inline-flex; height: calc(2rem*var(--classicsponlydonotuse--rem-multipy)); justify-content: center; width: calc(2rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .-global-search-icon, :root:not([dir="rtl"]) .-global-search-icon { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .-global-search-icon, :root[dir="rtl"] .-global-search-icon { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .-global-search-icon, :root:not([dir="rtl"]) .-global-search-icon { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .-global-search-icon, :root[dir="rtl"] .-global-search-icon { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .-global-search-icon.-active-icon { color: RGB(var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))); } :host(:not([dir="rtl"])) .-global-search-icon.-active-icon, :root:not([dir="rtl"]) .-global-search-icon.-active-icon { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .-global-search-icon.-active-icon, :root[dir="rtl"] .-global-search-icon.-active-icon { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .-global-search-icon.-active-icon, :root:not([dir="rtl"]) .-global-search-icon.-active-icon { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .-global-search-icon.-active-icon, :root[dir="rtl"] .-global-search-icon.-active-icon { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host { --unified_nav-input--color: var(--nav_menu-input--color); --unified_nav-input--color--placeholder: var( --nav_menu-input--color--placeholder ); --unified_nav-input--color--opened: var(--nav_menu-input--color--opened); --unified_nav-input--background-color: var( --nav_menu-input--background-color ); --unified_nav-input--background-color--hover: var( --nav_menu-input--background-color--hover ); --unified_nav-input--background-color--opened: var( --nav_menu-input--background-color--opened ); --unified_nav-input--border-color: var(--nav_menu-input--border-color); --unified_nav-search--icon-color--collapsed: var( --nav_menu-input--search-icon-color--collapsed ); } :host { --classicsponlydonotuse--rem-multipy-ais: var( --classicsponlydonotuse--rem-multipy,1 ); } .search-combobox { font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: inherit; text-indent: 0px; text-shadow: none; text-transform: none; white-space: normal; width: 100%; word-spacing: inherit; } .search-combobox--header .input-container { padding-bottom: now-mx-rtl-property(calc(.125rem*var(--classicsponlydonotuse--rem-multipy))); padding-top: calc(.125rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .input-container, :root:not([dir="rtl"]) .search-combobox--header .input-container { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .input-container, :root[dir="rtl"] .search-combobox--header .input-container { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .input-container, :root:not([dir="rtl"]) .search-combobox--header .input-container { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .input-container, :root[dir="rtl"] .search-combobox--header .input-container { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .input-container.-global { background-color: RGB(var(--unified_nav-input--background-color,var(--now-color_chrome--brand-4,77,96,97))); border: 1px solid RGB(var(--unified_nav-input--border-color,var(--now-color_chrome--divider-1,144,155,156))); border-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: 0px; width: 244px !important; } :host(:not([dir="rtl"])) .search-combobox--header .input-container.-global, :root:not([dir="rtl"]) .search-combobox--header .input-container.-global { padding-right: 0px; } :host([dir="rtl"]) .search-combobox--header .input-container.-global, :root[dir="rtl"] .search-combobox--header .input-container.-global { padding-left: 0px; } :host(:not([dir="rtl"])) .search-combobox--header .input-container.-global, :root:not([dir="rtl"]) .search-combobox--header .input-container.-global { padding-left: 0px; } :host([dir="rtl"]) .search-combobox--header .input-container.-global, :root[dir="rtl"] .search-combobox--header .input-container.-global { padding-right: 0px; } .search-combobox--header .input-container.-global:hover { background: RGBA(var(--unified_nav-input--background-color--hover,var(--now-color_chrome--brand-3,114,128,129)),.8); border: 1px solid RGB(var(--unified_nav-input--border-color,var(--now-color_chrome--divider-1,144,155,156))); border-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } @media (forced-colors: active) { .search-combobox--header .input-container.-global:hover { border: 1px solid RGB(var(--unified_nav-input--border-color,var(--now-color_chrome--divider-1,144,155,156))); } } .search-combobox--header .input-container.-global.-active-input { border: 1px solid RGB(var(--now-color_background--secondary,var(--now-color--neutral-1,246,247,247))) !important; border-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)) !important; width: 320px !important; } .search-combobox--header .input-container.-global.-active-input, .search-combobox--header .input-container.-global.-active-input:hover { background: RGB(var(--unified_nav-input--background-color--opened,var(--now-color--neutral-0,255,255,255))) !important; } .search-combobox--header .input-container.na-self-service { height: calc(2.875rem*var(--classicsponlydonotuse--rem-multipy)); padding-bottom: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .input-container.na-self-service, :root:not([dir="rtl"]) .search-combobox--header .input-container.na-self-service { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .input-container.na-self-service, :root[dir="rtl"] .search-combobox--header .input-container.na-self-service { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .input-container.na-self-service, :root:not([dir="rtl"]) .search-combobox--header .input-container.na-self-service { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .input-container.na-self-service, :root[dir="rtl"] .search-combobox--header .input-container.na-self-service { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .input-container__input { font-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .input-container__input::placeholder { color: RGB(var(--now-color_text--tertiary,var(--now-color--neutral-12,66,80,81))); } .search-combobox--header .input-container__input.na-self-service::placeholder { color: RGB(var(--now-color_text--tertiary,var(--now-color--neutral-12,66,80,81))); font-size: calc(1.25rem*var(--classicsponlydonotuse--rem-multipy)); font-weight: 400; } .search-combobox--header .input-container__input.-global { color: RGB(var(--unified_nav-input--color,var(--now-color--neutral-0,255,255,255))); font-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .input-container__input.-global::placeholder { color: RGB(var(--unified_nav-input--color--placeholder,var(--unified_nav-input--color,var(--now-color--neutral-0,255,255,255)))); font-size: inherit; font-weight: 400; } .search-combobox--header .input-container__input.-global.can-animate { transition: opacity var(--now-opacity--least,.1); } .search-combobox--header .input-container__input.-global.-active-input { color: RGB(var(--unified_nav-input--color--opened,var(--now-color--neutral-18,22,27,28))); } .search-combobox--header .input-container__input.-global.-active-input::placeholder { color: RGB(var(--now-color_text--tertiary,var(--now-color--neutral-12,66,80,81))); font-size: inherit; font-weight: 400; } :host(:not([dir="rtl"])) .search-combobox--header .input-container__button-icon:first-of-type, :root:not([dir="rtl"]) .search-combobox--header .input-container__button-icon:first-of-type { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .input-container__button-icon:first-of-type, :root[dir="rtl"] .search-combobox--header .input-container__button-icon:first-of-type { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .input-container__button-icon:nth-of-type(2), :root:not([dir="rtl"]) .search-combobox--header .input-container__button-icon:nth-of-type(2) { padding-left: 0px; } :host([dir="rtl"]) .search-combobox--header .input-container__button-icon:nth-of-type(2), :root[dir="rtl"] .search-combobox--header .input-container__button-icon:nth-of-type(2) { padding-right: 0px; } .search-combobox--header .input-container__button-icon.-global:first-of-type { color: RGB(var(--unified_nav-input--color,var(--now-color--neutral-0,255,255,255))); } :host(:not([dir="rtl"])) .search-combobox--header .input-container__button-icon.-global:first-of-type, :root:not([dir="rtl"]) .search-combobox--header .input-container__button-icon.-global:first-of-type { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .input-container__button-icon.-global:first-of-type, :root[dir="rtl"] .search-combobox--header .input-container__button-icon.-global:first-of-type { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .nass-search-icon:first-of-type, :root:not([dir="rtl"]) .search-combobox--header .nass-search-icon:first-of-type { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .nass-search-icon:first-of-type, :root[dir="rtl"] .search-combobox--header .nass-search-icon:first-of-type { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .-global-search-icon { align-items: center; color: RGB(var(--unified_nav-input--color,var(--now-color--neutral-0,255,255,255))); display: inline-flex; height: calc(2rem*var(--classicsponlydonotuse--rem-multipy)); justify-content: center; width: calc(2rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .-global-search-icon, :root:not([dir="rtl"]) .search-combobox--header .-global-search-icon { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .-global-search-icon, :root[dir="rtl"] .search-combobox--header .-global-search-icon { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .-global-search-icon, :root:not([dir="rtl"]) .search-combobox--header .-global-search-icon { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .-global-search-icon, :root[dir="rtl"] .search-combobox--header .-global-search-icon { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .-global-search-icon.-active { color: RGB(var(--unified_nav-input--color--opened,var(--now-color--neutral-18,22,27,28))); padding-bottom: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .-global-search-icon.-active, :root:not([dir="rtl"]) .search-combobox--header .-global-search-icon.-active { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .-global-search-icon.-active, :root[dir="rtl"] .search-combobox--header .-global-search-icon.-active { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .-global-search-icon.-active, :root:not([dir="rtl"]) .search-combobox--header .-global-search-icon.-active { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .-global-search-icon.-active, :root[dir="rtl"] .search-combobox--header .-global-search-icon.-active { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .input-container__global-cancel-icon { background: transparent; border: none; border-radius: 100%; color: RGB(var(--unified_nav-input--color,var(--now-color--neutral-0,255,255,255))); cursor: pointer; height: calc(2rem*var(--classicsponlydonotuse--rem-multipy)); outline: none; width: calc(2rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .input-container__global-cancel-icon:focus, .search-combobox--header .input-container__global-cancel-icon:hover { background-color: RGB(var(--now-color_background--tertiary,var(--now-color--neutral-2,228,230,231))); border-color: RGB(var(--now-color--neutral-7,135,147,148)); } .search-combobox--header .input-container__global-cancel-icon.can-animate { transition: opacity var(--now-opacity--least,.1); } .search-combobox--header .input-container__global-cancel-icon now-icon[icon="filter-outline"] { background: RGB(var(--now-color_background--tertiary,var(--now-color--neutral-2,228,230,231))); border: RGB(var(--now-color--neutral-7,135,147,148)); margin-block-start: calc(-.5rem*var(--classicsponlydonotuse--rem-multipy)); position: absolute; top: 40%; } :host(:not([dir="rtl"])) .search-combobox--header .input-container__global-cancel-icon now-icon[icon="filter-outline"], :root:not([dir="rtl"]) .search-combobox--header .input-container__global-cancel-icon now-icon[icon="filter-outline"] { left: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .input-container__global-cancel-icon now-icon[icon="filter-outline"], :root[dir="rtl"] .search-combobox--header .input-container__global-cancel-icon now-icon[icon="filter-outline"] { right: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .context-dropdown-container, :root:not([dir="rtl"]) .search-combobox--header .context-dropdown-container { border-left: 1px solid RGB(var(--unified_nav-input--border-color,var(--now-color_chrome--divider-1,144,155,156))); } :host([dir="rtl"]) .search-combobox--header .context-dropdown-container, :root[dir="rtl"] .search-combobox--header .context-dropdown-container { border-right: 1px solid RGB(var(--unified_nav-input--border-color,var(--now-color_chrome--divider-1,144,155,156))); } .search-combobox--header .context-dropdown-container:hover { background-color: RGB(var(--unified_nav-input--background-color--hover,var(--now-color_chrome--brand-3,114,128,129))); } .search-combobox--header .context-dropdown-container .dropdown-search-context { align-items: center; background-color: inherit; color: RGB(var(--unified_nav-input--color,var(--now-color--neutral-0,255,255,255))); justify-content: center; } .search-combobox--header .context-dropdown-container .dropdown-search-context-active { color: RGB(var(--unified_nav-input--color--opened,var(--now-color--neutral-18,22,27,28))); } .search-combobox--header .search-popover { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: none; box-shadow: 0 calc(.5rem*var(--classicsponlydonotuse--rem-multipy)) calc(.75rem*var(--classicsponlydonotuse--rem-multipy)) 0 RGB(56,56,56,var(--now-opacity--less,.25)); padding-bottom: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover, :root:not([dir="rtl"]) .search-combobox--header .search-popover { padding-left: 0px; } :host([dir="rtl"]) .search-combobox--header .search-popover, :root[dir="rtl"] .search-combobox--header .search-popover { padding-right: 0px; } :host(:not([dir="rtl"])) .search-combobox--header .search-popover, :root:not([dir="rtl"]) .search-combobox--header .search-popover { padding-right: 0px; } :host([dir="rtl"]) .search-combobox--header .search-popover, :root[dir="rtl"] .search-combobox--header .search-popover { padding-left: 0px; } .search-combobox--header .search-popover.na-self-service { padding-bottom: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover.na-self-service, :root:not([dir="rtl"]) .search-combobox--header .search-popover.na-self-service { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover.na-self-service, :root[dir="rtl"] .search-combobox--header .search-popover.na-self-service { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover.na-self-service, :root:not([dir="rtl"]) .search-combobox--header .search-popover.na-self-service { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover.na-self-service, :root[dir="rtl"] .search-combobox--header .search-popover.na-self-service { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover__item { padding-bottom: calc(.125rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: 0px; } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item, :root[dir="rtl"] .search-combobox--header .search-popover__item { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item, :root[dir="rtl"] .search-combobox--header .search-popover__item { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover__item.-search-popover__item--is-active:hover { background-color: RGB(var(--now-color--primary-0,221,237,233)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item.-na-self-service, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item.-na-self-service { padding-left: 0px; } :host([dir="rtl"]) .search-combobox--header .search-popover__item.-na-self-service, :root[dir="rtl"] .search-combobox--header .search-popover__item.-na-self-service { padding-right: 0px; } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item.-na-self-service, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item.-na-self-service { padding-right: 0px; } :host([dir="rtl"]) .search-combobox--header .search-popover__item.-na-self-service, :root[dir="rtl"] .search-combobox--header .search-popover__item.-na-self-service { padding-left: 0px; } .search-combobox--header .search-popover__section-header { padding-bottom: calc(.125rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__section-header, :root:not([dir="rtl"]) .search-combobox--header .search-popover__section-header { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__section-header, :root[dir="rtl"] .search-combobox--header .search-popover__section-header { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__section-header, :root:not([dir="rtl"]) .search-combobox--header .search-popover__section-header { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__section-header, :root[dir="rtl"] .search-combobox--header .search-popover__section-header { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover__section-header:first-child { padding-top: 0px; } .search-combobox--header .search-popover__section-header.na-self-service { color: RGB(var(--now-color_text--tertiary,var(--now-color--neutral-12,66,80,81))); font-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); font-weight: 400; padding-bottom: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__section-header.na-self-service, :root:not([dir="rtl"]) .search-combobox--header .search-popover__section-header.na-self-service { padding-left: 0px; } :host([dir="rtl"]) .search-combobox--header .search-popover__section-header.na-self-service, :root[dir="rtl"] .search-combobox--header .search-popover__section-header.na-self-service { padding-right: 0px; } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__section-header.na-self-service, :root:not([dir="rtl"]) .search-combobox--header .search-popover__section-header.na-self-service { padding-right: 0px; } :host([dir="rtl"]) .search-combobox--header .search-popover__section-header.na-self-service, :root[dir="rtl"] .search-combobox--header .search-popover__section-header.na-self-service { padding-left: 0px; } .search-combobox--header .search-popover__item-button { color: RGB(var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item-button, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item-button { padding-left: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item-button, :root[dir="rtl"] .search-combobox--header .search-popover__item-button { padding-right: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover.-global { border: 1px solid RGB(var(--now-color_border--tertiary,var(--now-color--neutral-3,209,214,214))); border-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); box-shadow: 0 calc(.25rem*var(--classicsponlydonotuse--rem-multipy)) calc(.5rem*var(--classicsponlydonotuse--rem-multipy)) 0 RGB(56,56,56,var(--now-opacity--less,.25)); margin-top: calc(.125rem*var(--classicsponlydonotuse--rem-multipy)); max-height: calc(24.75rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); width: calc(22.25rem*var(--classicsponlydonotuse--rem-multipy)); z-index: 999; } .search-combobox--header .search-popover__section-header.-global { color: RGB(var(--now-color--primary-2,23,100,82)); padding-bottom: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: 0px !important; } .search-combobox--header .section-divider-global { border-top-width: 1px; border-top-style: initial; border-color: var(--now-color_divider--tertiary,var(--now-color--neutral-3,209,214,214)); margin-bottom: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover__item.-is-active-global:focus, .search-combobox--header .search-popover__item.-is-active-global:hover { background-color: RGB(var(--now-color--primary-1,30,133,109),var(--now-opacity--least,.1)); } .search-combobox--header .search-popover__item-view-all { cursor: pointer; } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item-view-all, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item-view-all { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item-view-all, :root[dir="rtl"] .search-combobox--header .search-popover__item-view-all { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item-view-all, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item-view-all { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item-view-all, :root[dir="rtl"] .search-combobox--header .search-popover__item-view-all { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover__item-text-link { -webkit-line-clamp: 1; -webkit-box-orient: vertical; align-items: center; display: -webkit-box; font-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); justify-content: center; overflow: hidden; text-align: center; text-overflow: ellipsis; } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item-text-link, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item-text-link { margin-right: calc(2.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item-text-link, :root[dir="rtl"] .search-combobox--header .search-popover__item-text-link { margin-left: calc(2.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item-text-link, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item-text-link { margin-left: calc(2.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item-text-link, :root[dir="rtl"] .search-combobox--header .search-popover__item-text-link { margin-right: calc(2.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover__item-metadata-global { align-items: center; display: flex; flex: 1 1 auto; overflow: hidden; } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item { margin-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item, :root[dir="rtl"] .search-combobox--header .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item { margin-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item .search-popover__item-icon.-global { padding-bottom: calc(1.375rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover__item-primary-text.-global { font-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item-primary-text.-global, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item-primary-text.-global { margin-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item-primary-text.-global, :root[dir="rtl"] .search-combobox--header .search-popover__item-primary-text.-global { margin-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--header .search-popover__item-primary-text.-global .search-popover__item--content-container { width: 100%; } .search-combobox--header .search-popover__item-primary-text.-global p { display: block; } .search-combobox--header .search-popover__item-primary-text.-na-self-service { font-size: calc(1.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item-primary-text.-na-self-service, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item-primary-text.-na-self-service { margin-left: 0px; } :host([dir="rtl"]) .search-combobox--header .search-popover__item-primary-text.-na-self-service, :root[dir="rtl"] .search-combobox--header .search-popover__item-primary-text.-na-self-service { margin-right: 0px; } :host(:not([dir="rtl"])) .search-combobox--header .search-popover__item-primary-text.-na-self-service, :root:not([dir="rtl"]) .search-combobox--header .search-popover__item-primary-text.-na-self-service { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--header .search-popover__item-primary-text.-na-self-service, :root[dir="rtl"] .search-combobox--header .search-popover__item-primary-text.-na-self-service { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } @media (forced-colors: active) { .search-combobox--header .search-popover__item-text-link { padding: calc(.125rem*var(--classicsponlydonotuse--rem-multipy)) 0; } .search-combobox--header .search-popover__item.-is-active-global:hover { background-color: highlight; } .search-combobox--header .search-popover__item.-is-active-global:hover .search-popover__item-metadata-global { border: 0.1px solid transparent; forced-color-adjust: none; } .search-combobox--header .search-popover__item.-is-active-global:hover now-icon.search-popover__item-icon { color: highlighttext; } } .search-combobox--body .input-container { padding-bottom: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .input-container, :root:not([dir="rtl"]) .search-combobox--body .input-container { padding-right: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .input-container, :root[dir="rtl"] .search-combobox--body .input-container { padding-left: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .input-container, :root:not([dir="rtl"]) .search-combobox--body .input-container { padding-left: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .input-container, :root[dir="rtl"] .search-combobox--body .input-container { padding-right: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--body .input-container__input { font-size: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .input-container__button-icon:first-of-type, :root:not([dir="rtl"]) .search-combobox--body .input-container__button-icon:first-of-type { padding-left: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .input-container__button-icon:first-of-type, :root[dir="rtl"] .search-combobox--body .input-container__button-icon:first-of-type { padding-right: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .input-container__button-icon:first-of-type, :root:not([dir="rtl"]) .search-combobox--body .input-container__button-icon:first-of-type { padding-right: 0px; } :host([dir="rtl"]) .search-combobox--body .input-container__button-icon:first-of-type, :root[dir="rtl"] .search-combobox--body .input-container__button-icon:first-of-type { padding-left: 0px; } :host(:not([dir="rtl"])) .search-combobox--body .input-container__button-icon:nth-of-type(2), :root:not([dir="rtl"]) .search-combobox--body .input-container__button-icon:nth-of-type(2) { padding-left: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .input-container__button-icon:nth-of-type(2), :root[dir="rtl"] .search-combobox--body .input-container__button-icon:nth-of-type(2) { padding-right: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .input-container-search-icon-global:first-of-type, :root:not([dir="rtl"]) .search-combobox--body .input-container-search-icon-global:first-of-type { padding-left: 0px; } :host([dir="rtl"]) .search-combobox--body .input-container-search-icon-global:first-of-type, :root[dir="rtl"] .search-combobox--body .input-container-search-icon-global:first-of-type { padding-right: 0px; } :host(:not([dir="rtl"])) .search-combobox--body .input-container-search-icon-global:first-of-type, :root:not([dir="rtl"]) .search-combobox--body .input-container-search-icon-global:first-of-type { padding-right: 0px; } :host([dir="rtl"]) .search-combobox--body .input-container-search-icon-global:first-of-type, :root[dir="rtl"] .search-combobox--body .input-container-search-icon-global:first-of-type { padding-left: 0px; } .search-combobox--body .search-popover { padding-bottom: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: 0px; } :host(:not([dir="rtl"])) .search-combobox--body .search-popover, :root:not([dir="rtl"]) .search-combobox--body .search-popover { padding-left: 0px; } :host([dir="rtl"]) .search-combobox--body .search-popover, :root[dir="rtl"] .search-combobox--body .search-popover { padding-right: 0px; } :host(:not([dir="rtl"])) .search-combobox--body .search-popover, :root:not([dir="rtl"]) .search-combobox--body .search-popover { padding-right: 0px; } :host([dir="rtl"]) .search-combobox--body .search-popover, :root[dir="rtl"] .search-combobox--body .search-popover { padding-left: 0px; } .search-combobox--body .search-popover__item { padding-bottom: calc(.125rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: 0px; } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item { padding-left: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__item, :root[dir="rtl"] .search-combobox--body .search-popover__item { padding-right: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item { padding-right: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__item, :root[dir="rtl"] .search-combobox--body .search-popover__item { padding-left: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--body .search-popover__section-header { padding-bottom: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__section-header, :root:not([dir="rtl"]) .search-combobox--body .search-popover__section-header { padding-left: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__section-header, :root[dir="rtl"] .search-combobox--body .search-popover__section-header { padding-right: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__section-header, :root:not([dir="rtl"]) .search-combobox--body .search-popover__section-header { padding-right: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__section-header, :root[dir="rtl"] .search-combobox--body .search-popover__section-header { padding-left: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--body .search-popover__section-header:first-child { padding-top: 0px; } .search-combobox--body .search-popover.-global { border: 1px solid RGB(var(--now-color_border--tertiary,var(--now-color--neutral-3,209,214,214))); border-radius: calc(.25rem*var(--classicsponlydonotuse--rem-multipy)); box-shadow: 0 calc(.25rem*var(--classicsponlydonotuse--rem-multipy)) calc(.5rem*var(--classicsponlydonotuse--rem-multipy)) 0 RGB(56,56,56,var(--now-opacity--less,.25)); margin-top: calc(.125rem*var(--classicsponlydonotuse--rem-multipy)); max-height: calc(24.75rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); width: calc(22.25rem*var(--classicsponlydonotuse--rem-multipy)); z-index: 999; } .search-combobox--body .search-popover__section-header.-global { color: RGB(var(--now-color--primary-2,23,100,82)); padding-bottom: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: 0px !important; } .search-combobox--body .section-divider-global { border-top-width: 1px; border-top-style: initial; border-color: var(--now-color_divider--tertiary,var(--now-color--neutral-3,209,214,214)); margin-bottom: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--body .search-popover__item.-is-active-global:focus, .search-combobox--body .search-popover__item.-is-active-global:hover { background-color: RGB(var(--now-color--primary-1,30,133,109),var(--now-opacity--least,.1)); } .search-combobox--body .search-popover__item-view-all { cursor: pointer; } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item-view-all, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item-view-all { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__item-view-all, :root[dir="rtl"] .search-combobox--body .search-popover__item-view-all { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item-view-all, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item-view-all { padding-right: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__item-view-all, :root[dir="rtl"] .search-combobox--body .search-popover__item-view-all { padding-left: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--body .search-popover__item-text-link { -webkit-line-clamp: 1; -webkit-box-orient: vertical; align-items: center; display: -webkit-box; font-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); justify-content: center; overflow: hidden; text-align: center; text-overflow: ellipsis; } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item-text-link, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item-text-link { margin-right: calc(2.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__item-text-link, :root[dir="rtl"] .search-combobox--body .search-popover__item-text-link { margin-left: calc(2.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item-text-link, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item-text-link { margin-left: calc(2.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__item-text-link, :root[dir="rtl"] .search-combobox--body .search-popover__item-text-link { margin-right: calc(2.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--body .search-popover__item-metadata-global { align-items: center; display: flex; flex: 1 1 auto; overflow: hidden; } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item { margin-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item, :root[dir="rtl"] .search-combobox--body .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item { margin-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--body .search-popover__item-metadata-global.search-popover__item-metadata-global-stacked-item .search-popover__item-icon.-global { padding-bottom: calc(1.375rem*var(--classicsponlydonotuse--rem-multipy)); padding-top: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--body .search-popover__item-primary-text.-global { font-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item-primary-text.-global, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item-primary-text.-global { margin-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__item-primary-text.-global, :root[dir="rtl"] .search-combobox--body .search-popover__item-primary-text.-global { margin-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } .search-combobox--body .search-popover__item-primary-text.-global .search-popover__item--content-container { width: 100%; } .search-combobox--body .search-popover__item-primary-text.-global p { display: block; } .search-combobox--body .search-popover__item-primary-text.-na-self-service { font-size: calc(1.25rem*var(--classicsponlydonotuse--rem-multipy)); } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item-primary-text.-na-self-service, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item-primary-text.-na-self-service { margin-left: 0px; } :host([dir="rtl"]) .search-combobox--body .search-popover__item-primary-text.-na-self-service, :root[dir="rtl"] .search-combobox--body .search-popover__item-primary-text.-na-self-service { margin-right: 0px; } :host(:not([dir="rtl"])) .search-combobox--body .search-popover__item-primary-text.-na-self-service, :root:not([dir="rtl"]) .search-combobox--body .search-popover__item-primary-text.-na-self-service { padding-left: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } :host([dir="rtl"]) .search-combobox--body .search-popover__item-primary-text.-na-self-service, :root[dir="rtl"] .search-combobox--body .search-popover__item-primary-text.-na-self-service { padding-right: calc(.5rem*var(--classicsponlydonotuse--rem-multipy)); } @media (forced-colors: active) { .search-combobox--body .search-popover__item-text-link { padding: calc(.125rem*var(--classicsponlydonotuse--rem-multipy)) 0; } .search-combobox--body .search-popover__item.-is-active-global:hover { background-color: highlight; } .search-combobox--body .search-popover__item.-is-active-global:hover .search-popover__item-metadata-global { border: 0.1px solid transparent; forced-color-adjust: none; } .search-combobox--body .search-popover__item.-is-active-global:hover now-icon.search-popover__item-icon { color: highlighttext; } }

:host { box-sizing: border-box; font-family: var(--now-font-family,"Source Sans Pro",Arial,sans-serif); line-height: var(--now-line-height,1.25); } :host([hidden]) { display: none; } *, ::after, ::before { box-sizing: border-box; } :host { display: inline-block; vertical-align: middle; } .now-button-iconic { align-items: center; border-radius: var(--now-button-iconic--border-radius,var(--now-button--border-radius,var(--now-actionable--border-radius,0))); border-style: solid; cursor: pointer; display: flex; inline-size: inherit; justify-content: center; margin: 0px; padding: 0px; } .now-button-iconic:active { color: currentcolor; } .now-button-iconic:not(.is-bare):hover { box-shadow: 0 calc(.125rem*var(--classicsponlydonotuse--rem-multipy)) calc(.25rem*var(--classicsponlydonotuse--rem-multipy)) 0 RGB(56,56,56,var(--now-opacity--less,.25)); } .now-button-iconic:focus:focus { box-shadow: inset 0 0 0 calc(.125rem*var(--classicsponlydonotuse--rem-multipy)) RGB(var(--now-color_focus-ring,var(--now-color--secondary-1,1,119,142))),inset 0 0 0 calc(.1875rem*var(--classicsponlydonotuse--rem-multipy)) RGB(var(--now-color_focus-ring_shadow,var(--now-color_background--primary,var(--now-color--neutral-0,255,255,255)))); outline: none; } @media (forced-colors: active) { .now-button-iconic:focus:focus { outline: highlight solid 1px; } } .now-button-iconic.-sm { block-size: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-button--scale-size, 1)*1.5rem*var(--classicsponlydonotuse--rem-multipy)/2); inline-size: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-button--scale-size, 1)*1.5rem*var(--classicsponlydonotuse--rem-multipy)/2); } .now-button-iconic.-md { block-size: calc(2rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-button--scale-size, 1)*2rem*var(--classicsponlydonotuse--rem-multipy)/2); inline-size: calc(2rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-button--scale-size, 1)*2rem*var(--classicsponlydonotuse--rem-multipy)/2); } .now-button-iconic.-lg { block-size: calc(3rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-button--scale-size, 1)*3rem*var(--classicsponlydonotuse--rem-multipy)/2); inline-size: calc(3rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-button--scale-size, 1)*3rem*var(--classicsponlydonotuse--rem-multipy)/2); } .now-button-iconic.-primary { background-color: RGB(var(--now-button-iconic--primary--background-color,var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109)))); border-color: RGB(var(--now-button-iconic--primary--border-color,var(--now-button--primary--border-color,var(--now-color--primary-3,15,67,55)))); border-radius: var(--now-button-iconic--primary--border-radius,var(--now-button-iconic--border-radius,var(--now-button--border-radius,var(--now-actionable--border-radius,0)))); border-width: var(--now-button-iconic--primary--border-width,var(--now-button-iconic--border-width,var(--now-button--border-width,var(--now-actionable--border-width,1px)))); color: RGB(var(--now-button-iconic--primary--color,var(--now-button_icon--primary--color,var(--now-button--primary--color,var(--now-color--neutral-0,255,255,255))))); } .now-button-iconic.-primary:not(.is-disabled):hover { background-color: RGB(var(--now-button-iconic--primary--background-color--hover,var(--now-button--primary--background-color--hover,var(--now-color--primary-2,23,100,82)))); border-color: RGB(var(--now-button-iconic--primary--border-color--hover,var(--now-button--primary--border-color--hover,var(--now-button--primary--border-color,var(--now-color--primary-3,15,67,55))))); color: RGB(var(--now-button-iconic--primary--color--hover,var(--now-button_icon--primary--color--hover,var(--now-button--primary--color--hover,var(--now-button--primary--color,var(--now-color--neutral-0,255,255,255)))))); } .now-button-iconic.-primary:not(.is-disabled):active { background-color: RGB(var(--now-button-iconic--primary--background-color--active,var(--now-button--primary--background-color--active,var(--now-color--primary-3,15,67,55)))); border-color: RGB(var(--now-button-iconic--primary--border-color--active,var(--now-button--primary--border-color--active,var(--now-button--primary--border-color,var(--now-color--primary-3,15,67,55))))); color: RGB(var(--now-button-iconic--primary--color--active,var(--now-button_icon--primary--color--active,var(--now-button--primary--color--active,var(--now-button--primary--color,var(--now-color--neutral-0,255,255,255)))))); } .now-button-iconic.-primary.is-disabled { opacity: var(--now-button-iconic--primary--opacity--disabled,var(--now-button-iconic--opacity--disabled,var(--now-button--opacity--disabled,var(--now-actionable--opacity--disabled,var(--now-opacity--less,.25))))); } .now-button-iconic.-secondary { background-color: RGB(var(--now-button-iconic--secondary--background-color,var(--now-button--secondary--background-color,var(--now-color_background--tertiary,var(--now-color--neutral-2,228,230,231)))),var(--now-button-iconic--secondary--background-color-alpha,var(--now-button--secondary--background-color-alpha,1))); border-color: RGB(var(--now-button-iconic--secondary--border-color,var(--now-button--secondary--border-color,var(--now-color--neutral-7,135,147,148)))); border-radius: var(--now-button-iconic--secondary--border-radius,var(--now-button-iconic--border-radius,var(--now-button--border-radius,var(--now-actionable--border-radius,0)))); border-width: var(--now-button-iconic--secondary--border-width,var(--now-button-iconic--border-width,var(--now-button--border-width,var(--now-actionable--border-width,1px)))); color: RGB(var(--now-button-iconic--secondary--color,var(--now-button_icon--secondary--color,var(--now-button--secondary--color,var(--now-color--neutral-18,22,27,28))))); } .now-button-iconic.-secondary:not(.is-disabled):hover { background-color: RGB(var(--now-button-iconic--secondary--background-color--hover,var(--now-button--secondary--background-color--hover,var(--now-color--neutral-3,209,214,214))),var(--now-button-iconic--secondary--background-color-alpha--hover,var(--now-button--secondary--background-color-alpha--hover,var(--now-button--secondary--background-color-alpha,1)))); border-color: RGB(var(--now-button-iconic--secondary--border-color--hover,var(--now-button--secondary--border-color--hover,var(--now-button--secondary--border-color,var(--now-color--neutral-7,135,147,148))))); color: RGB(var(--now-button-iconic--secondary--color--hover,var(--now-button_icon--secondary--color--hover,var(--now-button--secondary--color--hover,var(--now-color--secondary-2,1,89,107))))); } .now-button-iconic.-secondary:not(.is-disabled):active { background-color: RGB(var(--now-button-iconic--secondary--background-color--active,var(--now-button--secondary--background-color--active,var(--now-color--neutral-5,172,180,181))),var(--now-button-iconic--secondary--background-color-alpha--active,var(--now-button--secondary--background-color-alpha--active,var(--now-button--secondary--background-color-alpha,1)))); border-color: RGB(var(--now-button-iconic--secondary--border-color--active,var(--now-button--secondary--border-color--active,var(--now-button--secondary--border-color,var(--now-color--neutral-7,135,147,148))))); color: RGB(var(--now-button-iconic--secondary--color--active,var(--now-button_icon--secondary--color--active,var(--now-button--secondary--color--active,var(--now-color--secondary-3,1,60,71))))); } .now-button-iconic.-secondary.is-disabled { opacity: var(--now-button-iconic--secondary--opacity--disabled,var(--now-button-iconic--opacity--disabled,var(--now-button--opacity--disabled,var(--now-actionable--opacity--disabled,var(--now-opacity--less,.25))))); } .now-button-iconic.-tertiary { background-color: RGB(var(--now-button-iconic--tertiary--background-color,var(--now-button--tertiary--background-color,var(--now-color_background--primary,var(--now-color--neutral-0,255,255,255)))),var(--now-button-iconic--tertiary--background-color-alpha,var(--now-button--tertiary--background-color-alpha,0))); border-color: RGB(var(--now-button-iconic--tertiary--border-color,var(--now-button--tertiary--border-color,var(--now-color--neutral-7,135,147,148))),var(--now-button-iconic--tertiary--border-color-alpha,var(--now-button--tertiary--border-color-alpha,1))); border-radius: var(--now-button-iconic--tertiary--border-radius,var(--now-button-iconic--border-radius,var(--now-button--border-radius,var(--now-actionable--border-radius,0)))); border-width: var(--now-button-iconic--tertiary--border-width,var(--now-button-iconic--border-width,var(--now-button--border-width,var(--now-actionable--border-width,1px)))); color: RGB(var(--now-button-iconic--tertiary--color,var(--now-button_icon--tertiary--color,var(--now-button--tertiary--color,var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28)))))); } .now-button-iconic.-tertiary:not(.is-disabled):hover { background-color: RGB(var(--now-button-iconic--tertiary--background-color--hover,var(--now-button--tertiary--background-color--hover,var(--now-color--neutral-2,228,230,231))),var(--now-button-iconic--tertiary--background-color-alpha--hover,var(--now-button--tertiary--background-color-alpha--hover,1))); border-color: RGB(var(--now-button-iconic--tertiary--border-color--hover,var(--now-button--tertiary--border-color--hover,var(--now-button--tertiary--border-color,var(--now-color--neutral-7,135,147,148)))),var(--now-button-iconic--tertiary--border-color-alpha--hover,var(--now-button--tertiary--border-color-alpha--hover,var(--now-button--tertiary--border-color-alpha,1)))); color: RGB(var(--now-button-iconic--tertiary--color--hover,var(--now-button_icon--tertiary--color--hover,var(--now-button--tertiary--color--hover,var(--now-color--secondary-2,1,89,107))))); } .now-button-iconic.-tertiary:not(.is-disabled):active { background-color: RGB(var(--now-button-iconic--tertiary--background-color--active,var(--now-button--tertiary--background-color--active,var(--now-color--neutral-5,172,180,181))),var(--now-button-iconic--tertiary--background-color-alpha--active,var(--now-button--tertiary--background-color-alpha--active,1))); border-color: RGB(var(--now-button-iconic--tertiary--border-color--active,var(--now-button--tertiary--border-color--active,var(--now-button--tertiary--border-color,var(--now-color--neutral-7,135,147,148)))),var(--now-button-iconic--tertiary--border-color-alpha--active,var(--now-button--tertiary--border-color-alpha--active,var(--now-button--tertiary--border-color-alpha,1)))); color: RGB(var(--now-button-iconic--tertiary--color--active,var(--now-button_icon--tertiary--color--active,var(--now-button--tertiary--color--active,var(--now-color--secondary-3,1,60,71))))); } .now-button-iconic.-tertiary.is-disabled { opacity: var(--now-button-iconic--tertiary--opacity--disabled,var(--now-button-iconic--opacity--disabled,var(--now-button--opacity--disabled,var(--now-actionable--opacity--disabled,var(--now-opacity--less,.25))))); } .now-button-iconic.is-bare, .now-button-iconic.is-bare:active, .now-button-iconic.is-bare:hover { background-color: transparent; border-color: transparent; border-width: 0px; } .now-button-iconic.is-bare:focus:focus { box-shadow: inset 0 0 0 calc(.125rem*var(--classicsponlydonotuse--rem-multipy)) RGB(var(--now-color_focus-ring,var(--now-color--secondary-1,1,119,142))); outline: none; } @media (forced-colors: active) { .now-button-iconic.is-bare:focus:focus { outline: highlight solid 1px; } } .now-button-iconic.is-bare.-primary { border-radius: var(--now-button-iconic--bare_primary--border-radius,var(--now-button-iconic--bare--border-radius,var(--now-button--bare--border-radius,var(--now-button--border-radius,var(--now-actionable--border-radius,0))))); border-width: var(--now-button-iconic--bare_primary--border-width,var(--now-button-iconic--bare--border-width,var(--now-button--bare--border-width,0))); color: RGB(var(--now-button-iconic--bare_primary--color,var(--now-button--bare_primary--color,var(--now-color--primary-1,30,133,109)))); } .now-button-iconic.is-bare.-primary:not(.is-disabled):hover { background-color: RGB(var(--now-button-iconic--bare_primary--background-color--hover,var(--now-button--bare_primary--background-color--hover,var(--now-color--primary-2,23,100,82))),var(--now-button-iconic--bare_primary--background-color-alpha--hover,var(--now-button--bare_primary--background-color-alpha--hover,var(--now-opacity--least,.1)))); border-color: RGB(var(--now-button-iconic--bare_primary--border-color--hover,var(--now-button--bare_primary--border-color--hover,var(--now-color--primary-2,23,100,82))),var(--now-button-iconic--bare_primary--border-color-alpha--hover,var(--now-button--bare_primary--border-color-alpha--hover,0))); color: RGB(var(--now-button-iconic--bare_primary--color--hover,var(--now-button--bare_primary--color--hover,var(--now-color--primary-2,23,100,82)))); } .now-button-iconic.is-bare.-primary:not(.is-disabled):active { background-color: RGB(var(--now-button-iconic--bare_primary--background-color--active,var(--now-button--bare_primary--background-color--active,var(--now-color--primary-2,23,100,82))),var(--now-button-iconic--bare_primary--background-color-alpha--active,var(--now-button--bare_primary--background-color-alpha--active,var(--now-opacity--less,.25)))); border-color: RGB(var(--now-button-iconic--bare_primary--border-color--active,var(--now-button--bare_primary--border-color--active,var(--now-color--primary-3,15,67,55))),var(--now-button-iconic--bare_primary--border-color-alpha--active,var(--now-button--bare_primary--border-color-alpha--active,0))); color: RGB(var(--now-button-iconic--bare_primary--color--active,var(--now-button--bare_primary--color--active,var(--now-color--primary-3,15,67,55)))); } .now-button-iconic.is-bare.-primary.is-disabled { opacity: var(--now-button-iconic--bare_primary--opacity--disabled,var(--now-button-iconic--bare--opacity--disabled,var(--now-button-iconic--opacity--disabled,var(--now-button--opacity--disabled,var(--now-actionable--opacity--disabled,var(--now-opacity--less,.25)))))); } .now-button-iconic.is-bare.-primary.high-contrast { color: RGB(var(--now-button-iconic--bare_primary_high-contrast--color,var(--now-color--primary-2,23,100,82))); } .now-button-iconic.is-bare.-primary.high-contrast:not(.is-disabled):hover { color: RGB(var(--now-button-iconic--bare_primary_high-contrast--color--hover,var(--now-color--primary-3,15,67,55))); } .now-button-iconic.is-bare.-primary.high-contrast:not(.is-disabled):active { color: RGB(var(--now-button-iconic--bare_primary_high-contrast--color--active,var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28)))); } .now-button-iconic.is-bare.-secondary { border-radius: var(--now-button-iconic--bare_secondary--border-radius,var(--now-button-iconic--bare--border-radius,var(--now-button--bare--border-radius,var(--now-button--border-radius,var(--now-actionable--border-radius,0))))); border-width: var(--now-button-iconic--bare_secondary--border-width,var(--now-button-iconic--bare--border-width,var(--now-button--bare--border-width,0))); color: RGB(var(--now-button-iconic--bare_secondary--color,var(--now-button--bare_secondary--color,var(--now-color--secondary-1,1,119,142)))); } .now-button-iconic.is-bare.-secondary:not(.is-disabled):hover { background-color: RGB(var(--now-button-iconic--bare_secondary--background-color--hover,var(--now-button--bare_secondary--background-color--hover,var(--now-color--secondary-1,1,119,142))),var(--now-button-iconic--bare_secondary--background-color-alpha--hover,var(--now-button--bare_secondary--background-color-alpha--hover,var(--now-opacity--least,.1)))); border-color: RGB(var(--now-button-iconic--bare_secondary--border-color--hover,var(--now-button--bare_secondary--border-color--hover,var(--now-color--secondary-2,1,89,107))),var(--now-button-iconic--bare_secondary--border-color-alpha--hover,var(--now-button--bare_secondary--border-color-alpha--hover,0))); color: RGB(var(--now-button-iconic--bare_secondary--color--hover,var(--now-button--bare_secondary--color--hover,var(--now-color--secondary-2,1,89,107)))); } .now-button-iconic.is-bare.-secondary:not(.is-disabled):active { background-color: RGB(var(--now-button-iconic--bare_secondary--background-color--active,var(--now-button--bare_secondary--background-color--active,var(--now-color--secondary-2,1,89,107))),var(--now-button-iconic--bare_secondary--background-color-alpha--active,var(--now-button--bare_secondary--background-color-alpha--active,var(--now-opacity--less,.25)))); border-color: RGB(var(--now-button-iconic--bare_secondary--border-color--active,var(--now-button--bare_secondary--border-color--active,var(--now-color--secondary-3,1,60,71))),var(--now-button-iconic--bare_secondary--border-color-alpha--active,var(--now-button--bare_secondary--border-color-alpha--active,0))); color: RGB(var(--now-button-iconic--bare_secondary--color--active,var(--now-button--bare_secondary--color--active,var(--now-color--secondary-3,1,60,71)))); } .now-button-iconic.is-bare.-secondary.is-disabled { opacity: var(--now-button-iconic--bare_secondary--opacity--disabled,var(--now-button-iconic--bare--opacity--disabled,var(--now-button-iconic--opacity--disabled,var(--now-button--opacity--disabled,var(--now-actionable--opacity--disabled,var(--now-opacity--less,.25)))))); } .now-button-iconic.is-bare.-secondary.high-contrast { color: RGB(var(--now-button-iconic--bare_secondary_high-contrast--color,var(--now-button--bare_secondary_high-contrast--color,var(--now-color--secondary-2,1,89,107)))); } .now-button-iconic.is-bare.-secondary.high-contrast:not(.is-disabled):hover { color: RGB(var(--now-button-iconic--bare_secondary_high-contrast--color--hover,var(--now-button--bare_secondary_high-contrast--color--hover,var(--now-color--secondary-3,1,60,71)))); } .now-button-iconic.is-bare.-secondary.high-contrast:not(.is-disabled):active { color: RGB(var(--now-button-iconic--bare_secondary_high-contrast--color--active,var(--now-button--bare_secondary_high-contrast--color--active,var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))))); } .now-button-iconic.is-bare.-tertiary { border-radius: var(--now-button-iconic--bare_tertiary--border-radius,var(--now-button-iconic--bare--border-radius,var(--now-button--bare--border-radius,var(--now-button--border-radius,var(--now-actionable--border-radius,0))))); border-width: var(--now-button-iconic--bare_tertiary--border-width,var(--now-button-iconic--bare--border-width,var(--now-button--bare--border-width,0))); color: RGB(var(--now-button-iconic--bare_tertiary--color,var(--now-button--bare_tertiary--color,var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))))); } .now-button-iconic.is-bare.-tertiary:not(.is-disabled):hover { background-color: RGB(var(--now-button-iconic--bare_tertiary--background-color--hover,var(--now-button--bare_tertiary--background-color--hover,var(--now-color--neutral-12,66,80,81))),var(--now-button-iconic--bare_tertiary--background-color-alpha--hover,var(--now-button--bare_tertiary--background-color-alpha--hover,var(--now-opacity--least,.1)))); border-color: RGB(var(--now-button-iconic--bare_tertiary--border-color--hover,var(--now-button--bare_tertiary--border-color--hover,var(--now-color--neutral-12,66,80,81))),var(--now-button-iconic--bare_tertiary--border-color-alpha--hover,var(--now-button--bare_tertiary--border-color-alpha--hover,0))); color: RGB(var(--now-button-iconic--bare_tertiary--color--hover,var(--now-button--bare_tertiary--color--hover,var(--now-color--neutral-12,66,80,81)))); } .now-button-iconic.is-bare.-tertiary:not(.is-disabled):active { background-color: RGB(var(--now-button-iconic--bare_tertiary--background-color--active,var(--now-button--bare_tertiary--background-color--active,var(--now-color--neutral-12,66,80,81))),var(--now-button-iconic--bare_tertiary--background-color-alpha--active,var(--now-button--bare_tertiary--background-color-alpha--active,var(--now-opacity--less,.25)))); border-color: RGB(var(--now-button-iconic--bare_tertiary--border-color--active,var(--now-button--bare_tertiary--border-color--active,var(--now-color--neutral-12,66,80,81))),var(--now-button-iconic--bare_tertiary--border-color-alpha--active,var(--now-button--bare_tertiary--border-color-alpha--active,0))); color: RGB(var(--now-button-iconic--bare_tertiary--color--active,var(--now-button--bare_tertiary--color--active,var(--now-color--secondary-3,1,60,71)))); } .now-button-iconic.is-bare.-tertiary.is-disabled { opacity: var(--now-button-iconic--bare_tertiary--opacity--disabled,var(--now-button-iconic--bare--opacity--disabled,var(--now-button-iconic--opacity--disabled,var(--now-button--opacity--disabled,var(--now-actionable--opacity--disabled,var(--now-opacity--less,.25)))))); } .now-button-iconic.is-bare.-tertiary.high-contrast { color: RGB(var(--now-button-iconic--bare_tertiary_high-contrast--color,var(--now-button--bare_tertiary_high-contrast--color,var(--now-button--tertiary--color,var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28)))))); } .now-button-iconic.is-bare.-tertiary.high-contrast:not(.is-disabled):hover { color: RGB(var(--now-button-iconic--bare_tertiary_high-contrast--color--hover,var(--now-button--bare_tertiary_high-contrast--color--hover,var(--now-color--secondary-3,1,60,71))),var(--now-button-iconic--bare_tertiary_high-contrast--color-alpha--hover,var(--now-button--bare_tertiary_high-contrast--color-alpha--hover,var(--now-button--bare_tertiary_high-contrast--color-alpha,1)))); } .now-button-iconic.is-bare.-tertiary.high-contrast:not(.is-disabled):active { color: RGB(var(--now-button-iconic--bare_tertiary_high-contrast--color--active,var(--now-button--bare_tertiary_high-contrast--color--active,var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28)))),var(--now-button-iconic--bare_tertiary_high-contrast--color-alpha--active,var(--now-button--bare_tertiary_high-contrast--color-alpha--active,var(--now-button--bare_tertiary_high-contrast--color-alpha,1)))); } .now-button-iconic.is-disabled { cursor: not-allowed; opacity: var(--now-button--opacity--disabled,var(--now-actionable--opacity--disabled,var(--now-opacity--less,.25))); } .now-button-iconic.is-disabled:hover { box-shadow: none; } .now-button-iconic.is-disabled:focus:focus { box-shadow: inset 0 0 0 calc(.125rem*var(--classicsponlydonotuse--rem-multipy)) RGB(var(--now-color_focus-ring,var(--now-color--secondary-1,1,119,142))),inset 0 0 0 calc(.1875rem*var(--classicsponlydonotuse--rem-multipy)) RGB(var(--now-color_focus-ring_shadow,var(--now-color_background--primary,var(--now-color--neutral-0,255,255,255)))); outline: none; } @media (forced-colors: active) { .now-button-iconic.is-disabled:focus:focus { outline: highlight solid 1px; } } .now-button-iconic.hide-padding { block-size: auto; border-width: 0px; inline-size: auto; } @media (forced-colors: active) { .now-button-iconic { background-color: buttonface !important; border-style: solid !important; border-width: 1px !important; color: buttontext !important; } .now-button-iconic now-icon { color: inherit !important; } .now-button-iconic:focus, .now-button-iconic:hover { background-color: highlighttext !important; border-color: highlight !important; color: highlight !important; } .now-button-iconic.is-disabled, .now-button-iconic.is-disabled:hover { background-color: buttonface !important; border-color: graytext !important; color: graytext !important; opacity: 1 !important; } }

:host { box-sizing: border-box; font-family: var(--now-font-family,"Source Sans Pro",Arial,sans-serif); line-height: var(--now-line-height,1.25); } :host([hidden]) { display: none; } *, ::after, ::before { box-sizing: border-box; } :host { --now-line-height: 0; color: inherit; display: inline-block; font-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)); vertical-align: middle; } :host .-spin { animation: 2s linear 0s infinite normal none running spin; } @media (prefers-reduced-motion: reduce) { :host .-spin { animation: auto ease 0s 1 normal none running none; } } .now-icon { fill-rule: evenodd; fill: currentcolor; } .now-icon.-sm { block-size: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-icon--scale-size, 1)*.75rem*var(--classicsponlydonotuse--rem-multipy)/2); inline-size: calc(.75rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-icon--scale-size, 1)*.75rem*var(--classicsponlydonotuse--rem-multipy)/2); } .now-icon.-md { block-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-icon--scale-size, 1)*1rem*var(--classicsponlydonotuse--rem-multipy)/2); inline-size: calc(1rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-icon--scale-size, 1)*1rem*var(--classicsponlydonotuse--rem-multipy)/2); } .now-icon.-lg { block-size: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-icon--scale-size, 1)*1.5rem*var(--classicsponlydonotuse--rem-multipy)/2); inline-size: calc(1.5rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-icon--scale-size, 1)*1.5rem*var(--classicsponlydonotuse--rem-multipy)/2); } .now-icon.-xl { block-size: calc(2rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-icon--scale-size, 1)*2rem*var(--classicsponlydonotuse--rem-multipy)/2); inline-size: calc(2rem*var(--classicsponlydonotuse--rem-multipy)/2 + var(--now-icon--scale-size, 1)*2rem*var(--classicsponlydonotuse--rem-multipy)/2); } .now-icon.is-custom { object-fit: fill; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .now-icon-presence { fill-rule: evenodd; fill: currentcolor; } .now-icon-presence.-available { color: RGB(var(--now-color_presence--available,75,166,107)); } .now-icon-presence.-busy { color: RGB(var(--now-color_presence--busy,234,60,16)); } .now-icon-presence.-away { color: RGB(var(--now-color_presence--away,226,121,24)); } .now-icon-presence.-offline { color: RGB(var(--now-color_presence--offline,135,147,148)); } @media (forced-colors: active) { svg { forced-color-adjust: auto; } .now-icon-presence { color: inherit !important; } }