@inera/ids-design 8.0.1 → 8.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion-lit.js +1 -1
- package/components/accordion/accordion.css +35 -175
- package/components/action-link/action-link-lit.d.ts +2 -0
- package/components/action-link/action-link-lit.js +7 -0
- package/components/action-link/action-link.css +173 -0
- package/components/alert/alert-lit.js +1 -1
- package/components/alert/alert.css +28 -138
- package/components/box-link/box-link-lit.js +1 -1
- package/components/box-link/box-link.css +92 -39
- package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
- package/components/breadcrumbs/breadcrumbs.css +1 -0
- package/components/card/card-lit.js +1 -1
- package/components/card/card.css +42 -140
- package/components/carousel/carousel-item-lit.js +1 -1
- package/components/carousel/carousel-item.css +10 -123
- package/components/carousel/carousel-lit.js +1 -1
- package/components/carousel/carousel.css +41 -17
- package/components/data-table/data-table-lit.js +1 -1
- package/components/data-table/data-table.css +5 -11
- package/components/dialog/dialog-lit.js +1 -1
- package/components/dialog/dialog.css +8 -11
- package/components/dropdown/dropdown-lit.js +1 -1
- package/components/dropdown/dropdown.css +21 -12
- package/components/footer-1177/footer-1177-lit.js +1 -1
- package/components/footer-1177/footer-1177.css +48 -125
- package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
- package/components/footer-1177-admin/footer-1177-admin.css +47 -140
- package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
- package/components/footer-1177-pro/footer-1177-pro.css +47 -140
- package/components/footer-inera/footer-inera-lit.js +1 -1
- package/components/footer-inera/footer-inera.css +42 -123
- package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
- package/components/footer-inera-admin/footer-inera-admin.css +47 -132
- package/components/form/datepicker/datepicker-lit.d.ts +2 -0
- package/components/form/datepicker/datepicker-lit.js +9 -0
- package/components/form/datepicker/datepicker.css +570 -0
- package/components/form/error-message/error-message-lit.js +1 -1
- package/components/form/error-message/error-message.css +1 -0
- package/components/form/group/group-lit.js +1 -1
- package/components/form/group/group.css +11 -114
- package/components/form/range/range-lit.js +1 -1
- package/components/form/range/range.css +51 -120
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +56 -10
- package/components/global-alert/global-alert-lit.js +1 -1
- package/components/global-alert/global-alert.css +55 -161
- package/components/grid/container/container-lit.js +1 -1
- package/components/grid/container/container.css +1 -1
- package/components/header-1177/composite-header-1177.css +612 -842
- package/components/header-1177/header-1177-avatar-lit.js +1 -1
- package/components/header-1177/header-1177-avatar.css +57 -156
- package/components/header-1177/header-1177-item-lit.js +1 -1
- package/components/header-1177/header-1177-item.css +366 -139
- package/components/header-1177/header-1177-lit.js +1 -1
- package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-menu-mobile.css +14 -4
- package/components/header-1177/header-1177-nav-item-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile.css +40 -116
- package/components/header-1177/header-1177-nav-item.css +102 -416
- package/components/header-1177/header-1177-nav-lit.js +1 -1
- package/components/header-1177/header-1177-nav.css +20 -1
- package/components/header-1177/header-1177-region-picker-lit.js +1 -1
- package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-region-picker-mobile.css +3 -2
- package/components/header-1177/header-1177-region-picker.css +3 -2
- package/components/header-1177/header-1177.css +19 -17
- package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +8 -12
- package/components/header-1177-admin/header-1177-admin-avatar.css +29 -132
- package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-item.css +307 -122
- package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-menu-mobile.css +14 -4
- package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-nav-item.css +108 -436
- package/components/header-1177-admin/header-1177-admin.css +33 -33
- package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +8 -13
- package/components/header-1177-pro/header-1177-pro-avatar.css +25 -128
- package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-item.css +338 -141
- package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-menu-mobile.css +14 -4
- package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-item.css +112 -386
- package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav.css +10 -0
- package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +4 -4
- package/components/header-1177-pro/header-1177-pro-region-picker.css +3 -2
- package/components/header-1177-pro/header-1177-pro.css +35 -33
- package/components/header-inera/header-inera-item-lit.js +1 -1
- package/components/header-inera/header-inera-item.css +92 -53
- package/components/header-inera/header-inera-lit.js +1 -1
- package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
- package/components/header-inera/header-inera-menu-mobile.css +18 -4
- package/components/header-inera/header-inera-nav-item-lit.js +1 -1
- package/components/header-inera/header-inera-nav-item.css +51 -70
- package/components/header-inera/header-inera.css +12 -9
- package/components/header-inera-admin/composite-header-inera-admin.css +241 -320
- package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +9 -12
- package/components/header-inera-admin/header-inera-admin-avatar.css +25 -128
- package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-item.css +101 -53
- package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-menu-mobile.css +61 -58
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-item.css +52 -76
- package/components/header-inera-admin/header-inera-admin.css +5 -5
- package/components/header-patient/header-patient-lit.js +1 -1
- package/components/header-patient/header-patient.css +27 -126
- package/components/mobile-menu/mobile-menu-lit.js +1 -1
- package/components/mobile-menu/mobile-menu.css +311 -435
- package/components/navigation/content/navigation-content-lit.js +1 -1
- package/components/navigation/content/navigation-content.css +15 -149
- package/components/navigation/local/navigation-local-lit.js +1 -1
- package/components/navigation/local/navigation-local.css +11 -15
- package/components/notification-badge/notification-badge-lit.js +1 -1
- package/components/notification-badge/notification-badge.css +1 -0
- package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
- package/components/pagination/data-pagination/data-pagination.css +107 -131
- package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
- package/components/pagination/list-pagination/list-pagination.css +84 -54
- package/components/popover/popover-content-lit.js +1 -1
- package/components/popover/popover-content.css +86 -167
- package/components/popover/popover-lit.js +1 -1
- package/components/popover/popover.css +2 -2
- package/components/progressbar/progressbar-lit.js +1 -1
- package/components/progressbar/progressbar.css +10 -113
- package/components/puff-list/puff-list-lit.js +1 -1
- package/components/puff-list/puff-list.css +89 -216
- package/components/side-menu/side-menu-lit.js +1 -1
- package/components/side-menu/side-menu.css +66 -75
- package/components/side-panel/side-panel-lit.js +1 -1
- package/components/side-panel/side-panel.css +23 -19
- package/components/stepper/stepper-lit.js +1 -1
- package/components/stepper/stepper.css +20 -166
- package/components/tabs/tab-lit.js +1 -1
- package/components/tabs/tab.css +10 -7
- package/components/tabs/tabs-lit.js +2 -2
- package/components/tabs/tabs.css +0 -2
- package/components/tag/tag-lit.js +1 -1
- package/components/tag/tag.css +12 -7
- package/components/tooltip/tooltip-lit.js +1 -1
- package/components/tooltip/tooltip.css +9 -10
- package/global/global.css +1055 -766
- package/global/icons/Inera-Design-Icons.eot +0 -0
- package/global/icons/Inera-Design-Icons.svg +14 -2
- package/global/icons/Inera-Design-Icons.ttf +0 -0
- package/global/icons/Inera-Design-Icons.woff +0 -0
- package/global/util/util.css +12 -2
- package/package.json +1 -1
- package/styles.css +1591 -1212
- package/tokens/component-tokens.scss +2 -0
- package/tokens/themes/1177-admin-tokens.css +615 -219
- package/tokens/themes/1177-pro-tokens.css +615 -219
- package/tokens/themes/1177-tokens.css +615 -219
- package/tokens/themes/inera-admin-tokens.css +443 -158
- package/tokens/themes/inera-tokens.css +443 -158
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}header.ids-header-1177-pro{background-color:var(--IDS-HEADER-1177-PRO__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-HEADER-1177-PRO__BORDER-COLOR);position:relative;z-index:2}header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content{position:relative;z-index:20}header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content ::slotted(a),header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content a{align-items:center;background-color:var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content ::slotted(a:focus),header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content a:focus{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);outline-offset:-.375rem!important;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive):before{background-color:var(--IDS-HEADER-1177-PRO__BRAND-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive):before{height:.25rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;padding:var(--IDS__CONTAINER-PADDING);position:relative;width:100%}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main{min-height:3rem;padding:.125rem 1rem 0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__region-picker{display:none}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left{align-items:center;display:flex}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo{align-items:center;display:flex;height:2rem;justify-content:center;margin-right:1.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;height:2.25rem;overflow:hidden;position:relative;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a{align-items:center;color:var(--IDS-HEADER-1177-PRO__LOGO-COLOR);display:flex;font-size:6.125rem;height:2.25rem;overflow:hidden;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]):focus,header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a):focus,header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]:focus),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a:focus),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo{margin-left:0;margin-right:.75rem;width:2.563rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{height:1.875rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{font-size:2.5rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a{font-size:2.5rem;height:1.875rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text{color:var(--IDS-HEADER-1177-PRO__BRAND-TEXT-COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.625rem;margin-right:1.625rem;position:relative}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text:before{background-color:var(--IDS-HEADER-1177-PRO__SEPARATOR-COLOR);content:\"\";left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.0313rem;z-index:1}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text{font-size:.875rem;margin-left:.75rem;margin-right:.75rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text:before{left:-.75rem;min-height:1.5rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;margin-right:0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-right .ids-header-1177-pro__items{align-items:center;align-self:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive:before{background-color:var(--IDS-HEADER-1177-PRO__BRAND-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;padding:var(--IDS__CONTAINER-PADDING);position:relative;width:100%}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left{align-items:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo{align-items:center;display:flex;height:2rem;justify-content:center;margin-right:1.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;height:2.25rem;overflow:hidden;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a{align-items:center;color:var(--IDS-HEADER-1177-PRO__LOGO-COLOR);display:flex;font-size:6.125rem;height:2.25rem;overflow:hidden;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]):focus,header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a):focus,header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]:focus),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a:focus),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text{color:var(--IDS-HEADER-1177-PRO__BRAND-TEXT-COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.625rem;margin-right:1.625rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text:before{background-color:var(--IDS-HEADER-1177-PRO__SEPARATOR-COLOR);content:\"\";left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.0313rem;z-index:1}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;margin-right:0}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-right .ids-header-1177-pro__items{align-items:center;align-self:center;display:flex}";
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}header.ids-header-1177-pro{background-color:var(--IDS-HEADER-1177-PRO__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-HEADER-1177-PRO__BORDER-COLOR);position:relative;z-index:2}header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content{position:relative;z-index:20}header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content ::slotted(a),header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content a{align-items:center;background-color:var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content ::slotted(a:focus-visible),header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content a:focus-visible{outline-offset:-.375rem!important;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive):before{background-color:var(--IDS-HEADER-1177-PRO__BRAND-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive):before{height:.25rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;padding:var(--IDS__CONTAINER-PADDING);position:relative;width:100%}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main{min-height:3rem;padding:.125rem 1rem 0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__region-picker{display:none}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left{align-items:center;display:flex}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo{align-items:center;display:flex;height:2rem;justify-content:center;margin-right:1.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;border-radius:.0625rem;cursor:pointer;display:flex;height:2.375rem;overflow:hidden;position:relative;width:6.0625rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]):focus-visible,header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a):focus-visible,header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a{align-items:center;border-radius:.0313rem;color:var(--IDS-HEADER-1177-PRO__LOGO-COLOR);display:flex;font-size:6.125rem;height:2.375rem;overflow:hidden;width:6.0625rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]:focus-visible),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a:focus-visible),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo{margin-left:0;margin-right:.75rem;width:2.563rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{height:1.875rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{font-size:2.5rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a{font-size:2.5rem;height:1.875rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text{color:var(--IDS-HEADER-1177-PRO__BRAND-TEXT-COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.625rem;margin-right:1.625rem;position:relative}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text:before{background-color:var(--IDS-HEADER-1177-PRO__SEPARATOR-COLOR);content:\"\";left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.0313rem;z-index:1}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text{font-size:.875rem;margin-left:.75rem;margin-right:.75rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text:before{left:-.75rem;min-height:1.5rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;margin-right:0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-right .ids-header-1177-pro__items{align-items:center;align-self:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive:before{background-color:var(--IDS-HEADER-1177-PRO__BRAND-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;padding:var(--IDS__CONTAINER-PADDING);position:relative;width:100%}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left{align-items:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo{align-items:center;display:flex;height:2rem;justify-content:center;margin-right:1.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;border-radius:.0625rem;cursor:pointer;display:flex;height:2.375rem;overflow:hidden;position:relative;width:6.0625rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]):focus-visible,header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a):focus-visible,header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a{align-items:center;border-radius:.0313rem;color:var(--IDS-HEADER-1177-PRO__LOGO-COLOR);display:flex;font-size:6.125rem;height:2.375rem;overflow:hidden;width:6.0625rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted([slot=logo]:focus-visible),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo ::slotted(a:focus-visible),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text{color:var(--IDS-HEADER-1177-PRO__BRAND-TEXT-COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.625rem;margin-right:1.625rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text:before{background-color:var(--IDS-HEADER-1177-PRO__SEPARATOR-COLOR);content:\"\";left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.0313rem;z-index:1}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;margin-right:0}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-right .ids-header-1177-pro__items{align-items:center;align-self:center;display:flex}";
|
|
4
4
|
|
|
5
5
|
var header1177ProLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro-menu-mobile{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-header-1177-pro-menu-mobile:focus{outline
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro-menu-mobile{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-header-1177-pro-menu-mobile:focus-visible{outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro-menu-mobile{cursor:pointer;display:none;font-size:.875rem;height:2.25rem;margin-left:.75rem;margin-right:-.25rem;padding:0 .5rem}.ids-header-1177-pro-menu-mobile .ids-hamburger{cursor:pointer;flex-shrink:0;position:relative;transition:all .2s;user-select:none}.ids-header-1177-pro-menu-mobile .ids-hamburger__lines{background-color:var(--IDS-HEADER-1177-PRO-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-pro-menu-mobile .ids-hamburger__lines:after,.ids-header-1177-pro-menu-mobile .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-1177-PRO-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-pro-menu-mobile .ids-hamburger__lines:before{top:.5rem}.ids-header-1177-pro-menu-mobile .ids-hamburger__lines:after{top:-.5rem}.ids-header-1177-pro-menu-mobile:hover .ids-hamburger__lines,.ids-header-1177-pro-menu-mobile:hover .ids-hamburger__lines:after,.ids-header-1177-pro-menu-mobile:hover .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-1177-PRO-MOBILE-MENU__HAMBURGER-HOVER-COLOR)}.ids-header-1177-pro-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177-pro-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177-pro-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-1177-pro-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-1177-pro-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-1177-pro-menu-mobile:focus-visible{border-radius:.0625rem;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-color:var(--IDS-HEADER-1177-PRO-MOBILE-MENU__HAMBURGER-COLOR)!important;outline-offset:0!important}.ids-header-1177-pro-menu-mobile:focus-visible[aria-expanded=true]{border-radius:100%}@media (max-width:1024px){.ids-header-1177-pro-menu-mobile{display:block}}.ids-header-1177-pro-menu-mobile.ids-header-1177-pro-menu-mobile--unresponsive{display:none}.ids-header-1177-pro-menu-mobile__items{background-color:var(--IDS-HEADER-1177-PRO-MOBILE-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-PRO-MOBILE-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);display:none;left:0;position:absolute;right:0;top:100%;z-index:10}@media (max-width:1024px){.ids-header-1177-pro-menu-mobile__items{display:block}}";
|
|
4
4
|
|
|
5
5
|
var header1177ProMenuMobileLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -34,14 +34,14 @@
|
|
|
34
34
|
cursor: pointer;
|
|
35
35
|
outline: inherit;
|
|
36
36
|
}
|
|
37
|
-
.ids-header-1177-pro-menu-mobile:focus {
|
|
38
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
37
|
+
.ids-header-1177-pro-menu-mobile:focus-visible {
|
|
38
|
+
outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
|
|
39
39
|
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
40
40
|
}
|
|
41
41
|
.ids-header-1177-pro-menu-mobile {
|
|
42
42
|
font-size: 0.875rem;
|
|
43
43
|
padding: 0 0.5rem;
|
|
44
|
-
height:
|
|
44
|
+
height: 2.25rem;
|
|
45
45
|
margin-right: -0.25rem;
|
|
46
46
|
margin-left: 0.75rem;
|
|
47
47
|
cursor: pointer;
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
cursor: pointer;
|
|
53
53
|
user-select: none;
|
|
54
54
|
position: relative;
|
|
55
|
+
flex-shrink: 0;
|
|
55
56
|
}
|
|
56
57
|
.ids-header-1177-pro-menu-mobile .ids-hamburger__lines {
|
|
57
58
|
display: block;
|
|
@@ -119,6 +120,15 @@
|
|
|
119
120
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
120
121
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
121
122
|
}
|
|
123
|
+
.ids-header-1177-pro-menu-mobile:focus-visible {
|
|
124
|
+
outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
|
|
125
|
+
outline-offset: 0 !important;
|
|
126
|
+
outline-color: var(--IDS-HEADER-1177-PRO-MOBILE-MENU__HAMBURGER-COLOR) !important;
|
|
127
|
+
border-radius: 0.0625rem;
|
|
128
|
+
}
|
|
129
|
+
.ids-header-1177-pro-menu-mobile:focus-visible[aria-expanded=true] {
|
|
130
|
+
border-radius: 100%;
|
|
131
|
+
}
|
|
122
132
|
@media (max-width: 1024px) {
|
|
123
133
|
.ids-header-1177-pro-menu-mobile {
|
|
124
134
|
display: block;
|
|
@@ -129,7 +139,7 @@
|
|
|
129
139
|
}
|
|
130
140
|
|
|
131
141
|
.ids-header-1177-pro-menu-mobile__items {
|
|
132
|
-
box-shadow: var(--IDS-BOX-SHADOW-
|
|
142
|
+
box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-1);
|
|
133
143
|
background-color: var(--IDS-HEADER-1177-PRO-MOBILE-MENU__BACKGROUND-COLOR);
|
|
134
144
|
border-top: 0.0625rem solid var(--IDS-HEADER-1177-PRO-MOBILE-MENU__BORDER-COLOR);
|
|
135
145
|
display: none;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item ::slotted(a),.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>a,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-HEADER-1177-PRO-NAV-ITEM__COLOR);cursor:pointer;display:inline-flex;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;position:relative;text-decoration:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>a:focus,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>a:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>a:hover:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>button:focus:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>a:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item>button:after{background:var(--IDS-HEADER-1177-PRO-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item ::slotted(a):after{background:var(--IDS-HEADER-1177-PRO-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item ::slotted(a:focus):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item ::slotted(a:hover):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active ::slotted(a):after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active a:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active button:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded button:after{right:0;width:auto}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu{background-color:var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;position:relative;position:absolute;top:100%;width:100%}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu.ids-header-1177-pro-nav-item__menu--expanded{display:block}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-1,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-2,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-3,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-4{flex:0 25%}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav__menu-item-wrapper,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content ::slotted(*){border-bottom:.0313rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item ::slotted(a),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>a,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-HEADER-1177-PRO-NAV-ITEM__COLOR);cursor:pointer;display:inline-flex;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;position:relative;text-decoration:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>a:focus,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>a:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>a:hover:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>button:focus:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>button:hover:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>a:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item>button:after{background:var(--IDS-HEADER-1177-PRO-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item ::slotted(a):after{background:var(--IDS-HEADER-1177-PRO-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item ::slotted(a:focus):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item ::slotted(a:hover):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active ::slotted(a):after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active a:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active button:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded button:after{right:0;width:auto}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu{background-color:var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;position:relative;position:absolute;top:100%;width:100%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu.ids-header-1177-pro-nav-item__menu--expanded{display:block}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-1,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-2,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-3,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-4{flex:0 25%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav__menu-item-wrapper,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content ::slotted(*){border-bottom:.0313rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-nav-item{display:none}}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) ::slotted(a),:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>a,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-HEADER-1177-PRO-NAV-ITEM__COLOR);cursor:pointer;display:inline-flex;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;position:relative;text-decoration:none}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>a:focus,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>a:focus:after,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>a:hover:after,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>button:focus:after,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>a:after,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive)>button:after{background:var(--IDS-HEADER-1177-PRO-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-HEADER-1177-PRO-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive).ids-header-1177-pro-nav-item--active ::slotted(a):after,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive).ids-header-1177-pro-nav-item--active a:after,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive).ids-header-1177-pro-nav-item--active button:after,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive).ids-header-1177-pro-nav-item--expanded button:after{right:0;width:auto}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) .ids-header-1177-pro-nav-item__menu{background-color:var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;position:relative;position:absolute;top:100%;width:100%}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) .ids-header-1177-pro-nav-item__menu.ids-header-1177-pro-nav-item__menu--expanded{display:block}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-1,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-2,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-3,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-4{flex:0 25%}:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav__menu-item-wrapper,:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive) .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content ::slotted(*){border-bottom:.0313rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}@media (max-width:1024px){:host .ids-header-1177-pro-nav-item:not(.ids-header-1177-pro-nav-item--unresponsive){display:none}}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive ::slotted(a),:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>a,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-HEADER-1177-PRO-NAV-ITEM__COLOR);cursor:pointer;display:inline-flex;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1rem!important;font-weight:700!important;height:100%;letter-spacing:-.031rem;min-height:2.5rem;padding:.5rem .625rem;position:relative;text-decoration:none}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>a:focus,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>a:focus:after,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>a:hover:after,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>button:focus:after,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>a:after,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive>button:after{background:var(--IDS-HEADER-1177-PRO-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive ::slotted(a):after{background:var(--IDS-HEADER-1177-PRO-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.5rem;margin-right:.5rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive.ids-header-1177-pro-nav-item--active ::slotted(a):after,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive.ids-header-1177-pro-nav-item--active a:after,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive.ids-header-1177-pro-nav-item--active button:after,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive.ids-header-1177-pro-nav-item--expanded button:after{right:0;width:auto}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive .ids-header-1177-pro-nav-item__menu{background-color:var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;position:relative;position:absolute;top:100%;width:100%}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive .ids-header-1177-pro-nav-item__menu.ids-header-1177-pro-nav-item__menu--expanded{display:block}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-1,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-2,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-3,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav-item__menu__content-col-4{flex:0 25%}:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content .ids-header-1177-pro-nav__menu-item-wrapper,:host .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive .ids-header-1177-pro-nav-item__menu .ids-header-1177-pro-nav-item__menu__content ::slotted(*){border-bottom:.0313rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}";
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro-nav-item{display:none}.ids-header-1177-pro-nav-item .ids-notification-badge,.ids-header-1177-pro-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:.188rem;position:relative;top:-.0625rem}.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--unresponsive{display:block}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link{background-color:transparent;border:0;color:var(--IDS-HEADER-1177-PRO-NAV-ITEM__COLOR);cursor:pointer;display:block;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1rem;font-weight:var(--IDS-HEADER-1177-PRO-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;outline-offset:-.125rem!important;padding:.5rem .75rem;position:relative;text-decoration:none}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button:after,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link:after{background-color:var(--IDS-HEADER-1177-PRO-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button ::slotted(a),.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button a,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link ::slotted(a),.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link a{color:var(--IDS-HEADER-1177-PRO-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1rem;font-weight:var(--IDS-HEADER-1177-PRO-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:0;text-decoration:none}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button:hover,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link:hover{text-decoration:none}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button:hover:after,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link:hover:after{right:0;width:auto}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button ::slotted(a:focus-visible),.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button a:focus-visible,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button:focus-visible,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link ::slotted(a:focus-visible),.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link a:focus-visible,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active .ids-header-1177-pro-nav-item__button:after,.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active .ids-header-1177-pro-nav-item__link:after,.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active a:after,.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active button:after{right:0;width:auto}.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded .ids-header-1177-pro-nav-item__button,.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded .ids-header-1177-pro-nav-item__link,.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded a,.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded button{color:var(--IDS-HEADER-1177-PRO-NAV-ITEM__COLOR)}.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded .ids-header-1177-pro-nav-item__button:after,.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded .ids-header-1177-pro-nav-item__link:after,.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded a:after,.ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--expanded button:after{right:0;width:auto}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu{background-color:var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:flex;display:none;left:0;min-height:10.813rem;overflow:hidden;padding:3rem 0;position:absolute;right:0;top:101%;width:100%;z-index:20}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu.ids-header-1177-pro-nav-item__menu--expanded{display:block}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-1,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-2,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-3,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-4{flex:0 25%;flex-shrink:0}.ids-header-1177-pro-nav-item ::slotted([slot=col-1]),.ids-header-1177-pro-nav-item ::slotted([slot=col-2]),.ids-header-1177-pro-nav-item ::slotted([slot=col-3]),.ids-header-1177-pro-nav-item ::slotted([slot=col-4]){border-bottom:.063rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:block;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-1 .ids-header-1177-pro-nav__menu-item-wrapper,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-1 ids-link,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-2 .ids-header-1177-pro-nav__menu-item-wrapper,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-2 ids-link,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-3 .ids-header-1177-pro-nav__menu-item-wrapper,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-3 ids-link,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-4 .ids-header-1177-pro-nav__menu-item-wrapper,.ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu-col-4 ids-link{border-bottom:.063rem solid var(--IDS-HEADER-1177-PRO-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}@media only screen and (min-width:1024px){.ids-header-1177-pro-nav-item{display:flex}}:host .ids-header-1177-pro-nav-item{margin-bottom:-.0625rem}";
|
|
4
4
|
|
|
5
5
|
var header1177ProNavItemLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|