@layer resets; @layer third-party; @layer ods; @layer ods.resets; @layer ods.legacy-resets; @layer ods.defaults; /** @deprecated Remove on ods@4 */ @layer ods.brand-definition; @layer ods.defs; @layer ods.defs.core; /* The following should account for the min and max component versions defined to ensure that later component versions override older component versions as the CSS is loaded in arbitrary order */ @layer ods.defs.v1; @layer ods.defs.v2; @layer ods.components; @layer lib; @layer app; @layer resets { html { box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; overflow: var(--ow-vactivity-overflow, visible); padding: 0; } } @layer resets { :where(.ow-reset) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ow-reset) *, :where(.ow-reset) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ow-reset) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ow-reset) *, :where(.ow-reset) *::before, :where(.ow-reset) *::after, :where(.ow-reset)::before, :where(.ow-reset)::after { box-sizing: inherit; } } @layer resets { :where(.ow-reset) :where(a), :where(.ow-reset):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ow-reset) :where(a[href]:hover), :where(.ow-reset):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ow-reset) :where(strong), :where(.ow-reset):where(strong) { font-weight: bolder; } } @layer resets { :where(.ow-reset) :where([role=link], [role=button], a, button), :where(.ow-reset):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ow-reset) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ow-reset):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ow-reset) :where(:focus), :where(.ow-reset):where(:focus) { outline: none; } } @layer resets { :where(.ow-reset) :where(:focus-visible), :where(.ow-reset):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } @layer ods.resets {} @layer ods.resets { :root { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } html { font-size: var(--ods-s-text-font-size-default); line-height: var(--ods-s-text-line-height-default); } body { font-family: var(--ods-s-text-font-family-default); letter-spacing: var(--ods-s-text-letter-spacing-default); } } /* stylelint-disable */ @layer ods.components.TextBody { .text-body--dRI57 { color: var(--ods-c-text-body-color); font-family: var(--ods-c-text-body-font-family); font-size: var(--ods-c-text-body-font-size); font-weight: var(--ods-c-text-body-font-weight); letter-spacing: var(--ods-c-text-body-letter-spacing); line-height: var(--ods-c-text-body-line-height); text-transform: var(--ods-c-text-body-text-transform); } } @layer resets { :where(.responsive-images--BUXIE) :where(img, picture), :where(.responsive-images--BUXIE):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--mPmWS) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--mPmWS) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--mPmWS) *, :where(.ds-reset--mPmWS) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--mPmWS) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--mPmWS) *, :where(.ds-reset--mPmWS) *::before, :where(.ds-reset--mPmWS) *::after, :where(.ds-reset--mPmWS)::before, :where(.ds-reset--mPmWS)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--mPmWS) :where(a), :where(.ds-reset--mPmWS):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--mPmWS) :where(a[href]:hover), :where(.ds-reset--mPmWS):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--mPmWS) :where(strong), :where(.ds-reset--mPmWS):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--mPmWS) :where([role=link], [role=button], a, button), :where(.ds-reset--mPmWS):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--mPmWS) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--mPmWS):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--mPmWS) :where(:focus), :where(.ds-reset--mPmWS):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--mPmWS) :where(:focus-visible), :where(.ds-reset--mPmWS):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ @layer ods.components.TextHero { .text-hero--IM5rT { font-family: var(--ods-c-text-hero-font-family); font-size: var(--ods-c-text-hero-font-size); font-weight: var(--ods-c-text-hero-font-weight); letter-spacing: var(--ods-c-text-hero-letter-spacing); line-height: var(--ods-c-text-hero-line-height); color: var(--ods-c-text-hero-color); } } /* stylelint-disable */ @layer ods.components.TextTitle { .text-title--kZsO5 { font-family: var(--ods-c-text-title-font-family); font-size: var(--ods-c-text-title-font-size); font-weight: var(--ods-c-text-title-font-weight); letter-spacing: var(--ods-c-text-title-letter-spacing); line-height: var(--ods-c-text-title-line-height); color: var(--ods-c-text-title-color); } } @layer resets { :where(.responsive-images--TZCpI) :where(img, picture), :where(.responsive-images--TZCpI):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--V3jKt) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--V3jKt) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--V3jKt) *, :where(.ds-reset--V3jKt) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--V3jKt) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--V3jKt) *, :where(.ds-reset--V3jKt) *::before, :where(.ds-reset--V3jKt) *::after, :where(.ds-reset--V3jKt)::before, :where(.ds-reset--V3jKt)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--V3jKt) :where(a), :where(.ds-reset--V3jKt):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--V3jKt) :where(a[href]:hover), :where(.ds-reset--V3jKt):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--V3jKt) :where(strong), :where(.ds-reset--V3jKt):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--V3jKt) :where([role=link], [role=button], a, button), :where(.ds-reset--V3jKt):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--V3jKt) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--V3jKt):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--V3jKt) :where(:focus), :where(.ds-reset--V3jKt):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--V3jKt) :where(:focus-visible), :where(.ds-reset--V3jKt):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } @layer ods.components.Carousel { .disable-pointer-events--uVYR8 * { pointer-events: none; } } /* stylelint-disable */ @layer ods.components.IconAction; @layer ods.components.Carousel { .relative-container--rsz4T { position: relative; width: 100%; } .not-ready--JQJyn { height: 0; visibility: hidden; } .container--twF8N { display: flex; margin-left: auto; margin-right: auto; overflow-x: hidden; width: 100%; } .slides-list--Q_cg6 { display: flex; height: auto; list-style: none; width: 100%; margin: 0 var(--ods-c-carousel-nav-button-offset); overflow-x: hidden; } .slide-container--B5aUM { --P_carousel-transition-duration_a798: 500ms; --P_carousel-transition-property_a798: transform; --P_carousel-transition-timing-function_a798: ease-out; display: flex; min-width: var(--carousel-slide-width); padding-left: var(--carousel-half-gutter); padding-right: var(--carousel-half-gutter); transform: translate3d(var(--carousel-slide-translate), 0, 0); transition-duration: var(--P_carousel-transition-duration_a798); transition-property: var(--P_carousel-transition-property_a798); transition-timing-function: var(--P_carousel-transition-timing-function_a798); } .slide--JlZfw { display: flex; width: 100%; } .drag-transition--OFBH9 { --P_carousel-transition-duration_a798: initial; --P_carousel-transition-property_a798: none; --P_carousel-transition-timing-function_a798: initial; } .adjust-transition--X8xoY { --P_carousel-transition-duration_a798: 250ms; --P_carousel-transition-timing-function_a798: ease; } .move-transition--LuFW_ { --P_carousel-transition-duration_a798: 500ms; --P_carousel-transition-timing-function_a798: ease-out; } .button-container--aJeeZ { align-items: center; display: flex; height: 100%; justify-content: space-between; position: absolute; top: 0; } .button--qDpcc { border: 1px solid var(--ods-c-carousel-nav-button-border-color); z-index: 10; --ods-o-icon-action-background-color: var(--ods-c-carousel-nav-button-background-color); --ods-o-icon-action-border-radius: 50%; --ods-o-icon-action-color: var(--ods-c-carousel-nav-button-icon-color); } .left-button-container--M1_RA { left: var(--ods-c-carousel-nav-button-container-offset); margin-left: var(--carousel-half-gutter); } .right-button-container--HzJqq { margin-right: var(--carousel-half-gutter); right: var(--ods-c-carousel-nav-button-container-offset); } .hide-button--BnGvw { opacity: 0; pointer-events: none; } } /* stylelint-disable */ @layer ods.components.Logo { .logo--euf5F { --ods-a-logo-color: var(--ods-c-logo-color); --ods-a-logo-aspect-ratio: var(--ods-c-logo-aspect-ratio); --ods-a-logo-animation-fill-background-color: var(--ods-c-logo-animation-fill-background-color); } } /* stylelint-disable */ @layer ods.components.Icon { .icon--uuqsJ { --ods-a-icon-size: var(--ods-o-icon-size, var(--ods-c-icon-width)); --ods-a-icon-color: var(--ods-o-icon-color, var(--ods-c-icon-color)); align-self: var(--ods-o-icon-align-self); } } @layer resets { :where(.responsive-images--e5H5I) :where(img, picture), :where(.responsive-images--e5H5I):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--jw2rk) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--jw2rk) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--jw2rk) *, :where(.ds-reset--jw2rk) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--jw2rk) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--jw2rk) *, :where(.ds-reset--jw2rk) *::before, :where(.ds-reset--jw2rk) *::after, :where(.ds-reset--jw2rk)::before, :where(.ds-reset--jw2rk)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--jw2rk) :where(a), :where(.ds-reset--jw2rk):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--jw2rk) :where(a[href]:hover), :where(.ds-reset--jw2rk):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--jw2rk) :where(strong), :where(.ds-reset--jw2rk):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--jw2rk) :where([role=link], [role=button], a, button), :where(.ds-reset--jw2rk):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--jw2rk) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--jw2rk):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--jw2rk) :where(:focus), :where(.ds-reset--jw2rk):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--jw2rk) :where(:focus-visible), :where(.ds-reset--jw2rk):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ @layer ods.components.Checkbox { .root-state--NxZuv { --P_display_2708: inline-flex; --P_checkmark-border-width_2708: var(--ods-c-checkbox-border-width); --P_checkmark-border-color_2708: var(--ods-c-checkbox-border-color); --P_checkmark-background-color_2708: var(--ods-c-checkbox-background-color); --P_checkmark-border-radius_2708: var(--ods-c-checkbox-border-radius); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-inner-shape-color); } .checkmark-border--EO56m { transition: border, color 0.25s linear 0s; flex-shrink: 0; align-items: center; background-color: var(--P_checkmark-background-color_2708); border: var(--P_checkmark-border-width_2708) solid var(--P_checkmark-border-color_2708); border-radius: var(--P_checkmark-border-radius_2708); display: inline-flex; height: var(--ods-c-checkbox-container-height); justify-content: center; width: var(--ods-c-checkbox-container-width); } .checkmark--TszZl { color: var(--P_checkmark-icon-color_2708); } .is-neutral--xA7la:not(.is-selected--oNfJH, .is-disabled--TjHWz):hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--oNfJH { --P_label-color_2708: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--oNfJH:not(.is-valid--KzMQQ, .is-invalid--KPXik, .is-disabled--TjHWz):hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-disabled--TjHWz { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); } .is-disabled--TjHWz.is-selected--oNfJH { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--KzMQQ { --P_label-color_2708: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--KzMQQ.is-selected--oNfJH { --P_label-color_2708: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--KPXik { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--KPXik.is-selected--oNfJH { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } } /* stylelint-disable */ @layer ods.components.IllustrationTile { .illustration-tile--wNjhm { position: relative; display: inline-flex; align-items: center; justify-content: center; } .circle--AbsiB { --P_illustration-tile-color_5d67: color-mix(in srgb, var(--ods-c-illustration-tile-background-color) 50%, transparent); position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: var(--ods-o-illustration-tile-width, var(--ods-c-illustration-tile-width)); aspect-ratio: 1/1; border-radius: var(--ods-c-illustration-tile-border-radius); background-color: var(--ods-o-illustration-tile-color, var(--P_illustration-tile-color_5d67)); } .illustration--S_YgA { position: relative; z-index: 1; width: var(--ods-o-illustration-tile-width, var(--ods-c-illustration-tile-width)); height: auto; } } @layer resets { :where(.responsive-images--ESoEW) :where(img, picture), :where(.responsive-images--ESoEW):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--VH94y) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--VH94y) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--VH94y) *, :where(.ds-reset--VH94y) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--VH94y) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--VH94y) *, :where(.ds-reset--VH94y) *::before, :where(.ds-reset--VH94y) *::after, :where(.ds-reset--VH94y)::before, :where(.ds-reset--VH94y)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--VH94y) :where(a), :where(.ds-reset--VH94y):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--VH94y) :where(a[href]:hover), :where(.ds-reset--VH94y):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--VH94y) :where(strong), :where(.ds-reset--VH94y):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--VH94y) :where([role=link], [role=button], a, button), :where(.ds-reset--VH94y):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--VH94y) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--VH94y):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--VH94y) :where(:focus), :where(.ds-reset--VH94y):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--VH94y) :where(:focus-visible), :where(.ds-reset--VH94y):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ @layer ods.components.ImagePlaceholder { .image-placeholder--SRnFr { width: 100%; height: 100%; padding: var(--ods-c-image-placeholder-inner-spacing); background-color: var(--ods-c-image-placeholder-background-color); color: var(--ods-c-image-placeholder-color); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .illustration--lS05k { width: var(--ods-c-image-placeholder-illustration-size); } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Icon; @layer ods.components.Button { @media (max-width: 479.98px) { .block-xs--foaeX { display: block !important; width: 100% !important; } } @media (max-width: 767.98px) { .block-sm--rqahu { display: block !important; width: 100% !important; } } @media (max-width: 1023.98px) { .block-md--iJnD_ { display: block !important; width: 100% !important; } } @media (max-width: 1191.98px) { .block-lg--TgWlN { display: block !important; width: 100% !important; } } @media (max-width: 1359.98px) { .block-xl--fnQFY { display: block !important; width: 100% !important; } } .block--fITTd { display: block !important; width: 100% !important; } .btn--uwfU5 * { pointer-events: none; } .btn--uwfU5 { --P_button-pressed-color_63cb: var(--ods-c-button-pressed-color); --P_button-pressed-opacity_63cb: var(--ods-c-button-pressed-opacity); background-color: var(--ods-c-button-background-color); border-color: var(--ods-c-button-border-color); border-radius: var(--ods-o-button-border-radius, var(--ods-c-button-border-radius)); color: var(--ods-c-button-color); min-height: var(--ods-o-button-min-height, var(--ods-c-button-min-height)); min-width: var(--ods-o-button-min-width, var(--ods-c-button-min-width)); padding: var(--ods-c-button-vertical-padding) var(--ods-c-button-horizontal-padding); text-decoration-line: var(--ods-c-button-text-decoration-line); } .btn--uwfU5:focus-visible { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .container--u35Y6:focus-visible .btn--uwfU5 { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .btn--uwfU5.active--NWrnw, .btn--uwfU5:active:enabled { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } a.btn--uwfU5:active { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .container--u35Y6.active--NWrnw .btn--uwfU5, a.container--u35Y6:active .btn--uwfU5, .container--u35Y6:active:enabled .btn--uwfU5 { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .btn--uwfU5:hover { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } button.btn--uwfU5:hover:enabled { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } a.btn--uwfU5:hover { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .container--u35Y6:hover .btn--uwfU5, a.container--u35Y6:hover .btn--uwfU5, button.container--u35Y6:hover:enabled .btn--uwfU5 { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .btn--uwfU5.disabled--EijdO, .btn--uwfU5:disabled { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } a.btn--uwfU5:not([href]), a.btn--uwfU5.disabled--EijdO { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } a.btn--uwfU5:not([href]):hover, a.btn--uwfU5.disabled--EijdO:hover { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } .container--u35Y6:disabled .btn--uwfU5, .container--u35Y6.disabled--EijdO .btn--uwfU5, a.container--u35Y6:not([href]) .btn--uwfU5, a.container--u35Y6.disabled--EijdO:hover .btn--uwfU5 { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } .btn--uwfU5 { border-style: solid; border-width: var(--ods-c-button-border-width); cursor: pointer; display: inline-block; overflow: hidden; position: relative; text-align: center; transform: perspective(1px) translateZ(0); vertical-align: bottom; transition-duration: 0.1s; transition-property: background-color, color, border-color; transition-timing-function: ease-out; --P_button-animated-box-transform_63cb: scale(0.2, 2); --P_button-animated-box-opacity_63cb: 0; } .btn--uwfU5:hover { text-decoration: none; } .btn--uwfU5.disabled--EijdO, .btn--uwfU5:disabled { cursor: not-allowed; } a.btn--uwfU5:not([href]), a.btn--uwfU5.disabled--EijdO { cursor: not-allowed; } a.btn--uwfU5:not([href]):hover, a.btn--uwfU5.disabled--EijdO:hover { cursor: not-allowed; } .container--u35Y6:disabled .btn--uwfU5, .container--u35Y6.disabled--EijdO .btn--uwfU5, a.container--u35Y6:not([href]) .btn--uwfU5, a.container--u35Y6.disabled--EijdO:hover .btn--uwfU5 { cursor: not-allowed; } .container--u35Y6.disabled--EijdO, .container--u35Y6:disabled { cursor: not-allowed; } a.container--u35Y6:not([href]), a.container--u35Y6.disabled--EijdO { cursor: not-allowed; } a.container--u35Y6:not([href]):hover, a.container--u35Y6.disabled--EijdO:hover { cursor: not-allowed; } .container--u35Y6:disabled .container--u35Y6, .container--u35Y6.disabled--EijdO .container--u35Y6, a.container--u35Y6:not([href]) .container--u35Y6, a.container--u35Y6.disabled--EijdO:hover .container--u35Y6 { cursor: not-allowed; } .container--u35Y6:hover { text-decoration: inherit; } .animated-element--ydzm4 { background-color: var(--P_button-pressed-color_63cb); border-radius: 100%; inset: 0; content: ""; opacity: var(--P_button-animated-box-opacity_63cb); position: absolute; transform: var(--P_button-animated-box-transform_63cb); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .clicked--HQEnC { --P_button-animated-box-transform_63cb: scale(1.5, 4); --P_button-animated-box-opacity_63cb: var(--P_button-pressed-opacity_63cb); } .cta-container--Bpbni, .loading-container--tsRv2 { align-items: center; -moz-column-gap: 8px; column-gap: 8px; display: flex; justify-content: center; } .cta-icon-container--CVTL9 { align-items: center; display: flex; height: 1lh; } .has-right-label--KOvke { flex-direction: row; } .has-left-label--hSCTu { flex-direction: row-reverse; } .only-icon--qhHrK { aspect-ratio: 1/1; padding: 0; min-width: unset; } } @layer resets { :where(.responsive-images--v0uNB) :where(img, picture), :where(.responsive-images--v0uNB):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--Kd4qe) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--Kd4qe) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--Kd4qe) *, :where(.ds-reset--Kd4qe) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--Kd4qe) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--Kd4qe) *, :where(.ds-reset--Kd4qe) *::before, :where(.ds-reset--Kd4qe) *::after, :where(.ds-reset--Kd4qe)::before, :where(.ds-reset--Kd4qe)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--Kd4qe) :where(a), :where(.ds-reset--Kd4qe):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--Kd4qe) :where(a[href]:hover), :where(.ds-reset--Kd4qe):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--Kd4qe) :where(strong), :where(.ds-reset--Kd4qe):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--Kd4qe) :where([role=link], [role=button], a, button), :where(.ds-reset--Kd4qe):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--Kd4qe) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--Kd4qe):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--Kd4qe) :where(:focus), :where(.ds-reset--Kd4qe):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--Kd4qe) :where(:focus-visible), :where(.ds-reset--Kd4qe):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ @layer ods.components.Spinner { .loading--fLX0H { animation: rotate-animation--RZ6Qi 1.6s infinite linear; overflow: visible; position: relative; width: var(--ods-c-spinner-width); } .spinner--uRD92 { animation-direction: reverse; animation-duration: 1.6s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: loading--animation--ER5OX; animation-timing-function: ease-in-out; fill: none; stroke: var(--ods-c-spinner-color); stroke-dasharray: var(--ods-c-spinner-stroke-dash-array); stroke-dashoffset: 0; stroke-linecap: round; stroke-width: var(--ods-c-spinner-stroke-width); transform-origin: 50% 50%; vector-effect: non-scaling-stroke; } @keyframes rotate-animation--RZ6Qi { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes loading--animation--ER5OX { 0%, 25% { stroke-dashoffset: 16; transform: rotate(270deg); } 50%, 75% { stroke-dashoffset: 58; transform: rotate(315deg); } 100% { stroke-dashoffset: 16; transform: rotate(-90deg); } } } /* stylelint-disable */ @layer ods.components.TableSortAction { .container--EwvNJ { --P_arrow-color_63cb: var(--ods-c-table-sort-action-color); --P_arrow-active-color_63cb: var(--ods-c-table-sort-action-color); } .is-active--zkpty { --P_arrow-active-color_63cb: var(--ods-c-table-sort-action-is-active-color, var(--ods-c-table-sort-action-color)); } .is-asc--OgzgE { --P_arrow-down-color_63cb: var(--P_arrow-active-color_63cb); --P_arrow-up-color_63cb: var(--P_arrow-color_63cb); } .is-dec--zpaHN { --P_arrow-down-color_63cb: var(--P_arrow-color_63cb); --P_arrow-up-color_63cb: var(--P_arrow-active-color_63cb); } .content-container--qRZbV { align-items: center; display: flex; gap: var(--ods-c-table-sort-action-gap); } .arrow-container--cpnmt { display: flex; flex: 1 1; flex-direction: column; justify-content: center; } .arrow-up--oCHn0 { color: var(--P_arrow-up-color_63cb); margin-bottom: -8px; } .arrow-down--G5kaL { color: var(--P_arrow-down-color_63cb); } } /* stylelint-disable */ @layer ods.components.Pill { .container--AV8x0 { --ods-o-pill-color: var(--ods-c-pill-filter-color); --ods-o-pill-border-width: 0; --ods-o-pill-border-radius: var(--ods-c-pill-filter-border-radius); --ods-o-pill-background-color: var(--ods-c-pill-filter-background-color); --ods-o-pill-inner-spacing: var(--ods-c-pill-filter-vertical-padding) var(--ods-c-pill-filter-horizontal-padding); --ods-o-pill-bold-font-weight: var(--ods-p-font-weight-bold); --ods-o-pill-is-focused-font-weight: var(--ods-p-font-weight-bold); --ods-o-pill-gap: var(--ods-c-pill-filter-gap); --ods-o-icon-color: var(--ods-c-pill-filter-icon-color); } } @layer resets { .offscreen-width-placeholder--NpyZ3 { height: 0; opacity: 0; pointer-events: none; font-weight: var(--ow-bold-width-placeholder-font-weight); gap: inherit; align-items: inherit; display: inherit; } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Pill { .container--xCOde { --P_min-height_63cb: var(--ods-o-pill-min-height); --P_background-color_63cb: var(--ods-o-pill-background-color); --P_color_63cb: var(--ods-o-pill-color); --P_icon-color_63cb: var(--ods-o-pill-icon-color); --P_border-color_63cb: var(--ods-o-pill-border-color); --P_border-radius_63cb: var(--ods-o-pill-border-radius); --P_border-width_63cb: var(--ods-o-pill-border-width); --P_font-weight_63cb: var(--ods-o-pill-font-weight); --P_line-height_63cb: var(--ods-o-pill-line-height); --P_inner-spacing_63cb: var(--ods-o-pill-inner-spacing); --P_gap_63cb: var(--ods-o-pill-gap); --P_cursor_63cb: pointer; --ow-bold-width-placeholder-font-weight: var(--ods-o-pill-bold-font-weight); --ods-o-icon-align-self: center; min-height: var(--P_min-height_63cb); color: var(--P_color_63cb); border-radius: var(--P_border-radius_63cb); border: var(--P_border-width_63cb) solid var(--P_border-color_63cb); background-color: var(--P_background-color_63cb); padding: var(--P_inner-spacing_63cb); font-weight: var(--P_font-weight_63cb); line-height: var(--P_line-height_63cb); display: inline-flex; flex-direction: column; justify-content: center; text-align: center; cursor: var(--P_cursor_63cb); transition-duration: 0.1s; transition-property: background-color, color, border-color; transition-timing-function: ease-out; } @media (hover: hover) and (pointer: fine) { .container--xCOde:hover { --P_background-color_63cb: var(--ods-o-pill-is-hover-background-color, var(--ods-o-pill-background-color)); } } .container--xCOde:active, .container--xCOde.is-active--yq3pt { --P_color_63cb: var(--ods-o-pill-is-active-color, var(--ods-o-pill-color)); --P_icon-color_63cb: var(--ods-o-pill-is-active-icon-color, var(--ods-o-pill-icon-color)); --P_border-color_63cb: var(--ods-o-pill-is-active-border-color, var(--ods-o-pill-border-color)); --P_font-weight_63cb: var(--ods-o-pill-is-active-font-weight, var(--ods-o-pill-font-weight)); --P_background-color_63cb: var(--ods-o-pill-is-active-background-color, var(--ods-o-pill-background-color)); } @media (hover: hover) and (pointer: fine) { .container--xCOde:active:hover, .container--xCOde.is-active--yq3pt:hover { --P_color_63cb: var(--ods-o-pill-is-hover-active-color, var(--ods-o-pill-color)); --P_icon-color_63cb: var(--ods-o-pill-is-hover-active-icon-color, var(--ods-o-pill-icon-color)); --P_border-color_63cb: var(--ods-o-pill-is-hover-active-border-color, var(--ods-o-pill-border-color)); --P_background-color_63cb: var(--ods-o-pill-is-hover-active-background-color, var(--ods-o-pill-background-color)); } } .container--xCOde:disabled, .container--xCOde.is-disabled--CpK3w { --P_color_63cb: var(--ods-o-pill-is-disabled-color, var(--ods-o-pill-color)); --P_icon-color_63cb: var(--ods-o-pill-is-disabled-icon-color, var(--ods-o-pill-icon-color)); --P_border-color_63cb: var(--ods-o-pill-is-disabled-border-color, var(--ods-o-pill-border-color)); --P_font-weight_63cb: var(--ods-o-pill-is-disabled-font-weight, var(--ods-o-pill-font-weight)); --P_background-color_63cb: var(--ods-o-pill-is-disabled-background-color, var(--ods-o-pill-background-color)); --P_cursor_63cb: not-allowed; } .container--xCOde:focus-visible { --P_color_63cb: var(--ods-o-pill-is-focused-color, var(--ods-o-pill-color)); --P_border-color_63cb: var(--ods-o-pill-is-focused-border-color, var(--ods-o-pill-border-color)); --P_font-weight_63cb: var(--ods-o-pill-is-focused-font-weight, var(--ods-o-pill-font-weight)); } .content--FF96W { display: flex; align-items: center; justify-content: center; min-width: -moz-fit-content; min-width: fit-content; gap: var(--P_gap_63cb); white-space: nowrap; } .icon--taIdW { --ods-o-icon-color: var(--P_icon-color_63cb); } .is-icon-position-right--tZYOe { flex-direction: row-reverse; } } /* stylelint-disable */ @layer ods.components.IconAction { .container--HPddR { align-items: center; color: var(--ods-o-icon-action-color, var(--ods-c-icon-action-color)); display: inline-flex; display: inline flex; height: var(--ods-c-icon-action-width); justify-content: center; width: var(--ods-c-icon-action-width); overflow: hidden; background-color: var(--ods-o-icon-action-background-color); border-radius: var(--ods-o-icon-action-border-radius); } .container--HPddR:focus-visible { background-color: var(--ods-o-icon-action-is-focused-background-color, var(--ods-o-icon-action-background-color)); } .container--HPddR:disabled, .is-disabled--IyEo1 { color: var(--ods-o-icon-action-is-disabled-color, var(--ods-o-icon-action-color, var(--ods-c-icon-action-is-disabled-color, var(--ods-c-icon-action-color)))); cursor: not-allowed; } .container--HPddR * { pointer-events: none; } } /* stylelint-disable */ @layer ods.components.Disclosure { .remainder--l085b { display: none; } .link--Fdd2O { margin-left: var(--ods-c-disclosure-text-to-button-horizontal-spacing); } .icon--F80ik { margin-left: var(--ods-c-disclosure-button-gap); } .hidden--XUXz3 { display: none; } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Link { .link--y6sHX { align-items: center; display: inline-flex; justify-content: center; } .link--y6sHX * { pointer-events: none; } .link--y6sHX { min-height: var(--ods-c-link-min-height); color: var(--ods-c-link-color); gap: var(--ods-c-link-horizontal-spacing); padding: var(--ods-c-link-vertical-padding) var(--ods-c-link-horizontal-padding); text-decoration-line: var(--ods-c-link-text-decoration-line); } @media (hover: hover) and (pointer: fine) { .link--y6sHX:hover { color: var(--ods-c-link-is-hover-color, var(--ods-c-link-color)); text-decoration-line: var(--ods-c-link-is-hover-text-decoration-line, var(--ods-c-link-text-decoration-line)); } } .link--y6sHX:disabled, .link--y6sHX.disabled--Ew_qq { color: var(--ods-c-link-is-disabled-color, var(--ods-c-link-color)); pointer-events: none; text-decoration-line: var(--ods-c-link-is-disabled-text-decoration-line, var(--ods-c-link-text-decoration-line)); } a.link--y6sHX:not([href]), a.link--y6sHX[aria-disabled=true] { color: var(--ods-c-link-is-disabled-color, var(--ods-c-link-color)); pointer-events: none; text-decoration-line: var(--ods-c-link-is-disabled-text-decoration-line, var(--ods-c-link-text-decoration-line)); } @media (hover: hover) and (pointer: fine) { a.link--y6sHX:not([href]):hover, a.link--y6sHX[aria-disabled=true]:hover { color: var(--ods-c-link-is-disabled-color, var(--ods-c-link-color)); pointer-events: none; text-decoration-line: var(--ods-c-link-is-disabled-text-decoration-line, var(--ods-c-link-text-decoration-line)); } } .has-right-label--nlMuz { flex-direction: row; } .has-left-label--UTyZ2 { flex-direction: row-reverse; } .icon--DO2OB { flex-shrink: 0; } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Pill { .container--aTN3T { --ods-o-pill-min-height: var(--ods-c-pill-min-height); --ods-o-pill-gap: var(--ods-c-pill-gap); --ods-o-pill-inner-spacing: var(--ods-c-pill-vertical-spacing) var(--ods-c-pill-horizontal-spacing); --ods-o-pill-background-color: var(--ods-c-pill-background-color); --ods-o-pill-icon-color: var(--ods-c-pill-icon-color); --ods-o-pill-color: var(--ods-c-pill-color); --ods-o-pill-border-color: var(--ods-c-pill-border-color); --ods-o-pill-border-width: var(--ods-p-dimension-1); --ods-o-pill-font-weight: var(--ods-c-pill-font-weight); --ods-o-pill-line-height: var(--ods-c-pill-line-height); --ods-o-pill-bold-font-weight: var(--ods-c-pill-is-active-font-weight, var(--ods-c-pill-font-weight)); --ods-o-pill-border-radius: var(--ods-c-pill-border-radius); --ods-o-pill-is-hover-background-color: var(--ods-c-pill-is-hover-background-color, var(--ods-c-pill-background-color)); --ods-o-pill-is-active-font-weight: var(--ods-c-pill-is-active-font-weight, var(--ods-c-pill-font-weight)); --ods-o-pill-is-active-border-color: var(--ods-c-pill-is-active-border-color, var(--ods-c-pill-border-color)); --ods-o-pill-is-active-background-color: var(--ods-c-pill-is-active-background-color, var(--ods-c-pill-background-color)); --ods-o-pill-is-active-color: var(--ods-c-pill-is-active-color, var(--ods-c-pill-color)); --ods-o-pill-is-active-icon-color: var(--ods-c-pill-is-active-icon-color, var(--ods-c-pill-icon-color)); --ods-o-pill-is-hover-active-color: var(--ods-c-pill-is-hover-active-color, var(--ods-c-pill-color)); --ods-o-pill-is-hover-active-icon-color: var(--ods-c-pill-is-hover-active-icon-color, var(--ods-c-pill-icon-color)); --ods-o-pill-is-hover-active-background-color: var(--ods-c-pill-is-hover-active-background-color, var(--ods-c-pill-background-color)); --ods-o-pill-is-hover-active-border-color: var(--ods-c-pill-is-hover-active-border-color, var(--ods-c-pill-border-color)); --ods-o-pill-is-disabled-font-weight: var(--ods-c-pill-is-disabled-font-weight, var(--ods-c-pill-font-weight)); --ods-o-pill-is-disabled-border-color: var(--ods-c-pill-is-disabled-border-color, var(--ods-c-pill-border-color)); --ods-o-pill-is-disabled-background-color: var(--ods-c-pill-is-disabled-background-color, var(--ods-c-pill-background-color)); --ods-o-pill-is-disabled-color: var(--ods-c-pill-is-disabled-color, var(--ods-c-pill-color)); --ods-o-pill-is-disabled-icon-color: var(--ods-c-pill-is-disabled-icon-color, var(--ods-c-pill-icon-color)); --ods-o-pill-is-focused-font-weight: var(--ods-c-pill-is-active-font-weight, var(--ods-c-pill-font-weight)); } } @layer resets { :where(.responsive-images--oTRZa) :where(img, picture), :where(.responsive-images--oTRZa):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--ojbQK) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--ojbQK) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--ojbQK) *, :where(.ds-reset--ojbQK) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--ojbQK) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--ojbQK) *, :where(.ds-reset--ojbQK) *::before, :where(.ds-reset--ojbQK) *::after, :where(.ds-reset--ojbQK)::before, :where(.ds-reset--ojbQK)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--ojbQK) :where(a), :where(.ds-reset--ojbQK):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--ojbQK) :where(a[href]:hover), :where(.ds-reset--ojbQK):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--ojbQK) :where(strong), :where(.ds-reset--ojbQK):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--ojbQK) :where([role=link], [role=button], a, button), :where(.ds-reset--ojbQK):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--ojbQK) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--ojbQK):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--ojbQK) :where(:focus), :where(.ds-reset--ojbQK):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--ojbQK) :where(:focus-visible), :where(.ds-reset--ojbQK):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ /** This fixes Firefox's failure to resolve calc(length-var / length-var) without this, Firefox can't perform algebra on var() references. */ @property --P_scale-factor_83fa { syntax: ""; initial-value: 1; inherits: false; } @layer ods.components.Favorite { .favorite--VJopG { position: relative; --P_scale-factor_83fa: calc( var(--ods-o-favorite-size, var(--ods-c-favorite-size)) / var(--ods-c-favorite-size) ); --P_icon-size_83fa: calc(var(--ods-c-favorite-icon-size) * var(--P_scale-factor_83fa)); --P_icon-margin-top_83fa: calc(1px * var(--P_scale-factor_83fa)); } .favorite--VJopG:hover .icon-container--SR8zm { transform: scale(1.1); } .content--EVtLX { animation: bounce--FroVO 0.45s ease; animation-play-state: paused; } .circle--EBHv6 { border: var(--ods-c-favorite-border-width) solid var(--ods-c-favorite-border-color); border-radius: var(--ods-c-favorite-border-radius); background-color: var(--ods-c-favorite-background-color); width: var(--ods-o-favorite-size, var(--ods-c-favorite-size)); aspect-ratio: 1/1; opacity: var(--ods-c-favorite-circle-opacity); } .icon-container--SR8zm { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin-top: var(--P_icon-margin-top_83fa); transition: transform 0.15s ease; } .icon--JC9iZ { --ods-a-icon-size: var(--P_icon-size_83fa); position: absolute; transition: transform 0.15s ease-out, opacity 0.15s ease-out; } .icon-filled--Je1VK { transform: scale(0); opacity: 0; } .is-active--bRqYZ .icon--JC9iZ { transform: scale(0); opacity: 0; } .is-active--bRqYZ .icon-filled--Je1VK { transform: scale(1); opacity: 1; } @keyframes bounce--FroVO { 0%, 100% { transform: scale(1); } 33% { transform: scale(0.9); } 66% { transform: scale(1.1); } } } /* stylelint-disable */ @layer third-party { /** These overrides are intended to facilitate using the breakpoints package in the utilities we get from tw/bootstrap */ /** * This mixin is used throughout many of bootstrap's utilities to validate * the order of the breakpoints. We don't use this directly */ /** The following functions/mixins are changed to rely on the naming of the breakpoints and not the actual breakpoint value. Relying on the breakpoint value causes the sass build to break when using the css-module variables */ .container--eQ8sa, .container-fluid--RKvwC, .container-xl--IC2wz, .container-lg--hHFem, .container-md--qVps7, .container-sm--bmYPz { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 480px) { .container-sm--bmYPz, .container--eQ8sa { max-width: 1360px; } } @media (min-width: 768px) { .container-md--qVps7, .container-sm--bmYPz, .container--eQ8sa { max-width: 1360px; } } @media (min-width: 1024px) { .container-lg--hHFem, .container-md--qVps7, .container-sm--bmYPz, .container--eQ8sa { max-width: 1360px; } } @media (min-width: 1192px) { .container-xl--IC2wz, .container-lg--hHFem, .container-md--qVps7, .container-sm--bmYPz, .container--eQ8sa { max-width: 1360px; } } .row--Tv4pI { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters--1JB4R { margin-right: 0; margin-left: 0; } .no-gutters--1JB4R > .col--Ewq6m, .no-gutters--1JB4R > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xxl--EpAqX, .col-xxl-auto--MHlVG, .col-xxl-12--UEzBn, .col-xxl-11--RG6SO, .col-xxl-10--PPfHJ, .col-xxl-9--wGfJl, .col-xxl-8--GXmtB, .col-xxl-7--ZElYM, .col-xxl-6--oE4n3, .col-xxl-5--EPlwD, .col-xxl-4--bqQ12, .col-xxl-3--Us2DH, .col-xxl-2--XlsPE, .col-xxl-1--iKDNi, .col-xl--XDEN5, .col-xl-auto--SA_6_, .col-xl-12--_Fi3M, .col-xl-11--T6VgW, .col-xl-10--f9RZE, .col-xl-9--BlVb5, .col-xl-8--ZAINY, .col-xl-7--Laz4w, .col-xl-6--IgHDr, .col-xl-5--AiXQU, .col-xl-4--tm_Xs, .col-xl-3--oBaAN, .col-xl-2--TeZCV, .col-xl-1--ZND49, .col-lg--EPTjx, .col-lg-auto--BZuVZ, .col-lg-12--cJwwH, .col-lg-11--RKupD, .col-lg-10--S3qhx, .col-lg-9--lUsOq, .col-lg-8--edjmx, .col-lg-7--Ra_GW, .col-lg-6--apaAQ, .col-lg-5--_eiCi, .col-lg-4--vnySN, .col-lg-3--NuLG4, .col-lg-2--QFgki, .col-lg-1--TF_LH, .col-md--A01OL, .col-md-auto--PoLgk, .col-md-12--F3K0Q, .col-md-11--aDf9x, .col-md-10--uhKcY, .col-md-9--HnnzN, .col-md-8--ilJw1, .col-md-7--y8ULg, .col-md-6--jZhy_, .col-md-5--nFmS_, .col-md-4--VAu0J, .col-md-3--NNAj0, .col-md-2--x383j, .col-md-1--Hvn4q, .col-sm--GLiVP, .col-sm-auto--d2e_2, .col-sm-12--dgEY5, .col-sm-11--iaaNx, .col-sm-10--WNtSQ, .col-sm-9--nbOz_, .col-sm-8--_fZXm, .col-sm-7--kapnn, .col-sm-6--F4IRZ, .col-sm-5--PIHJc, .col-sm-4--uffsA, .col-sm-3--XqFif, .col-sm-2--wyFXE, .col-sm-1--n6ey_, .col--Ewq6m, .col-auto--PtqFi, .col-12--aaX6C, .col-11--MTdrj, .col-10--yZO04, .col-9--AS9V_, .col-8--oeE7e, .col-7--d5FFs, .col-6--bFiUj, .col-5--Mq_FN, .col-4--fzcDq, .col-3--uhUlV, .col-2--iWDzz, .col-1--JEXRI { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col--Ewq6m { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1--sur9P > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2--NOCnA > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3--raYmA > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4--F0hVp > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5--hjrZs > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6--RfnsT > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto--PtqFi { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1--JEXRI { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2--iWDzz { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3--uhUlV { flex: 0 0 25%; max-width: 25%; } .col-4--fzcDq { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5--Mq_FN { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6--bFiUj { flex: 0 0 50%; max-width: 50%; } .col-7--d5FFs { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8--oeE7e { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9--AS9V_ { flex: 0 0 75%; max-width: 75%; } .col-10--yZO04 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11--MTdrj { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12--aaX6C { flex: 0 0 100%; max-width: 100%; } .order-first--LifKZ { order: -1; } .order-last--LMqt9 { order: 13; } .order-0--obvem { order: 0; } .order-1--Xkwno { order: 1; } .order-2--hOyNu { order: 2; } .order-3--CSnmZ { order: 3; } .order-4--GmXnm { order: 4; } .order-5--DXCCP { order: 5; } .order-6--yjOB6 { order: 6; } .order-7--gtCYz { order: 7; } .order-8--RgcAE { order: 8; } .order-9--OBgGh { order: 9; } .order-10--W6Hh9 { order: 10; } .order-11--ApZh0 { order: 11; } .order-12--dEwTI { order: 12; } .offset-1--w3MiU { margin-left: 8.33333333%; } .offset-2--LTodn { margin-left: 16.66666667%; } .offset-3--XFWf_ { margin-left: 25%; } .offset-4--LlelM { margin-left: 33.33333333%; } .offset-5--DCqeV { margin-left: 41.66666667%; } .offset-6--BrJRf { margin-left: 50%; } .offset-7--gHqC5 { margin-left: 58.33333333%; } .offset-8--fVRhb { margin-left: 66.66666667%; } .offset-9--tc5fc { margin-left: 75%; } .offset-10--_emJt { margin-left: 83.33333333%; } .offset-11--gkphj { margin-left: 91.66666667%; } @media (min-width: 480px) { .col-sm--GLiVP { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1--z_vLY > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2--KX3Tx > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3--vq574 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4--Ik5Bu > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5--hSr1R > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6--SGXWT > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto--d2e_2 { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1--n6ey_ { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2--wyFXE { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3--XqFif { flex: 0 0 25%; max-width: 25%; } .col-sm-4--uffsA { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5--PIHJc { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6--F4IRZ { flex: 0 0 50%; max-width: 50%; } .col-sm-7--kapnn { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8--_fZXm { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9--nbOz_ { flex: 0 0 75%; max-width: 75%; } .col-sm-10--WNtSQ { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11--iaaNx { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12--dgEY5 { flex: 0 0 100%; max-width: 100%; } .order-sm-first--QsJCD { order: -1; } .order-sm-last--zdJjA { order: 13; } .order-sm-0--ykN8F { order: 0; } .order-sm-1--HUwIs { order: 1; } .order-sm-2--I4Rc2 { order: 2; } .order-sm-3--YzHHD { order: 3; } .order-sm-4--io2pJ { order: 4; } .order-sm-5--ED0bZ { order: 5; } .order-sm-6--PEqkl { order: 6; } .order-sm-7--YAnSq { order: 7; } .order-sm-8--xrt6K { order: 8; } .order-sm-9--SW7tz { order: 9; } .order-sm-10--PABdu { order: 10; } .order-sm-11--DdSbK { order: 11; } .order-sm-12--FNyuq { order: 12; } .offset-sm-0--Yd9Dw { margin-left: 0; } .offset-sm-1--Lk772 { margin-left: 8.33333333%; } .offset-sm-2--S4c3f { margin-left: 16.66666667%; } .offset-sm-3--OO6qu { margin-left: 25%; } .offset-sm-4--mO7dD { margin-left: 33.33333333%; } .offset-sm-5--HRYin { margin-left: 41.66666667%; } .offset-sm-6--bpRho { margin-left: 50%; } .offset-sm-7--PPzoG { margin-left: 58.33333333%; } .offset-sm-8--JvrGa { margin-left: 66.66666667%; } .offset-sm-9--Wb3aD { margin-left: 75%; } .offset-sm-10--sCKin { margin-left: 83.33333333%; } .offset-sm-11--if9rd { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md--A01OL { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1--dAEWr > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2--svZ8q > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3--o0zPI > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4--cYidN > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5--Zjwyt > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6--e_CKN > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto--PoLgk { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1--Hvn4q { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2--x383j { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3--NNAj0 { flex: 0 0 25%; max-width: 25%; } .col-md-4--VAu0J { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5--nFmS_ { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6--jZhy_ { flex: 0 0 50%; max-width: 50%; } .col-md-7--y8ULg { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8--ilJw1 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9--HnnzN { flex: 0 0 75%; max-width: 75%; } .col-md-10--uhKcY { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11--aDf9x { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12--F3K0Q { flex: 0 0 100%; max-width: 100%; } .order-md-first--o8TyU { order: -1; } .order-md-last--LWwnc { order: 13; } .order-md-0--_WOeU { order: 0; } .order-md-1--fcJCG { order: 1; } .order-md-2--Fnjxp { order: 2; } .order-md-3--kvSgu { order: 3; } .order-md-4--oufRe { order: 4; } .order-md-5--xZ6cQ { order: 5; } .order-md-6--BSTHW { order: 6; } .order-md-7--e9uUT { order: 7; } .order-md-8--nboxN { order: 8; } .order-md-9--RBleH { order: 9; } .order-md-10--whTAC { order: 10; } .order-md-11--B6rao { order: 11; } .order-md-12--gNrAC { order: 12; } .offset-md-0--aEDP3 { margin-left: 0; } .offset-md-1--A8gNd { margin-left: 8.33333333%; } .offset-md-2--EmHrb { margin-left: 16.66666667%; } .offset-md-3--L9ffE { margin-left: 25%; } .offset-md-4--QhicP { margin-left: 33.33333333%; } .offset-md-5--Wil0c { margin-left: 41.66666667%; } .offset-md-6--c1Bi2 { margin-left: 50%; } .offset-md-7--hvUcR { margin-left: 58.33333333%; } .offset-md-8--fFD5A { margin-left: 66.66666667%; } .offset-md-9--XzK6G { margin-left: 75%; } .offset-md-10--FxFPU { margin-left: 83.33333333%; } .offset-md-11--UMBWA { margin-left: 91.66666667%; } } @media (min-width: 1024px) { .col-lg--EPTjx { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1--xikeX > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2--r5zt4 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3--oJdfN > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4--lsGih > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5--aYKQd > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6--r1pYu > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto--BZuVZ { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1--TF_LH { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2--QFgki { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3--NuLG4 { flex: 0 0 25%; max-width: 25%; } .col-lg-4--vnySN { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5--_eiCi { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6--apaAQ { flex: 0 0 50%; max-width: 50%; } .col-lg-7--Ra_GW { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8--edjmx { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9--lUsOq { flex: 0 0 75%; max-width: 75%; } .col-lg-10--S3qhx { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11--RKupD { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12--cJwwH { flex: 0 0 100%; max-width: 100%; } .order-lg-first--RUwCU { order: -1; } .order-lg-last--cghAu { order: 13; } .order-lg-0--SjAez { order: 0; } .order-lg-1--bUHz1 { order: 1; } .order-lg-2--D6jWP { order: 2; } .order-lg-3--dVWp_ { order: 3; } .order-lg-4--FUa4x { order: 4; } .order-lg-5--a8rlF { order: 5; } .order-lg-6--xc5ds { order: 6; } .order-lg-7--Qku5L { order: 7; } .order-lg-8--PW3TT { order: 8; } .order-lg-9--PzWh0 { order: 9; } .order-lg-10--NmvGO { order: 10; } .order-lg-11--dcvg7 { order: 11; } .order-lg-12--iXajl { order: 12; } .offset-lg-0--HoJnr { margin-left: 0; } .offset-lg-1--DVFwn { margin-left: 8.33333333%; } .offset-lg-2--aJ6Pe { margin-left: 16.66666667%; } .offset-lg-3--xYqmR { margin-left: 25%; } .offset-lg-4--y9yQY { margin-left: 33.33333333%; } .offset-lg-5--Sg2tu { margin-left: 41.66666667%; } .offset-lg-6--wxRi7 { margin-left: 50%; } .offset-lg-7--RzmMk { margin-left: 58.33333333%; } .offset-lg-8--PITCT { margin-left: 66.66666667%; } .offset-lg-9--Zbjjd { margin-left: 75%; } .offset-lg-10--Qa0cT { margin-left: 83.33333333%; } .offset-lg-11--l34jq { margin-left: 91.66666667%; } } @media (min-width: 1192px) { .col-xl--XDEN5 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1--GXh_M > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2--F0DFb > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3--ZkEyu > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4--HqUDw > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5--jhUIG > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6--OgVNt > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto--SA_6_ { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1--ZND49 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2--TeZCV { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3--oBaAN { flex: 0 0 25%; max-width: 25%; } .col-xl-4--tm_Xs { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5--AiXQU { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6--IgHDr { flex: 0 0 50%; max-width: 50%; } .col-xl-7--Laz4w { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8--ZAINY { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9--BlVb5 { flex: 0 0 75%; max-width: 75%; } .col-xl-10--f9RZE { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11--T6VgW { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12--_Fi3M { flex: 0 0 100%; max-width: 100%; } .order-xl-first--UloIB { order: -1; } .order-xl-last--E3IgT { order: 13; } .order-xl-0--pvQlf { order: 0; } .order-xl-1--Wm9Fk { order: 1; } .order-xl-2--tALtu { order: 2; } .order-xl-3--NBjXs { order: 3; } .order-xl-4--e4LF6 { order: 4; } .order-xl-5--f53m4 { order: 5; } .order-xl-6--ah5nH { order: 6; } .order-xl-7--y5gsF { order: 7; } .order-xl-8--xRAiX { order: 8; } .order-xl-9--mFwg0 { order: 9; } .order-xl-10--Ddi5f { order: 10; } .order-xl-11--pVIUv { order: 11; } .order-xl-12--Y0yjh { order: 12; } .offset-xl-0--kX8ew { margin-left: 0; } .offset-xl-1--lHbwI { margin-left: 8.33333333%; } .offset-xl-2--BFmsr { margin-left: 16.66666667%; } .offset-xl-3--d02bD { margin-left: 25%; } .offset-xl-4--J3n5C { margin-left: 33.33333333%; } .offset-xl-5--NIDqX { margin-left: 41.66666667%; } .offset-xl-6--LHvNx { margin-left: 50%; } .offset-xl-7--bt4h5 { margin-left: 58.33333333%; } .offset-xl-8--vgiaN { margin-left: 66.66666667%; } .offset-xl-9--_G9SI { margin-left: 75%; } .offset-xl-10--P8AmA { margin-left: 83.33333333%; } .offset-xl-11--phnfp { margin-left: 91.66666667%; } } @media (min-width: 1360px) { .col-xxl--EpAqX { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1--dVthR > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2--wzrBy > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3--S1mm6 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xxl-4--doDPO > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5--nFu22 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6--zpwyv > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-auto--MHlVG { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1--iKDNi { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxl-2--XlsPE { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxl-3--Us2DH { flex: 0 0 25%; max-width: 25%; } .col-xxl-4--bqQ12 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxl-5--EPlwD { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxl-6--oE4n3 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7--ZElYM { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxl-8--GXmtB { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxl-9--wGfJl { flex: 0 0 75%; max-width: 75%; } .col-xxl-10--PPfHJ { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxl-11--RG6SO { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxl-12--UEzBn { flex: 0 0 100%; max-width: 100%; } .order-xxl-first--KBq2V { order: -1; } .order-xxl-last--MQXWF { order: 13; } .order-xxl-0--ZzzGL { order: 0; } .order-xxl-1--IXwqa { order: 1; } .order-xxl-2--kAxC5 { order: 2; } .order-xxl-3--AfsFl { order: 3; } .order-xxl-4--gOarF { order: 4; } .order-xxl-5--DZn_O { order: 5; } .order-xxl-6--ENuVo { order: 6; } .order-xxl-7--AlJKK { order: 7; } .order-xxl-8--aNScH { order: 8; } .order-xxl-9--d0CGs { order: 9; } .order-xxl-10--wdSmM { order: 10; } .order-xxl-11--L1PDd { order: 11; } .order-xxl-12--FR9ms { order: 12; } .offset-xxl-0--TkubN { margin-left: 0; } .offset-xxl-1--reX9B { margin-left: 8.33333333%; } .offset-xxl-2--KSypB { margin-left: 16.66666667%; } .offset-xxl-3--sB3rk { margin-left: 25%; } .offset-xxl-4--ancx1 { margin-left: 33.33333333%; } .offset-xxl-5--CkVGw { margin-left: 41.66666667%; } .offset-xxl-6--e419r { margin-left: 50%; } .offset-xxl-7--DtNTh { margin-left: 58.33333333%; } .offset-xxl-8--Dj6P3 { margin-left: 66.66666667%; } .offset-xxl-9--KAZKt { margin-left: 75%; } .offset-xxl-10--Jm48I { margin-left: 83.33333333%; } .offset-xxl-11--rz2aa { margin-left: 91.66666667%; } } } @layer ods.components.Grid { .row--Tv4pI { --P_grid-margin_a798: calc(-1 * var(--ods-s-space-grid-gutter) / 2); --P_grid-padding_a798: calc(var(--ods-s-space-grid-gutter) / 2); margin-left: var(--P_grid-margin_a798); margin-right: var(--P_grid-margin_a798); } .row--Tv4pI.no-gutters--1JB4R { --P_grid-margin_a798: 0; --P_grid-padding_a798: 0; } .grid-col--Fj8y2 { padding-left: var(--P_grid-padding_a798); padding-right: var(--P_grid-padding_a798); } .justify-content-start--s1oeb { justify-content: flex-start; } .justify-content-center--ahU0f { justify-content: center; } .justify-content-end--J2tqe { justify-content: flex-end; } .align-items-start--foXko { align-items: flex-start; } .align-items-center--NSrXh { align-items: center; } .align-items-end--Fb6cC { align-items: flex-end; } .vertical-gutters--XakyD > * { padding-bottom: calc(var(--ods-s-space-grid-gutter) / 2); padding-top: calc(var(--ods-s-space-grid-gutter) / 2); } .vertical-gutters--XakyD:nth-of-type(1) > * { padding-top: 0; } .vertical-gutters--XakyD:nth-last-of-type(1) > * { padding-bottom: 0; } .hidden--enwx4 { display: none; } @media (min-width: 480px) { .hidden-sm--OHs6V { display: none; } } @media (min-width: 768px) { .hidden-md--GYXoB { display: none; } } @media (min-width: 1024px) { .hidden-lg--oYOcq { display: none; } } @media (min-width: 1192px) { .hidden-xl--u4GBD { display: none; } } @media (min-width: 1360px) { .hidden-xxl--Lt_8I { display: none; } } .show--hEFYd { display: block; } @media (min-width: 480px) { .show-sm--gUmTx { display: block; } } @media (min-width: 768px) { .show-md--dwWI_ { display: block; } } @media (min-width: 1024px) { .show-lg--v3MCU { display: block; } } @media (min-width: 1192px) { .show-xl--M3BMe { display: block; } } @media (min-width: 1360px) { .show-xxl--r5GEb { display: block; } } } /* stylelint-disable */ @layer ods.components.FormColumn { .col--aPjQi.col--aPjQi { margin-bottom: var(--ods-p-dimension-16); padding-left: var(--ods-p-dimension-8); padding-right: var(--ods-p-dimension-8); } } @layer ods.components.FormRow { .row--reNx9.row--reNx9 { margin-left: -8px; margin-right: -8px; } } @layer ods.components.CardGrid { .wrapper--mn7mq { display: flex; justify-content: center; } .wrapper--mn7mq .grid--u51Y8 { display: flex; flex-wrap: wrap; justify-content: center; } .card--UbPOO { display: flex; flex-grow: 1; } } @layer resets { :where(.responsive-images--sAhbe) :where(img, picture), :where(.responsive-images--sAhbe):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--dUe7i) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--dUe7i) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--dUe7i) *, :where(.ds-reset--dUe7i) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--dUe7i) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--dUe7i) *, :where(.ds-reset--dUe7i) *::before, :where(.ds-reset--dUe7i) *::after, :where(.ds-reset--dUe7i)::before, :where(.ds-reset--dUe7i)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--dUe7i) :where(a), :where(.ds-reset--dUe7i):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--dUe7i) :where(a[href]:hover), :where(.ds-reset--dUe7i):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--dUe7i) :where(strong), :where(.ds-reset--dUe7i):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--dUe7i) :where([role=link], [role=button], a, button), :where(.ds-reset--dUe7i):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--dUe7i) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--dUe7i):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--dUe7i) :where(:focus), :where(.ds-reset--dUe7i):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--dUe7i) :where(:focus-visible), :where(.ds-reset--dUe7i):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } @layer ods.components.Masthead { .subheading--t196g { margin-top: 8px; } } .confetti-background--Dqx03 { align-items: center; display: flex; height: 100%; inset: 0; justify-content: center; pointer-events: none; position: absolute; width: 100%; } /* stylelint-disable */ @layer ods.components.Masthead { .masthead--ZDo5U { --P_vertical-padding_3edd: var( --ods-o-masthead-vertical-spacing, var(--ods-c-masthead-default-vertical-spacing) ); display: flex; justify-content: center; overflow: hidden; position: relative; } .masthead--ZDo5U::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wrapper--yK8RP { max-width: 1440px; padding: 0 20px; width: 100%; } @media (min-width: 480px) { .wrapper--yK8RP { padding: 0 32px; } } @media (min-width: 768px) { .wrapper--yK8RP { padding: 0 72px; } } .content--dRCmV { align-content: center; display: flex; flex-direction: column-reverse; gap: 24px; padding: 0 0 var(--P_vertical-padding_3edd); position: relative; width: 100%; } @media (min-width: 1024px) { .content--dRCmV { flex-direction: row; height: 100%; padding: 0; } } .main-content--J1BEV, .secondary-content--o_LNW { display: flex; flex-direction: column; justify-content: center; position: relative; } .main-content--J1BEV { align-items: flex-start; } @media (min-width: 1024px) { .main-content--J1BEV { flex-basis: 100%; padding: var(--P_vertical-padding_3edd) 0; } } .secondary-content--o_LNW { align-items: flex-start; flex-shrink: 0; } @media (min-width: 1024px) { .secondary-content--o_LNW { align-items: flex-end; flex-basis: 40%; } } .actions--RPLma { margin-top: 16px; width: 100%; } .size-sm--BFCfk { min-height: 180px; } .size-sm--BFCfk .copy--njqD6 { margin-top: 8px; } .size-md--iplmW { min-height: 180px; } .size-md--iplmW .copy--njqD6 { margin-top: 8px; } .size-lg--Ctubt { min-height: 125px; } .size-lg--Ctubt .copy--njqD6 { margin-top: 16px; } @media (min-width: 768px) { .size-lg--Ctubt { min-height: 140px; } } @media (min-width: 1024px) { .size-lg--Ctubt { min-height: 220px; } } .background--HUxpv::before { background-color: var(--ods-c-masthead-background); } @media (max-width: 1023.98px) { .actions-direction-right--WifqZ .content--dRCmV { flex-direction: column; gap: 16px; } } @media (min-width: 1024px) { .off-kilter-design--VIfHE::before { height: calc(100% - 20px); } .off-kilter-design--VIfHE .main-content--J1BEV { padding: var(--P_vertical-padding_3edd) 0 calc(var(--P_vertical-padding_3edd) + 20px); } } @media (max-width: 1023.98px) { .no-creative-area--bdMUF .content--dRCmV { padding: var(--P_vertical-padding_3edd) 0; } } .minimal-props--i0tqp .content--dRCmV { flex-direction: row; height: 100%; } } @layer ods.components.Masthead { .creative-area--d_0la { display: flex; height: 100%; justify-content: center; width: 100%; } @media (min-width: 1024px) { .creative-area--d_0la { justify-content: flex-end; } } .alignment-center--LRscZ { align-items: center; } .alignment-top--UHBSa { align-items: flex-start; } .alignment-bottom--osen2 { align-items: flex-end; } } /* stylelint-disable */ @layer ods.components.PageContainer { .page-container--jx7NT { margin: 0 auto; max-width: var(--ods-c-layout-max-width); padding: var(--ods-o-layout-vertical-padding, 0) var(--ods-c-layout-horizontal-padding); } .sticky-left-column--Ya_e0 { display: none; margin-left: calc(-1 * var(--ods-c-layout-horizontal-padding)); margin-right: var(--ods-c-layout-horizontal-padding); max-width: var(--ods-c-layout-side-content-max-width); } @media (min-width: 768px) { .sticky-left-column--Ya_e0 { display: block; flex: 0 0 var(--ods-c-layout-side-content-max-width); } } @media (min-width: 1360px) { .sticky-left-column--Ya_e0 { margin-left: initial; } } .main-content-column--ZBdYd { flex: 1 1; max-width: var(--ods-c-layout-main-content-max-width); } @media (max-width: 767.98px) { .main-content-column--ZBdYd { width: 100%; } } } @layer ods.components.PageFullBleedContainer { .full-bleed-container--TpY5v { position: relative; width: 100%; } } /* stylelint-disable */ @layer ods.components.DefaultPageTemplate { .page-template--czDVH { display: grid; grid-template-areas: "header header" "left-nav content" "footer footer"; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr auto; height: 100vh; } .left-nav-container--cUvII { height: 100%; } .left-nav--EkOiT { overflow-y: auto; position: sticky; top: 0; } @media (max-height: 548px) { .left-nav--EkOiT { height: 100vh; } } .skip-to-content--EMIY1 { position: absolute; top: -48px; } .skip-to-content--EMIY1:focus { display: inline-block; margin: 12px auto 12px 32px; position: static; } .skip-to-content--EMIY1:focus::after { background-color: var(--ods-s-background-color-subtle-light); content: ""; height: 48px; left: 0; position: absolute; top: 0; width: 100vw; z-index: -1; } .action-overlay--hbbkX { display: flex; justify-content: center; align-items: center; position: fixed; padding: var(--ods-p-dimension-24); bottom: 0; right: 0; z-index: -1; } } /* stylelint-disable */ @layer ods.components.BrandLogo { .logo--L8cFz { --ods-a-logo-color: var(--ods-c-brand-logo-color); --ods-a-logo-aspect-ratio: var(--ods-c-brand-logo-aspect-ratio); } } /* stylelint-disable */ @layer ods.components.Icon { .icon--g3vLb { --ods-a-icon-size: var(--ods-o-icon-size, var(--ods-c-icon-width)); --ods-a-icon-color: var(--ods-o-icon-color, var(--ods-c-icon-color)); align-self: var(--ods-o-icon-align-self); } } /* stylelint-disable */ @layer ods.components.TextBody { .text-body--BMFOs { color: var(--ods-c-text-body-color); font-family: var(--ods-c-text-body-font-family); font-size: var(--ods-c-text-body-font-size); font-weight: var(--ods-c-text-body-font-weight); letter-spacing: var(--ods-c-text-body-letter-spacing); line-height: var(--ods-c-text-body-line-height); text-transform: var(--ods-c-text-body-text-transform); } } @layer resets { :where(.responsive-images--FH2AW) :where(img, picture), :where(.responsive-images--FH2AW):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--q13hH) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--q13hH) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--q13hH) *, :where(.ds-reset--q13hH) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--q13hH) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--q13hH) *, :where(.ds-reset--q13hH) *::before, :where(.ds-reset--q13hH) *::after, :where(.ds-reset--q13hH)::before, :where(.ds-reset--q13hH)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--q13hH) :where(a), :where(.ds-reset--q13hH):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--q13hH) :where(a[href]:hover), :where(.ds-reset--q13hH):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--q13hH) :where(strong), :where(.ds-reset--q13hH):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--q13hH) :where([role=link], [role=button], a, button), :where(.ds-reset--q13hH):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--q13hH) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--q13hH):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--q13hH) :where(:focus), :where(.ds-reset--q13hH):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--q13hH) :where(:focus-visible), :where(.ds-reset--q13hH):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ @layer ods.components.TextHero { .text-hero--LgUc1 { font-family: var(--ods-c-text-hero-font-family); font-size: var(--ods-c-text-hero-font-size); font-weight: var(--ods-c-text-hero-font-weight); letter-spacing: var(--ods-c-text-hero-letter-spacing); line-height: var(--ods-c-text-hero-line-height); color: var(--ods-c-text-hero-color); } } /* stylelint-disable */ @layer ods.components.TextTitle { .text-title--GtxKs { font-family: var(--ods-c-text-title-font-family); font-size: var(--ods-c-text-title-font-size); font-weight: var(--ods-c-text-title-font-weight); letter-spacing: var(--ods-c-text-title-letter-spacing); line-height: var(--ods-c-text-title-line-height); color: var(--ods-c-text-title-color); } } /* stylelint-disable */ @layer ods.components.ImagePlaceholder { .image-placeholder--k29Dr { width: 100%; height: 100%; padding: var(--ods-c-image-placeholder-inner-spacing); background-color: var(--ods-c-image-placeholder-background-color); color: var(--ods-c-image-placeholder-color); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .illustration--rJSQd { width: var(--ods-c-image-placeholder-illustration-size); } } /* stylelint-disable */ @layer ods.components.Checkbox { .root-state--fYmog { --P_display_2708: inline-flex; --P_checkmark-border-width_2708: var(--ods-c-checkbox-border-width); --P_checkmark-border-color_2708: var(--ods-c-checkbox-border-color); --P_checkmark-background-color_2708: var(--ods-c-checkbox-background-color); --P_checkmark-border-radius_2708: var(--ods-c-checkbox-border-radius); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-inner-shape-color); } .checkmark-border--VHQoV { transition: border, color 0.25s linear 0s; flex-shrink: 0; align-items: center; background-color: var(--P_checkmark-background-color_2708); border: var(--P_checkmark-border-width_2708) solid var(--P_checkmark-border-color_2708); border-radius: var(--P_checkmark-border-radius_2708); display: inline-flex; height: var(--ods-c-checkbox-container-height); justify-content: center; width: var(--ods-c-checkbox-container-width); } .checkmark--gis1X { color: var(--P_checkmark-icon-color_2708); } .is-neutral--A_he8:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--H2Oia { --P_label-color_2708: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--H2Oia:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-disabled--ahJxZ { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); } .is-disabled-selected--aiFUo { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--_PSvf, .is-valid--_PSvf:hover { --P_label-color_2708: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid-selected--K_MEA { --P_label-color_2708: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--QuH10, .is-invalid--QuH10:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid-selected--XWLp9, .is-invalid-selected--XWLp9:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } } /* stylelint-disable */ /* Using hardcoded pixels because the icon sizes are too irregular to accommodate rem (they aren't perfectly square), resulting in the space around an icon looking different across apps (namely WWS). */ /* WWS global styling is different and affects the various states */ a.anchor--jPSWv, a.anchor--jPSWv:hover, a.anchor--jPSWv:visited, a.anchor--jPSWv:active { border: none; color: var(--ods-p-color-neutral-600); cursor: pointer; font-size: 0; line-height: 0; outline: none; } .wrapper--SnKIF { align-items: center; background-color: transparent; border: none; color: var(--ods-p-color-neutral-600); cursor: pointer; display: inline-flex; font-size: 0; justify-content: center; line-height: 0; outline: none; } .wrapper--SnKIF.circle--Pnv9P { background-color: var(--ods-p-color-neutral-white); border-radius: 50%; box-shadow: 0 0 4px 0 var(--ods-p-color-neutral-300); transition: all 0.3s ease-out; } .wrapper--SnKIF.circle--Pnv9P:hover { box-shadow: 0 0 12px 0 var(--ods-p-color-neutral-300); } .wrapper--SnKIF.circle--Pnv9P:active { box-shadow: 0 0 3px 0 var(--ods-p-color-neutral-200); } .wrapper--SnKIF.circle--Pnv9P.sm--qF_35 { height: 40px; width: 40px; } .wrapper--SnKIF.circle--Pnv9P.lg--GcDev { border: 1px solid var(--ods-p-color-neutral-300); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.1); height: 68px; width: 68px; } /* !important because Union SSR styles get a weird load order and Union takes precedent on the Icon */ .cart-icon--_xLnG { height: 24px !important; width: 24px !important; } .cart-icon--_xLnG.lg--GcDev { height: var(--ods-p-space-110) !important; width: var(--ods-p-space-110) !important; } .icon-count-container--e4f1Z { display: inline-block; position: relative; } .icon-count-container--e4f1Z.lg--GcDev { margin-right: var(--ods-p-space-30); } .cart-count--kVKuf { background-color: var(--ods-p-color-primary-400); border-radius: 50px; color: var(--ods-p-color-neutral-white); font-size: 12px; font-weight: 500; left: 14px; line-height: 16px; min-width: 16px; padding: 0 4px; position: absolute; text-align: center; top: -3px; vertical-align: middle; } .cart-count--kVKuf.lg--GcDev { left: var(--ods-p-space-100); top: 0; } .menu-expander--nPwnn { background: none; border: none; bottom: 15%; opacity: 0; padding: 2px; position: absolute; right: 33%; } .menu-expander--nPwnn:focus, .menu-expander--nPwnn:focus-within { opacity: 1; } .caret-down--E6D2n { align-self: center; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid white; display: flex; height: 0; pointer-events: none; width: 0; } .screenreader-only--mOmYf { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* stylelint-disable */ @layer ods.components.TextBody { .text-body--F43sh { color: var(--ods-c-text-body-color); font-family: var(--ods-c-text-body-font-family); font-size: var(--ods-c-text-body-font-size); font-weight: var(--ods-c-text-body-font-weight); letter-spacing: var(--ods-c-text-body-letter-spacing); line-height: var(--ods-c-text-body-line-height); text-transform: var(--ods-c-text-body-text-transform); } } /* stylelint-disable */ @layer ods.components.TextHero { .text-hero--F7CIt { font-family: var(--ods-c-text-hero-font-family); font-size: var(--ods-c-text-hero-font-size); font-weight: var(--ods-c-text-hero-font-weight); letter-spacing: var(--ods-c-text-hero-letter-spacing); line-height: var(--ods-c-text-hero-line-height); color: var(--ods-c-text-hero-color); } } /* stylelint-disable */ @layer ods.components.TextTitle { .text-title--Lw52g { font-family: var(--ods-c-text-title-font-family); font-size: var(--ods-c-text-title-font-size); font-weight: var(--ods-c-text-title-font-weight); letter-spacing: var(--ods-c-text-title-letter-spacing); line-height: var(--ods-c-text-title-line-height); color: var(--ods-c-text-title-color); } } /* stylelint-disable */ .sub-menu-wrapper--WmRJA { display: flex; } .sub-menu-wrapper--WmRJA:hover { text-decoration: underline; } .sub-menu-new-badge--xXkX3 { margin-left: 6px; border-radius: var(--ods-p-dimension-2); background: var(--ods-p-color-additional-01-extra-300); padding: var(--ods-p-dimension-2) var(--ods-p-dimension-4); } /* stylelint-disable */ .sub-menu-title--Rd3pV { display: block; color: var(--ods-p-color-neutral-600); font-size: 0.75rem; font-weight: 500; padding: var(--ods-p-dimension-12) 0; min-height: 21px; } @media (min-width: 1192px) { .sub-menu-title--Rd3pV { font-size: 0.875rem; } } a.sub-menu-title--Rd3pV:hover { text-decoration: underline; } /* stylelint-disable */ .sub-menu--iqubD { background: var(--ods-p-color-neutral-white); border: var(--ods-p-dimension-1) solid var(--ods-p-color-neutral-300); box-shadow: var(--ods-p-shadow-100); box-sizing: content-box; -webkit-box-sizing: content-box; color: var(--ods-p-color-neutral-600); display: flex; writing-mode: vertical-lr; flex-flow: wrap; max-width: 1296px; padding: var(--ods-p-dimension-12) var(--ods-p-dimension-20) var(--ods-p-dimension-24) var(--ods-p-dimension-20); position: absolute; width: -webkit-max-content; width: max-content; } .sub-menu--iqubD > li { width: 146px; margin-right: 34px; writing-mode: horizontal-tb; } @media (max-width: 1279px) { .sub-menu--iqubD { top: 59px; } } .sub-menu--iqubD a { color: var(--ods-p-color-neutral-600); display: block; } .sub-menu--iqubD a svg { position: relative; top: 3px; } .sub-menu--iqubD ul li { padding: 6px 0; } .sub-menu-title--ZSFxE { display: block; color: var(--ods-p-color-neutral-600); font-size: 0.875rem; font-weight: 500; padding: 0 0 6px 0; } .sub-menu-wrapper--h6Zkq { display: flex; } .sub-menu-new-badge--HRGmS { margin-left: 6px; border-radius: 2px; background: var(--ods-p-color-additional-01-extra-300); padding: 2px var(--ods-p-dimension-4); } .your-registry-sub-menu--PyW6s .sub-menu-title--ZSFxE { display: none; } /* stylelint-disable */ .container--dj8iZ { background-color: var(--ods-s-background-color-dark); color: var(--ods-p-color-neutral-white); display: none; font-size: 0.875rem; } @media (min-width: 1192px) { .container--dj8iZ { display: block; } } .container--dj8iZ ul { list-style: none; } .container--dj8iZ > ul { align-items: center; display: flex; height: 60px; list-style: none; margin: auto; max-width: 1216px; position: relative; } .container--dj8iZ > ul > li { position: relative; margin: 0 var(--ods-p-dimension-12); } .container--dj8iZ > ul > li > a { border-bottom: 4px solid transparent; color: var(--ods-p-color-neutral-white); display: flex; align-items: center; padding-bottom: 15px; padding-top: var(--ods-p-dimension-20); height: 60px; } .container--dj8iZ > ul > li > a:hover, .container--dj8iZ > ul > li > a.active--ZSqaB { border-bottom: 4px solid var(--ods-p-color-neutral-white); } @media (min-width: 1360px) { .container--dj8iZ > ul li.add-store-registries--Swupr a:hover { border-bottom: 4px solid transparent; } .container--dj8iZ > ul li.add-store-registries--Swupr span { display: inline-block; border: 1px solid var(--ods-p-color-neutral-white); border-radius: 100px; padding: var(--ods-p-dimension-4) var(--ods-p-dimension-12); } .container--dj8iZ > ul li.add-store-registries--Swupr span:hover { border-color: var(--ods-p-color-neutral-300); color: var(--ods-p-color-neutral-300); } } @media (min-width: 1360px) { .container--dj8iZ > ul li:first-of-type { margin-left: 0; } } .container--dj8iZ > ul.navigation-items-wrapper--tYxSh { gap: 16px; } .container--dj8iZ > ul.navigation-items-wrapper--tYxSh > li { margin: 0; } .container--dj8iZ > ul.navigation-items-wrapper--tYxSh > li:first-child { margin-left: var(--ods-p-dimension-4); } .no-underline--pBsJT { cursor: pointer; } .no-underline--pBsJT:hover { text-decoration: none; } /* stylelint-disable */ @layer ods.components.BrandLogo { .logo--_FpEv { --ods-a-logo-color: var(--ods-c-brand-logo-color); --ods-a-logo-aspect-ratio: var(--ods-c-brand-logo-aspect-ratio); } } /* stylelint-disable */ @layer ods.components.Icon { .icon--ps5qA { --ods-a-icon-size: var(--ods-o-icon-size, var(--ods-c-icon-width)); --ods-a-icon-color: var(--ods-o-icon-color, var(--ods-c-icon-color)); align-self: var(--ods-o-icon-align-self); } } /* stylelint-disable */ @layer ods.components.ImagePlaceholder { .image-placeholder--RtlhX { width: 100%; height: 100%; padding: var(--ods-c-image-placeholder-inner-spacing); background-color: var(--ods-c-image-placeholder-background-color); color: var(--ods-c-image-placeholder-color); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .illustration--DJ8An { width: var(--ods-c-image-placeholder-illustration-size); } } /* stylelint-disable */ @layer ods.components.Checkbox { .root-state--aok7X { --P_display_2708: inline-flex; --P_checkmark-border-width_2708: var(--ods-c-checkbox-border-width); --P_checkmark-border-color_2708: var(--ods-c-checkbox-border-color); --P_checkmark-background-color_2708: var(--ods-c-checkbox-background-color); --P_checkmark-border-radius_2708: var(--ods-c-checkbox-border-radius); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-inner-shape-color); } .checkmark-border--hMvTN { transition: border, color 0.25s linear 0s; flex-shrink: 0; align-items: center; background-color: var(--P_checkmark-background-color_2708); border: var(--P_checkmark-border-width_2708) solid var(--P_checkmark-border-color_2708); border-radius: var(--P_checkmark-border-radius_2708); display: inline-flex; height: var(--ods-c-checkbox-container-height); justify-content: center; width: var(--ods-c-checkbox-container-width); } .checkmark--acHMq { color: var(--P_checkmark-icon-color_2708); } .is-neutral--M3dnX:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--xl9YE { --P_label-color_2708: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--xl9YE:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-disabled--abtpO { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); } .is-disabled-selected--DXFKy { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--GHNnL, .is-valid--GHNnL:hover { --P_label-color_2708: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid-selected--CqRlS { --P_label-color_2708: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--djoBB, .is-invalid--djoBB:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid-selected--GN7ek, .is-invalid-selected--GN7ek:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Icon; @layer ods.components.CtaButton { @media (max-width: 479.98px) { .block-xs--hhTqz { display: block !important; width: 100% !important; } } @media (max-width: 767.98px) { .block-sm--gOGMg { display: block !important; width: 100% !important; } } @media (max-width: 1023.98px) { .block-md--iunip { display: block !important; width: 100% !important; } } @media (max-width: 1191.98px) { .block-lg--jf6ia { display: block !important; width: 100% !important; } } @media (max-width: 1359.98px) { .block-xl--ZXQlS { display: block !important; width: 100% !important; } } .block--ABw1H { display: block !important; width: 100% !important; } .btn-transitions--KEUmQ { transition-duration: 0.1s; transition-property: background-color, color, border-color; transition-timing-function: ease-out; } .btn--g3VOZ * { pointer-events: none; } .btn--g3VOZ { --P_button-pressed-color_63cb: var(--ods-c-button-pressed-color); --P_button-pressed-opacity_63cb: var(--ods-c-button-pressed-opacity); background-color: var(--ods-c-button-background-color); border-color: var(--ods-c-button-border-color); border-radius: var(--ods-c-button-border-radius); color: var(--ods-c-button-color); min-height: var(--ods-c-button-min-height); padding: var(--ods-c-button-vertical-padding) var(--ods-c-button-horizontal-padding); text-decoration-line: var(--ods-c-button-text-decoration-line); } .btn--g3VOZ:focus-visible { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .container--da1_6:focus-visible .btn--g3VOZ { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .btn--g3VOZ.active--Thcih, .btn--g3VOZ:active:enabled { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } a.btn--g3VOZ:active { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .container--da1_6.active--Thcih .btn--g3VOZ, a.container--da1_6:active .btn--g3VOZ, .container--da1_6:active:enabled .btn--g3VOZ { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .btn--g3VOZ:hover { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } button.btn--g3VOZ:hover:enabled { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } a.btn--g3VOZ:hover { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .container--da1_6:hover .btn--g3VOZ, a.container--da1_6:hover .btn--g3VOZ, button.container--da1_6:hover:enabled .btn--g3VOZ { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .btn--g3VOZ.disabled--7WV3o, .btn--g3VOZ:disabled { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } a.btn--g3VOZ:not([href]), a.btn--g3VOZ.disabled--7WV3o { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } a.btn--g3VOZ:not([href]):hover, a.btn--g3VOZ.disabled--7WV3o:hover { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } .container--da1_6:disabled .btn--g3VOZ, .container--da1_6.disabled--7WV3o .btn--g3VOZ, a.container--da1_6:not([href]) .btn--g3VOZ, a.container--da1_6.disabled--7WV3o:hover .btn--g3VOZ { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } .btn--g3VOZ { border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; overflow: hidden; position: relative; text-align: center; transform: perspective(1px) translateZ(0); vertical-align: bottom; --P_button-animated-box-transform_63cb: scale(0.2, 2); --P_button-animated-box-opacity_63cb: 0; } .btn--g3VOZ:hover { text-decoration: none; } .btn--g3VOZ.disabled--7WV3o, .btn--g3VOZ:disabled { cursor: not-allowed; } a.btn--g3VOZ:not([href]), a.btn--g3VOZ.disabled--7WV3o { cursor: not-allowed; } a.btn--g3VOZ:not([href]):hover, a.btn--g3VOZ.disabled--7WV3o:hover { cursor: not-allowed; } .container--da1_6:disabled .btn--g3VOZ, .container--da1_6.disabled--7WV3o .btn--g3VOZ, a.container--da1_6:not([href]) .btn--g3VOZ, a.container--da1_6.disabled--7WV3o:hover .btn--g3VOZ { cursor: not-allowed; } .container--da1_6.disabled--7WV3o, .container--da1_6:disabled { cursor: not-allowed; } a.container--da1_6:not([href]), a.container--da1_6.disabled--7WV3o { cursor: not-allowed; } a.container--da1_6:not([href]):hover, a.container--da1_6.disabled--7WV3o:hover { cursor: not-allowed; } .container--da1_6:disabled .container--da1_6, .container--da1_6.disabled--7WV3o .container--da1_6, a.container--da1_6:not([href]) .container--da1_6, a.container--da1_6.disabled--7WV3o:hover .container--da1_6 { cursor: not-allowed; } .container--da1_6:hover { text-decoration: inherit; } .animated-element--FI9ox { background-color: var(--P_button-pressed-color_63cb); border-radius: 100%; inset: 0; content: ""; opacity: var(--P_button-animated-box-opacity_63cb); position: absolute; transform: var(--P_button-animated-box-transform_63cb); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .clicked--SlFTR { --P_button-animated-box-transform_63cb: scale(1.5, 4); --P_button-animated-box-opacity_63cb: var(--P_button-pressed-opacity_63cb); } .cta-container--hjqwo { align-items: center; column-gap: 8px; display: flex; justify-content: center; } .cta-icon-container--HoIkX { align-items: center; display: flex; height: 1lh; } .has-right-label--x2IIY { flex-direction: row; } .has-left-label--Q31tG { flex-direction: row-reverse; } .only-icon--pjU4E { aspect-ratio: 1/1; padding: 0; } .loading-container--z4503 { } } /* stylelint-disable */ @layer ods.components.Spinner { .loading--wXWOA { animation: rotate-animation--c5rHR 1.6s infinite linear; overflow: visible; position: relative; width: var(--ods-c-spinner-width); } .spinner--icSis { animation-direction: reverse; animation-duration: 1.6s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: loading--animation--tlDHI; animation-timing-function: ease-in-out; fill: none; stroke: var(--ods-c-spinner-color); stroke-dasharray: var(--ods-c-spinner-stroke-dash-array); stroke-dashoffset: 0; stroke-linecap: round; stroke-width: var(--ods-c-spinner-stroke-width); transform-origin: 50% 50%; vector-effect: non-scaling-stroke; } @keyframes rotate-animation--c5rHR { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes loading--animation--tlDHI { 0%, 25% { stroke-dashoffset: 16; transform: rotate(270deg); } 50%, 75% { stroke-dashoffset: 58; transform: rotate(315deg); } 100% { stroke-dashoffset: 16; transform: rotate(-90deg); } } } /* stylelint-disable */ @layer ods.components.TableSortAction { .container--hML1j { --P_arrow-color_63cb: var(--ods-c-table-sort-action-color); --P_arrow-active-color_63cb: var(--ods-c-table-sort-action-color); } .is-active--wMAI8 { --P_arrow-active-color_63cb: var(--ods-c-table-sort-action-is-active-color, var(--ods-c-table-sort-action-color)); } .is-asc--gl_vk { --P_arrow-down-color_63cb: var(--P_arrow-active-color_63cb); --P_arrow-up-color_63cb: var(--P_arrow-color_63cb); } .is-dec--fpMDk { --P_arrow-down-color_63cb: var(--P_arrow-color_63cb); --P_arrow-up-color_63cb: var(--P_arrow-active-color_63cb); } .content-container--wufnV { align-items: center; display: flex; gap: var(--ods-c-table-sort-action-gap); } .arrow-container--IwfMI { display: flex; flex: 1 1; flex-direction: column; justify-content: center; } .arrow-up--Kt3vG { color: var(--P_arrow-up-color_63cb); margin-bottom: -8px; } .arrow-down--xthkn { color: var(--P_arrow-down-color_63cb); } } /* stylelint-disable */ @layer ods.components.Pill { .container--YKGiO { --ods-o-pill-color: var(--ods-c-pill-filter-color); --ods-o-pill-border-width: 0; --ods-o-pill-border-radius: var(--ods-c-pill-filter-border-radius); --ods-o-pill-background-color: var(--ods-c-pill-filter-background-color); --ods-o-pill-inner-spacing: var(--ods-c-pill-filter-vertical-padding) var(--ods-c-pill-filter-horizontal-padding); --ods-o-pill-bold-font-weight: var(--ods-p-font-weight-bold); --ods-o-pill-is-focused-font-weight: var(--ods-p-font-weight-bold); --ods-o-pill-gap: var(--ods-c-pill-filter-gap); --ods-o-icon-color: var(--ods-c-pill-filter-icon-color); } } @layer resets { .offscreen-width-placeholder--VykOD { height: 0; opacity: 0; pointer-events: none; font-weight: var(--ow-bold-width-placeholder-font-weight); gap: inherit; align-items: inherit; display: inherit; } } /* stylelint-disable */ @layer ods.components.Pill { .container--_V9t2 { --P_min-height_63cb: var(--ods-o-pill-min-height); --P_background-color_63cb: var(--ods-o-pill-background-color); --P_color_63cb: var(--ods-o-pill-color); --P_border-color_63cb: var(--ods-o-pill-border-color); --P_border-radius_63cb: var(--ods-o-pill-border-radius); --P_border-width_63cb: var(--ods-o-pill-border-width); --P_font-weight_63cb: var(--ods-o-pill-font-weight); --P_line-height_63cb: var(--ods-o-pill-line-height); --P_inner-spacing_63cb: var(--ods-o-pill-inner-spacing); --P_gap_63cb: var(--ods-o-pill-gap); --P_cursor_63cb: pointer; --ow-bold-width-placeholder-font-weight: var(--ods-o-pill-bold-font-weight); --ods-o-icon-align-self: center; min-height: var(--P_min-height_63cb); color: var(--P_color_63cb); border-radius: var(--P_border-radius_63cb); border: var(--P_border-width_63cb) solid var(--P_border-color_63cb); background-color: var(--P_background-color_63cb); padding: var(--P_inner-spacing_63cb); font-weight: var(--P_font-weight_63cb); line-height: var(--P_line-height_63cb); display: inline-flex; flex-direction: column; justify-content: center; text-align: center; cursor: var(--P_cursor_63cb); transition-duration: 0.1s; transition-property: background-color, color, border-color; transition-timing-function: ease-out; } @media (hover: hover) and (pointer: fine) { .container--_V9t2:hover { --P_background-color_63cb: var(--ods-o-pill-is-hover-background-color, var(--ods-o-pill-background-color)); } } .container--_V9t2:active, .container--_V9t2.is-active--TtXiA { --P_color_63cb: var(--ods-o-pill-is-active-color, var(--ods-o-pill-color)); --P_border-color_63cb: var(--ods-o-pill-is-active-border-color, var(--ods-o-pill-border-color)); --P_font-weight_63cb: var(--ods-o-pill-is-active-font-weight, var(--ods-o-pill-font-weight)); } .container--_V9t2:disabled, .container--_V9t2.is-disabled--OmPxB { --P_color_63cb: var(--ods-o-pill-is-disabled-color, var(--ods-o-pill-color)); --P_border-color_63cb: var(--ods-o-pill-is-disabled-border-color, var(--ods-o-pill-border-color)); --P_font-weight_63cb: var(--ods-o-pill-is-disabled-font-weight, var(--ods-o-pill-font-weight)); --P_background-color_63cb: var(--ods-o-pill-is-disabled-background-color, var(--ods-o-pill-background-color)); --P_cursor_63cb: not-allowed; } .container--_V9t2:focus-visible { --P_color_63cb: var(--ods-o-pill-is-focused-color, var(--ods-o-pill-color)); --P_border-color_63cb: var(--ods-o-pill-is-focused-border-color, var(--ods-o-pill-border-color)); --P_font-weight_63cb: var(--ods-o-pill-is-focused-font-weight, var(--ods-o-pill-font-weight)); } .content--NAJnP { display: flex; align-items: center; justify-content: center; min-width: -webkit-fit-content; min-width: fit-content; gap: var(--P_gap_63cb); white-space: nowrap; } } /* stylelint-disable */ @layer ods.components.IconAction { .container--UeRgH { align-items: center; color: var(--ods-o-icon-action-color, var(--ods-c-icon-action-color)); display: inline-flex; display: inline flex; height: var(--ods-c-icon-action-width); justify-content: center; width: var(--ods-c-icon-action-width); overflow: hidden; background-color: var(--ods-o-icon-action-background-color); border-radius: var(--ods-o-icon-action-border-radius); } .container--UeRgH:focus-visible { background-color: var(--ods-o-icon-action-is-focused-background-color, inherit); } .container--UeRgH:disabled, .is-disabled--vjtya { color: var(--ods-o-icon-action-is-disabled-color, var(--ods-o-icon-action-color, var(--ods-c-icon-action-is-disabled-color, var(--ods-c-icon-action-color)))); cursor: not-allowed; } .container--UeRgH * { pointer-events: none; } } /* stylelint-disable */ @layer ods.components.Disclosure { .remainder--JpZRm { display: none; } .link--ZVM5q { margin-left: var(--ods-c-disclosure-text-to-button-horizontal-spacing); } .icon--WZfa1 { margin-left: var(--ods-c-disclosure-button-gap); } .hidden--omzm1 { display: none; } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Link { .link--U7PQ8 { align-items: center; display: inline-flex; justify-content: center; } .link--U7PQ8 * { pointer-events: none; } .link--U7PQ8 { min-height: var(--ods-c-link-min-height); color: var(--ods-c-link-color); gap: var(--ods-c-link-horizontal-spacing); padding: var(--ods-c-link-vertical-padding) var(--ods-c-link-horizontal-padding); text-decoration-line: var(--ods-c-link-text-decoration-line); } @media (hover: hover) and (pointer: fine) { .link--U7PQ8:hover { color: var(--ods-c-link-is-hover-color, var(--ods-c-link-color)); text-decoration-line: var(--ods-c-link-is-hover-text-decoration-line, var(--ods-c-link-text-decoration-line)); } } .link--U7PQ8:disabled, .link--U7PQ8.disabled--hVZos { color: var(--ods-c-link-is-disabled-color, var(--ods-c-link-color)); pointer-events: none; text-decoration-line: var(--ods-c-link-is-disabled-text-decoration-line, var(--ods-c-link-text-decoration-line)); } a.link--U7PQ8:not([href]), a.link--U7PQ8[aria-disabled=true] { color: var(--ods-c-link-is-disabled-color, var(--ods-c-link-color)); pointer-events: none; text-decoration-line: var(--ods-c-link-is-disabled-text-decoration-line, var(--ods-c-link-text-decoration-line)); } @media (hover: hover) and (pointer: fine) { a.link--U7PQ8:not([href]):hover, a.link--U7PQ8[aria-disabled=true]:hover { color: var(--ods-c-link-is-disabled-color, var(--ods-c-link-color)); pointer-events: none; text-decoration-line: var(--ods-c-link-is-disabled-text-decoration-line, var(--ods-c-link-text-decoration-line)); } } .has-right-label--JoUVb { flex-direction: row; } .has-left-label--yFAPr { flex-direction: row-reverse; } .icon--AT6v9 { flex-shrink: 0; } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Pill { .container--kFhOl { --ods-o-pill-min-height: var(--ods-c-pill-action-min-height); --ods-o-pill-gap: 4px; --ods-o-pill-inner-spacing: var(--ods-c-pill-action-vertical-padding) var(--ods-c-pill-action-horizontal-padding); --ods-o-pill-background-color: var(--ods-c-pill-action-background-color); --ods-o-pill-color: var(--ods-c-pill-action-color); --ods-o-pill-border-color: var(--ods-c-pill-action-border-color); --ods-o-pill-border-width: 1px; --ods-o-pill-font-weight: var(--ods-c-pill-action-font-weight); --ods-o-pill-line-height: var(--ods-c-pill-action-line-height); --ods-o-pill-bold-font-weight: var(--ods-c-pill-action-is-active-font-weight, var(--ods-c-pill-action-font-weight)); --ods-o-pill-border-radius: var(--ods-c-pill-action-border-radius); --ods-o-pill-is-hover-background-color: var(--ods-c-pill-action-is-hover-background-color, var(--ods-c-pill-action-background-color)); --ods-o-pill-is-active-font-weight: var(--ods-c-pill-action-is-active-font-weight, var(--ods-c-pill-action-font-weight)); --ods-o-pill-is-active-border-color: var(--ods-c-pill-action-is-active-border-color, var(--ods-c-pill-action-border-color)); --ods-o-pill-is-active-color: var(--ods-c-pill-action-is-active-color, var(--ods-c-pill-action-color)); --ods-o-pill-is-disabled-font-weight: var(--ods-c-pill-action-is-disabled-font-weight, var(--ods-c-pill-action-font-weight)); --ods-o-pill-is-disabled-border-color: var(--ods-c-pill-action-is-disabled-border-color, var(--ods-c-pill-action-border-color)); --ods-o-pill-is-disabled-color: var(--ods-c-pill-action-is-disabled-color, var(--ods-c-pill-action-color)); --ods-o-pill-is-focused-font-weight: var(--ods-c-pill-action-is-active-font-weight, var(--ods-c-pill-action-font-weight)); } } /* stylelint-disable */ @layer ods.components.BrandLogo { .logo--ntkev { --ods-a-logo-color: var(--ods-c-brand-logo-color); --ods-a-logo-aspect-ratio: var(--ods-c-brand-logo-aspect-ratio); } } /* stylelint-disable */ @layer ods.components.Icon { .icon--H1D2z { --ods-a-icon-size: var(--ods-o-icon-size, var(--ods-c-icon-width)); --ods-a-icon-color: var(--ods-o-icon-color, var(--ods-c-icon-color)); align-self: var(--ods-o-icon-align-self); } } /* stylelint-disable */ @layer ods.components.Checkbox { .root-state--xErKG { --P_display_2708: inline-flex; --P_checkmark-border-width_2708: var(--ods-c-checkbox-border-width); --P_checkmark-border-color_2708: var(--ods-c-checkbox-border-color); --P_checkmark-background-color_2708: var(--ods-c-checkbox-background-color); --P_checkmark-border-radius_2708: var(--ods-c-checkbox-border-radius); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-inner-shape-color); } .checkmark-border--MjoAf { transition: border, color 0.25s linear 0s; flex-shrink: 0; align-items: center; background-color: var(--P_checkmark-background-color_2708); border: var(--P_checkmark-border-width_2708) solid var(--P_checkmark-border-color_2708); border-radius: var(--P_checkmark-border-radius_2708); display: inline-flex; height: var(--ods-c-checkbox-container-height); justify-content: center; width: var(--ods-c-checkbox-container-width); } .checkmark--yGLmT { color: var(--P_checkmark-icon-color_2708); } .is-neutral--Th23N:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--Z87b8 { --P_label-color_2708: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--Z87b8:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-disabled--kUCDl { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); } .is-disabled-selected--yKbQu { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--KIeFq, .is-valid--KIeFq:hover { --P_label-color_2708: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid-selected--sBVj7 { --P_label-color_2708: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--waYe6, .is-invalid--waYe6:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid-selected--iFwav, .is-invalid-selected--iFwav:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } } /* stylelint-disable */ @layer ods.components.Favorite { .favorite--OQynJ { position: relative; --P_scale-factor: calc( var(--ods-o-favorite-size, var(--ods-c-favorite-size)) / var(--ods-c-favorite-size) ); --P_icon-size: calc(var(--ods-c-favorite-icon-size) * var(--P_scale-factor)); --P_icon-margin-top: calc(1px * var(--P_scale-factor)); } .favorite--OQynJ:hover .icon-container--ge0wh { transform: scale(1.1); } .content--gDBd_ { animation: bounce--_wJhT 0.45s ease; animation-play-state: paused; } .circle--IETAg { border: var(--ods-c-favorite-border-width) solid var(--ods-c-favorite-border-color); border-radius: var(--ods-c-favorite-border-radius); background-color: var(--ods-c-favorite-background-color); width: var(--ods-o-favorite-size, var(--ods-c-favorite-size)); aspect-ratio: 1/1; opacity: var(--ods-c-favorite-circle-opacity); } .icon-container--ge0wh { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin-top: var(--P_icon-margin-top); transition: transform 0.15s ease; } .icon--mYykZ { --ods-a-icon-size: var(--P_icon-size); position: absolute; transition: transform 0.15s ease-out, opacity 0.15s ease-out; } .icon-filled--vN2iN { transform: scale(0); opacity: 0; } .is-active--Pb0kr .icon--mYykZ { transform: scale(0); opacity: 0; } .is-active--Pb0kr .icon-filled--vN2iN { transform: scale(1); opacity: 1; } @keyframes bounce--_wJhT { 0%, 100% { transform: scale(1); } 33% { transform: scale(0.9); } 66% { transform: scale(1.1); } } } /* stylelint-disable */ @layer ods.components.TextBody { .text-body--D16Rr { color: var(--ods-c-text-body-color); font-family: var(--ods-c-text-body-font-family); font-size: var(--ods-c-text-body-font-size); font-weight: var(--ods-c-text-body-font-weight); letter-spacing: var(--ods-c-text-body-letter-spacing); line-height: var(--ods-c-text-body-line-height); text-transform: var(--ods-c-text-body-text-transform); } } /* stylelint-disable */ @layer ods.components.TextHero { .text-hero--WrSB2 { font-family: var(--ods-c-text-hero-font-family); font-size: var(--ods-c-text-hero-font-size); font-weight: var(--ods-c-text-hero-font-weight); letter-spacing: var(--ods-c-text-hero-letter-spacing); line-height: var(--ods-c-text-hero-line-height); color: var(--ods-c-text-hero-color); } } /* stylelint-disable */ @layer ods.components.TextTitle { .text-title--EB5Xk { font-family: var(--ods-c-text-title-font-family); font-size: var(--ods-c-text-title-font-size); font-weight: var(--ods-c-text-title-font-weight); letter-spacing: var(--ods-c-text-title-letter-spacing); line-height: var(--ods-c-text-title-line-height); color: var(--ods-c-text-title-color); } } /* stylelint-disable */ @layer ods.components.BrandLogo { .logo--e4PcJ { --ods-a-logo-color: var(--ods-c-brand-logo-color); --ods-a-logo-aspect-ratio: var(--ods-c-brand-logo-aspect-ratio); } } /* stylelint-disable */ @layer ods.components.Icon { .icon--jjNI1 { --ods-a-icon-size: var(--ods-o-icon-size, var(--ods-c-icon-width)); --ods-a-icon-color: var(--ods-o-icon-color, var(--ods-c-icon-color)); align-self: var(--ods-o-icon-align-self); } } /* stylelint-disable */ @layer ods.components.ImagePlaceholder { .image-placeholder--JksSi { width: 100%; height: 100%; padding: var(--ods-c-image-placeholder-inner-spacing); background-color: var(--ods-c-image-placeholder-background-color); color: var(--ods-c-image-placeholder-color); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .illustration--Mm4t6 { width: var(--ods-c-image-placeholder-illustration-size); } } /* stylelint-disable */ @layer ods.components.Checkbox { .root-state--mfBPs { --P_display_2708: inline-flex; --P_checkmark-border-width_2708: var(--ods-c-checkbox-border-width); --P_checkmark-border-color_2708: var(--ods-c-checkbox-border-color); --P_checkmark-background-color_2708: var(--ods-c-checkbox-background-color); --P_checkmark-border-radius_2708: var(--ods-c-checkbox-border-radius); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-inner-shape-color); } .checkmark-border--Czb6e { transition: border, color 0.25s linear 0s; flex-shrink: 0; align-items: center; background-color: var(--P_checkmark-background-color_2708); border: var(--P_checkmark-border-width_2708) solid var(--P_checkmark-border-color_2708); border-radius: var(--P_checkmark-border-radius_2708); display: inline-flex; height: var(--ods-c-checkbox-container-height); justify-content: center; width: var(--ods-c-checkbox-container-width); } .checkmark--no9gg { color: var(--P_checkmark-icon-color_2708); } .is-neutral--gjna5:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--JOpT4 { --P_label-color_2708: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--JOpT4:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-disabled--qWPGI { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); } .is-disabled-selected--SyHqM { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--Pnl5r, .is-valid--Pnl5r:hover { --P_label-color_2708: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid-selected--_h9sC { --P_label-color_2708: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--tttw7, .is-invalid--tttw7:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid-selected--gbsNS, .is-invalid-selected--gbsNS:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Icon; @layer ods.components.CtaButton { @media (max-width: 479.98px) { .block-xs--TBO6p { display: block !important; width: 100% !important; } } @media (max-width: 767.98px) { .block-sm--Iw0Ud { display: block !important; width: 100% !important; } } @media (max-width: 1023.98px) { .block-md--r7z81 { display: block !important; width: 100% !important; } } @media (max-width: 1191.98px) { .block-lg--cdNU2 { display: block !important; width: 100% !important; } } @media (max-width: 1359.98px) { .block-xl--Rd5D_ { display: block !important; width: 100% !important; } } .block--AhF0W { display: block !important; width: 100% !important; } .btn-transitions--qc68_ { transition-duration: 0.1s; transition-property: background-color, color, border-color; transition-timing-function: ease-out; } .btn--EMVTi * { pointer-events: none; } .btn--EMVTi { --P_button-pressed-color_63cb: var(--ods-c-button-pressed-color); --P_button-pressed-opacity_63cb: var(--ods-c-button-pressed-opacity); background-color: var(--ods-c-button-background-color); border-color: var(--ods-c-button-border-color); border-radius: var(--ods-c-button-border-radius); color: var(--ods-c-button-color); min-height: var(--ods-c-button-min-height); padding: var(--ods-c-button-vertical-padding) var(--ods-c-button-horizontal-padding); text-decoration-line: var(--ods-c-button-text-decoration-line); } .btn--EMVTi:focus-visible { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .container--vJwWG:focus-visible .btn--EMVTi { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .btn--EMVTi.active--CjiII, .btn--EMVTi:active:enabled { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } a.btn--EMVTi:active { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .container--vJwWG.active--CjiII .btn--EMVTi, a.container--vJwWG:active .btn--EMVTi, .container--vJwWG:active:enabled .btn--EMVTi { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .btn--EMVTi:hover { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } button.btn--EMVTi:hover:enabled { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } a.btn--EMVTi:hover { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .container--vJwWG:hover .btn--EMVTi, a.container--vJwWG:hover .btn--EMVTi, button.container--vJwWG:hover:enabled .btn--EMVTi { color: var(--ods-c-button-is-hover-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-hover-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-hover-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-hover-background-color, var(--ods-c-button-background-color)); } .btn--EMVTi.disabled--BOjiy, .btn--EMVTi:disabled { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } a.btn--EMVTi:not([href]), a.btn--EMVTi.disabled--BOjiy { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } a.btn--EMVTi:not([href]):hover, a.btn--EMVTi.disabled--BOjiy:hover { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } .container--vJwWG:disabled .btn--EMVTi, .container--vJwWG.disabled--BOjiy .btn--EMVTi, a.container--vJwWG:not([href]) .btn--EMVTi, a.container--vJwWG.disabled--BOjiy:hover .btn--EMVTi { color: var(--ods-c-button-is-disabled-color, var(--ods-c-button-color)); text-decoration-line: var(--ods-c-button-is-disabled-text-decoration-line, var(--ods-c-button-text-decoration-line)); border-color: var(--ods-c-button-is-disabled-border-color, var(--ods-c-button-border-color)); background-color: var(--ods-c-button-is-disabled-background-color, var(--ods-c-button-background-color)); } .btn--EMVTi { border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; overflow: hidden; position: relative; text-align: center; transform: perspective(1px) translateZ(0); vertical-align: bottom; --P_button-animated-box-transform_63cb: scale(0.2, 2); --P_button-animated-box-opacity_63cb: 0; } .btn--EMVTi:hover { text-decoration: none; } .btn--EMVTi.disabled--BOjiy, .btn--EMVTi:disabled { cursor: not-allowed; } a.btn--EMVTi:not([href]), a.btn--EMVTi.disabled--BOjiy { cursor: not-allowed; } a.btn--EMVTi:not([href]):hover, a.btn--EMVTi.disabled--BOjiy:hover { cursor: not-allowed; } .container--vJwWG:disabled .btn--EMVTi, .container--vJwWG.disabled--BOjiy .btn--EMVTi, a.container--vJwWG:not([href]) .btn--EMVTi, a.container--vJwWG.disabled--BOjiy:hover .btn--EMVTi { cursor: not-allowed; } .container--vJwWG.disabled--BOjiy, .container--vJwWG:disabled { cursor: not-allowed; } a.container--vJwWG:not([href]), a.container--vJwWG.disabled--BOjiy { cursor: not-allowed; } a.container--vJwWG:not([href]):hover, a.container--vJwWG.disabled--BOjiy:hover { cursor: not-allowed; } .container--vJwWG:disabled .container--vJwWG, .container--vJwWG.disabled--BOjiy .container--vJwWG, a.container--vJwWG:not([href]) .container--vJwWG, a.container--vJwWG.disabled--BOjiy:hover .container--vJwWG { cursor: not-allowed; } .container--vJwWG:hover { text-decoration: inherit; } .animated-element--Nr7wP { background-color: var(--P_button-pressed-color_63cb); border-radius: 100%; inset: 0; content: ""; opacity: var(--P_button-animated-box-opacity_63cb); position: absolute; transform: var(--P_button-animated-box-transform_63cb); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .clicked--vVPVC { --P_button-animated-box-transform_63cb: scale(1.5, 4); --P_button-animated-box-opacity_63cb: var(--P_button-pressed-opacity_63cb); } .cta-container--Ix1Ol { align-items: center; -moz-column-gap: 8px; column-gap: 8px; display: flex; justify-content: center; } .cta-icon-container--jaZ2Y { align-items: center; display: flex; height: 1lh; } .has-right-label--Pmkgc { flex-direction: row; } .has-left-label--IQDUw { flex-direction: row-reverse; } .only-icon--xT3hO { aspect-ratio: 1/1; padding: 0; } .loading-container--Np5zq { } } /* stylelint-disable */ @layer ods.components.TableSortAction { .container--wAvNT { --P_arrow-color_63cb: var(--ods-c-table-sort-action-color); --P_arrow-active-color_63cb: var(--ods-c-table-sort-action-color); } .is-active--oRPp6 { --P_arrow-active-color_63cb: var(--ods-c-table-sort-action-is-active-color, var(--ods-c-table-sort-action-color)); } .is-asc--OnLW5 { --P_arrow-down-color_63cb: var(--P_arrow-active-color_63cb); --P_arrow-up-color_63cb: var(--P_arrow-color_63cb); } .is-dec--BBTeC { --P_arrow-down-color_63cb: var(--P_arrow-color_63cb); --P_arrow-up-color_63cb: var(--P_arrow-active-color_63cb); } .content-container--LmY_G { align-items: center; display: flex; gap: var(--ods-c-table-sort-action-gap); } .arrow-container--FQ1VW { display: flex; flex: 1 1; flex-direction: column; justify-content: center; } .arrow-up--csilg { color: var(--P_arrow-up-color_63cb); margin-bottom: -8px; } .arrow-down--Mw47b { color: var(--P_arrow-down-color_63cb); } } /* stylelint-disable */ @layer ods.components.Pill { .container--uDWo9 { --ods-o-pill-color: var(--ods-c-pill-filter-color); --ods-o-pill-border-width: 0; --ods-o-pill-border-radius: var(--ods-c-pill-filter-border-radius); --ods-o-pill-background-color: var(--ods-c-pill-filter-background-color); --ods-o-pill-inner-spacing: var(--ods-c-pill-filter-vertical-padding) var(--ods-c-pill-filter-horizontal-padding); --ods-o-pill-bold-font-weight: var(--ods-p-font-weight-bold); --ods-o-pill-is-focused-font-weight: var(--ods-p-font-weight-bold); --ods-o-pill-gap: var(--ods-c-pill-filter-gap); --ods-o-icon-color: var(--ods-c-pill-filter-icon-color); } } @layer resets { .offscreen-width-placeholder--Mixhx { height: 0; opacity: 0; pointer-events: none; font-weight: var(--ow-bold-width-placeholder-font-weight); gap: inherit; align-items: inherit; display: inherit; } } /* stylelint-disable */ @layer ods.components.Pill { .container--sUHvZ { --P_min-height_63cb: var(--ods-o-pill-min-height); --P_background-color_63cb: var(--ods-o-pill-background-color); --P_color_63cb: var(--ods-o-pill-color); --P_border-color_63cb: var(--ods-o-pill-border-color); --P_border-radius_63cb: var(--ods-o-pill-border-radius); --P_border-width_63cb: var(--ods-o-pill-border-width); --P_font-weight_63cb: var(--ods-o-pill-font-weight); --P_line-height_63cb: var(--ods-o-pill-line-height); --P_inner-spacing_63cb: var(--ods-o-pill-inner-spacing); --P_gap_63cb: var(--ods-o-pill-gap); --P_cursor_63cb: pointer; --ow-bold-width-placeholder-font-weight: var(--ods-o-pill-bold-font-weight); --ods-o-icon-align-self: center; min-height: var(--P_min-height_63cb); color: var(--P_color_63cb); border-radius: var(--P_border-radius_63cb); border: var(--P_border-width_63cb) solid var(--P_border-color_63cb); background-color: var(--P_background-color_63cb); padding: var(--P_inner-spacing_63cb); font-weight: var(--P_font-weight_63cb); line-height: var(--P_line-height_63cb); display: inline-flex; flex-direction: column; justify-content: center; text-align: center; cursor: var(--P_cursor_63cb); transition-duration: 0.1s; transition-property: background-color, color, border-color; transition-timing-function: ease-out; } @media (hover: hover) and (pointer: fine) { .container--sUHvZ:hover { --P_background-color_63cb: var(--ods-o-pill-is-hover-background-color, var(--ods-o-pill-background-color)); } } .container--sUHvZ:active, .container--sUHvZ.is-active--f9XJv { --P_color_63cb: var(--ods-o-pill-is-active-color, var(--ods-o-pill-color)); --P_border-color_63cb: var(--ods-o-pill-is-active-border-color, var(--ods-o-pill-border-color)); --P_font-weight_63cb: var(--ods-o-pill-is-active-font-weight, var(--ods-o-pill-font-weight)); } .container--sUHvZ:disabled, .container--sUHvZ.is-disabled--m0pVw { --P_color_63cb: var(--ods-o-pill-is-disabled-color, var(--ods-o-pill-color)); --P_border-color_63cb: var(--ods-o-pill-is-disabled-border-color, var(--ods-o-pill-border-color)); --P_font-weight_63cb: var(--ods-o-pill-is-disabled-font-weight, var(--ods-o-pill-font-weight)); --P_background-color_63cb: var(--ods-o-pill-is-disabled-background-color, var(--ods-o-pill-background-color)); --P_cursor_63cb: not-allowed; } .container--sUHvZ:focus-visible { --P_color_63cb: var(--ods-o-pill-is-focused-color, var(--ods-o-pill-color)); --P_border-color_63cb: var(--ods-o-pill-is-focused-border-color, var(--ods-o-pill-border-color)); --P_font-weight_63cb: var(--ods-o-pill-is-focused-font-weight, var(--ods-o-pill-font-weight)); } .content--ahvqQ { display: flex; align-items: center; justify-content: center; min-width: -moz-fit-content; min-width: fit-content; gap: var(--P_gap_63cb); white-space: nowrap; } } /* stylelint-disable */ @layer ods.components.IconAction { .container--oSGsV { align-items: center; color: var(--ods-o-icon-action-color, var(--ods-c-icon-action-color)); display: inline-flex; display: inline flex; height: var(--ods-c-icon-action-width); justify-content: center; width: var(--ods-c-icon-action-width); overflow: hidden; background-color: var(--ods-o-icon-action-background-color); border-radius: var(--ods-o-icon-action-border-radius); } .container--oSGsV:focus-visible { background-color: var(--ods-o-icon-action-is-focused-background-color, inherit); } .container--oSGsV:disabled, .is-disabled--F6Nrq { color: var(--ods-o-icon-action-is-disabled-color, var(--ods-o-icon-action-color, var(--ods-c-icon-action-is-disabled-color, var(--ods-c-icon-action-color)))); cursor: not-allowed; } .container--oSGsV * { pointer-events: none; } } /* stylelint-disable */ @layer ods.components.Disclosure { .remainder--R1jEY { display: none; } .link--_DFap { margin-left: var(--ods-c-disclosure-text-to-button-horizontal-spacing); } .icon--UJIUT { margin-left: var(--ods-c-disclosure-button-gap); } .hidden--vS6Gc { display: none; } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Link { .link--tcho1 { align-items: center; display: inline-flex; justify-content: center; } .link--tcho1 * { pointer-events: none; } .link--tcho1 { min-height: var(--ods-c-link-min-height); color: var(--ods-c-link-color); gap: var(--ods-c-link-horizontal-spacing); padding: var(--ods-c-link-vertical-padding) var(--ods-c-link-horizontal-padding); text-decoration-line: var(--ods-c-link-text-decoration-line); } @media (hover: hover) and (pointer: fine) { .link--tcho1:hover { color: var(--ods-c-link-is-hover-color, var(--ods-c-link-color)); text-decoration-line: var(--ods-c-link-is-hover-text-decoration-line, var(--ods-c-link-text-decoration-line)); } } .link--tcho1:disabled, .link--tcho1.disabled--i_45Q { color: var(--ods-c-link-is-disabled-color, var(--ods-c-link-color)); pointer-events: none; text-decoration-line: var(--ods-c-link-is-disabled-text-decoration-line, var(--ods-c-link-text-decoration-line)); } a.link--tcho1:not([href]), a.link--tcho1[aria-disabled=true] { color: var(--ods-c-link-is-disabled-color, var(--ods-c-link-color)); pointer-events: none; text-decoration-line: var(--ods-c-link-is-disabled-text-decoration-line, var(--ods-c-link-text-decoration-line)); } @media (hover: hover) and (pointer: fine) { a.link--tcho1:not([href]):hover, a.link--tcho1[aria-disabled=true]:hover { color: var(--ods-c-link-is-disabled-color, var(--ods-c-link-color)); pointer-events: none; text-decoration-line: var(--ods-c-link-is-disabled-text-decoration-line, var(--ods-c-link-text-decoration-line)); } } .has-right-label--X8qki { flex-direction: row; } .has-left-label--NgeFy { flex-direction: row-reverse; } .icon--pygC3 { flex-shrink: 0; } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Pill { .container--yIcg0 { --ods-o-pill-min-height: var(--ods-c-pill-action-min-height); --ods-o-pill-gap: 4px; --ods-o-pill-inner-spacing: var(--ods-c-pill-action-vertical-padding) var(--ods-c-pill-action-horizontal-padding); --ods-o-pill-background-color: var(--ods-c-pill-action-background-color); --ods-o-pill-color: var(--ods-c-pill-action-color); --ods-o-pill-border-color: var(--ods-c-pill-action-border-color); --ods-o-pill-border-width: 1px; --ods-o-pill-font-weight: var(--ods-c-pill-action-font-weight); --ods-o-pill-line-height: var(--ods-c-pill-action-line-height); --ods-o-pill-bold-font-weight: var(--ods-c-pill-action-is-active-font-weight, var(--ods-c-pill-action-font-weight)); --ods-o-pill-border-radius: var(--ods-c-pill-action-border-radius); --ods-o-pill-is-hover-background-color: var(--ods-c-pill-action-is-hover-background-color, var(--ods-c-pill-action-background-color)); --ods-o-pill-is-active-font-weight: var(--ods-c-pill-action-is-active-font-weight, var(--ods-c-pill-action-font-weight)); --ods-o-pill-is-active-border-color: var(--ods-c-pill-action-is-active-border-color, var(--ods-c-pill-action-border-color)); --ods-o-pill-is-active-color: var(--ods-c-pill-action-is-active-color, var(--ods-c-pill-action-color)); --ods-o-pill-is-disabled-font-weight: var(--ods-c-pill-action-is-disabled-font-weight, var(--ods-c-pill-action-font-weight)); --ods-o-pill-is-disabled-border-color: var(--ods-c-pill-action-is-disabled-border-color, var(--ods-c-pill-action-border-color)); --ods-o-pill-is-disabled-color: var(--ods-c-pill-action-is-disabled-color, var(--ods-c-pill-action-color)); --ods-o-pill-is-focused-font-weight: var(--ods-c-pill-action-is-active-font-weight, var(--ods-c-pill-action-font-weight)); } } /* stylelint-disable */ @layer ods.components.Favorite { .favorite--b9MUo { position: relative; --P_scale-factor: calc( var(--ods-o-favorite-size, var(--ods-c-favorite-size)) / var(--ods-c-favorite-size) ); --P_icon-size: calc(var(--ods-c-favorite-icon-size) * var(--P_scale-factor)); --P_icon-margin-top: calc(1px * var(--P_scale-factor)); } .favorite--b9MUo:hover .icon-container--Jco4l { transform: scale(1.1); } .content--yuz1j { animation: bounce--wancd 0.45s ease; animation-play-state: paused; } .circle--z1VVU { border: var(--ods-c-favorite-border-width) solid var(--ods-c-favorite-border-color); border-radius: var(--ods-c-favorite-border-radius); background-color: var(--ods-c-favorite-background-color); width: var(--ods-o-favorite-size, var(--ods-c-favorite-size)); aspect-ratio: 1/1; opacity: var(--ods-c-favorite-circle-opacity); } .icon-container--Jco4l { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin-top: var(--P_icon-margin-top); transition: transform 0.15s ease; } .icon--BSXDA { --ods-a-icon-size: var(--P_icon-size); position: absolute; transition: transform 0.15s ease-out, opacity 0.15s ease-out; } .icon-filled--gxnEL { transform: scale(0); opacity: 0; } .is-active--L9be9 .icon--BSXDA { transform: scale(0); opacity: 0; } .is-active--L9be9 .icon-filled--gxnEL { transform: scale(1); opacity: 1; } @keyframes bounce--wancd { 0%, 100% { transform: scale(1); } 33% { transform: scale(0.9); } 66% { transform: scale(1.1); } } } @layer third-party { /* Variables declaration */ /* prettier-ignore */ .root--j17VS { --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */ --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */ --rdp-day-height: 44px; /* The height of the day cells. */ --rdp-day-width: 44px; /* The width of the day cells. */ --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */ --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */ --rdp-day_button-height: 42px; /* The height of the day cells. */ --rdp-day_button-width: 42px; /* The width of the day cells. */ --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */ --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */ --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */ --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */ --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */ --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */ --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */ --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */ --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */ --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */ --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */ --rdp-range_middle-color: inherit; /* The color of the range text. */ --rdp-range_start-color: white; /* The color of the range text. */ --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */ --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */ --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */ --rdp-range_end-color: white; /* The color of the range text. */ --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */ --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */ --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */ --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */ --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */ --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */ --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */ --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */ --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */ --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */ --rdp-gradient-direction: 90deg; --rdp-animation_duration: 0.3s; --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1); } .root--j17VS[dir=rtl] { --rdp-gradient-direction: -90deg; } .root--j17VS[data-broadcast-calendar=true] { --rdp-outside-opacity: unset; } /* Root of the component. */ .root--j17VS { position: relative; /* Required to position the navigation toolbar. */ box-sizing: border-box; } .root--j17VS * { box-sizing: border-box; } .day--aUhPs { width: var(--rdp-day-width); height: var(--rdp-day-height); text-align: center; } .day_button--J387l { background: none; padding: 0; margin: 0; cursor: pointer; font: inherit; color: inherit; justify-content: center; align-items: center; display: flex; width: var(--rdp-day_button-width); height: var(--rdp-day_button-height); border: var(--rdp-day_button-border); border-radius: var(--rdp-day_button-border-radius); } .day_button--J387l:disabled { cursor: revert; } .caption_label--c5g7L { z-index: 1; position: relative; display: inline-flex; align-items: center; white-space: nowrap; border: 0; } .dropdown--U5d8P:focus-visible ~ .caption_label--c5g7L { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; } .button_next--wofUG, .button_previous--LDf9C { border: none; background: none; padding: 0; margin: 0; cursor: pointer; font: inherit; color: inherit; -moz-appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; position: relative; appearance: none; width: var(--rdp-nav_button-width); height: var(--rdp-nav_button-height); } .button_next--wofUG:disabled, .button_next--wofUG[aria-disabled=true], .button_previous--LDf9C:disabled, .button_previous--LDf9C[aria-disabled=true] { cursor: revert; opacity: var(--rdp-nav_button-disabled-opacity); } .chevron--ydpEz { display: inline-block; fill: var(--rdp-accent-color); } .root--j17VS[dir=rtl] .nav--fNjgU .chevron--ydpEz { transform: rotate(180deg); transform-origin: 50%; } .dropdowns--p_3DU { position: relative; display: inline-flex; align-items: center; gap: var(--rdp-dropdown-gap); } .dropdown--U5d8P { z-index: 2; /* Reset */ opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; inset-block-start: 0; inset-block-end: 0; inset-inline-start: 0; width: 100%; margin: 0; padding: 0; cursor: inherit; border: none; line-height: inherit; } .dropdown_root--i2W6W { position: relative; display: inline-flex; align-items: center; } .dropdown_root--i2W6W[data-disabled=true] .chevron--ydpEz { opacity: var(--rdp-disabled-opacity); } .month_caption--c0gkz { display: flex; align-content: center; height: var(--rdp-nav-height); font-weight: bold; font-size: large; } .root--j17VS[data-nav-layout=around] .month--Nm6XN, .root--j17VS[data-nav-layout=after] .month--Nm6XN { position: relative; } .root--j17VS[data-nav-layout=around] .month_caption--c0gkz { justify-content: center; margin-inline-start: var(--rdp-nav_button-width); margin-inline-end: var(--rdp-nav_button-width); position: relative; } .root--j17VS[data-nav-layout=around] .button_previous--LDf9C { position: absolute; inset-inline-start: 0; top: 0; height: var(--rdp-nav-height); display: inline-flex; } .root--j17VS[data-nav-layout=around] .button_next--wofUG { position: absolute; inset-inline-end: 0; top: 0; height: var(--rdp-nav-height); display: inline-flex; justify-content: center; } .months--bZN6e { position: relative; display: flex; flex-wrap: wrap; gap: var(--rdp-months-gap); max-width: -moz-fit-content; max-width: fit-content; } .month_grid--b4ljh { border-collapse: collapse; } .nav--fNjgU { position: absolute; inset-block-start: 0; inset-inline-end: 0; display: flex; align-items: center; height: var(--rdp-nav-height); } .weekday--WEMoN { opacity: var(--rdp-weekday-opacity); padding: var(--rdp-weekday-padding); font-weight: 500; font-size: smaller; text-align: var(--rdp-weekday-text-align); text-transform: var(--rdp-weekday-text-transform); } .week_number--mvSrp { opacity: var(--rdp-week_number-opacity); font-weight: 400; font-size: small; height: var(--rdp-week_number-height); width: var(--rdp-week_number-width); border: var(--rdp-week_number-border); border-radius: var(--rdp-week_number-border-radius); text-align: var(--rdp-weeknumber-text-align); } /* DAY MODIFIERS */ .today--uzGrA:not(.outside--Xmqyb) { color: var(--rdp-today-color); } .selected--jrmYA { font-weight: bold; font-size: large; } .selected--jrmYA .day_button--J387l { border: var(--rdp-selected-border); } .outside--Xmqyb { opacity: var(--rdp-outside-opacity); } .disabled--CiE4Z { opacity: var(--rdp-disabled-opacity); } .hidden--OR1b8 { visibility: hidden; color: var(--rdp-range_start-color); } .range_start--prEq0 { background: var(--rdp-range_start-background); } .range_start--prEq0 .day_button--J387l { background-color: var(--rdp-range_start-date-background-color); color: var(--rdp-range_start-color); } .range_middle--wdFoe { background-color: var(--rdp-range_middle-background-color); } .range_middle--wdFoe .day_button--J387l { border-color: transparent; border: unset; border-radius: unset; color: var(--rdp-range_middle-color); } .range_end--XzQQv { background: var(--rdp-range_end-background); color: var(--rdp-range_end-color); } .range_end--XzQQv .day_button--J387l { color: var(--rdp-range_start-color); background-color: var(--rdp-range_end-date-background-color); } .range_start--prEq0.range_end--XzQQv { background: revert; } .focusable--OZh5X { cursor: pointer; } @keyframes rdp-slide_in_left--Uhln6 { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes rdp-slide_in_right--fEKoY { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes rdp-slide_out_left--sxFkW { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes rdp-slide_out_right--stItG { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } .weeks_before_enter--Xdlbg { animation: rdp-slide_in_left--Uhln6 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .weeks_before_exit--PFf7Z { animation: rdp-slide_out_left--sxFkW var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .weeks_after_enter--y8iPL { animation: rdp-slide_in_right--fEKoY var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .weeks_after_exit--w7Qxa { animation: rdp-slide_out_right--stItG var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .root--j17VS[dir=rtl] .weeks_after_enter--y8iPL { animation: rdp-slide_in_left--Uhln6 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .root--j17VS[dir=rtl] .weeks_before_exit--PFf7Z { animation: rdp-slide_out_right--stItG var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .root--j17VS[dir=rtl] .weeks_before_enter--Xdlbg { animation: rdp-slide_in_right--fEKoY var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .root--j17VS[dir=rtl] .weeks_after_exit--w7Qxa { animation: rdp-slide_out_left--sxFkW var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } @keyframes rdp-fade_in--fUk1L { from { opacity: 0; } to { opacity: 1; } } @keyframes rdp-fade_out--vUBI2 { from { opacity: 1; } to { opacity: 0; } } .caption_after_enter--k7imR { animation: rdp-fade_in--fUk1L var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .caption_after_exit--KUwnD { animation: rdp-fade_out--vUBI2 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .caption_before_enter--fqnZq { animation: rdp-fade_in--fUk1L var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .caption_before_exit--FK_jR { animation: rdp-fade_out--vUBI2 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } } /* stylelint-disable */ @layer ods.components.DatePicker { .root--xCQEF { /* Unset properties that are not needed or interfere with tokens */ --rdp-accent-color: unset; --rdp-background-color-dark: unset; --rdp-font-family: unset; --rdp-day-font: unset; --rdp-disabled-opacity: unset; --rdp-outside-opacity: unset; --rdp-nav_button-disabled-opacity: unset; --rdp-month_caption-font: unset; --rdp-selected-font: unset; --rdp-nav_button-height: unset; --rdp-selected-border: unset; --rdp-nav_button-width: unset; /* End unset */ --rdp-range_middle-background-color: var(--ods-c-date-picker-range-middle-background-color); } .dropdown_root--lGrOy :focus, .dropdown_root--lGrOy :focus-visible { outline: none; } .dropdown_root--lGrOy:has(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } .dropdown_root--lGrOy { height: 100%; } .dropdowns--ZvrgF { padding-left: var(--ods-c-date-picker-month-captions-left-spacing); } .weekday--sLSem { padding: var(--ods-c-date-picker-weekdays-inner-spacing); text-transform: var(--ods-c-date-picker-weekdays-text-transform); } .caption_label--_QBPW { -moz-column-gap: var(--ods-c-date-picker-dropdown-text-to-icon-gap); column-gap: var(--ods-c-date-picker-dropdown-text-to-icon-gap); outline: none; } .day_button--mSdNP { background-color: var(--P_day-action-background-color_30ae); margin-bottom: 2px; } .button_next--K8okH[disabled], .button_previous--gvOOY[disabled], .day_button--mSdNP[disabled] { cursor: not-allowed; } .button_next--K8okH, .button_previous--gvOOY { margin-top: 20px; } .month_grid--c9ouE { border-collapse: collapse; border-spacing: 0 var(--ods-c-date-picker-month-row-gap); table-layout: fixed; width: var(--ods-c-date-picker-month-width); } .month_caption--R8r10 { height: auto; margin: 20px 0 16px 0; } .day--aBb81 { justify-items: center; padding: 0; --rdp-day_button-border: 1px solid var(--P_day-action-border-color_30ae); /* Token */ --rdp-day-width: var(--ods-c-date-picker-day-cell-width); --rdp-day-height: var(--ods-c-date-picker-day-cell-height); --rdp-day_button-width: var(--ods-c-date-picker-day-cell-width); --rdp-day_button-height: var(--ods-c-date-picker-day-cell-height); --P_day-action-border-color_30ae: var(--ods-c-date-picker-day-cell-action-border-color); --P_day-action-background-color_30ae: var(--ods-c-date-picker-day-cell-action-background-color); --ods-c-text-body-color: var(--ods-c-date-picker-day-cell-text-color); } .day--aBb81:not(.range_middle--hP1P0, .disabled--WO7cC):hover { --rdp-day-width: var(--ods-c-date-picker-day-cell-is-hover-width, var(--ods-c-date-picker-day-cell-width)); --rdp-day-height: var(--ods-c-date-picker-day-cell-is-hover-height, var(--ods-c-date-picker-day-cell-height)); --rdp-day_button-width: var(--ods-c-date-picker-day-cell-is-hover-width, var(--ods-c-date-picker-day-cell-width)); --rdp-day_button-height: var(--ods-c-date-picker-day-cell-is-hover-height, var(--ods-c-date-picker-day-cell-height)); --P_day-action-border-color_30ae: var(--ods-c-date-picker-day-cell-is-hover-action-border-color, var(--ods-c-date-picker-day-cell-action-border-color)); --P_day-action-background-color_30ae: var(--ods-c-date-picker-day-cell-is-hover-action-background-color, var(--ods-c-date-picker-day-cell-action-background-color)); --ods-c-text-body-color: var(--ods-c-date-picker-day-cell-is-hover-text-color, var(--ods-c-date-picker-day-cell-text-color)); } .day--aBb81.focused--IwWc3, .day--aBb81:has(> :focus) { --rdp-day-width: var(--ods-c-date-picker-day-cell-is-focused-width, var(--ods-c-date-picker-day-cell-width)); --rdp-day-height: var(--ods-c-date-picker-day-cell-is-focused-height, var(--ods-c-date-picker-day-cell-height)); --rdp-day_button-width: var(--ods-c-date-picker-day-cell-is-focused-width, var(--ods-c-date-picker-day-cell-width)); --rdp-day_button-height: var(--ods-c-date-picker-day-cell-is-focused-height, var(--ods-c-date-picker-day-cell-height)); --P_day-action-border-color_30ae: var(--ods-c-date-picker-day-cell-is-focused-action-border-color, var(--ods-c-date-picker-day-cell-action-border-color)); --P_day-action-background-color_30ae: var(--ods-c-date-picker-day-cell-is-focused-action-background-color, var(--ods-c-date-picker-day-cell-action-background-color)); --ods-c-text-body-color: var(--ods-c-date-picker-day-cell-is-focused-text-color, var(--ods-c-date-picker-day-cell-text-color)); } .day--aBb81.selected--qGagW:not(.range_middle--hP1P0) { --rdp-day-width: var(--ods-c-date-picker-day-cell-is-selected-width, var(--ods-c-date-picker-day-cell-width)); --rdp-day-height: var(--ods-c-date-picker-day-cell-is-selected-height, var(--ods-c-date-picker-day-cell-height)); --rdp-day_button-width: var(--ods-c-date-picker-day-cell-is-selected-width, var(--ods-c-date-picker-day-cell-width)); --rdp-day_button-height: var(--ods-c-date-picker-day-cell-is-selected-height, var(--ods-c-date-picker-day-cell-height)); --P_day-action-border-color_30ae: var(--ods-c-date-picker-day-cell-is-selected-action-border-color, var(--ods-c-date-picker-day-cell-action-border-color)); --P_day-action-background-color_30ae: var(--ods-c-date-picker-day-cell-is-selected-action-background-color, var(--ods-c-date-picker-day-cell-action-background-color)); --ods-c-text-body-color: var(--ods-c-date-picker-day-cell-is-selected-text-color, var(--ods-c-date-picker-day-cell-text-color)); } .day--aBb81.disabled--WO7cC { --rdp-day-width: var(--ods-c-date-picker-day-cell-is-disabled-width, var(--ods-c-date-picker-day-cell-width)); --rdp-day-height: var(--ods-c-date-picker-day-cell-is-disabled-height, var(--ods-c-date-picker-day-cell-height)); --rdp-day_button-width: var(--ods-c-date-picker-day-cell-is-disabled-width, var(--ods-c-date-picker-day-cell-width)); --rdp-day_button-height: var(--ods-c-date-picker-day-cell-is-disabled-height, var(--ods-c-date-picker-day-cell-height)); --P_day-action-border-color_30ae: var(--ods-c-date-picker-day-cell-is-disabled-action-border-color, var(--ods-c-date-picker-day-cell-action-border-color)); --P_day-action-background-color_30ae: var(--ods-c-date-picker-day-cell-is-disabled-action-background-color, var(--ods-c-date-picker-day-cell-action-background-color)); --ods-c-text-body-color: var(--ods-c-date-picker-day-cell-is-disabled-text-color, var(--ods-c-date-picker-day-cell-text-color)); } } /* stylelint-disable */ @layer ods.components.TextBody { .text-body--BfjD0 { color: var(--ods-c-text-body-color); font-family: var(--ods-c-text-body-font-family); font-size: var(--ods-c-text-body-font-size); font-weight: var(--ods-c-text-body-font-weight); letter-spacing: var(--ods-c-text-body-letter-spacing); line-height: var(--ods-c-text-body-line-height); text-transform: var(--ods-c-text-body-text-transform); } } /* stylelint-disable */ @layer ods.components.TextHero { .text-hero--pQrSH { font-family: var(--ods-c-text-hero-font-family); font-size: var(--ods-c-text-hero-font-size); font-weight: var(--ods-c-text-hero-font-weight); letter-spacing: var(--ods-c-text-hero-letter-spacing); line-height: var(--ods-c-text-hero-line-height); color: var(--ods-c-text-hero-color); } } /* stylelint-disable */ @layer ods.components.TextTitle { .text-title--IkiJ3 { font-family: var(--ods-c-text-title-font-family); font-size: var(--ods-c-text-title-font-size); font-weight: var(--ods-c-text-title-font-weight); letter-spacing: var(--ods-c-text-title-letter-spacing); line-height: var(--ods-c-text-title-line-height); color: var(--ods-c-text-title-color); } } /* stylelint-disable */ @layer ods.components.Option { .sub-text--Az6CB, .main-text--FETVm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container--V_yoI { --P_option-vertical-padding_bcd4: var(--ods-c-option-vertical-spacing); --P_option-horizontal-padding_bcd4: var(--ods-c-option-horizontal-spacing); --P_option-sub-text-color_bcd4: var(--ods-c-option-subtext-color); background-color: var(--P_option-background-color_bcd4); color: var(--P_option-color_bcd4); cursor: var(--ods-o-option-cursor, default); overflow: hidden; padding: var(--P_option-vertical-padding_bcd4) var(--P_option-horizontal-padding_bcd4); position: relative; text-align: left; text-overflow: ellipsis; text-wrap: nowrap; white-space: nowrap; width: 100%; } @media (hover: hover) and (pointer: fine) { .container--V_yoI:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover { --P_option-text-decoration_bcd4: var(--ods-c-option-is-hover-text-decoration-line, var(--ods-c-option-text-decoration-line)); } } .container--V_yoI:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus { --P_option-text-decoration_bcd4: var(--ods-c-option-is-hover-text-decoration-line, var(--ods-c-option-text-decoration-line)); } .content--IHrlH { display: flex; align-items: center; gap: var(--P_option-gap_bcd4); } .has-icon--MkowD { --P_option-gap_bcd4: var(--ods-c-option-icon-to-text-gap); } .has-checkbox--xMc0L { --P_option-gap_bcd4: var(--ods-c-option-graphic-to-text-gap); } .graphic-container--mqmIs { display: flex; align-items: center; max-height: 1lh; pointer-events: none; } .text-container--wXh9C { display: flex; flex-direction: column; flex: 1 1; min-width: 0; } .main-text--FETVm { -webkit-text-decoration: var(--P_option-text-decoration_bcd4); text-decoration: var(--P_option-text-decoration_bcd4); } .sub-text--Az6CB { --ods-c-text-body-color: var(--P_option-sub-text-color_bcd4); -webkit-text-decoration: var(--P_option-text-decoration_bcd4); text-decoration: var(--P_option-text-decoration_bcd4); } .has-sub-text--O58ZK { --P_option-vertical-padding_bcd4: var(--ods-c-option-is-sub-text-vertical-spacing, var(--ods-c-option-vertical-spacing)); --P_option-horizontal-padding_bcd4: var(--ods-c-option-is-sub-text-horizontal-spacing, var(--ods-c-option-horizontal-spacing)); } .is-neutral--fbE8F { --P_option-background-color_bcd4: var(--ods-c-option-background-color); --P_option-color_bcd4: var(--ods-c-option-color); --P_option-text-decoration_bcd4: var(--ods-c-option-text-decoration-line); } @media (hover: hover) and (pointer: fine) { .is-neutral--fbE8F:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover { --P_option-background-color_bcd4: var(--ods-c-option-is-hover-background-color, var(--ods-c-option-background-color)); } } .is-neutral--fbE8F:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus { --P_option-background-color_bcd4: var(--ods-c-option-is-hover-background-color, var(--ods-c-option-background-color)); } .is-active--YKvBl { --P_option-background-color_bcd4: var(--ods-c-option-is-active-background-color, var(--ods-c-option-background-color)); --P_option-text-decoration_bcd4: var(--ods-c-option-is-active-text-decoration-line, var(--ods-c-option-text-decoration-line)); --P_option-color_bcd4: var(--ods-c-option-color); } .is-selected--n5F56 { --P_option-background-color_bcd4: var(--ods-c-option-is-selected-background-color, var(--ods-c-option-background-color)); --P_option-color_bcd4: var(--ods-c-option-is-selected-color, var(--ods-c-option-color)); --P_option-sub-text-font-weight_bcd4: var(--ods-c-option-is-selected-font-weight, var(--ods-c-option-font-weight)); --ods-c-text-body-font-weight: var(--P_option-sub-text-font-weight_bcd4); } @media (hover: hover) and (pointer: fine) { .is-selected--n5F56:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover { --P_option-background-color_bcd4: var(--ods-c-option-is-hover-selected-background-color, var(--ods-c-option-background-color)); } } .is-selected--n5F56:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus { --P_option-background-color_bcd4: var(--ods-c-option-is-hover-selected-background-color, var(--ods-c-option-background-color)); } @media (hover: hover) and (pointer: fine) { .container--V_yoI:disabled:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover, .container--V_yoI[aria-disabled=true]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover, .container--V_yoI[inert]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover, .container--V_yoI:where(a):not([href]):not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover { --P_option-background-color_bcd4: var(--ods-c-option-background-color); --P_option-text-decoration_bcd4: var(--ods-c-option-text-decoration-line); } } .container--V_yoI:disabled:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus, .container--V_yoI[aria-disabled=true]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus, .container--V_yoI[inert]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus, .container--V_yoI:where(a):not([href]):not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus { --P_option-background-color_bcd4: var(--ods-c-option-background-color); --P_option-text-decoration_bcd4: var(--ods-c-option-text-decoration-line); } .container--V_yoI:disabled.is-active--YKvBl, .container--V_yoI[aria-disabled=true].is-active--YKvBl, .container--V_yoI[inert].is-active--YKvBl, .container--V_yoI:where(a):not([href]).is-active--YKvBl { --P_option-background-color_bcd4: var(--ods-s-background-color-disabled); --P_option-text-decoration_bcd4: var(--ods-c-option-text-decoration-line); } .container--V_yoI:disabled, .container--V_yoI[aria-disabled=true], .container--V_yoI[inert], .container--V_yoI:where(a):not([href]) { --P_option-color_bcd4: var(--ods-s-text-color-disabled); --P_option-sub-text-color_bcd4: var(--ods-s-text-color-disabled); cursor: var(--ods-o-option-is-disabled-cursor, not-allowed); } } /* stylelint-disable */ @layer ods.components.BrandLogo { .logo--HKM1C { --ods-a-logo-color: var(--ods-c-brand-logo-color); --ods-a-logo-aspect-ratio: var(--ods-c-brand-logo-aspect-ratio); } } /* stylelint-disable */ @layer ods.components.Icon { .icon--vB4zD { --ods-a-icon-size: var(--ods-o-icon-size, var(--ods-c-icon-width)); --ods-a-icon-color: var(--ods-o-icon-color, var(--ods-c-icon-color)); align-self: var(--ods-o-icon-align-self); } } /* stylelint-disable */ @layer ods.components.ImagePlaceholder { .image-placeholder--Q0PiU { width: 100%; height: 100%; padding: var(--ods-c-image-placeholder-inner-spacing); background-color: var(--ods-c-image-placeholder-background-color); color: var(--ods-c-image-placeholder-color); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .illustration--mpcEm { width: var(--ods-c-image-placeholder-illustration-size); } } /* stylelint-disable */ @layer ods.components.Checkbox { .root-state--z5v2g { --P_display_2708: inline-flex; --P_checkmark-border-width_2708: var(--ods-c-checkbox-border-width); --P_checkmark-border-color_2708: var(--ods-c-checkbox-border-color); --P_checkmark-background-color_2708: var(--ods-c-checkbox-background-color); --P_checkmark-border-radius_2708: var(--ods-c-checkbox-border-radius); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-inner-shape-color); } .checkmark-border--nzOcz { transition: border, color 0.25s linear 0s; flex-shrink: 0; align-items: center; background-color: var(--P_checkmark-background-color_2708); border: var(--P_checkmark-border-width_2708) solid var(--P_checkmark-border-color_2708); border-radius: var(--P_checkmark-border-radius_2708); display: inline-flex; height: var(--ods-c-checkbox-container-height); justify-content: center; width: var(--ods-c-checkbox-container-width); } .checkmark--m85r8 { color: var(--P_checkmark-icon-color_2708); } .is-neutral--jkV6h:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--MMd8X { --P_label-color_2708: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--MMd8X:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-disabled--P0Ku1 { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); } .is-disabled-selected--bKX2t { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--LwmOU, .is-valid--LwmOU:hover { --P_label-color_2708: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid-selected--YnuwE { --P_label-color_2708: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--LkqCz, .is-invalid--LkqCz:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid-selected--EItH5, .is-invalid-selected--EItH5:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } } /* stylelint-disable */ @layer ods.components.ListBox { .listbox-container--mLU4h { background-color: var(--ods-c-list-box-background-color); border: var(--ods-c-list-box-border-width) solid var(--ods-c-list-box-border-color); border-radius: var(--ods-c-list-box-border-radius); width: 100%; overflow: hidden; } .listbox--nBpgY { /* ul-reset */ display: grid; list-style: none; max-height: 296.4px; overflow-y: auto; padding: 0; row-gap: var(--ods-c-list-box-elements-gap); } .status--gaT1F { color: var(--ods-c-list-box-status-color); overflow: hidden; padding: var(--ods-c-list-box-status-vertical-spacing) var(--ods-c-list-box-status-horizontal-spacing); position: relative; text-overflow: ellipsis; text-wrap: nowrap; white-space: nowrap; } .options-attribution--z6LRv { background-color: var(--ods-c-list-box-background-color); display: flex; justify-content: flex-end; padding: var(--ods-c-list-box-attribution-spacing); } .footer--Qfl6W { background-color: var(--ods-c-list-box-footer-background-color); color: var(--ods-c-list-box-footer-color); padding: var(--ods-c-list-box-footer-vertical-spacing) var(--ods-c-list-box-footer-horizontal-spacing); } } /* stylelint-disable */ @layer ods.components.BrandLogo { .logo--fX3E9 { --ods-a-logo-color: var(--ods-c-brand-logo-color); --ods-a-logo-aspect-ratio: var(--ods-c-brand-logo-aspect-ratio); } } /* stylelint-disable */ @layer ods.components.Icon { .icon--nd5o0 { --ods-a-icon-size: var(--ods-o-icon-size, var(--ods-c-icon-width)); --ods-a-icon-color: var(--ods-o-icon-color, var(--ods-c-icon-color)); align-self: var(--ods-o-icon-align-self); } } /* stylelint-disable */ @layer ods.components.Checkbox { .root-state--C69nW { --P_display_2708: inline-flex; --P_checkmark-border-width_2708: var(--ods-c-checkbox-border-width); --P_checkmark-border-color_2708: var(--ods-c-checkbox-border-color); --P_checkmark-background-color_2708: var(--ods-c-checkbox-background-color); --P_checkmark-border-radius_2708: var(--ods-c-checkbox-border-radius); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-inner-shape-color); } .checkmark-border--rJPAW { transition: border, color 0.25s linear 0s; flex-shrink: 0; align-items: center; background-color: var(--P_checkmark-background-color_2708); border: var(--P_checkmark-border-width_2708) solid var(--P_checkmark-border-color_2708); border-radius: var(--P_checkmark-border-radius_2708); display: inline-flex; height: var(--ods-c-checkbox-container-height); justify-content: center; width: var(--ods-c-checkbox-container-width); } .checkmark--zTVEd { color: var(--P_checkmark-icon-color_2708); } .is-neutral--pQFF5:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--Fhgqr { --P_label-color_2708: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--Fhgqr:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-disabled--FqxN3 { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); } .is-disabled-selected--qq5Dp { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--uLRbI, .is-valid--uLRbI:hover { --P_label-color_2708: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid-selected--ZLkzH { --P_label-color_2708: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--pIBT4, .is-invalid--pIBT4:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid-selected--xdBBJ, .is-invalid-selected--xdBBJ:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } } .sub-text--BBjiE { align-items: flex-start; color: var(--P_subtext-color_8dda); display: flex; gap: 4px; margin-left: var(--P_subtext-margin-left_8dda); margin-top: var(--P_subtext-margin-top_8dda); transition-delay: 0s; transition-duration: 0.2s; transition-property: color; transition-timing-function: ease-out; } .icon--qWoj9 { flex-shrink: 0; margin-top: var(--P_subtext-icon-margin-top_8dda); } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.IconAction; @layer ods.components.Field { .root-state--SSWOs { --P_input-placeholder-color_8dda: var(--ods-c-field-placeholder-color); --P_label-padding-top_8dda: var(--ods-c-field-vertical-padding); --P_label-padding-bottom_8dda: 4px; --P_label-color_8dda: var(--ods-c-field-label-color); --P_label-background-color_8dda: transparent; --P_icon-color_8dda: var(--ods-c-field-icon-color); --P_input-background-color_8dda: var(--ods-c-field-background-color); --P_input-border-color_8dda: var(--ods-c-field-border-color); --P_subtext-color_8dda: var(--ods-c-field-subtext-color); --P_cursor_8dda: text; --P_icon-button-cursor_8dda: pointer; --P_corner-text-color_8dda: var(--ods-c-field-corner-color); --P_pop-up-display_8dda: none; --P_subtext-margin-left_8dda: 0; --P_input-height_8dda: 48px; --ods-o-option-cursor: pointer; } .root-state--SSWOs:not(.has-renderable-value--p2Z3z) { --P_input-color_8dda: transparent; } .root-state--SSWOs:not(.has-icon--ZYgf1) { --P_label-width-offset_8dda: 0px; } .has-label--q4VOm { --P_input-placeholder-color_8dda: transparent; } .has-icon--ZYgf1 { --P_label-width-offset_8dda: 50px; } .root-state--SSWOs:has(:focus:not([type=button])), .has-focus--nGtRK:not(.is-button--aUolC), .has-renderable-value--p2Z3z { --P_label-padding-top_8dda: 4px; --P_label-padding-bottom_8dda: 0; --P_input-placeholder-color_8dda: var(--ods-c-field-placeholder-color); --P_input-color_8dda: var(--ods-c-field-color); } .is-button--aUolC { --P_cursor_8dda: pointer; --P_input-text-overflow_8dda: ellipsis; --P_input-overflow_8dda: hidden; --P_input-white-space_8dda: nowrap; } .is-disabled--i_D4K { --P_corner-text-color_8dda: var(--ods-c-field-is-disabled-corner-color, var(--ods-c-field-corner-color)); --P_subtext-color_8dda: var(--ods-c-field-is-disabled-subtext-color, var(--ods-c-field-subtext-color)); --P_label-color_8dda: var(--ods-c-field-is-disabled-label-color, var(--ods-c-field-label-color)); --P_label-background-color_8dda: transparent; --P_input-background-color_8dda: var(--ods-c-field-is-disabled-background-color, var(--ods-c-field-background-color)); --P_input-color_8dda: var(--ods-c-field-is-disabled-color, var(--ods-c-field-color)); --P_icon-color_8dda: var(--ods-c-field-is-disabled-icon-color, var(--ods-c-field-icon-color)); --P_cursor_8dda: not-allowed; --P_icon-button-cursor_8dda: not-allowed; --ods-o-option-cursor: not-allowed; } .is-invalid--db0N4 { --P_input-border-color_8dda: var(--ods-c-field-is-invalid-border-color, var(--ods-c-field-border-color)); --P_subtext-color_8dda: var(--ods-c-field-is-invalid-subtext-color, var(--ods-c-field-subtext-color)); --P_corner-text-color_8dda: var(--ods-c-field-is-invalid-corner-color, var(--ods-c-field-corner-color)); } .is-valid--N2JOT { --P_input-border-color_8dda: var(--ods-c-field-is-valid-border-color, var(--ods-c-field-border-color)); --P_subtext-color_8dda: var(--ods-c-field-is-valid-subtext-color, var(--ods-c-field-subtext-color)); --P_corner-text-color_8dda: var(--ods-c-field-is-valid-corner-color, var(--ods-c-field-corner-color)); } .is-corner-invalid--TTIuk { --P_corner-text-color_8dda: var(--ods-c-field-is-invalid-corner-color, var(--ods-c-field-corner-color)); } .container--NhO1f { position: relative; } .input--M_o6B { transition-delay: 0s; transition-duration: 0.2s; transition-property: border-color; transition-timing-function: ease-out; -webkit-appearance: none; appearance: none; background-color: var(--P_input-background-color_8dda); border-color: var(--P_input-border-color_8dda); border-radius: var(--ods-c-field-border-radius); border-style: solid; border-width: 1px; box-shadow: none; caret-color: var(--ods-s-icon-color-subtle-dark); color: var(--P_input-color_8dda); cursor: var(--P_cursor_8dda); display: var(--P_input-display_8dda, block); height: var(--P_input-height_8dda); overflow: var(--P_input-overflow_8dda); padding: var(--P_overridable-input-padding-top_8dda, var(--ods-c-field-vertical-padding)) var(--ods-c-field-horizontal-padding) 0 var(--ods-c-field-horizontal-padding); text-align: left; text-overflow: var(--P_input-text-overflow_8dda); white-space: var(--P_input-white-space_8dda); width: 100%; --ow-formatted-input-caret-color: var(--P_label-color_8dda); --ow-formatted-input-placeholder-color: var(--ods-c-field-placeholder-color); } .input--M_o6B::placeholder { color: var(--P_input-placeholder-color_8dda); } .label--_2p2d { background-color: var(--P_input-background-color_8dda); border-radius: var(--ods-c-field-border-radius); color: var(--P_label-color_8dda); cursor: var(--P_cursor_8dda); display: flex; left: 1px; pointer-events: none; position: absolute; text-align: left; top: 1px; width: calc(100% - 20px - var(--P_label-width-offset_8dda)); } .label-text--FBqGA { transition-delay: 0s; transition-duration: 0.2s; transition-property: font-size, line-height, padding-top; transition-timing-function: ease-out; flex: 1 1; max-width: 100%; overflow: hidden; padding: var(--P_label-padding-top_8dda) 0 var(--P_label-padding-bottom_8dda) var(--ods-c-field-horizontal-padding); text-overflow: ellipsis; text-wrap: nowrap; white-space: nowrap; } .icon-container--EkjlF, .icon-action-container--fJoq4 { background-color: var(--P_input-background-color_8dda); color: var(--P_icon-color_8dda); position: absolute; right: 3px; top: 1px; } .icon-container--EkjlF :where(*), .icon-action-container--fJoq4 :where(*) { color: var(--P_icon-color_8dda); } .icon-container--EkjlF { display: flex; gap: 8px; padding-left: 10px; padding-right: 15px; padding-top: 11px; pointer-events: none; } .icon-action-container--fJoq4 { cursor: var(--P_icon-button-cursor_8dda); padding-right: 3px; padding-top: 1px; } .action-mask--gvGWA { height: var(--P_input-height_8dda); left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .skip-action--_1HYw { background-color: var(--P_input-background-color_8dda); opacity: 0; pointer-events: none; position: absolute; right: 0; text-decoration: underline; top: 0; z-index: 2; } .skip-action--_1HYw:focus { opacity: 1; pointer-events: auto; } .bottom--xlkB9 { display: flex; flex-grow: 1; margin-top: 8px; } .corner-text--PiXE8 { transition-delay: 0s; transition-duration: 0.2s; transition-property: color; transition-timing-function: ease-out; color: var(--P_corner-text-color_8dda); display: block; margin-left: auto; width: -webkit-fit-content; width: fit-content; } } @layer resets { .anchor--uzB06 { display: flex; height: var(--ow-anchor-height); inset: var(--ow-anchor-top, 0) auto auto var(--ow-anchor-left, 0); position: absolute; transform: translate(var(--ow-anchor-x), var(--ow-anchor-y)); width: var(--ow-anchor-width); } } .pop-up-container--BzMog { /* Tokenize */ --P_pop-up-container-spacing_8dda: 8px; display: var(--P_pop-up-display_8dda); padding-bottom: var(--P_pop-up-container-spacing_8dda); padding-top: var(--P_pop-up-container-spacing_8dda); } .is-pop-up-expanded--hTwU9 { --P_pop-up-display_8dda: flow; } .is-not-pop-up-expanded--SLfLR { --P_pop-up-display_8dda: none; } /* stylelint-disable */ @layer ods.components.Checkbox { .container--oEc7x { pointer-events: var(--P_checkbox-pointer-events_8dda); } .root-state--pkOyc { --P_display_8dda: flex; --P_label-color_8dda: var(--ods-c-checkbox-label-color); --P_subtext-color_8dda: var(--ods-c-checkbox-sub-text-color); --P_subtext-margin-top_8dda: var(--ods-p-space-50); --P_subtext-icon-margin-top_8dda: var(--ods-c-checkbox-sub-text-icon-margin-top); --P_checkmark-border-width_8dda: var(--ods-c-checkbox-border-width); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-border-color); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-background-color); --P_checkmark-border-radius_8dda: var(--ods-c-checkbox-border-radius); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-inner-shape-color); --P_font-weight_8dda: var(--ods-c-checkbox-font-weight); --P_checkbox-pointer-events_8dda: auto; } .input-container--gz53o { align-items: center; color: var(--P_label-color_8dda); cursor: pointer; display: var(--P_display_8dda); flex-direction: var(--P_direction_8dda); gap: var(--ods-p-space-50); justify-content: var(--P_justify-content_8dda); font-weight: var(--P_font-weight_8dda); transition-delay: 0s; transition-duration: 0.25s; transition-property: color; transition-timing-function: linear; } .input--qJpJT { display: none; } .checkmark-container--_TMwP { background-color: transparent; flex-shrink: 0; position: relative; } .checkmark-border--Wt4rp { align-items: center; background-color: var(--P_checkmark-background-color_8dda); border: var(--P_checkmark-border-width_8dda) solid var(--P_checkmark-border-color_8dda); border-radius: var(--P_checkmark-border-radius_8dda); display: flex; height: var(--ods-c-checkbox-container-height); justify-content: center; width: var(--ods-c-checkbox-container-width); } .checkmark--OAMCl { color: var(--P_checkmark-icon-color_8dda); position: absolute; } .is-neutral--iaH8O:hover { --P_label-color_8dda: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-is-hover-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-is-hover-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-is-hover-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--cv6M5 { --P_label-color_8dda: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-is-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-is-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-is-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); --P_font-weight_8dda: var(--ods-c-checkbox-is-selected-font-weight, var(--ods-c-checkbox-font-weight)); } .is-selected--cv6M5:hover { --P_label-color_8dda: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-is-hover-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-disabled--nmQ6U { --P_label-color_8dda: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-is-disabled-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkbox-pointer-events_8dda: none; } .is-disabled-selected--W2e23 { --P_label-color_8dda: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-is-disabled-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-is-disabled-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-is-disabled-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--RrQG0, .is-valid--RrQG0:hover { --P_label-color_8dda: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_8dda: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-is-valid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-is-valid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-is-valid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid-selected--u55a0 { --P_label-color_8dda: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_8dda: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-is-valid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-is-valid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-is-valid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--EXQsq, .is-invalid--EXQsq:hover { --P_label-color_8dda: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_8dda: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-is-invalid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-is-invalid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-is-invalid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid-selected--gQqjR, .is-invalid-selected--gQqjR:hover { --P_label-color_8dda: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_8dda: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_8dda: var(--ods-c-checkbox-is-invalid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_8dda: var(--ods-c-checkbox-is-invalid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_8dda: var(--ods-c-checkbox-is-invalid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } } .label-direction-right--lYg6Q { --P_direction_8dda: row; --P_justify-content_8dda: flex-start; } .label-direction-left--wUmQp { --P_direction_8dda: row-reverse; --P_justify-content_8dda: flex-end; } .is-block--R_fZC { --P_display_8dda: flex; --P_justify-content_8dda: space-between; } @layer resets { .formatted-value-container--MKIaC { --P_padding-display_7bca: inline; --P_placeholder-display_7bca: inline; --P_input-background-color_7bca: none; background-color: var(--P_input-background-color_7bca, inherit); position: relative; } .formatted-value-container--MKIaC:where(:focus-within) { --P_padding-display_7bca: none; --P_input-background-color_7bca: var(--ow-formatted-input-active-background-color); } .has-padding--qAU3y:where(:not(:focus-within)) { --P_placeholder-display_7bca: none; } .placeholder--l8tDa { color: var(--ow-formatted-input-placeholder-color, lightgray); display: var(--P_placeholder-display_7bca); } .padding--h6hhU { display: var(--P_padding-display_7bca); } .input--NPGd0 { caret-color: var(--ow-formatted-input-caret-color, auto); color: transparent; padding: 0; position: absolute; width: 100%; } .group--T1Lgz { display: inline; } } .textbox--dDIFc { --P_input-white-space_8dda: pre; --P_input-display_8dda: inline-flex; --P_input-overflow_8dda: scroll; align-items: center; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .textbox--dDIFc :focus, .textbox--dDIFc :focus-visible { outline: none; } .textbox--dDIFc:has(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } .textbox--dDIFc::-webkit-scrollbar { display: none; } /* stylelint-disable */ @layer ods.components.Overlay { .overlay--CpE0A { --ow-overlay-color: var(--ods-c-overlay-background-color); --ow-overlay-opacity: var(--ods-c-overlay-opacity); } } @layer resets { .is-visible--YRw_m { --P_overlay-animation-timing-function_c5b5: ease-in; --P_overlay-animation-duration_c5b5: var( --ow-overlay-transition-in-duration, 250ms ); --P_overlay-animation-delay_c5b5: var(--ow-overlay-transition-in-delay, 0s); --P_overlay-index-animation-delay_c5b5: 0s; --P_overlay-index-animation-duration_c5b5: 0s; } .is-visible--YRw_m::before { opacity: var(--ow-overlay-opacity, 0.5); } .not-visible--RXCEH { --P_overlay-animation-timing-function_c5b5: ease-out; --P_overlay-animation-duration_c5b5: var( --ow-overlay-transition-out-duration, 200ms ); --P_overlay-animation-delay_c5b5: var(--ow-overlay-transition-out-delay, 0s); --P_overlay-index-animation-delay_c5b5: calc( var(--P_overlay-animation-duration_c5b5) + var(--P_overlay-animation-delay_c5b5) ); --P_overlay-index-animation-duration_c5b5: 0s; } .not-visible--RXCEH::before { opacity: 0; } .is-disabled--uhtD3 { --P_overlay-pointer-events_c5b5: none; } .animated--JOq22 { transition: z-index var(--P_overlay-index-animation-duration_c5b5) var(--P_overlay-animation-timing-function_c5b5) var(--P_overlay-index-animation-delay_c5b5), visibility var(--P_overlay-index-animation-duration_c5b5) var(--P_overlay-animation-timing-function_c5b5) var(--P_overlay-index-animation-delay_c5b5); } .animated--JOq22::before { /* `will-change` attribute is required to tell browsers to promote this element to a composition layer which allows it to optimize the animation with GPU https://web.dev/articles/animations-guide */ will-change: opacity; transform: translateZ(0); transition: opacity var(--P_overlay-animation-duration_c5b5) var(--P_overlay-animation-timing-function_c5b5) var(--P_overlay-animation-delay_c5b5); } .content--XfUEK, .overlay--gyHTP::before, .overlay--gyHTP { height: var(--P_overlay-height_c5b5); inset: 0; width: var(--P_overlay-width_c5b5); } .overlay--gyHTP { visibility: var(--ow-overlay-visibility, visible); z-index: var(--ow-overlay-z-index, 20); pointer-events: var(--P_overlay-pointer-events_c5b5); --P_overlay-width_c5b5: var(--ow-overlay-width, 100%); --P_overlay-height_c5b5: var(--ow-overlay-height, 100%); --P_overlay-overflow_c5b5: var(--ow-overlay-overflow, auto); } .overlay--gyHTP::before { background-color: var(--ow-overlay-color, black); content: ""; pointer-events: none; position: absolute; z-index: -1; } @starting-style { .overlay--gyHTP { opacity: 0; } } .content--XfUEK { display: grid; overflow: var(--P_overlay-overflow_c5b5); position: relative; pointer-events: var(--P_overlay-pointer-events_c5b5); } .content--XfUEK > * { pointer-events: auto; } .fixed-to-relative--Fv2bh { position: absolute; } .fixed-to-page--nM4Fg { position: fixed; } } /* stylelint-disable */ @layer ods.components.Modal { .modal--Yd2De { --ods-o-dialog-background-color: var(--ods-c-modal-background-color); --ods-o-dialog-border-radius: var(--ods-c-modal-border-radius); --ods-o-dialog-main-axis-size: 100%; --ods-o-dialog-counter-axis-size: 100%; --ods-o-dialog-inner-spacing: var(--ods-c-modal-top-spacing) var(--ods-c-modal-horizontal-spacing) var(--ods-c-modal-horizontal-spacing) var(--ods-c-modal-bottom-spacing); } @media (min-width: 768px) { .modal--Yd2De { --ods-o-dialog-outer-spacing: 40px 0; --ods-o-dialog-main-axis-size: var(--ods-c-modal-max-width); --ods-o-dialog-counter-axis-size: unset; } } .close-button--K0iu1 { color: var(--ods-c-modal-close-button-color); margin-right: var(--ods-c-modal-close-button-offset); } .button-container--eOBS5 { display: flex; justify-content: flex-end; } .header--PeRtb { margin-top: 16px; } } /* stylelint-disable */ @layer ods.components.Popup { .container--utq94 { --P_popup-align-self_4c3f: auto; --P_popup-justify-self_4c3f: auto; --P_popup-translate-x_4c3f: 0; --P_popup-translate-y_4c3f: 0; --P_popup-outer-overflow_4c3f: var(--ods-o-popup-outer-overflow, visible); --P_popup-outer-space_4c3f: var(--ods-o-popup-outer-spacing, 0); --P_popup-inner-space_4c3f: var(--ods-o-popup-inner-spacing, 0); --P_popup-horizontal-anchor-width_4c3f: min( var(--ods-o-popup-main-axis-size, 536px), var(--ods-o-popup-main-axis-max-size, 100%) ); --P_popup-horizontal-anchor-height_4c3f: var( --ods-o-popup-counter-axis-size, 100vh ); --P_popup-vertical-anchor-height_4c3f: min( var(--ods-o-popup-main-axis-size, 340px), var(--ods-o-popup-main-axis-max-size, 100vh) ); --P_popup-vertical-anchor-width_4c3f: var(--ods-o-popup-counter-axis-size, 100%); --P_popup-center-anchor-height_4c3f: var( --ods-o-popup-counter-axis-size, fit-content ); --P_popup-none-anchor-width_4c3f: var(--ods-o-popup-main-axis-size, fit-content); --P_popup-none-anchor-height_4c3f: var( --ods-o-popup-counter-axis-size, fit-content ); --P_popup-border_4c3f: none; --P_popup-border-color_4c3f: var( --ods-o-popup-border-color, var(--ods-p-color-neutral-300) ); --P_popup-border-left_4c3f: var(--P_popup-border_4c3f); --P_popup-border-right_4c3f: var(--P_popup-border_4c3f); --P_popup-border-bottom_4c3f: var(--P_popup-border_4c3f); --P_popup-border-top_4c3f: var(--P_popup-border_4c3f); --P_popup-single-border-radius_4c3f: var(--ods-o-popup-border-radius, 0); --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f); --P_popup-background-color_4c3f: var( --ods-o-popup-background-color, var(--ods-s-background-color-light) ); --P_popup-color_4c3f: var(--ods-o-popup-color, var(--ods-s-text-color-dark)); --P_popup-translate_4c3f: calc( var(--P_popup-is-hidden_4c3f) * var(--P_popup-direction_4c3f) * 100% ); --P_popup-animation-duration_4c3f: 250ms; --P_popup-overlay-animation-duration_4c3f: 100ms; --ow-overlay-transition-out-delay: calc( var(--P_popup-animation-duration_4c3f) - 45ms ); --ow-overlay-transition-in-duration: calc( var(--P_popup-animation-duration_4c3f) - 10ms ); --ow-overlay-transition-out-duration: var(--P_popup-animation-duration_4c3f); --ow-overlay-visibility: var(--ow-vactivity-visibility, visible); --ow-overlay-z-index: var(--ow-vactivity-z-index, 20); --ow-anchor-arrow-color: var(--P_popup-background-color_4c3f); --ow-anchor-arrow-border-color: var(--P_popup-border-color_4c3f); } @supports (height: 100svh) { .container--utq94 { --P_popup-vertical-anchor-height_4c3f: min( var(--ods-o-popup-main-axis-size, 340px), 100svh ); --P_popup-horizontal-anchor-height_4c3f: var( --ods-o-popup-counter-axis-size, 100svh ); } } @media (min-width: 480px) { .container--utq94 { --P_popup-animation-duration_4c3f: 300ms; --P_popup-overlay-animation-duration_4c3f: 150ms; } } @media (prefers-reduced-motion) { .container--utq94 { --ow-overlay-transition-in-duration: 0s !important; --ow-overlay-transition-out-duration: 0s !important; --ow-overlay-transition-in-delay: 0s !important; --ow-overlay-transition-out-delay: 0s !important; --P_popup-animation-duration_4c3f: 0s !important; --P_popup-animation-delay_4c3f: 0s !important; } } .readonly-state--Kw8gD { /* ods-ro are readonly properties. Overriding them has no effect */ --ods-ro-popup-animation-delay: var(--P_popup-animation-delay_4c3f); --ods-ro-popup-animation-duration: var(--P_popup-animation-duration_4c3f); --ods-ro-popup-animation-timing-function: var( --P_popup-animation-timing-function_4c3f ); --ods-ro-popup-direction: var(--P_popup-direction_4c3f); } .not-modal--eCVRq { --P_popup-border_4c3f: 1px solid var(--P_popup-border-color_4c3f); } .no-animation--kKRG8 { --ow-overlay-transition-in-duration: 0s !important; --ow-overlay-transition-out-duration: 0s !important; --ow-overlay-transition-in-delay: 0s !important; --ow-overlay-transition-out-delay: 0s !important; --P_popup-animation-duration_4c3f: 0s !important; --P_popup-animation-delay_4c3f: 0s !important; } .is-visible--QJE5N { --P_popup-is-hidden_4c3f: 0; --P_popup-animation-delay_4c3f: calc( var(--P_popup-overlay-animation-duration_4c3f) - 85ms ); --P_popup-animation-timing-function_4c3f: cubic-bezier(0, 0, 0.2, 1); } .not-visible--YDDww { --P_popup-is-hidden_4c3f: 1; --P_popup-animation-delay_4c3f: 0s; --P_popup-animation-timing-function_4c3f: cubic-bezier(0.4, 0, 1, 1); } .no-overlay--bToln { --P_popup-animation-delay_4c3f: 0s; --ow-overlay-transition-in-duration: 0s; --ow-overlay-transition-in-delay: var(--P_popup-animation-duration_4c3f); --ow-overlay-transition-out-delay: 0s; --ow-overlay-transition-out-duration: var(--P_popup-animation-duration_4c3f); } .slide-left--_QWmf, .slide-right--Q6iL1 { --P_popup-translate-x_4c3f: var( --ods-o-popup-translate-x, var(--P_popup-translate_4c3f) ); --P_popup-translate-y_4c3f: var(--ods-o-popup-translate-y, 0); } .slide-top--OBQfs, .slide-bottom--ygYuD { --P_popup-translate-y_4c3f: var( --ods-o-popup-translate-y, var(--P_popup-translate_4c3f) ); --P_popup-translate-x_4c3f: var(--ods-o-popup-translate-x, 0); } .slide-right--Q6iL1 { --P_popup-direction_4c3f: 1; --P_popup-anchor-container-starting-transform_4c3f: translate(100vw, 0); } .slide-left--_QWmf { --P_popup-direction_4c3f: -1; --P_popup-anchor-container-starting-transform_4c3f: translate(-100vw, 0); } .slide-bottom--ygYuD { --P_popup-direction_4c3f: 1; --P_popup-anchor-container-starting-transform_4c3f: translate(0, 100vh); } .slide-top--OBQfs { --P_popup-direction_4c3f: -1; --P_popup-anchor-container-starting-transform_4c3f: translate(0, -100vh); } .anchor-right--U42i8 { --P_popup-border-top_4c3f: none; --P_popup-border-bottom_4c3f: none; --P_popup-border-right_4c3f: none; --P_popup-align-self_4c3f: stretch; --P_popup-justify-self_4c3f: end; --P_popup-width_4c3f: var(--P_popup-horizontal-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-horizontal-anchor-height_4c3f); --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f) 0 0 var(--P_popup-single-border-radius_4c3f); } .anchor-bottom--ZrUAS { --P_popup-border-left_4c3f: none; --P_popup-border-bottom_4c3f: none; --P_popup-border-right_4c3f: none; --P_popup-align-self_4c3f: end; --P_popup-justify-self_4c3f: stretch; --P_popup-width_4c3f: var(--P_popup-vertical-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-vertical-anchor-height_4c3f); --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f) var(--P_popup-single-border-radius_4c3f) 0 0; } .anchor-top--dJ7bu { --P_popup-border-left_4c3f: none; --P_popup-border-top_4c3f: none; --P_popup-border-right_4c3f: none; --P_popup-align-self_4c3f: start; --P_popup-justify-self_4c3f: stretch; --P_popup-width_4c3f: var(--P_popup-vertical-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-vertical-anchor-height_4c3f); --P_popup-border-radius_4c3f: 0 0 var(--P_popup-single-border-radius_4c3f) var(--P_popup-single-border-radius_4c3f); } .anchor-left--M5dtK { --P_popup-border-left_4c3f: none; --P_popup-border-top_4c3f: none; --P_popup-border-bottom_4c3f: none; --P_popup-align-self_4c3f: center; --P_popup-justify-self_4c3f: start; --P_popup-width_4c3f: var(--P_popup-horizontal-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-horizontal-anchor-height_4c3f); --P_popup-border-radius_4c3f: 0 var(--P_popup-single-border-radius_4c3f) var(--P_popup-single-border-radius_4c3f) 0; } .anchor-center--A0T7g { --P_popup-align-self_4c3f: center; --P_popup-anchor-container-align-self_4c3f: top; --P_popup-justify-self_4c3f: center; --P_popup-width_4c3f: var(--P_popup-horizontal-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-center-anchor-height_4c3f); --P_popup-space-container-min-height_4c3f: 100%; --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f); } .anchor-full--_MnNF { --P_popup-border_4c3f: none; --P_popup-align-self_4c3f: center; --P_popup-anchor-container-align-self_4c3f: top; --P_popup-justify-self_4c3f: center; --P_popup-width_4c3f: 100%; --P_popup-space-container-min-width_4c3f: 100%; --P_popup-height_4c3f: 100vh; --P_popup-space-container-min-height_4c3f: 100vh; } @supports (height: 100svh) { .anchor-full--_MnNF { --P_popup-height_4c3f: 100svh; --P_popup-space-container-min-height_4c3f: 100svh; } } .anchor-full--_MnNF { --P_popup-border-radius_4c3f: 0; } .anchor-none--CV6y6 { --P_popup-translate-x_4c3f: var(--ods-o-popup-translate-x, 0); --P_popup-translate-y_4c3f: var(--ods-o-popup-translate-y, 0); --P_popup-width_4c3f: var(--P_popup-none-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-none-anchor-height_4c3f); --P_popup-space-container-min-height_4c3f: auto; --P_popup-space-container-min-width_4c3f: auto; --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f); --ow-overlay-transition-in-duration: 0s !important; --ow-overlay-transition-out-duration: 0s !important; --ow-overlay-transition-in-delay: 0s !important; --ow-overlay-transition-out-delay: 0s !important; --P_popup-animation-duration_4c3f: 0s !important; --P_popup-animation-delay_4c3f: 0s !important; } .anchor-target--HKvuz { --P_popup-left_4c3f: var( --ods-o-popup-translate-x, calc(var(--ow-anchor-x, 0) + var(--ow-anchor-left, 0)) ); --P_popup-top_4c3f: var( --ods-o-popup-translate-y, calc(var(--ow-anchor-y, 0) + var(--ow-anchor-top, 0)) ); --P_popup-max-width_4c3f: min( var(--ods-o-popup-main-axis-max-size, 100vw), 100vw ); --P_popup-max-height_4c3f: min( var(--ods-o-popup-counter-axis-max-size, 100vh), 100vh ); } @supports (height: 100svh) { .anchor-target--HKvuz { --P_popup-max-height_4c3f: min( var(--ods-o-popup-counter-axis-max-size, 100svh), 100svh ); } } .anchor-target--HKvuz { --P_popup-width_4c3f: var(--P_popup-none-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-none-anchor-height_4c3f); --P_popup-space-container-min-height_4c3f: auto; --P_popup-space-container-min-width_4c3f: auto; --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f); --ow-overlay-transition-in-duration: 0s !important; --ow-overlay-transition-out-duration: 0s !important; --ow-overlay-transition-in-delay: 0s !important; --ow-overlay-transition-out-delay: 0s !important; --P_popup-animation-duration_4c3f: 0s !important; --P_popup-animation-delay_4c3f: 0s !important; } .anchor-container--CTbIe { align-self: var(--P_popup-anchor-container-align-self_4c3f, var(--P_popup-align-self_4c3f)); justify-self: var(--P_popup-justify-self_4c3f); display: grid; height: var(--P_popup-height_4c3f); min-height: var(--P_popup-space-container-min-height_4c3f); min-width: var(--ods-o-popup-space-container-min-width, var(--P_popup-space-container-min-width_4c3f)); overflow: var(--P_popup-outer-overflow_4c3f); padding: var(--P_popup-outer-space_4c3f); pointer-events: none; will-change: transform; transform: translate(var(--P_popup-translate-x_4c3f), var(--P_popup-translate-y_4c3f)); transition: transform var(--P_popup-animation-duration_4c3f) var(--P_popup-animation-timing-function_4c3f) var(--P_popup-animation-delay_4c3f); width: var(--P_popup-width_4c3f); position: relative; top: var(--P_popup-top_4c3f); left: var(--P_popup-left_4c3f); } .anchor-container--CTbIe > * { pointer-events: auto; } @starting-style { .anchor-container--CTbIe { will-change: transform; transform: var(--P_popup-anchor-container-starting-transform_4c3f); } } .popup--PpyH9 { place-self: var(--P_popup-align-self_4c3f) var(--P_popup-justify-self_4c3f); background-color: var(--P_popup-background-color_4c3f); border-left: var(--P_popup-border-left_4c3f); border-right: var(--P_popup-border-right_4c3f); border-top: var(--P_popup-border-top_4c3f); border-bottom: var(--P_popup-border-bottom_4c3f); border-radius: var(--P_popup-border-radius_4c3f); color: var(--P_popup-color_4c3f); height: var(--P_popup-height_4c3f); overflow: auto; padding: var(--P_popup-inner-space_4c3f); position: relative; width: var(--ods-o-popup-width, var(--P_popup-width_4c3f)); max-width: var(--P_popup-max-width_4c3f); max-height: var(--P_popup-max-height_4c3f); } } /* stylelint-disable */ @layer ods.components.Popup; @layer ods.components.Dialog { .container--Yq6cO { --ods-o-popup-inner-spacing: var(--ods-o-dialog-inner-spacing); --ods-o-popup-outer-spacing: var(--ods-o-dialog-outer-spacing); --ods-o-popup-outer-overflow: var(--ods-o-dialog-outer-overflow); --ods-o-popup-main-axis-size: var(--ods-o-dialog-main-axis-size); --ods-o-popup-counter-axis-size: var(--ods-o-dialog-counter-axis-size); --ods-o-popup-border-color: var(--ods-o-dialog-border-color); --ods-o-popup-border-radius: var(--ods-o-dialog-border-radius); --ods-o-popup-background-color: var(--ods-o-dialog-background-color); --ods-o-popup-color: var(--ods-o-dialog-color); --ods-o-popup-translate-y: var(--ods-o-dialog-translate-y); --ods-o-popup-translate-x: var(--ods-o-dialog-translate-x); } } /* stylelint-disable */ @layer ods.components.BrandLogo { .logo--DQ2HF { --ods-a-logo-color: var(--ods-c-brand-logo-color); --ods-a-logo-aspect-ratio: var(--ods-c-brand-logo-aspect-ratio); } } /* stylelint-disable */ @layer ods.components.Icon { .icon--V10yG { --ods-a-icon-size: var(--ods-o-icon-size, var(--ods-c-icon-width)); --ods-a-icon-color: var(--ods-o-icon-color, var(--ods-c-icon-color)); align-self: var(--ods-o-icon-align-self); } } /* stylelint-disable */ @layer ods.components.Checkbox { .root-state--oMQwB { --P_display_2708: inline-flex; --P_checkmark-border-width_2708: var(--ods-c-checkbox-border-width); --P_checkmark-border-color_2708: var(--ods-c-checkbox-border-color); --P_checkmark-background-color_2708: var(--ods-c-checkbox-background-color); --P_checkmark-border-radius_2708: var(--ods-c-checkbox-border-radius); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-inner-shape-color); } .checkmark-border--MSa60 { transition: border, color 0.25s linear 0s; flex-shrink: 0; align-items: center; background-color: var(--P_checkmark-background-color_2708); border: var(--P_checkmark-border-width_2708) solid var(--P_checkmark-border-color_2708); border-radius: var(--P_checkmark-border-radius_2708); display: inline-flex; height: var(--ods-c-checkbox-container-height); justify-content: center; width: var(--ods-c-checkbox-container-width); } .checkmark--oIu6W { color: var(--P_checkmark-icon-color_2708); } .is-neutral--rLB5w:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--ddQVq { --P_label-color_2708: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-selected--ddQVq:hover { --P_label-color_2708: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-hover-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-hover-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-disabled--ByL8E { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-background-color, var(--ods-c-checkbox-background-color)); } .is-disabled-selected--HacSK { --P_label-color_2708: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-disabled-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-disabled-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-disabled-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid--C4m8_, .is-valid--C4m8_:hover { --P_label-color_2708: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-valid-selected--KtWCE { --P_label-color_2708: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-valid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-valid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-valid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid--dqQdL, .is-invalid--dqQdL:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } .is-invalid-selected--OmqNi, .is-invalid-selected--OmqNi:hover { --P_label-color_2708: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_2708: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); --P_checkmark-background-color_2708: var(--ods-c-checkbox-is-invalid-selected-background-color, var(--ods-c-checkbox-background-color)); --P_checkmark-border-color_2708: var(--ods-c-checkbox-is-invalid-selected-border-color, var(--ods-c-checkbox-border-color)); --P_checkmark-icon-color_2708: var(--ods-c-checkbox-is-invalid-selected-inner-shape-color, var(--ods-c-checkbox-inner-shape-color)); } } /* stylelint-disable */ @layer ods.components.FullscreenModal { .header--uXKq4 { border-bottom: var(--ods-c-fullscreen-modal-border-width) solid var(--ods-c-fullscreen-modal-border-color); display: flex; justify-content: space-between; padding: var(--ods-c-fullscreen-modal-vertical-header-spacing) var(--ods-c-fullscreen-modal-right-header-spacing) var(--ods-c-fullscreen-modal-vertical-header-spacing) var(--ods-c-fullscreen-modal-left-header-spacing); gap: var(--ods-c-fullscreen-modal-header-gap); align-items: center; --ods-ro-fullscreen-modal-header-height: calc( var(--ods-c-fullscreen-modal-vertical-header-spacing) * 2 + var(--ods-c-fullscreen-modal-logo-height) + var(--ods-c-fullscreen-modal-border-width) ); } .header-section--qvQEr { align-items: flex-start; display: flex; gap: var(--ods-c-fullscreen-modal-header-gap); } .header-title--M55pE { padding-top: var(--ods-c-fullscreen-modal-header-title-vertical-spacing); } .header-section-center--llYxV { justify-content: center; align-items: center; display: flex; flex: 1 1; } .header-section-right--jEFew { text-align: right; } .tk-logo--qf6NQ { font-size: var(--ods-c-fullscreen-modal-logo-height); } .content--X8CJi { height: calc(100% - var(--ods-ro-fullscreen-modal-header-height)); overflow-y: auto; padding: var(--ods-c-fullscreen-modal-vertical-spacing) var(--ods-c-fullscreen-modal-horizontal-spacing); width: 100%; } .close-btn--XWUGO { color: var(--ods-c-fullscreen-modal-close-button-color); flex-shrink: 0; } .left-btn--hDus3 { color: var(--ods-c-fullscreen-modal-left-button-color); padding: var(--ods-c-fullscreen-modal-left-button-vertical-spacing) 0; flex-shrink: 0; } @media (hover: hover) and (pointer: fine) { .left-btn--hDus3:hover { -webkit-text-decoration: var(--ods-c-fullscreen-modal-is-hover-text-decoration-line, var(--ods-c-fullscreen-modal-text-decoration-line)); text-decoration: var(--ods-c-fullscreen-modal-is-hover-text-decoration-line, var(--ods-c-fullscreen-modal-text-decoration-line)); } } } /* stylelint-disable */ @layer ods.components.SidebarModal { .sidebar-modal--vppQp { --ods-o-popup-main-axis-size: var(--ods-c-sidebar-width); } } @layer ods.components.Bone { .bone--IFhkD { animation: gradientBG--TKMnq 4s infinite; } @keyframes gradientBG--TKMnq { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } } /* stylelint-disable */ @layer ods.components.InlineAlert { .container--oN9mv { border: var(--ods-c-inline-alert-border-width) solid var(--ods-c-inline-alert-border-color); border-radius: var(--ods-c-inline-alert-border-radius); color: var(--ods-c-inline-alert-color); display: flex; padding: calc(var(--ods-c-inline-alert-inner-spacing) - var(--ods-c-inline-alert-border-width)); text-align: left; transition: all 0.25s ease; transition-property: height, padding-top, padding-bottom, opacity; } .alert-icon--F9pmT { color: var(--ods-c-inline-alert-icon-color); margin-right: 12px; min-width: 1.5rem; } .alert-background--LRpVz { background-color: var(--ods-c-inline-alert-background-color); } .is-visible--BTIiD { height: auto; opacity: 1; padding: calc(var(--ods-c-inline-alert-inner-spacing) - 1px); } .is-not-visible--bwRvG { height: 0; opacity: 0; overflow: hidden; padding: 0; } .text-container--njFPH { display: flex; flex-direction: column; flex-grow: 1; } .alert-cta-container--RcbcI { margin-top: 12px; } .close-button-container--y54pR { --P_button-tappable-area_48ea: 10px; margin: calc(-1 * var(--P_button-tappable-area_48ea)); padding-left: calc(var(--ods-c-inline-alert-gap) - var(--P_button-tappable-area_48ea)); } .close-button--KvN2I.close-button--KvN2I { color: var(--ods-c-inline-alert-close-icon-color); } .alert-headline--DN1nf { font-weight: var(--ods-p-font-weight-bold); } } /* stylelint-disable */ @layer ods.components.ProgressBar { .progress-bar--CmLUk { color: var(--ods-c-progress-bar-color); width: 100%; } .label--rF9b8 { color: var(--ods-c-progress-bar-label-color); } .wrapper--tOMwn { align-items: center; display: grid; grid-template: var(--ods-c-progress-bar-main-grid-template); justify-items: stretch; } .bar--dhyRm { grid-area: bar; } .track--FqepQ { background-color: var(--ods-c-progress-bar-track-color); border-radius: 12px; } .thumb--rJqBn { background-color: var(--P_thumb-color, var(--ods-c-progress-bar-thumb-color)); border-radius: 12px; height: 8px; transition: width 0.5s ease-in-out; width: var(--P_thumb-width); } .value-text--KsYwn { grid-area: value-text; margin-left: 8px; text-align: right; width: var(--P_value-text-width); } .sub-text--NFlw7 { grid-area: sub-text; } } /* stylelint-disable */ @layer ods.components.RatingMeter { .container--lQ4T4 { align-content: center; align-items: center; color: var(--ods-c-rating-meter-color); column-gap: var(--ods-c-rating-meter-gap); display: flex; } } /* stylelint-disable */ @layer ods.components.Snackbar { .snackbar-wrapper--YHV42 { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; padding-bottom: var(--ods-c-snackbar-outer-vertical-spacing); pointer-events: none; right: 0; z-index: 9999; } .fixed-to-relative--H3iTn { position: absolute; } .fixed-to-page--Z9lCT { position: fixed; } .close-button--KBWoK { margin-top: calc(-1 * var(--ods-c-snackbar-close-icon-top-offset)); margin-bottom: calc(-1 * var(--ods-c-snackbar-close-icon-bottom-offset)); margin-right: calc(-1 * var(--ods-c-snackbar-close-icon-right-offset)); color: var(--ods-c-snackbar-close-icon-color); flex-shrink: 0; } .container--HTrIw { align-items: var(--ods-c-snackbar-content-alignment); background-color: var(--ods-c-snackbar-background-color); border: var(--ods-c-snackbar-border-width) solid var(--ods-c-snackbar-border-color); border-radius: var(--ods-c-snackbar-border-radius); box-shadow: var(--ods-c-snackbar-box-shadow); color: var(--ods-c-snackbar-color); display: flex; flex-direction: row-reverse; gap: var(--ods-c-snackbar-gap); justify-content: space-between; max-width: var(--ods-c-snackbar-max-width); padding: var(--ods-c-snackbar-content-spacing); pointer-events: auto; text-align: left; } @media (min-width: 480px) { .container--HTrIw { min-width: 248px; } } @media (max-width: 479.98px) { .container--HTrIw { width: calc(100% - 24px); } } .children--G0Ufd { align-items: var(--ods-c-snackbar-icon-alignment); display: flex; gap: var(--ods-c-snackbar-content-gap); } .is-visible--weIsf { transform: translateY(0%); transition-duration: 250ms; transition-property: transform, visibility; transition-timing-function: ease-in; visibility: visible; } .is-not-visible--RELvH { transform: translateY(100%); transition-duration: 300ms; transition-property: transform, visibility; transition-timing-function: ease-out; visibility: hidden; } .snackbar-icon--j8BsL { color: var(--ods-c-snackbar-icon-color); flex-shrink: 0; } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.StatusBadge { .container--sVphi { align-items: center; background-color: var(--ods-c-status-badge-background-color); border-radius: var(--ods-c-status-badge-border-radius); color: var(--ods-c-status-badge-color); column-gap: var(--ods-c-status-badge-gap); display: inline-flex; padding: var(--ods-c-status-badge-vertical-padding) var(--ods-c-status-badge-horizontal-padding); white-space: nowrap; width: -webkit-min-content; width: min-content; } } /* stylelint-disable */ @layer ods.components.Tooltip { .tooltip--RqoKV { --P_tooltip-arrow-size_48ea: 12px; max-width: var(--ods-c-tooltip-max-width); position: absolute; text-align: left; width: var(--ods-c-tooltip-width); z-index: 1; } .tooltip-box--lt_MZ { background-color: var(--ods-c-tooltip-background-color); border-radius: var(--ods-c-tooltip-border-radius); box-shadow: var(--ods-c-tooltip-box-shadow); color: var(--ods-c-tooltip-color); display: inline-block; padding: var(--ods-c-tooltip-inner-vertical-spacing) var(--ods-c-tooltip-inner-horizontal-spacing); position: relative; width: 100%; } .tooltip-actions--WwP1X { display: flex; gap: var(--ods-c-tooltip-actions-gap); justify-content: space-between; margin-top: var(--ods-c-tooltip-content-to-actions-gap); width: 100%; } .has-left-action--rj2JS { justify-content: flex-start; } .has-right-action--VAdRm { justify-content: flex-end; } .arrow--Ls4_R { border: solid transparent; height: 0; pointer-events: none; position: absolute; width: 0; z-index: 2; } .top--vB5kR { border-bottom-color: var(--ods-c-tooltip-background-color); left: calc(var(--P_tooltip-offset_48ea, 50%) - var(--P_tooltip-arrow-size_48ea)); } .bottom--O7VaZ { border-top-color: var(--ods-c-tooltip-background-color); left: calc(var(--P_tooltip-offset_48ea, 50%) - var(--P_tooltip-arrow-size_48ea)); } .left--bLAKF { border-right-color: var(--ods-c-tooltip-background-color); top: calc(var(--P_tooltip-offset_48ea, 50%) - var(--P_tooltip-arrow-size_48ea)); } .right--rkaSt { border-left-color: var(--ods-c-tooltip-background-color); top: calc(var(--P_tooltip-offset_48ea, 50%) - var(--P_tooltip-arrow-size_48ea)); } .arrow-size--wlTsu { border-width: var(--P_tooltip-arrow-size_48ea); } .arrow-size--wlTsu.top--vB5kR { border-bottom-color: var(--ods-c-tooltip-background-color); top: calc(-2 * var(--P_tooltip-arrow-size_48ea)); } .arrow-size--wlTsu.bottom--O7VaZ { border-top-color: var(--ods-c-tooltip-background-color); bottom: calc(-2 * var(--P_tooltip-arrow-size_48ea)); } .arrow-size--wlTsu.left--bLAKF { border-right-color: var(--ods-c-tooltip-background-color); left: calc(-2 * var(--P_tooltip-arrow-size_48ea)); } .arrow-size--wlTsu.right--rkaSt { border-left-color: var(--ods-c-tooltip-background-color); right: calc(-2 * var(--P_tooltip-arrow-size_48ea)); } .header--RmytV { margin-bottom: var(--ods-c-tooltip-header-spacing); } } @layer ods.components.Tooltip { .tooltip-container--e_QRn { display: inline-block; position: relative; } } /* stylelint-disable */ @layer ods.components.SidebarModal { .pane--QyOP6 { transition-timing-function: var(--ods-ro-popup-animation-timing-function); transition-duration: var(--ods-ro-popup-animation-duration); transition-property: visibility, opacity; visibility: hidden; opacity: 0; height: 100%; max-height: 100vh; max-height: 100svh; max-height: 100dvh; background-color: var(--ods-c-sidebar-background-color); display: flex; flex-direction: column; left: 0; position: absolute; right: 0; overflow: hidden; } .content-container--UR4ev { display: flex; min-height: 0; flex-direction: column; flex: 1 1; will-change: transform; transform: translateX(0); transition-timing-function: var(--ods-ro-popup-animation-timing-function); transition-duration: var(--ods-ro-popup-animation-duration); transition-property: transform, opacity; } .header-container--YR9ly, .footer--phwO3 { border-style: solid; width: 100%; } .header-container--YR9ly { border-color: var(--ods-c-sidebar-header-divider-color); border-width: 0 0 var(--ods-c-sidebar-header-divider-width); min-height: var(--ods-c-sidebar-header-min-height); padding: var(--ods-c-sidebar-header-vertical-padding) var(--ods-c-sidebar-header-horizontal-padding); } .footer--phwO3 { background-color: inherit; align-items: center; border-color: var(--ods-c-sidebar-footer-divider-color); border-width: var(--ods-c-sidebar-footer-divider-width) 0 0; display: flex; justify-content: center; min-height: var(--ods-c-sidebar-footer-min-height); padding: var(--ods-c-sidebar-footer-vertical-padding) var(--ods-c-sidebar-footer-horizontal-padding); will-change: transform; transform: translateY(100%); transition-timing-function: var(--ods-ro-popup-animation-timing-function); transition-duration: var(--ods-ro-popup-animation-duration); transition-property: transform; } .content--gGkps { flex: 1 1; overflow: auto; padding: var(--ods-c-sidebar-content-vertical-padding) var(--ods-c-sidebar-content-horizontal-padding); } .exit-action--nu3sT { --P_button-tappable-area_864f: 10px; color: var(--ods-c-sidebar-close-button-color); cursor: pointer; flex-shrink: 0; } .back-action--bM2au { margin: calc(-1 * (var(--P_button-tappable-area_864f))) calc(-1 * var(--P_button-tappable-area_864f)); } .border-right--fGuKC { border-right: var(--ods-c-sidebar-title-divider-width) solid var(--ods-c-sidebar-title-divider-color); display: var(--ods-c-sidebar-title-divider-display); height: calc(var(--ods-c-sidebar-title-divider-height) - 2px); } .close-action--HthT0 { margin: calc(-1 * var(--P_button-tappable-area_864f)); margin-left: auto; order: 999; } .button-container--MLWWm { align-items: center; display: flex; justify-content: space-between; width: 100%; height: 100%; } .header-container--YR9ly { gap: var(--ods-c-sidebar-header-gap); display: flex; align-items: center; width: 100%; } .button-container--MLWWm { gap: var(--ods-c-sidebar-footer-gap); } @media (width <= 536px) { .button-container--MLWWm { flex-wrap: wrap-reverse; } } .spinner-container--JbX91 { align-items: center; display: flex; justify-content: center; } .is-active--rB4Nw.pane--QyOP6 { visibility: visible; opacity: 1; } .is-active--rB4Nw .content-container--UR4ev { transform: translateX(0); } .is-active--rB4Nw.has-footer--rEAO6 .footer--phwO3 { transition-delay: 100ms; transform: translateY(0); } .is-closed--HdHa0.pane--QyOP6 { visibility: hidden; transition-delay: calc(var(--ods-ro-popup-animation-delay)); opacity: 0.2; } .is-closed--HdHa0 .content-container--UR4ev { transition-delay: calc(var(--ods-ro-popup-animation-delay)); transform: translateX(calc(10% * var(--ods-ro-popup-direction))); } .is-closed--HdHa0.has-footer--rEAO6 .footer--phwO3 { transition-delay: calc(var(--ods-ro-popup-animation-delay)); transform: translateX(calc(10% * var(--ods-ro-popup-direction))); } .is-before-active--Bf81O .content-container--UR4ev { transform: translateX(-10%); } .is-after-active--IXAOS .content-container--UR4ev { transform: translateX(10%); } .is-first--LpFaD { /** * Note: Reversing order with CSS can sometimes cause accessibility issues * but in this case it actually improves screen reader accessibility. * * It allows us to focus on the `X` when the side-bar opens, and allows users to * press `CTRL-Right` to start reading top-container the content in the sidebar starting with the * header */ } .is-first--LpFaD .header-container--YR9ly { flex-direction: row-reverse; } .is-not-first--pGPmt .header-container--YR9ly { justify-content: flex-start; } } /* stylelint-disable */ .date-picker-dialog--yhDlN { --ods-o-dialog-inner-spacing: var(--ods-c-date-picker-text-field-dropdown-inner-spacing); --ods-o-dialog-main-axis-size: fit-content; --ods-o-dialog-counter-axis-size: fit-content; } @media (min-width: 479.98px) { .date-picker-dialog--yhDlN { --ods-o-dialog-main-axis-size: var(--ods-c-date-picker-text-field-dropdown-max-size); --ods-o-dialog-border: var(--ods-c-date-picker-text-field-dropdown-border-width) solid var(--ods-c-date-picker-text-field-dropdown-border-color); --ods-o-dialog-border-radius: var(--ods-c-date-picker-text-field-dropdown-border-radius); --ods-o-dialog-outer-spacing: var(--ods-c-date-picker-text-field-dropdown-outer-spacing) 0 0; --ods-o-dialog-translate-x: var(--ow-anchor-x); --ods-o-dialog-translate-y: var(--ow-anchor-y); } } .close-action--_aY02 { opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; } .close-action--_aY02:focus-visible { opacity: 1; pointer-events: auto; } /* stylelint-disable */ .container--xjeMT { --P_subtext-color_8dda: var(--ods-c-radio-sub-text-color); --P_subtext-margin-top_8dda: var(--ods-p-space-50); --P_subtext-icon-margin-top_8dda: var(--ods-c-radio-sub-text-icon-margin-top); --P_display_8dda: inline-flex; --P_label_color_8dda: var(--ods-c-radio-label-color); --P_background_color_8dda: var(--ods-c-radio-background-color); --P_border_color_8dda: var(--ods-c-radio-border-color); --P_inner_shape_color_8dda: var(--ods-c-radio-inner-shape-color); --P_radio-pointer-events_8dda: auto; display: var(--P_display_8dda); flex-direction: column; pointer-events: var(--P_radio-pointer-events_8dda); } .input-container--doWR7 { align-items: center; color: var(--P_label_color_8dda); cursor: pointer; display: var(--P_display_8dda); flex-direction: var(--P_direction_8dda); gap: var(--ods-p-space-50); justify-content: var(--P_justify-content_8dda); transition-delay: 0s; transition-duration: 0.25s; transition-property: color; transition-timing-function: linear; } .input--ek_p9 { display: none; } .icon--Si6U6 { background-color: var(--P_background_color_8dda); border: var(--ods-c-radio-border-width) solid var(--P_border_color_8dda); border-radius: 50%; height: var(--ods-c-radio-container-height); position: relative; width: var(--ods-c-radio-container-width); } .icon--Si6U6::before { background-color: var(--P_inner_shape_color_8dda); border-radius: 50%; content: ""; height: var(--ods-c-radio-inner-shape-size); left: 50%; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: var(--ods-c-radio-inner-shape-size); } .is-neutral--US2Mn:hover { --P_label_color_8dda: var(--ods-c-radio-is-hover-label-color, var(--ods-c-radio-label-color)); --P_background_color_8dda: var(--ods-c-radio-is-hover-background-color, var(--ods-c-radio-background-color)); --P_border_color_8dda: var(--ods-c-radio-is-hover-border-color, var(--ods-c-radio-border-color)); --P_inner_shape_color_8dda: var(--ods-c-radio-is-hover-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-selected--MzM7n { --P_label_color_8dda: var(--ods-c-radio-is-selected-label-color, var(--ods-c-radio-label-color)); --P_background_color_8dda: var(--ods-c-radio-is-selected-background-color, var(--ods-c-radio-background-color)); --P_border_color_8dda: var(--ods-c-radio-is-selected-border-color, var(--ods-c-radio-border-color)); --P_inner_shape_color_8dda: var(--ods-c-radio-is-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-selected--MzM7n:hover { --P_label_color_8dda: var(--ods-c-radio-is-hover-selected-label-color, var(--ods-c-radio-label-color)); --P_background_color_8dda: var(--ods-c-radio-is-hover-selected-background-color, var(--ods-c-radio-background-color)); --P_border_color_8dda: var(--ods-c-radio-is-hover-selected-border-color, var(--ods-c-radio-border-color)); --P_inner_shape_color_8dda: var(--ods-c-radio-is-hover-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-valid--MMb9H { --P_subtext-color_8dda: var(--ods-c-radio-is-valid-sub-text-color, var(--ods-c-radio-sub-text-color)); --P_label_color_8dda: var(--ods-c-radio-is-valid-label-color, var(--ods-c-radio-label-color)); --P_background_color_8dda: var(--ods-c-radio-is-valid-background-color, var(--ods-c-radio-background-color)); --P_border_color_8dda: var(--ods-c-radio-is-valid-border-color, var(--ods-c-radio-border-color)); --P_inner_shape_color_8dda: var(--ods-c-radio-is-valid-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-valid-selected--TUnLO { --P_subtext-color_8dda: var(--ods-c-radio-is-valid-sub-text-color, var(--ods-c-radio-sub-text-color)); --P_label_color_8dda: var(--ods-c-radio-is-valid-selected-label-color, var(--ods-c-radio-label-color)); --P_background_color_8dda: var(--ods-c-radio-is-valid-selected-background-color, var(--ods-c-radio-background-color)); --P_border_color_8dda: var(--ods-c-radio-is-valid-selected-border-color, var(--ods-c-radio-border-color)); --P_inner_shape_color_8dda: var(--ods-c-radio-is-valid-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-invalid--RSVz1 { --P_subtext-color_8dda: var(--ods-c-radio-is-invalid-sub-text-color, var(--ods-c-radio-sub-text-color)); --P_label_color_8dda: var(--ods-c-radio-is-invalid-label-color, var(--ods-c-radio-label-color)); --P_background_color_8dda: var(--ods-c-radio-is-invalid-background-color, var(--ods-c-radio-background-color)); --P_border_color_8dda: var(--ods-c-radio-is-invalid-border-color, var(--ods-c-radio-border-color)); --P_inner_shape_color_8dda: var(--ods-c-radio-is-invalid-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-invalid-selected--ZafM3 { --P_subtext-color_8dda: var(--ods-c-radio-is-invalid-sub-text-color, var(--ods-c-radio-sub-text-color)); --P_label_color_8dda: var(--ods-c-radio-is-invalid-selected-label-color, var(--ods-c-radio-label-color)); --P_background_color_8dda: var(--ods-c-radio-is-invalid-selected-background-color, var(--ods-c-radio-background-color)); --P_border_color_8dda: var(--ods-c-radio-is-invalid-selected-border-color, var(--ods-c-radio-border-color)); --P_inner_shape_color_8dda: var(--ods-c-radio-is-invalid-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-disabled--aH27r { --P_label_color_8dda: var(--ods-c-radio-is-disabled-label-color, var(--ods-c-radio-label-color)); --P_background_color_8dda: var(--ods-c-radio-is-disabled-background-color, var(--ods-c-radio-background-color)); --P_border_color_8dda: var(--ods-c-radio-is-disabled-border-color, var(--ods-c-radio-border-color)); --P_inner_shape_color_8dda: var(--ods-c-radio-is-disabled-inner-shape-color, var(--ods-c-radio-inner-shape-color)); --P_radio-pointer-events_8dda: none; } .is-disabled-selected--AWM1m { --P_label_color_8dda: var(--ods-c-radio-is-disabled-selected-label-color, var(--ods-c-radio-label-color)); --P_background_color_8dda: var(--ods-c-radio-is-disabled-selected-background-color, var(--ods-c-radio-background-color)); --P_border_color_8dda: var(--ods-c-radio-is-disabled-selected-border-color, var(--ods-c-radio-border-color)); --P_inner_shape_color_8dda: var(--ods-c-radio-is-disabled-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); --P_radio-pointer-events_8dda: none; } .disablePointerEvents--yYqfQ * { pointer-events: none; } .label--yjoWE { pointer-events: none; } /* stylelint-disable */ .container--AGR3j { --P_display_8dda: inline-flex; --P_label_8dda: var(--ods-c-switch-label-color); --P_subtext-color_8dda: var(--ods-c-switch-sub-text-color); --P_subtext-icon-margin-top_8dda: var(--ods-c-switch-sub-text-icon-margin-top); --P_background-color_8dda: var(--ods-c-switch-background-color); --P_border-color_8dda: var(--ods-c-switch-border-color); --P_pointer-events_8dda: auto; --P_transform_8dda: none; --P_transform-selected_8dda: translateX(calc(var(--ods-c-switch-container-width) - 100% - 4px)); color: var(--P_label_8dda); display: flex; flex-direction: column; gap: var(--ods-c-switch-sub-text-spacing); pointer-events: var(--P_pointer-events_8dda); } .switch-container--ALqsk { cursor: pointer; display: var(--P_display_8dda); flex-direction: var(--P_direction_8dda); gap: var(--ods-p-space-50); justify-content: var(--P_justify-content_8dda); transition-delay: 0s; transition-duration: 0.25s; transition-property: color; transition-timing-function: linear; } .toggle-container--kU_52 { background-color: var(--P_background-color_8dda); border: var(--ods-c-switch-border-width) solid var(--P_background-color_8dda); border-radius: var(--ods-c-switch-border-radius); height: var(--ods-c-switch-container-height); position: relative; width: var(--ods-c-switch-container-width); transition-delay: 0s; transition-duration: 0.2s; transition-property: background-color; transition-timing-function: ease-out; } .toggle-slider--TW7Bv { aspect-ratio: 1/1; background-color: var(--ods-c-switch-foreground-color); border-radius: 100%; left: 1px; position: absolute; top: 1px; transform: var(--P_transform_8dda); width: var(--ods-c-switch-width); transition-delay: 0s; transition-duration: 0.2s; transition-property: transform; transition-timing-function: ease-out; } @supports not (aspect-ratio: 1/1) { .toggle-slider--TW7Bv { height: var(--ods-c-switch-height); } } .label--zo7uN { padding: var(--ods-c-switch-label-vertical-padding) 0; } .input--kpgsc { display: none; } .is-neutral--C5EcR:hover { --P_background-color_8dda: var(--ods-c-switch-is-hover-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-hover-border-color, var(--ods-c-switch-border-color)); } .is-selected--xMCVD { --P_label_8dda: var(--ods-c-switch-is-selected-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-selected-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-selected-border-color, var(--ods-c-switch-border-color)); --P_transform_8dda: var(--P_transform-selected_8dda); } .is-selected--xMCVD:hover { --P_background-color_8dda: var(--ods-c-switch-is-hover-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-hover-selected-border-color, var(--ods-c-switch-border-color)); } .is-valid--YYScj { --P_label_8dda: var(--ods-c-switch-is-valid-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-valid-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-valid-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-valid-border-color, var(--ods-c-switch-border-color)); } .is-valid-selected--srQsA { --P_label_8dda: var(--ods-c-switch-is-valid-selected-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-valid-selected-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-valid-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-valid-selected-border-color, var(--ods-c-switch-border-color)); --P_transform_8dda: var(--P_transform-selected_8dda); } .is-invalid--WHLvd { --P_label_8dda: var(--ods-c-switch-is-invalid-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-invalid-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-invalid-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-invalid-border-color, var(--ods-c-switch-border-color)); } .is-invalid-selected--kKNhe { --P_label_8dda: var(--ods-c-switch-is-invalid-selected-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-invalid-selected-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-invalid-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-invalid-selected-border-color, var(--ods-c-switch-border-color)); --P_transform_8dda: var(--P_transform-selected_8dda); } .is-disabled--M6qHT { --P_label_8dda: var(--ods-c-switch-is-disabled-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-disabled-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-disabled-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-disabled-border-color, var(--ods-c-switch-border-color)); --P_pointer-events_8dda: none; } .is-disabled-selected--a2H4K { --P_label_8dda: var(--ods-c-switch-is-disabled-selected-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-disabled-selected-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-disabled-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-disabled-selected-border-color, var(--ods-c-switch-border-color)); --P_pointer-events_8dda: none; --P_transform_8dda: var(--P_transform-selected_8dda); } /* stylelint-disable */ .container--Oyxe7 { display: flex; flex-wrap: wrap; --P_overridable-input-padding-top_8dda: 20px; } .input--BO90g { height: auto; min-height: var(--ods-c-textarea-min-height); resize: none; } .input--BO90g::-webkit-scrollbar { width: 10px; } .input--BO90g::-webkit-scrollbar-track { background: var(--ods-c-textarea-track-color); border-radius: 2px; box-shadow: inset calc(-1 * (10px - var(--ods-c-textarea-track-width))) 0 var(--P_input-background-color_8dda); } .input--BO90g::-webkit-scrollbar-thumb { background: var(--ods-c-textarea-thumb-color); border-radius: 2px; box-shadow: inset calc(-1 * (10px - var(--ods-c-textarea-track-width))) 0 var(--P_input-background-color_8dda); } .input--BO90g::-webkit-scrollbar-button:start:decrement, .input--BO90g::-webkit-scrollbar-button:end:increment { display: block; height: 6px; } .has-placeholder--JV3Tx { --P_overridable-input-padding-top_8dda: 8px; } /* stylelint-disable */ .switch-group--ssN7D { --P_display_8dda: inline-flex; display: var(--P_display_8dda); flex-direction: var(--P_direction_8dda); gap: var(--ods-p-space-80); } .m-direction-column--WAT0P { --P_direction_8dda: column; } .m-direction-row--Uj51d { --P_direction_8dda: row; } .m-block--OpK0V { --P_display_8dda: flex; } /* stylelint-disable */ .icon--zKlm6 { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; position: relative; width: var(--ods-p-dimension-44); } .icon--zKlm6 .close-icon-active--rNWAr { position: absolute; opacity: 1; transform: rotate(0deg); visibility: visible; z-index: 1; transition: 150ms transform 150ms cubic-bezier(0.4, 0, 0.2, 1), 150ms opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), 150ms visibility 150ms cubic-bezier(0.4, 0, 0.2, 1); } .searchContainer--LWbzf { display: flex; padding-left: var(--ods-p-dimension-20); } .searchContainer--LWbzf.isOpen--ggGi7 { padding-left: 0; width: 100%; } .form--SZPQs { display: flex; } @media (min-width: 1192px) { .form--SZPQs { display: none; } } .form--SZPQs.inactive--osRnc { width: 140px; flex: none; } .form--SZPQs.active--KObUh { display: flex; } .form--SZPQs.active--KObUh .outside-click-wrapper--YE3kD { width: 100%; } @media (min-width: 1360px) { .form--SZPQs.active--KObUh.variant1--HbJLb:not(.active--KObUh) { display: flex; } } .form--SZPQs { flex: 1 1; margin-bottom: var(--ods-p-dimension-8); margin-top: var(--ods-p-dimension-8); } .form--SZPQs input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } input.input--skOyR { border: none; border-radius: var(--ods-p-dimension-2) 0 0 var(--ods-p-dimension-2); height: var(--ods-p-dimension-44); background-color: var(--ods-p-color-neutral-white); color: var(--ods-p-color-neutral-600); padding-bottom: var(--ods-p-dimension-12); padding-left: var(--ods-p-dimension-12); padding-top: var(--ods-p-dimension-12); } input.input--skOyR::placeholder { color: var(--ods-p-color-neutral-600); } .input-label--SgrVP { display: none; } .input-container--VQyxz { flex: 1 1; } .search-button--zkV9Y { display: flex; align-items: center; background-color: var(--ods-p-color-primary-300); border-color: var(--ods-p-color-primary-300); border-radius: 0 var(--ods-p-dimension-2) var(--ods-p-dimension-2) 0; width: 55px; cursor: pointer; justify-content: center; margin: 0; } .search-button--zkV9Y:hover { background-color: var(--ods-p-color-primary-400); border-color: var(--ods-p-color-primary-400); } .search-button--zkV9Y:disabled { color: var(--ods-p-color-neutral-white); } .search-button--zkV9Y:disabled:hover { background-color: var(--ods-p-color-primary-300); border-color: var(--ods-p-color-primary-300); } .enter--YNxGs { opacity: 0; } .enterActive--Va7Uh { opacity: 1; transition: opacity 200ms; } .exit--xLFSq { opacity: 1; flex: 0 1; width: 0; } .exitActive--MWlwb { opacity: 0; transition: flex 200ms opacity 200ms; flex: 0 1; width: 0; } /* stylelint-disable */ .wrapper--smCxh { align-items: center; display: none; } @media (min-width: 1192px) { .wrapper--smCxh { display: flex; } } @media (min-width: 1192px) { .wrapper--smCxh.variant1--C4PqB { padding-left: 20px; display: flex; } } .wrapper--smCxh > .search-icon--YKray { height: 24px; width: 24px; } /* stylelint-disable */ .nav-container--PtSfY { background-color: var(--ods-s-background-color-dark); color: var(--ods-p-color-neutral-white); font-family: var(--ods-p-font-family-secondary); font-weight: var(--ods-p-font-weight-regular); font-size: 0.875rem; height: var(--ods-p-dimension-60); position: sticky; top: 0; z-index: 6; padding: 0 var(--ods-p-dimension-20); } @media (min-width: 768px) { .nav-container--PtSfY { padding: 0 var(--ods-p-dimension-32); } } .nav--rHW3l { display: flex; flex-direction: row; height: 100%; } @media (min-width: 1360px) { .nav--rHW3l { margin-left: auto; margin-right: auto; max-width: 1296px; } } .menu--_u51h { flex: 1 1; } .menu--_u51h.smallerMenuFont--rMPiG { font-size: 12px; } @media (min-width: 1360px) { .menu--_u51h.smallerMenuFont--rMPiG { font-size: inherit; } } .cart--U5to6 { cursor: pointer; height: 100%; max-width: var(--ods-p-dimension-48); min-width: var(--ods-p-dimension-48); padding-left: var(--ods-p-dimension-16); } .cart--U5to6 ods-icon-asset, .cart--U5to6 ods-svg-asset { color: var(--ods-p-color-neutral-white); width: var(--ods-p-dimension-24); } /* stylelint-disable */ .placeholder--j8ES3 { background-color: var(--ods-s-background-color-dark); height: 910px; } @media (min-width: 768px) { .placeholder--j8ES3 { height: 639px; } } /* stylelint-disable */ .placeholder--zsNWh { background-color: var(--ods-s-background-color-light); border-bottom: 1px solid #ccc; display: flex; height: 60px; } @media (min-width: 768px) { .placeholder--zsNWh { height: 120px; } } @layer third-party { /* Variables declaration */ /* prettier-ignore */ .root--x6vuj { --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */ --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */ --rdp-day-height: 44px; /* The height of the day cells. */ --rdp-day-width: 44px; /* The width of the day cells. */ --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */ --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */ --rdp-day_button-height: 42px; /* The height of the day cells. */ --rdp-day_button-width: 42px; /* The width of the day cells. */ --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */ --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */ --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */ --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */ --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */ --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */ --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */ --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */ --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */ --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */ --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */ --rdp-range_middle-color: inherit; /* The color of the range text. */ --rdp-range_start-color: white; /* The color of the range text. */ --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */ --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */ --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */ --rdp-range_end-color: white; /* The color of the range text. */ --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */ --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */ --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */ --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */ --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */ --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */ --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */ --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */ --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */ --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */ --rdp-gradient-direction: 90deg; --rdp-animation_duration: 0.3s; --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1); } .root--x6vuj[dir=rtl] { --rdp-gradient-direction: -90deg; } .root--x6vuj[data-broadcast-calendar=true] { --rdp-outside-opacity: unset; } /* Root of the component. */ .root--x6vuj { position: relative; /* Required to position the navigation toolbar. */ box-sizing: border-box; } .root--x6vuj * { box-sizing: border-box; } .day--qpT35 { width: var(--rdp-day-width); height: var(--rdp-day-height); text-align: center; } .day_button--PbATV { background: none; padding: 0; margin: 0; cursor: pointer; font: inherit; color: inherit; justify-content: center; align-items: center; display: flex; width: var(--rdp-day_button-width); height: var(--rdp-day_button-height); border: var(--rdp-day_button-border); border-radius: var(--rdp-day_button-border-radius); } .day_button--PbATV:disabled { cursor: revert; } .caption_label--WJx_k { z-index: 1; position: relative; display: inline-flex; align-items: center; white-space: nowrap; border: 0; } .dropdown--EPYij:focus-visible ~ .caption_label--WJx_k { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; } .button_next--Otlkx, .button_previous--05ffS { border: none; background: none; padding: 0; margin: 0; cursor: pointer; font: inherit; color: inherit; -moz-appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; position: relative; appearance: none; width: var(--rdp-nav_button-width); height: var(--rdp-nav_button-height); } .button_next--Otlkx:disabled, .button_next--Otlkx[aria-disabled=true], .button_previous--05ffS:disabled, .button_previous--05ffS[aria-disabled=true] { cursor: revert; opacity: var(--rdp-nav_button-disabled-opacity); } .chevron--BErV8 { display: inline-block; fill: var(--rdp-accent-color); } .root--x6vuj[dir=rtl] .nav--_tfmU .chevron--BErV8 { transform: rotate(180deg); transform-origin: 50%; } .dropdowns--CjVfl { position: relative; display: inline-flex; align-items: center; gap: var(--rdp-dropdown-gap); } .dropdown--EPYij { z-index: 2; /* Reset */ opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; inset-block-start: 0; inset-block-end: 0; inset-inline-start: 0; width: 100%; margin: 0; padding: 0; cursor: inherit; border: none; line-height: inherit; } .dropdown_root--NIeLR { position: relative; display: inline-flex; align-items: center; } .dropdown_root--NIeLR[data-disabled=true] .chevron--BErV8 { opacity: var(--rdp-disabled-opacity); } .month_caption--b3YMt { display: flex; align-content: center; height: var(--rdp-nav-height); font-weight: bold; font-size: large; } .root--x6vuj[data-nav-layout=around] .month--ZjTXf, .root--x6vuj[data-nav-layout=after] .month--ZjTXf { position: relative; } .root--x6vuj[data-nav-layout=around] .month_caption--b3YMt { justify-content: center; margin-inline-start: var(--rdp-nav_button-width); margin-inline-end: var(--rdp-nav_button-width); position: relative; } .root--x6vuj[data-nav-layout=around] .button_previous--05ffS { position: absolute; inset-inline-start: 0; top: 0; height: var(--rdp-nav-height); display: inline-flex; } .root--x6vuj[data-nav-layout=around] .button_next--Otlkx { position: absolute; inset-inline-end: 0; top: 0; height: var(--rdp-nav-height); display: inline-flex; justify-content: center; } .months--HWtgh { position: relative; display: flex; flex-wrap: wrap; gap: var(--rdp-months-gap); max-width: -moz-fit-content; max-width: fit-content; } .month_grid--hzeCd { border-collapse: collapse; } .nav--_tfmU { position: absolute; inset-block-start: 0; inset-inline-end: 0; display: flex; align-items: center; height: var(--rdp-nav-height); } .weekday--oyZWC { opacity: var(--rdp-weekday-opacity); padding: var(--rdp-weekday-padding); font-weight: 500; font-size: smaller; text-align: var(--rdp-weekday-text-align); text-transform: var(--rdp-weekday-text-transform); } .week_number--ECho2 { opacity: var(--rdp-week_number-opacity); font-weight: 400; font-size: small; height: var(--rdp-week_number-height); width: var(--rdp-week_number-width); border: var(--rdp-week_number-border); border-radius: var(--rdp-week_number-border-radius); text-align: var(--rdp-weeknumber-text-align); } /* DAY MODIFIERS */ .today--zMZ7y:not(.outside--ZX2wT) { color: var(--rdp-today-color); } .selected--szYqS { font-weight: bold; font-size: large; } .selected--szYqS .day_button--PbATV { border: var(--rdp-selected-border); } .outside--ZX2wT { opacity: var(--rdp-outside-opacity); } .disabled--kfffr { opacity: var(--rdp-disabled-opacity); } .hidden--qbai8 { visibility: hidden; color: var(--rdp-range_start-color); } .range_start--rSUyQ { background: var(--rdp-range_start-background); } .range_start--rSUyQ .day_button--PbATV { background-color: var(--rdp-range_start-date-background-color); color: var(--rdp-range_start-color); } .range_middle--IskOI { background-color: var(--rdp-range_middle-background-color); } .range_middle--IskOI .day_button--PbATV { border-color: transparent; border: unset; border-radius: unset; color: var(--rdp-range_middle-color); } .range_end--j3tH4 { background: var(--rdp-range_end-background); color: var(--rdp-range_end-color); } .range_end--j3tH4 .day_button--PbATV { color: var(--rdp-range_start-color); background-color: var(--rdp-range_end-date-background-color); } .range_start--rSUyQ.range_end--j3tH4 { background: revert; } .focusable--raAbW { cursor: pointer; } @keyframes rdp-slide_in_left--HvxgH { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes rdp-slide_in_right--q_k2z { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes rdp-slide_out_left--UPZR2 { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes rdp-slide_out_right--a2OB6 { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } .weeks_before_enter--ize6J { animation: rdp-slide_in_left--HvxgH var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .weeks_before_exit--MalZX { animation: rdp-slide_out_left--UPZR2 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .weeks_after_enter--zWLX9 { animation: rdp-slide_in_right--q_k2z var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .weeks_after_exit--osnSZ { animation: rdp-slide_out_right--a2OB6 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .root--x6vuj[dir=rtl] .weeks_after_enter--zWLX9 { animation: rdp-slide_in_left--HvxgH var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .root--x6vuj[dir=rtl] .weeks_before_exit--MalZX { animation: rdp-slide_out_right--a2OB6 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .root--x6vuj[dir=rtl] .weeks_before_enter--ize6J { animation: rdp-slide_in_right--q_k2z var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .root--x6vuj[dir=rtl] .weeks_after_exit--osnSZ { animation: rdp-slide_out_left--UPZR2 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } @keyframes rdp-fade_in--YMC2b { from { opacity: 0; } to { opacity: 1; } } @keyframes rdp-fade_out--Y6Jxi { from { opacity: 1; } to { opacity: 0; } } .caption_after_enter--hmSpF { animation: rdp-fade_in--YMC2b var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .caption_after_exit--ScrwW { animation: rdp-fade_out--Y6Jxi var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .caption_before_enter--M2x9Y { animation: rdp-fade_in--YMC2b var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } .caption_before_exit--m9UA9 { animation: rdp-fade_out--Y6Jxi var(--rdp-animation_duration) var(--rdp-animation_timing) forwards; } } /* stylelint-disable */ @layer ods.components.DatePicker { .root--xlHyA { /* Unset properties that are not needed or interfere with tokens */ --rdp-accent-color: unset; --rdp-background-color-dark: unset; --rdp-font-family: unset; --rdp-day-font: unset; --rdp-disabled-opacity: unset; --rdp-outside-opacity: unset; --rdp-nav_button-disabled-opacity: unset; --rdp-month_caption-font: unset; --rdp-selected-font: unset; --rdp-nav_button-height: unset; --rdp-selected-border: unset; --rdp-nav_button-width: unset; /* End unset */ --rdp-range_middle-background-color: var(--ods-c-calendar-range-middle-background-color); } .dropdown_root--mO6xA { height: 100%; } .dropdowns--kvMQR { padding-left: var(--ods-c-calendar-month-captions-left-spacing); } .dropdown--dIWqB { cursor: pointer; } .dropdown--dIWqB:focus-visible ~ .caption_label--JiDz8 { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } .weekday--DjAjZ { padding: var(--ods-c-calendar-weekdays-inner-spacing); text-transform: var(--ods-c-calendar-weekdays-text-transform); } .caption_label--JiDz8 { -moz-column-gap: var(--ods-c-calendar-dropdown-text-to-icon-gap); column-gap: var(--ods-c-calendar-dropdown-text-to-icon-gap); outline: none; } .day_button--FEv9Q { background-color: var(--P_day-action-background-color_44ed); position: relative; z-index: 1; } .button_next--sMXa4[disabled], .button_previous--W6tex[disabled], .day_button--FEv9Q[disabled] { cursor: not-allowed; } .button_next--sMXa4, .button_previous--W6tex { margin-top: 20px; } .months--urK1d { max-width: none; min-width: var(--ods-o-calendar-min-width, var(--ods-c-calendar-min-width)); } .month--Zjpqn { width: 100%; padding: var(--ods-o-calendar-inner-spacing, var(--ods-c-calendar-dropdown-spacing)); } .month_grid--qEDR2 { table-layout: fixed; width: var(--ods-c-calendar-month-width); } .month_caption--_hC1d { height: auto; margin-bottom: var(--ods-c-calendar-month-caption-bottom-spacing); } .day--mRGTc { justify-items: center; padding: 0; --rdp-day_button-border: 1px solid var(--P_day-action-border-color_44ed); --rdp-day_button-border-radius: var(--ods-c-calendar-day-cell-border-radius); /* Token */ --rdp-day-width: var(--ods-c-calendar-day-cell-width); --rdp-day-height: var(--ods-c-calendar-day-cell-height); --rdp-day_button-width: var(--ods-c-calendar-day-cell-width); --rdp-day_button-height: var(--ods-c-calendar-day-cell-height); --P_day-action-border-color_44ed: var(--ods-c-calendar-day-cell-action-border-color); --P_day-action-background-color_44ed: var(--ods-c-calendar-day-cell-action-background-color); --ods-c-text-body-color: var(--ods-c-calendar-day-cell-text-color); } .day--mRGTc:not(.range_middle--Gz1Pb, .disabled--RFIZH):hover { --rdp-day-width: var(--ods-c-calendar-day-cell-is-hover-width, var(--ods-c-calendar-day-cell-width)); --rdp-day-height: var(--ods-c-calendar-day-cell-is-hover-height, var(--ods-c-calendar-day-cell-height)); --rdp-day_button-width: var(--ods-c-calendar-day-cell-is-hover-width, var(--ods-c-calendar-day-cell-width)); --rdp-day_button-height: var(--ods-c-calendar-day-cell-is-hover-height, var(--ods-c-calendar-day-cell-height)); --P_day-action-border-color_44ed: var(--ods-c-calendar-day-cell-is-hover-action-border-color, var(--ods-c-calendar-day-cell-action-border-color)); --P_day-action-background-color_44ed: var(--ods-c-calendar-day-cell-is-hover-action-background-color, var(--ods-c-calendar-day-cell-action-background-color)); --ods-c-text-body-color: var(--ods-c-calendar-day-cell-is-hover-text-color, var(--ods-c-calendar-day-cell-text-color)); } .day--mRGTc.focused--PXURt, .day--mRGTc:has(> :focus) { --rdp-day-width: var(--ods-c-calendar-day-cell-is-focused-width, var(--ods-c-calendar-day-cell-width)); --rdp-day-height: var(--ods-c-calendar-day-cell-is-focused-height, var(--ods-c-calendar-day-cell-height)); --rdp-day_button-width: var(--ods-c-calendar-day-cell-is-focused-width, var(--ods-c-calendar-day-cell-width)); --rdp-day_button-height: var(--ods-c-calendar-day-cell-is-focused-height, var(--ods-c-calendar-day-cell-height)); --P_day-action-border-color_44ed: var(--ods-c-calendar-day-cell-is-focused-action-border-color, var(--ods-c-calendar-day-cell-action-border-color)); --P_day-action-background-color_44ed: var(--ods-c-calendar-day-cell-is-focused-action-background-color, var(--ods-c-calendar-day-cell-action-background-color)); --ods-c-text-body-color: var(--ods-c-calendar-day-cell-is-focused-text-color, var(--ods-c-calendar-day-cell-text-color)); } .day--mRGTc.selected--hg_qT:not(.range_middle--Gz1Pb) { --rdp-day-width: var(--ods-c-calendar-day-cell-is-selected-width, var(--ods-c-calendar-day-cell-width)); --rdp-day-height: var(--ods-c-calendar-day-cell-is-selected-height, var(--ods-c-calendar-day-cell-height)); --rdp-day_button-width: var(--ods-c-calendar-day-cell-is-selected-width, var(--ods-c-calendar-day-cell-width)); --rdp-day_button-height: var(--ods-c-calendar-day-cell-is-selected-height, var(--ods-c-calendar-day-cell-height)); --P_day-action-border-color_44ed: var(--ods-c-calendar-day-cell-is-selected-action-border-color, var(--ods-c-calendar-day-cell-action-border-color)); --P_day-action-background-color_44ed: var(--ods-c-calendar-day-cell-is-selected-action-background-color, var(--ods-c-calendar-day-cell-action-background-color)); --ods-c-text-body-color: var(--ods-c-calendar-day-cell-is-selected-text-color, var(--ods-c-calendar-day-cell-text-color)); } .day--mRGTc.disabled--RFIZH { --rdp-day-width: var(--ods-c-calendar-day-cell-is-disabled-width, var(--ods-c-calendar-day-cell-width)); --rdp-day-height: var(--ods-c-calendar-day-cell-is-disabled-height, var(--ods-c-calendar-day-cell-height)); --rdp-day_button-width: var(--ods-c-calendar-day-cell-is-disabled-width, var(--ods-c-calendar-day-cell-width)); --rdp-day_button-height: var(--ods-c-calendar-day-cell-is-disabled-height, var(--ods-c-calendar-day-cell-height)); --P_day-action-border-color_44ed: var(--ods-c-calendar-day-cell-is-disabled-action-border-color, var(--ods-c-calendar-day-cell-action-border-color)); --P_day-action-background-color_44ed: var(--ods-c-calendar-day-cell-is-disabled-action-background-color, var(--ods-c-calendar-day-cell-action-background-color)); --ods-c-text-body-color: var(--ods-c-calendar-day-cell-is-disabled-text-color, var(--ods-c-calendar-day-cell-text-color)); } .day--mRGTc.range_middle--Gz1Pb { --ods-c-text-body-color: var(--ods-c-calendar-range-middle-text-color); } } @layer resets { :where(.responsive-images--aGSvL) :where(img, picture), :where(.responsive-images--aGSvL):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--gN9i1) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--gN9i1) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--gN9i1) *, :where(.ds-reset--gN9i1) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--gN9i1) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--gN9i1) *, :where(.ds-reset--gN9i1) *::before, :where(.ds-reset--gN9i1) *::after, :where(.ds-reset--gN9i1)::before, :where(.ds-reset--gN9i1)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--gN9i1) :where(a), :where(.ds-reset--gN9i1):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--gN9i1) :where(a[href]:hover), :where(.ds-reset--gN9i1):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--gN9i1) :where(strong), :where(.ds-reset--gN9i1):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--gN9i1) :where([role=link], [role=button], a, button), :where(.ds-reset--gN9i1):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--gN9i1) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--gN9i1):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--gN9i1) :where(:focus), :where(.ds-reset--gN9i1):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--gN9i1) :where(:focus-visible), :where(.ds-reset--gN9i1):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ @layer ods.components.Option { .sub-text--BDUWN, .main-text--DE1T8 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container--Y0bCK { --P_option-vertical-padding_bcd4: var(--ods-c-option-vertical-spacing); --P_option-horizontal-padding_bcd4: var(--ods-c-option-horizontal-spacing); --P_option-sub-text-color_bcd4: var(--ods-c-option-subtext-color); background-color: var(--P_option-background-color_bcd4); color: var(--P_option-color_bcd4); cursor: var(--ods-o-option-cursor, default); display: block; overflow: hidden; padding: var(--P_option-vertical-padding_bcd4) var(--P_option-horizontal-padding_bcd4); position: relative; text-align: left; text-overflow: ellipsis; text-wrap: nowrap; white-space: nowrap; width: 100%; } @media (hover: hover) and (pointer: fine) { .container--Y0bCK:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover { --P_option-text-decoration_bcd4: var(--ods-c-option-is-hover-text-decoration-line, var(--ods-c-option-text-decoration-line)); } } .container--Y0bCK:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus { --P_option-text-decoration_bcd4: var(--ods-c-option-is-hover-text-decoration-line, var(--ods-c-option-text-decoration-line)); } .content--rqkAU { display: flex; align-items: center; gap: var(--P_option-gap_bcd4); } .has-icon--ChZQo { --P_option-gap_bcd4: var(--ods-c-option-icon-to-text-gap); } .has-checkbox--ya0cX { --P_option-gap_bcd4: var(--ods-c-option-graphic-to-text-gap); } .graphic-container--YfqLd { display: flex; align-items: center; max-height: 1lh; pointer-events: none; } .text-container--etFgf { display: flex; flex-direction: column; flex: 1 1; min-width: 0; } .main-text--DE1T8 { -webkit-text-decoration: var(--P_option-text-decoration_bcd4); text-decoration: var(--P_option-text-decoration_bcd4); } .sub-text--BDUWN { --ods-c-text-body-color: var(--P_option-sub-text-color_bcd4); -webkit-text-decoration: var(--P_option-text-decoration_bcd4); text-decoration: var(--P_option-text-decoration_bcd4); } .has-sub-text--z0721 { --P_option-vertical-padding_bcd4: var(--ods-c-option-is-sub-text-vertical-spacing, var(--ods-c-option-vertical-spacing)); --P_option-horizontal-padding_bcd4: var(--ods-c-option-is-sub-text-horizontal-spacing, var(--ods-c-option-horizontal-spacing)); } .is-neutral--hhWsR { --P_option-background-color_bcd4: var(--ods-c-option-background-color); --P_option-color_bcd4: var(--ods-c-option-color); --P_option-text-decoration_bcd4: var(--ods-c-option-text-decoration-line); } @media (hover: hover) and (pointer: fine) { .is-neutral--hhWsR:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover { --P_option-background-color_bcd4: var(--ods-c-option-is-hover-background-color, var(--ods-c-option-background-color)); } } .is-neutral--hhWsR:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus { --P_option-background-color_bcd4: var(--ods-c-option-is-hover-background-color, var(--ods-c-option-background-color)); } .is-active--ztDHZ { --P_option-background-color_bcd4: var(--ods-c-option-is-active-background-color, var(--ods-c-option-background-color)); --P_option-text-decoration_bcd4: var(--ods-c-option-is-active-text-decoration-line, var(--ods-c-option-text-decoration-line)); --P_option-color_bcd4: var(--ods-c-option-color); } .is-selected--SbTCV { --P_option-background-color_bcd4: var(--ods-c-option-is-selected-background-color, var(--ods-c-option-background-color)); --P_option-color_bcd4: var(--ods-c-option-is-selected-color, var(--ods-c-option-color)); --P_option-sub-text-font-weight_bcd4: var(--ods-c-option-is-selected-font-weight, var(--ods-c-option-font-weight)); --ods-c-text-body-font-weight: var(--P_option-sub-text-font-weight_bcd4); } @media (hover: hover) and (pointer: fine) { .is-selected--SbTCV:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover { --P_option-background-color_bcd4: var(--ods-c-option-is-hover-selected-background-color, var(--ods-c-option-background-color)); } } .is-selected--SbTCV:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus { --P_option-background-color_bcd4: var(--ods-c-option-is-hover-selected-background-color, var(--ods-c-option-background-color)); } @media (hover: hover) and (pointer: fine) { .container--Y0bCK:disabled:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover, .container--Y0bCK[aria-disabled=true]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover, .container--Y0bCK[inert]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover, .container--Y0bCK:where(a):not([href]):not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover { --P_option-background-color_bcd4: var(--ods-c-option-background-color); --P_option-text-decoration_bcd4: var(--ods-c-option-text-decoration-line); } } .container--Y0bCK:disabled:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus, .container--Y0bCK[aria-disabled=true]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus, .container--Y0bCK[inert]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus, .container--Y0bCK:where(a):not([href]):not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus { --P_option-background-color_bcd4: var(--ods-c-option-background-color); --P_option-text-decoration_bcd4: var(--ods-c-option-text-decoration-line); } .container--Y0bCK:disabled.is-active--ztDHZ, .container--Y0bCK[aria-disabled=true].is-active--ztDHZ, .container--Y0bCK[inert].is-active--ztDHZ, .container--Y0bCK:where(a):not([href]).is-active--ztDHZ { --P_option-background-color_bcd4: var(--ods-s-background-color-disabled); --P_option-text-decoration_bcd4: var(--ods-c-option-text-decoration-line); } .container--Y0bCK:disabled, .container--Y0bCK[aria-disabled=true], .container--Y0bCK[inert], .container--Y0bCK:where(a):not([href]) { --P_option-color_bcd4: var(--ods-s-text-color-disabled); --P_option-sub-text-color_bcd4: var(--ods-s-text-color-disabled); cursor: var(--ods-o-option-is-disabled-cursor, not-allowed); } } @layer resets { :where(.responsive-images--gzTMS) :where(img, picture), :where(.responsive-images--gzTMS):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--eyJia) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--eyJia) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--eyJia) *, :where(.ds-reset--eyJia) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--eyJia) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--eyJia) *, :where(.ds-reset--eyJia) *::before, :where(.ds-reset--eyJia) *::after, :where(.ds-reset--eyJia)::before, :where(.ds-reset--eyJia)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--eyJia) :where(a), :where(.ds-reset--eyJia):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--eyJia) :where(a[href]:hover), :where(.ds-reset--eyJia):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--eyJia) :where(strong), :where(.ds-reset--eyJia):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--eyJia) :where([role=link], [role=button], a, button), :where(.ds-reset--eyJia):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--eyJia) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--eyJia):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--eyJia) :where(:focus), :where(.ds-reset--eyJia):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--eyJia) :where(:focus-visible), :where(.ds-reset--eyJia):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ @layer ods.components.Listbox { .listbox-container--pKXVa :focus, .listbox-container--pKXVa :focus-visible { outline: none; } .listbox-container--pKXVa:has(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } .listbox-container--pKXVa { --P_list-item-height_8dda: var(--ods-c-listbox-item-height); --P_list-max-height_8dda: var(--P_list-item-height_8dda) * 5.616; background-color: var(--ods-c-listbox-background-color); border: var(--ods-c-listbox-border-width) solid var(--ods-c-listbox-border-color); border-radius: var(--ods-c-listbox-border-radius); width: var(--ods-o-listbox-width, var(--ods-c-listbox-width)); overflow: hidden; } .listbox--eZoQ6 { /* ul-reset */ display: grid; list-style: none; max-height: round(var(--P_list-max-height_8dda), 1px); overflow-y: auto; padding: 0; position: relative; isolation: isolate; z-index: 1; row-gap: var(--ods-c-listbox-elements-gap); } .status--ho51N { color: var(--ods-c-listbox-status-color); overflow: hidden; padding: var(--ods-c-listbox-status-vertical-spacing) var(--ods-c-listbox-status-horizontal-spacing); position: relative; text-overflow: ellipsis; text-wrap: nowrap; white-space: nowrap; } .options-attribution--g_5ZH { background-color: var(--ods-c-listbox-background-color); display: flex; justify-content: flex-end; padding: var(--ods-c-listbox-attribution-vertical-spacing) var(--ods-c-listbox-attribution-horizontal-spacing); } .footer--Y12E_ { background-color: var(--ods-c-listbox-footer-background-color); color: var(--ods-c-listbox-footer-color); padding: var(--ods-c-listbox-footer-vertical-spacing) var(--ods-c-listbox-footer-horizontal-spacing); } } /* stylelint-disable */ @layer ods.components.Spinner { .loading--ttLKi { animation: rotate-animation--NJfIw 1.6s infinite linear; overflow: visible; position: relative; width: var(--ods-c-spinner-width); } .spinner--Ruvg2 { animation-direction: reverse; animation-duration: 1.6s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: loading--animation--ZpZI1; animation-timing-function: ease-in-out; fill: none; stroke: var(--ods-c-spinner-color); stroke-dasharray: var(--ods-c-spinner-stroke-dash-array); stroke-dashoffset: 0; stroke-linecap: round; stroke-width: var(--ods-c-spinner-stroke-width); transform-origin: 50% 50%; vector-effect: non-scaling-stroke; } @keyframes rotate-animation--NJfIw { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes loading--animation--ZpZI1 { 0%, 25% { stroke-dashoffset: 16; transform: rotate(270deg); } 50%, 75% { stroke-dashoffset: 58; transform: rotate(315deg); } 100% { stroke-dashoffset: 16; transform: rotate(-90deg); } } } @layer ods.components.SubText { .sub-text--WgIp1 { align-items: flex-start; color: var(--P_subtext-color_8dda); display: flex; gap: 4px; margin-left: var(--P_subtext-margin-left_8dda); margin-top: var(--P_subtext-margin-top_8dda); transition-delay: 0s; transition-duration: 0.2s; transition-property: color; transition-timing-function: ease-out; } .icon--I5rZc { flex-shrink: 0; margin-top: var(--P_subtext-icon-margin-top_8dda); } } /* stylelint-disable */ .input-container--Y1nSc, .input-canvas--OJkTS, .container--TZt_9 { height: var(--P_input-filled-height_8dda); } @layer ods.components.TextBody; @layer ods.components.IconAction; @layer ods.components.Input { .root-state--G5X0J { --P_input-placeholder-color_8dda: var(--ods-c-input-placeholder-color); --P_label-scale-ratio_8dda: var(--ods-c-input-label-scale); --P_label-padding-top_8dda: var(--ods-c-input-label-top-spacing); --P_label-padding-bottom_8dda: var(--ods-c-input-canvas-bottom-inner-spacing); --P_label-color_8dda: var(--ods-c-input-label-color); --P_label-font-weight_8dda: var(--ods-c-input-label-font-weight); --P_label-background-color_8dda: transparent; --P_icon-color_8dda: var(--ods-c-input-icon-color); --P_input-background-color_8dda: var(--ods-c-input-background-color); --P_input-border-color_8dda: var(--ods-c-input-border-color); --P_input-overflow_8dda: auto; --P_input-padding-top_8dda: var(--ods-c-input-canvas-top-inner-spacing); --P_input-padding-bottom_8dda: var(--ods-c-input-canvas-bottom-inner-spacing); --P_input-padding-left_8dda: var(--ods-c-input-canvas-horizontal-inner-spacing); --P_input-padding-right_8dda: var(--ods-c-input-canvas-horizontal-inner-spacing); --P_canvas-top-inner-spacing_8dda: var(--ods-c-input-canvas-top-inner-spacing); --P_canvas-bottom-inner-spacing_8dda: var(--ods-c-input-canvas-bottom-inner-spacing); --P_canvas-left-inner-spacing_8dda: var(--ods-c-input-canvas-left-inner-spacing); --P_canvas-right-inner-spacing_8dda: var(--ods-c-input-canvas-right-inner-spacing); --P_subtext-color_8dda: var(--ods-c-input-subtext-color); --P_subtext-icon-margin-top_8dda: var(--ods-c-input-subtext-icon-margin-top); --P_cursor_8dda: text; --P_icon-button-cursor_8dda: pointer; --P_corner-text-color_8dda: var(--ods-c-input-corner-color); --P_pop-up-display_8dda: none; --P_subtext-margin-left_8dda: 0; --ods-o-option-cursor: pointer; --P_input-filled-height_8dda: unset; --P_textbox-height_8dda: var(--ods-o-input-textbox-height); --P_textbox-top-spacing_8dda: var(--ods-c-input-textbox-top-spacing); --P_textbox-right-spacing_8dda: var(--ods-c-input-textbox-right-spacing); --P_textbox-bottom-spacing_8dda: var(--ods-c-input-textbox-bottom-spacing); --P_textbox-left-spacing_8dda: var(--ods-c-input-textbox-left-spacing); --P_textbox-padding-left_8dda: var(--P_textbox-left-spacing_8dda); --P_textbox-min-height_8dda: var(--ods-o-input-textbox-min-height); --P_textbox-max-height_8dda: var(--ods-o-input-textbox-max-height); --P_textbox-min-width_8dda: var(--ods-o-input-textbox-min-width, 5ch); } .root-state--G5X0J:not(.has-renderable-value--uG7dE) { --P_input-color_8dda: transparent; } .has-label--Vb9Bn { --P_input-placeholder-color_8dda: transparent; } .has-focus--zEAjb:not(.is-button--KsX0C), .has-renderable-value--uG7dE { --P_label-color_8dda: var(--ods-c-input-is-label-collapsed-label-color, var(--ods-c-input-label-color)); --P_label-font-weight_8dda: var(--ods-c-input-is-label-collapsed-label-font-weight, var(--ods-c-input-label-font-weight)); --P_label-padding-top_8dda: var(--ods-c-input-is-label-collapsed-label-top-spacing, var(--ods-c-input-label-top-spacing)); --P_label-padding-bottom_8dda: 0; --P_label-scale-ratio_8dda: var(--ods-c-input-is-label-collapsed-label-scale, var(--ods-c-input-label-scale)); --P_input-placeholder-color_8dda: var(--ods-c-input-placeholder-color); --P_input-color_8dda: var(--ods-c-input-color); } .is-dimmed-on-blur--OsLKV:not(.has-focus--zEAjb) { --P_input-color_8dda: var(--ods-c-input-placeholder-color); } .is-button--KsX0C { --P_cursor_8dda: pointer; --P_input-text-overflow_8dda: ellipsis; --P_input-overflow_8dda: hidden; --P_input-white-space_8dda: nowrap; } .is-disabled--mLzk2 { --P_corner-text-color_8dda: var(--ods-c-input-is-disabled-corner-color, var(--ods-c-input-corner-color)); --P_subtext-color_8dda: var(--ods-c-input-is-disabled-subtext-color, var(--ods-c-input-subtext-color)); --P_label-color_8dda: var(--ods-c-input-is-disabled-label-color, var(--ods-c-input-label-color)); --P_label-background-color_8dda: transparent; --P_input-background-color_8dda: var(--ods-c-input-is-disabled-background-color, var(--ods-c-input-background-color)); --P_input-color_8dda: var(--ods-c-input-is-disabled-color, var(--ods-c-input-color)); --P_icon-color_8dda: var(--ods-c-input-is-disabled-icon-color, var(--ods-c-input-icon-color)); --P_cursor_8dda: not-allowed; --P_icon-button-cursor_8dda: not-allowed; --ods-o-option-cursor: not-allowed; } .is-invalid--TiPnJ { --P_input-border-color_8dda: var(--ods-c-input-is-invalid-border-color, var(--ods-c-input-border-color)); --P_subtext-color_8dda: var(--ods-c-input-is-invalid-subtext-color, var(--ods-c-input-subtext-color)); --P_corner-text-color_8dda: var(--ods-c-input-is-invalid-corner-color, var(--ods-c-input-corner-color)); } .is-valid--fH5W4 { --P_input-border-color_8dda: var(--ods-c-input-is-valid-border-color, var(--ods-c-input-border-color)); --P_subtext-color_8dda: var(--ods-c-input-is-valid-subtext-color, var(--ods-c-input-subtext-color)); --P_corner-text-color_8dda: var(--ods-c-input-is-valid-corner-color, var(--ods-c-input-corner-color)); } .is-corner-invalid--Elqd7 { --P_corner-text-color_8dda: var(--ods-c-input-is-invalid-corner-color, var(--ods-c-input-corner-color)); } .has-label--Vb9Bn { --P_input-padding-top_8dda: var(--ods-c-input-is-label-collapsed-canvas-top-inner-spacing, var(--ods-c-input-canvas-top-inner-spacing)); --P_input-padding-bottom_8dda: var(--ods-c-input-is-label-collapsed-canvas-bottom-inner-spacing, var(--ods-c-input-canvas-bottom-inner-spacing)); --P_canvas-top-inner-spacing_8dda: var(--ods-c-input-is-label-collapsed-canvas-top-inner-spacing, var(--ods-c-input-canvas-top-inner-spacing)); --P_canvas-bottom-inner-spacing_8dda: var(--ods-c-input-is-label-collapsed-canvas-bottom-inner-spacing, var(--ods-c-input-canvas-bottom-inner-spacing)); } .has-filled-height--r2epZ { --P_input-filled-height_8dda: 100%; --P_textbox-height_8dda: var( --ods-o-input-textbox-height, var(--P_input-filled-height_8dda) ); --P_textbox-min-height_8dda: var( --ods-o-input-textbox-min-height, var(--ods-c-field-textbox-min-height, var(--P_input-filled-height_8dda)) ); --P_textbox-max-height_8dda: var( --ods-o-input-textbox-max-height, var(--P_input-filled-height_8dda) ); } .has-controlled-height--sI34u { --P_textbox-height_8dda: var( --ods-o-input-textbox-height, calc(var(--ods-o-input-lines, 1) * 1lh) ); --P_textbox-min-height_8dda: var( --ods-o-input-textbox-min-height, var( --ods-c-field-textbox-min-height, calc(var(--ods-o-input-min-lines, 1) * 1lh) ) ); --P_textbox-max-height_8dda: var( --ods-o-input-textbox-max-height, calc(var(--ods-o-input-max-lines, var(--ods-o-input-lines, 1)) * 1lh) ); } .container--TZt_9 { position: relative; display: flex; flex-direction: column; } .input-canvas--OJkTS :focus, .input-canvas--OJkTS :focus-visible { outline: none; } .input-canvas--OJkTS:has(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } .input-canvas--OJkTS { isolation: isolate; background-color: var(--P_input-background-color_8dda); border-color: var(--P_input-border-color_8dda); border-radius: var(--ods-c-input-border-radius); border-style: solid; border-width: var(--ods-c-input-border-width); gap: var(--ods-c-input-values-gap); flex-wrap: wrap; display: flex; cursor: var(--P_cursor_8dda); overflow: hidden; padding: var(--P_canvas-top-inner-spacing_8dda) var(--P_canvas-right-inner-spacing_8dda) var(--P_canvas-bottom-inner-spacing_8dda) var(--P_canvas-left-inner-spacing_8dda); position: relative; } .chip-list--DhLKL { display: contents; } .chip-list--DhLKL > :first-child { margin-left: var(--P_textbox-left-spacing_8dda); } .has-chips--c5Aoh { --P_textbox-padding-left_8dda: 0; } .input-focal-point--TjjMc { align-items: center; flex: 1 1; display: flex; gap: var(--ods-c-input-textbox-to-graphics-gap); max-width: 100%; } .input-container--Y1nSc { flex: 1 1; overflow: hidden; } .input--LvslT { transition-delay: 0s; transition-duration: 0.2s; transition-property: border-color; transition-timing-function: ease-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; caret-color: var(--ods-c-input-textbox-caret-color); color: var(--P_input-color_8dda); cursor: var(--P_cursor_8dda); display: var(--P_input-display_8dda, block); overflow: var(--P_input-overflow_8dda); text-align: left; text-overflow: var(--P_input-text-overflow_8dda); white-space: var(--P_input-white-space_8dda); height: var(--P_textbox-height_8dda); min-height: var(--P_textbox-min-height_8dda); max-height: var(--P_textbox-max-height_8dda); min-width: var(--P_textbox-min-width_8dda); width: 100%; padding: var(--P_textbox-top-spacing_8dda) var(--P_textbox-right-spacing_8dda) var(--P_textbox-bottom-spacing_8dda) var(--P_textbox-padding-left_8dda); --ow-formatted-input-caret-color: var(--P_label-color_8dda); --ow-formatted-input-placeholder-color: var(--ods-c-input-placeholder-color); } .input--LvslT::-moz-placeholder { color: var(--P_input-placeholder-color_8dda); } .input--LvslT::placeholder { color: var(--P_input-placeholder-color_8dda); } .input--LvslT { resize: none; } .input--LvslT::-webkit-scrollbar { width: var(--ods-c-input-scrollbar-track-width); } .input--LvslT::-webkit-scrollbar-track { background: var(--ods-c-input-scrollbar-track-color); border-radius: var(--ods-c-input-scrollbar-border-radius); } .input--LvslT::-webkit-scrollbar-thumb { background: var(--ods-c-input-scrollbar-thumb-color); border-radius: var(--ods-c-input-scrollbar-border-radius); } .input--LvslT::-webkit-scrollbar-button:start:decrement, .input--LvslT::-webkit-scrollbar-button:end:increment { display: block; height: 6px; } .input--LvslT[type=search]::-webkit-search-decoration, .input--LvslT[type=search]::-webkit-search-cancel-button, .input--LvslT[type=search]::-webkit-search-results-button, .input--LvslT[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } .label--DvmQG { transition-delay: 0s; transition-duration: 0.2s; transition-property: transform; transition-timing-function: ease-out; will-change: transform; z-index: 1; background-color: var(--P_input-background-color_8dda); color: var(--P_label-color_8dda); display: flex; box-shadow: 0 1px 0 0 var(--P_input-background-color_8dda); left: 0; pointer-events: none; position: absolute; text-align: left; width: calc(100% / var(--P_label-scale-ratio_8dda)); top: 0; transform-origin: top left; transform-box: content-box; transform: translateY(var(--P_label-padding-top_8dda)) scale(var(--P_label-scale-ratio_8dda)); padding-left: var(--P_input-padding-left_8dda); padding-right: var(--P_input-padding-right_8dda); padding-bottom: var(--P_label-padding-bottom_8dda); font-weight: var(--P_label-font-weight_8dda); gap: var(--ods-p-dimension-2); } .label-text--aClog { max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; white-space: nowrap; } .icon-container--JZDnO, .icon-action-container--ZOsUR { z-index: 1; min-width: -moz-fit-content; min-width: fit-content; flex: 0 1; color: var(--P_icon-color_8dda); margin-top: calc(var(--P_canvas-top-inner-spacing_8dda) * -1); margin-bottom: calc(var(--P_canvas-bottom-inner-spacing_8dda) * -1); margin-right: calc(var(--ods-c-input-canvas-right-inner-spacing) * -1); } .icon-container--JZDnO :where(*), .icon-action-container--ZOsUR :where(*) { color: var(--P_icon-color_8dda); } .icon-container--JZDnO { display: flex; gap: var(--ods-c-input-textbox-to-graphics-gap); padding-right: calc(var(--ods-c-input-icon-action-to-right-canvas-edge-spacing) + var(--ods-c-input-canvas-horizontal-inner-spacing) - 1px); pointer-events: none; } .icon-action-container--ZOsUR { --ods-o-icon-action-border-radius: var(--ods-c-input-icon-action-border-radius); --ods-o-icon-action-is-focused-background-color: var(--ods-c-input-is-focused-icon-action-background-color, var(--ods-c-input-icon-action-background-color)); cursor: var(--P_icon-button-cursor_8dda); padding-right: var(--ods-c-input-icon-action-to-right-canvas-edge-spacing); } .action-mask--yB2mK { left: 0; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; } .skip-action--eHsGL { background-color: var(--P_input-background-color_8dda); opacity: 0; pointer-events: none; position: absolute; right: 0; text-decoration: underline; top: 0; z-index: 2; } .skip-action--eHsGL:focus { opacity: 1; pointer-events: auto; } .bottom--D0nMG { display: flex; flex-grow: 1; margin-top: var(--ods-c-input-canvas-to-bottom-gap); } .corner-text--kmzz4 { transition-delay: 0s; transition-duration: 0.2s; transition-property: color; transition-timing-function: ease-out; color: var(--P_corner-text-color_8dda); display: block; margin-left: auto; width: -moz-fit-content; width: fit-content; } } @layer resets { .anchor--bHvpy { display: flex; height: var(--ow-anchor-height); inset: var(--ow-anchor-top, 0) auto auto var(--ow-anchor-left, 0); position: absolute; transform: translate(var(--ow-anchor-x), var(--ow-anchor-y)); width: var(--ow-anchor-width); } } @layer ods.components.PopUp { .pop-up-container--LLgxX { /* Tokenize */ --P_pop-up-container-spacing_8dda: 8px; display: var(--P_pop-up-display_8dda); padding-bottom: var(--P_pop-up-container-spacing_8dda); padding-top: var(--P_pop-up-container-spacing_8dda); } .is-pop-up-expanded--IFnKN { --P_pop-up-display_8dda: flow; } .is-not-pop-up-expanded--YVBOB { --P_pop-up-display_8dda: none; } } /* stylelint-disable */ @layer ods.components.Checkbox { .container--wxuRQ { pointer-events: var(--P_checkbox-pointer-events_8dda); } .root-state--HxLXS { --P_display_8dda: flex; --P_label-color_8dda: var(--ods-c-checkbox-label-color); --P_subtext-color_8dda: var(--ods-c-checkbox-sub-text-color); --P_subtext-margin-top_8dda: var(--ods-p-dimension-8); --P_subtext-icon-margin-top_8dda: var(--ods-c-checkbox-sub-text-icon-margin-top); --P_font-weight_8dda: var(--ods-c-checkbox-font-weight); --P_checkbox-pointer-events_8dda: auto; } .input-container--vfj3n { align-items: flex-start; color: var(--P_label-color_8dda); cursor: pointer; display: var(--P_display_8dda); flex-direction: var(--P_direction_8dda); gap: var(--ods-p-dimension-8); justify-content: var(--P_justify-content_8dda); font-weight: var(--P_font-weight_8dda); transition-delay: 0s; transition-duration: 0.25s; transition-property: color; transition-timing-function: linear; } .input--ZJNY9 { display: none; } .checkmark-container--Serk9 { background-color: transparent; flex-shrink: 0; position: relative; display: flex; } .label--PGZrc { align-self: center; } .is-neutral--dUE9d:not(.is-selected--O5h4E, .is-disabled--Tkeel):hover { --P_label-color_8dda: var(--ods-c-checkbox-is-hover-label-color, var(--ods-c-checkbox-label-color)); } .is-selected--O5h4E { --P_label-color_8dda: var(--ods-c-checkbox-is-selected-label-color, var(--ods-c-checkbox-label-color)); --P_font-weight_8dda: var(--ods-c-checkbox-is-selected-font-weight, var(--ods-c-checkbox-font-weight)); } .is-selected--O5h4E:not(.is-valid--vQ6oB, .is-invalid--Jv_LY, .is-disabled--Tkeel):hover { --P_label-color_8dda: var(--ods-c-checkbox-is-hover-selected-label-color, var(--ods-c-checkbox-label-color)); } .is-disabled--Tkeel { --P_label-color_8dda: var(--ods-c-checkbox-is-disabled-label-color, var(--ods-c-checkbox-label-color)); --P_checkbox-pointer-events_8dda: none; } .is-disabled--Tkeel.is-selected--O5h4E { --P_label-color_8dda: var(--ods-c-checkbox-is-disabled-selected-label-color, var(--ods-c-checkbox-label-color)); } .is-valid--vQ6oB { --P_label-color_8dda: var(--ods-c-checkbox-is-valid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_8dda: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); } .is-valid--vQ6oB.is-selected--O5h4E { --P_label-color_8dda: var(--ods-c-checkbox-is-valid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_8dda: var(--ods-c-checkbox-is-valid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); } .is-invalid--Jv_LY { --P_label-color_8dda: var(--ods-c-checkbox-is-invalid-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_8dda: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); } .is-invalid--Jv_LY.is-selected--O5h4E { --P_label-color_8dda: var(--ods-c-checkbox-is-invalid-selected-label-color, var(--ods-c-checkbox-label-color)); --P_subtext-color_8dda: var(--ods-c-checkbox-is-invalid-sub-text-color, var(--ods-c-checkbox-sub-text-color)); } } .label-direction-right--IZAqF { --P_direction_8dda: row; --P_justify-content_8dda: flex-start; } .label-direction-left--HfAKk { --P_direction_8dda: row-reverse; --P_justify-content_8dda: flex-end; } .is-block--Z26hp { --P_display_8dda: flex; --P_justify-content_8dda: space-between; } @layer resets { .formatted-value-container--hV1n1 { --P_padding-display_7bca: inline; --P_placeholder-display_7bca: inline; --P_input-background-color_7bca: none; background-color: var(--P_input-background-color_7bca, inherit); position: relative; } .formatted-value-container--hV1n1:where(:focus-within) { --P_padding-display_7bca: none; --P_input-background-color_7bca: var(--ow-formatted-input-active-background-color); } .has-padding--lkvNf:where(:not(:focus-within)) { --P_placeholder-display_7bca: none; } .placeholder--bxize { color: var(--ow-formatted-input-placeholder-color, lightgray); display: var(--P_placeholder-display_7bca); } .padding--nUBC1 { display: var(--P_padding-display_7bca); } .input--CB0Xw { caret-color: var(--ow-formatted-input-caret-color, auto); color: transparent; padding: 0; position: absolute; width: 100%; } .group--jDD5r { display: inline; } } @layer ods.components.Input; @layer ods.components.FormattedInput { .textbox--KOggC { --P_input-white-space_8dda: pre; --P_input-display_8dda: inline-flex; --P_input-overflow_8dda: scroll; align-items: center; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .textbox--KOggC::-webkit-scrollbar { display: none; } } @layer resets { .anchor--r4r__ { display: flex; height: var(--ow-anchor-height); inset: var(--ow-anchor-top, 0) auto auto var(--ow-anchor-left, 0); position: absolute; transform: translate(var(--ow-anchor-x), var(--ow-anchor-y)); width: var(--ow-anchor-width); } } /* stylelint-disable */ @layer ods.components.Overlay { .overlay--X0uGh { --ow-overlay-color: var(--ods-c-overlay-background-color); --ow-overlay-opacity: var(--ods-c-overlay-opacity); } } @layer resets { .is-visible--Frz6C { --P_overlay-animation-timing-function_c5b5: ease-in; --P_overlay-animation-duration_c5b5: var( --ow-overlay-transition-in-duration, 250ms ); --P_overlay-animation-delay_c5b5: var(--ow-overlay-transition-in-delay, 0s); --P_overlay-index-animation-delay_c5b5: 0s; --P_overlay-index-animation-duration_c5b5: 0s; } .is-visible--Frz6C::before { opacity: var(--ow-overlay-opacity, 0.5); } .not-visible--g3aW3 { --P_overlay-animation-timing-function_c5b5: ease-out; --P_overlay-animation-duration_c5b5: var( --ow-overlay-transition-out-duration, 200ms ); --P_overlay-animation-delay_c5b5: var(--ow-overlay-transition-out-delay, 0s); --P_overlay-index-animation-delay_c5b5: calc( var(--P_overlay-animation-duration_c5b5) + var(--P_overlay-animation-delay_c5b5) ); --P_overlay-index-animation-duration_c5b5: 0s; } .not-visible--g3aW3::before { opacity: 0; } .is-disabled--YRvEV { --P_overlay-pointer-events_c5b5: none; } .animated--rpqiH { transition: z-index var(--P_overlay-index-animation-duration_c5b5) var(--P_overlay-animation-timing-function_c5b5) var(--P_overlay-index-animation-delay_c5b5), visibility var(--P_overlay-index-animation-duration_c5b5) var(--P_overlay-animation-timing-function_c5b5) var(--P_overlay-index-animation-delay_c5b5); } .animated--rpqiH::before { /* `will-change` attribute is required to tell browsers to promote this element to a composition layer which allows it to optimize the animation with GPU https://web.dev/articles/animations-guide */ will-change: opacity; transform: translateZ(0); transition: opacity var(--P_overlay-animation-duration_c5b5) var(--P_overlay-animation-timing-function_c5b5) var(--P_overlay-animation-delay_c5b5); } .content--QaVNT, .overlay--dsHna::before, .overlay--dsHna { height: var(--P_overlay-height_c5b5); inset: 0; width: var(--P_overlay-width_c5b5); } .overlay--dsHna { visibility: var(--ow-overlay-visibility, visible); z-index: var(--ow-overlay-z-index, 20); pointer-events: var(--P_overlay-pointer-events_c5b5); --P_overlay-width_c5b5: var(--ow-overlay-width, 100%); --P_overlay-height_c5b5: var(--ow-overlay-height, 100%); --P_overlay-overflow_c5b5: var(--ow-overlay-overflow, auto); } .overlay--dsHna::before { background-color: var(--ow-overlay-color, black); content: ""; pointer-events: none; position: absolute; z-index: -1; } @starting-style { .overlay--dsHna { opacity: 0; } } .content--QaVNT { display: grid; overflow: var(--P_overlay-overflow_c5b5); position: relative; pointer-events: var(--P_overlay-pointer-events_c5b5); } .content--QaVNT > * { pointer-events: auto; } .fixed-to-relative--UwXAX { position: absolute; } .fixed-to-page--IVbRU { position: fixed; } } @layer resets { :where(.responsive-images--Lrifo) :where(img, picture), :where(.responsive-images--Lrifo):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--Wr_Q0) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--Wr_Q0) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--Wr_Q0) *, :where(.ds-reset--Wr_Q0) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--Wr_Q0) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--Wr_Q0) *, :where(.ds-reset--Wr_Q0) *::before, :where(.ds-reset--Wr_Q0) *::after, :where(.ds-reset--Wr_Q0)::before, :where(.ds-reset--Wr_Q0)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--Wr_Q0) :where(a), :where(.ds-reset--Wr_Q0):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--Wr_Q0) :where(a[href]:hover), :where(.ds-reset--Wr_Q0):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--Wr_Q0) :where(strong), :where(.ds-reset--Wr_Q0):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--Wr_Q0) :where([role=link], [role=button], a, button), :where(.ds-reset--Wr_Q0):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--Wr_Q0) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--Wr_Q0):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--Wr_Q0) :where(:focus), :where(.ds-reset--Wr_Q0):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--Wr_Q0) :where(:focus-visible), :where(.ds-reset--Wr_Q0):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ @layer ods.components.Popup { .container--PjUpW { --P_popup-align-self_4c3f: auto; --P_popup-justify-self_4c3f: auto; --P_popup-translate-x_4c3f: 0; --P_popup-translate-y_4c3f: 0; --P_popup-outer-overflow_4c3f: var(--ods-o-popup-outer-overflow, visible); --P_popup-outer-space_4c3f: var( --ods-o-popup-outer-spacing, var(--ods-c-popup-outer-spacing) ); --P_popup-inner-space_4c3f: var( --ods-o-popup-inner-spacing, var(--ods-c-popup-inner-spacing) ); --P_popup-horizontal-anchor-width_4c3f: min( var(--ods-o-popup-main-axis-size, var(--ods-c-popup-horizontal-anchor-width)), var(--ods-o-popup-main-axis-max-size, 100%) ); --P_popup-horizontal-anchor-height_4c3f: var( --ods-o-popup-counter-axis-size, 100vh ); --P_popup-vertical-anchor-height_4c3f: min( var(--ods-o-popup-main-axis-size, var(--ods-c-popup-vertical-anchor-height)), var(--ods-o-popup-main-axis-max-size, 100vh) ); --P_popup-vertical-anchor-width_4c3f: var(--ods-o-popup-counter-axis-size, 100%); --P_popup-center-anchor-height_4c3f: var( --ods-o-popup-counter-axis-size, fit-content ); --P_popup-none-anchor-width_4c3f: var(--ods-o-popup-main-axis-size, fit-content); --P_popup-none-anchor-height_4c3f: var( --ods-o-popup-counter-axis-size, fit-content ); --P_popup-border_4c3f: none; --P_popup-border-color_4c3f: var( --ods-o-popup-border-color, var(--ods-c-popup-border-color) ); --P_popup-border-left_4c3f: var(--P_popup-border_4c3f); --P_popup-border-right_4c3f: var(--P_popup-border_4c3f); --P_popup-border-bottom_4c3f: var(--P_popup-border_4c3f); --P_popup-border-top_4c3f: var(--P_popup-border_4c3f); --P_popup-single-border-radius_4c3f: var( --ods-o-popup-border-radius, var(--ods-c-popup-border-radius) ); --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f); --P_popup-background-color_4c3f: var( --ods-o-popup-background-color, var(--ods-c-popup-background-color) ); --P_popup-color_4c3f: var(--ods-o-popup-color, var(--ods-c-popup-color)); --P_popup-translate_4c3f: calc( var(--P_popup-is-hidden_4c3f) * var(--P_popup-direction_4c3f) * 100% ); --P_popup-animation-duration_4c3f: 250ms; --P_popup-overlay-animation-duration_4c3f: 100ms; --ow-overlay-transition-out-delay: calc( var(--P_popup-animation-duration_4c3f) - 45ms ); --ow-overlay-transition-in-duration: calc( var(--P_popup-animation-duration_4c3f) - 10ms ); --ow-overlay-transition-out-duration: var(--P_popup-animation-duration_4c3f); --ow-overlay-visibility: var(--ow-vactivity-visibility, visible); --ow-overlay-z-index: var(--ow-vactivity-z-index, 20); --ow-anchor-arrow-color: var(--P_popup-background-color_4c3f); --ow-anchor-arrow-border-color: var(--P_popup-border-color_4c3f); } @supports (height: 100svh) { .container--PjUpW { --P_popup-vertical-anchor-height_4c3f: min( var(--ods-o-popup-main-axis-size, var(--ods-c-popup-vertical-anchor-height)), 100svh ); --P_popup-horizontal-anchor-height_4c3f: var( --ods-o-popup-counter-axis-size, 100svh ); } } @media (min-width: 480px) { .container--PjUpW { --P_popup-animation-duration_4c3f: 300ms; --P_popup-overlay-animation-duration_4c3f: 150ms; } } @media (prefers-reduced-motion) { .container--PjUpW { --ow-overlay-transition-in-duration: 0s !important; --ow-overlay-transition-out-duration: 0s !important; --ow-overlay-transition-in-delay: 0s !important; --ow-overlay-transition-out-delay: 0s !important; --P_popup-animation-duration_4c3f: 0s !important; --P_popup-animation-delay_4c3f: 0s !important; } } .readonly-state--zQtPT { /* ods-ro are readonly properties. Overriding them has no effect */ --ods-ro-popup-animation-delay: var(--P_popup-animation-delay_4c3f); --ods-ro-popup-animation-duration: var(--P_popup-animation-duration_4c3f); --ods-ro-popup-animation-timing-function: var( --P_popup-animation-timing-function_4c3f ); --ods-ro-popup-direction: var(--P_popup-direction_4c3f); } .not-modal--qx5ds { --P_popup-border_4c3f: 1px solid var(--P_popup-border-color_4c3f); } .no-animation--eBy5R { --ow-overlay-transition-in-duration: 0s !important; --ow-overlay-transition-out-duration: 0s !important; --ow-overlay-transition-in-delay: 0s !important; --ow-overlay-transition-out-delay: 0s !important; --P_popup-animation-duration_4c3f: 0s !important; --P_popup-animation-delay_4c3f: 0s !important; } .is-visible--P1HRq { --P_popup-is-hidden_4c3f: 0; --P_popup-animation-delay_4c3f: calc( var(--P_popup-overlay-animation-duration_4c3f) - 85ms ); --P_popup-animation-timing-function_4c3f: cubic-bezier(0, 0, 0.2, 1); } .not-visible--_bkFS { --P_popup-is-hidden_4c3f: 1; --P_popup-animation-delay_4c3f: 0s; --P_popup-animation-timing-function_4c3f: cubic-bezier(0.4, 0, 1, 1); } .no-overlay--ziTJy { --P_popup-animation-delay_4c3f: 0s; --ow-overlay-transition-in-duration: 0s; --ow-overlay-transition-in-delay: var(--P_popup-animation-duration_4c3f); --ow-overlay-transition-out-delay: 0s; --ow-overlay-transition-out-duration: var(--P_popup-animation-duration_4c3f); } .slide-left--DpTlD, .slide-right--U3KEJ { --P_popup-translate-x_4c3f: var( --ods-o-popup-translate-x, var(--P_popup-translate_4c3f) ); --P_popup-translate-y_4c3f: var(--ods-o-popup-translate-y, 0); } .slide-top--ekcJY, .slide-bottom--b1o2b { --P_popup-translate-y_4c3f: var( --ods-o-popup-translate-y, var(--P_popup-translate_4c3f) ); --P_popup-translate-x_4c3f: var(--ods-o-popup-translate-x, 0); } .slide-right--U3KEJ { --P_popup-direction_4c3f: 1; --P_popup-anchor-container-starting-transform_4c3f: translate(100vw, 0); } .slide-left--DpTlD { --P_popup-direction_4c3f: -1; --P_popup-anchor-container-starting-transform_4c3f: translate(-100vw, 0); } .slide-bottom--b1o2b { --P_popup-direction_4c3f: 1; --P_popup-anchor-container-starting-transform_4c3f: translate(0, 100vh); } .slide-top--ekcJY { --P_popup-direction_4c3f: -1; --P_popup-anchor-container-starting-transform_4c3f: translate(0, -100vh); } .anchor-right--iUBj7 { --P_popup-border-top_4c3f: none; --P_popup-border-bottom_4c3f: none; --P_popup-border-right_4c3f: none; --P_popup-align-self_4c3f: stretch; --P_popup-justify-self_4c3f: end; --P_popup-width_4c3f: var(--P_popup-horizontal-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-horizontal-anchor-height_4c3f); --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f) 0 0 var(--P_popup-single-border-radius_4c3f); } .anchor-bottom--sUKeg { --P_popup-border-left_4c3f: none; --P_popup-border-bottom_4c3f: none; --P_popup-border-right_4c3f: none; --P_popup-align-self_4c3f: end; --P_popup-justify-self_4c3f: stretch; --P_popup-width_4c3f: var(--P_popup-vertical-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-vertical-anchor-height_4c3f); --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f) var(--P_popup-single-border-radius_4c3f) 0 0; } .anchor-top--lTJzJ { --P_popup-border-left_4c3f: none; --P_popup-border-top_4c3f: none; --P_popup-border-right_4c3f: none; --P_popup-align-self_4c3f: start; --P_popup-justify-self_4c3f: stretch; --P_popup-width_4c3f: var(--P_popup-vertical-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-vertical-anchor-height_4c3f); --P_popup-border-radius_4c3f: 0 0 var(--P_popup-single-border-radius_4c3f) var(--P_popup-single-border-radius_4c3f); } .anchor-left--HRK7B { --P_popup-border-left_4c3f: none; --P_popup-border-top_4c3f: none; --P_popup-border-bottom_4c3f: none; --P_popup-align-self_4c3f: center; --P_popup-justify-self_4c3f: start; --P_popup-width_4c3f: var(--P_popup-horizontal-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-horizontal-anchor-height_4c3f); --P_popup-border-radius_4c3f: 0 var(--P_popup-single-border-radius_4c3f) var(--P_popup-single-border-radius_4c3f) 0; } .anchor-center--FV0sb { --P_popup-align-self_4c3f: center; --P_popup-anchor-container-align-self_4c3f: top; --P_popup-justify-self_4c3f: center; --P_popup-width_4c3f: var(--P_popup-horizontal-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-center-anchor-height_4c3f); --P_popup-space-container-min-height_4c3f: 100%; --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f); } .anchor-full--eQQHj { --P_popup-border_4c3f: none; --P_popup-align-self_4c3f: center; --P_popup-anchor-container-align-self_4c3f: top; --P_popup-justify-self_4c3f: center; --P_popup-width_4c3f: 100%; --P_popup-space-container-min-width_4c3f: 100%; --P_popup-height_4c3f: 100vh; --P_popup-space-container-min-height_4c3f: 100vh; } @supports (height: 100svh) { .anchor-full--eQQHj { --P_popup-height_4c3f: 100svh; --P_popup-space-container-min-height_4c3f: 100svh; } } @supports (height: 100dvh) { .anchor-full--eQQHj { --P_popup-height_4c3f: 100dvh; --P_popup-space-container-min-height_4c3f: 100dvh; } } .anchor-full--eQQHj { --P_popup-border-radius_4c3f: 0; } .anchor-none--ysjrL { --P_popup-translate-x_4c3f: var(--ods-o-popup-translate-x, 0); --P_popup-translate-y_4c3f: var(--ods-o-popup-translate-y, 0); --P_popup-width_4c3f: var(--P_popup-none-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-none-anchor-height_4c3f); --P_popup-space-container-min-height_4c3f: auto; --P_popup-space-container-min-width_4c3f: auto; --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f); --ow-overlay-transition-in-duration: 0s !important; --ow-overlay-transition-out-duration: 0s !important; --ow-overlay-transition-in-delay: 0s !important; --ow-overlay-transition-out-delay: 0s !important; --P_popup-animation-duration_4c3f: 0s !important; --P_popup-animation-delay_4c3f: 0s !important; } .anchor-target--Du6Xf { --P_popup-left_4c3f: var( --ods-o-popup-translate-x, calc(var(--ow-anchor-x, 0) + var(--ow-anchor-left, 0)) ); --P_popup-top_4c3f: var( --ods-o-popup-translate-y, calc(var(--ow-anchor-y, 0) + var(--ow-anchor-top, 0)) ); --P_popup-max-width_4c3f: min( var(--ods-o-popup-main-axis-max-size, 100vw), 100vw ); --P_popup-max-height_4c3f: min( var(--ods-o-popup-counter-axis-max-size, 100vh), 100vh ); } @supports (height: 100svh) { .anchor-target--Du6Xf { --P_popup-max-height_4c3f: min( var(--ods-o-popup-counter-axis-max-size, 100svh), 100svh ); } } .anchor-target--Du6Xf { --P_popup-width_4c3f: var(--P_popup-none-anchor-width_4c3f); --P_popup-height_4c3f: var(--P_popup-none-anchor-height_4c3f); --P_popup-space-container-min-height_4c3f: auto; --P_popup-space-container-min-width_4c3f: auto; --P_popup-border-radius_4c3f: var(--P_popup-single-border-radius_4c3f); --ow-overlay-transition-in-duration: 0s !important; --ow-overlay-transition-out-duration: 0s !important; --ow-overlay-transition-in-delay: 0s !important; --ow-overlay-transition-out-delay: 0s !important; --P_popup-animation-duration_4c3f: 0s !important; --P_popup-animation-delay_4c3f: 0s !important; } .anchor-container--a6BwY { align-self: var(--P_popup-anchor-container-align-self_4c3f, var(--P_popup-align-self_4c3f)); justify-self: var(--P_popup-justify-self_4c3f); display: grid; height: var(--P_popup-height_4c3f); min-height: var(--P_popup-space-container-min-height_4c3f); min-width: var(--ods-o-popup-space-container-min-width, var(--P_popup-space-container-min-width_4c3f)); overflow: var(--P_popup-outer-overflow_4c3f); padding: var(--P_popup-outer-space_4c3f); pointer-events: none; will-change: transform; transform: translate(var(--P_popup-translate-x_4c3f), var(--P_popup-translate-y_4c3f)); transition: transform var(--P_popup-animation-duration_4c3f) var(--P_popup-animation-timing-function_4c3f) var(--P_popup-animation-delay_4c3f); width: var(--P_popup-width_4c3f); position: relative; top: var(--P_popup-top_4c3f); left: var(--P_popup-left_4c3f); } .anchor-container--a6BwY > * { pointer-events: auto; } @starting-style { .anchor-container--a6BwY { will-change: transform; transform: var(--P_popup-anchor-container-starting-transform_4c3f); } } .popup--WtOZD { align-self: var(--P_popup-align-self_4c3f); justify-self: var(--P_popup-justify-self_4c3f); background-color: var(--P_popup-background-color_4c3f); border-left: var(--P_popup-border-left_4c3f); border-right: var(--P_popup-border-right_4c3f); border-top: var(--P_popup-border-top_4c3f); border-bottom: var(--P_popup-border-bottom_4c3f); border-radius: var(--P_popup-border-radius_4c3f); color: var(--P_popup-color_4c3f); height: var(--ods-o-popup-height, var(--P_popup-height_4c3f)); overflow: auto; padding: var(--P_popup-inner-space_4c3f); position: relative; width: var(--ods-o-popup-width, var(--P_popup-width_4c3f)); max-width: var(--P_popup-max-width_4c3f); max-height: var(--ods-o-popup-max-height, var(--P_popup-max-height_4c3f)); box-shadow: var(--ods-o-popup-box-shadow); } } /* stylelint-disable */ @layer ods.components.DatePicker { .picker-input--WH7XJ { --ods-o-input-textbox-min-width: 10ch; } .range-picker-input--TqXJ_ { --ods-o-input-textbox-min-width: 24ch; } .picker-dialog--k3_r7 { --ods-o-calendar-inner-spacing: 0; --ods-o-calendar-min-width: 0; --ods-o-popup-main-axis-size: fit-content; --ods-o-popup-inner-spacing: var(--ods-c-date-picker-2-dropdown-inner-spacing); --ods-o-popup-border-radius: var(--ods-c-date-picker-2-dropdown-border-radius); } @media (min-width: 479.98px) { .picker-dialog--k3_r7 { --ods-o-popup-width: var(--ods-c-date-picker-2-dropdown-max-size); --ods-o-popup-border: var(--ods-c-date-picker-2-dropdown-border-width) solid var(--ods-c-date-picker-2-dropdown-border-color); --ods-o-popup-translate-x: var(--ow-anchor-x); --ods-o-popup-translate-y: var(--ow-anchor-y); } } .close-action--g7UJg { position: absolute; right: 10px; top: 10px; z-index: 1; } .calendar-action--RKZtb { margin-right: var(--ods-c-date-picker-2-calendar-action-right-spacing); } } /* stylelint-disable */ @layer ods.components.Radio { .container--aQ1Zt { --P_subtext-color_8dda: var(--ods-c-radio-sub-text-color); --P_subtext-margin-top_8dda: var(--ods-p-dimension-8); --P_subtext-icon-margin-top_8dda: var(--ods-c-radio-sub-text-icon-margin-top); --P_display_8dda: inline-flex; --P_label-color_8dda: var(--ods-c-radio-label-color); --P_background-color_8dda: var(--ods-c-radio-background-color); --P_border-color_8dda: var(--ods-c-radio-border-color); --P_inner-shape-color_8dda: var(--ods-c-radio-inner-shape-color); --P_radio-pointer-events_8dda: auto; display: var(--P_display_8dda); flex-direction: column; pointer-events: var(--P_radio-pointer-events_8dda); } .input-container--ax178 { align-items: center; color: var(--P_label-color_8dda); cursor: pointer; display: var(--P_display_8dda); flex-direction: var(--P_direction_8dda); gap: var(--ods-p-dimension-8); justify-content: var(--P_justify-content_8dda); transition-delay: 0s; transition-duration: 0.25s; transition-property: color; transition-timing-function: linear; } .input--tqyNR { display: none; } .icon--kR9F0 { background-color: var(--P_background-color_8dda); border: var(--ods-c-radio-border-width) solid var(--P_border-color_8dda); border-radius: 50%; height: var(--ods-c-radio-container-height); position: relative; width: var(--ods-c-radio-container-width); flex-shrink: 0; } .icon--kR9F0::before { background-color: var(--P_inner-shape-color_8dda); border-radius: 50%; content: ""; height: var(--ods-c-radio-inner-shape-size); left: 50%; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: var(--ods-c-radio-inner-shape-size); } @media (hover: hover) and (pointer: fine) { .is-neutral--FKDdR:not(.is-disabled--xwGkd):hover { --P_label-color_8dda: var(--ods-c-radio-is-hover-label-color, var(--ods-c-radio-label-color)); --P_background-color_8dda: var(--ods-c-radio-is-hover-background-color, var(--ods-c-radio-background-color)); --P_border-color_8dda: var(--ods-c-radio-is-hover-border-color, var(--ods-c-radio-border-color)); --P_inner-shape-color_8dda: var(--ods-c-radio-is-hover-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } } .is-selected--o6zAR { --P_label-color_8dda: var(--ods-c-radio-is-selected-label-color, var(--ods-c-radio-label-color)); --P_background-color_8dda: var(--ods-c-radio-is-selected-background-color, var(--ods-c-radio-background-color)); --P_border-color_8dda: var(--ods-c-radio-is-selected-border-color, var(--ods-c-radio-border-color)); --P_inner-shape-color_8dda: var(--ods-c-radio-is-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } @media (hover: hover) and (pointer: fine) { .is-selected--o6zAR:not(.is-valid--QKnJo, .is-invalid--sXehS, .is-disabled--xwGkd):hover { --P_label-color_8dda: var(--ods-c-radio-is-hover-selected-label-color, var(--ods-c-radio-label-color)); --P_background-color_8dda: var(--ods-c-radio-is-hover-selected-background-color, var(--ods-c-radio-background-color)); --P_border-color_8dda: var(--ods-c-radio-is-hover-selected-border-color, var(--ods-c-radio-border-color)); --P_inner-shape-color_8dda: var(--ods-c-radio-is-hover-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } } .is-valid--QKnJo { --P_subtext-color_8dda: var(--ods-c-radio-is-valid-sub-text-color, var(--ods-c-radio-sub-text-color)); --P_label-color_8dda: var(--ods-c-radio-is-valid-label-color, var(--ods-c-radio-label-color)); --P_background-color_8dda: var(--ods-c-radio-is-valid-background-color, var(--ods-c-radio-background-color)); --P_border-color_8dda: var(--ods-c-radio-is-valid-border-color, var(--ods-c-radio-border-color)); --P_inner-shape-color_8dda: var(--ods-c-radio-is-valid-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-valid--QKnJo.is-selected--o6zAR { --P_subtext-color_8dda: var(--ods-c-radio-is-valid-sub-text-color, var(--ods-c-radio-sub-text-color)); --P_label-color_8dda: var(--ods-c-radio-is-valid-selected-label-color, var(--ods-c-radio-label-color)); --P_background-color_8dda: var(--ods-c-radio-is-valid-selected-background-color, var(--ods-c-radio-background-color)); --P_border-color_8dda: var(--ods-c-radio-is-valid-selected-border-color, var(--ods-c-radio-border-color)); --P_inner-shape-color_8dda: var(--ods-c-radio-is-valid-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-invalid--sXehS { --P_subtext-color_8dda: var(--ods-c-radio-is-invalid-sub-text-color, var(--ods-c-radio-sub-text-color)); --P_label-color_8dda: var(--ods-c-radio-is-invalid-label-color, var(--ods-c-radio-label-color)); --P_background-color_8dda: var(--ods-c-radio-is-invalid-background-color, var(--ods-c-radio-background-color)); --P_border-color_8dda: var(--ods-c-radio-is-invalid-border-color, var(--ods-c-radio-border-color)); --P_inner-shape-color_8dda: var(--ods-c-radio-is-invalid-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-invalid--sXehS.is-selected--o6zAR { --P_subtext-color_8dda: var(--ods-c-radio-is-invalid-sub-text-color, var(--ods-c-radio-sub-text-color)); --P_label-color_8dda: var(--ods-c-radio-is-invalid-selected-label-color, var(--ods-c-radio-label-color)); --P_background-color_8dda: var(--ods-c-radio-is-invalid-selected-background-color, var(--ods-c-radio-background-color)); --P_border-color_8dda: var(--ods-c-radio-is-invalid-selected-border-color, var(--ods-c-radio-border-color)); --P_inner-shape-color_8dda: var(--ods-c-radio-is-invalid-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } .is-disabled--xwGkd { --P_label-color_8dda: var(--ods-c-radio-is-disabled-label-color, var(--ods-c-radio-label-color)); --P_background-color_8dda: var(--ods-c-radio-is-disabled-background-color, var(--ods-c-radio-background-color)); --P_border-color_8dda: var(--ods-c-radio-is-disabled-border-color, var(--ods-c-radio-border-color)); --P_inner-shape-color_8dda: var(--ods-c-radio-is-disabled-inner-shape-color, var(--ods-c-radio-inner-shape-color)); --P_radio-pointer-events_8dda: none; } .is-disabled--xwGkd.is-selected--o6zAR { --P_label-color_8dda: var(--ods-c-radio-is-disabled-selected-label-color, var(--ods-c-radio-label-color)); --P_background-color_8dda: var(--ods-c-radio-is-disabled-selected-background-color, var(--ods-c-radio-background-color)); --P_border-color_8dda: var(--ods-c-radio-is-disabled-selected-border-color, var(--ods-c-radio-border-color)); --P_inner-shape-color_8dda: var(--ods-c-radio-is-disabled-selected-inner-shape-color, var(--ods-c-radio-inner-shape-color)); } } /* stylelint-disable */ @layer ods.components.Switch { .container--xxJ9F { --P_display_8dda: inline-flex; --P_label_8dda: var(--ods-c-switch-label-color); --P_subtext-color_8dda: var(--ods-c-switch-sub-text-color); --P_subtext-icon-margin-top_8dda: var(--ods-c-switch-sub-text-icon-margin-top); --P_background-color_8dda: var(--ods-c-switch-background-color); --P_border-color_8dda: var(--ods-c-switch-border-color); --P_pointer-events_8dda: auto; --P_transform_8dda: none; --P_transform-selected_8dda: translateX( calc(var(--ods-c-switch-container-width) - 100% - 4px) ); color: var(--P_label_8dda); display: flex; flex-direction: column; gap: var(--ods-c-switch-sub-text-spacing); pointer-events: var(--P_pointer-events_8dda); } .switch-container--vDfDL { cursor: pointer; display: var(--P_display_8dda); flex-direction: var(--P_direction_8dda); gap: var(--ods-c-switch-gap); justify-content: var(--P_justify-content_8dda); transition-delay: 0s; transition-duration: 0.25s; transition-property: color; transition-timing-function: linear; } .toggle-container--hOwqD { background-color: var(--P_background-color_8dda); border: var(--ods-c-switch-border-width) solid var(--P_background-color_8dda); border-radius: var(--ods-c-switch-border-radius); height: var(--ods-c-switch-container-height); position: relative; width: var(--ods-c-switch-container-width); flex-shrink: 0; transition-delay: 0s; transition-duration: 0.2s; transition-property: background-color; transition-timing-function: ease-out; } .toggle-slider--Ynlmb { aspect-ratio: 1/1; background-color: var(--ods-c-switch-foreground-color); border-radius: 100%; left: 1px; position: absolute; top: 1px; transform: var(--P_transform_8dda); width: var(--ods-c-switch-width); transition-delay: 0s; transition-duration: 0.2s; transition-property: transform; transition-timing-function: ease-out; } @supports not (aspect-ratio: 1/1) { .toggle-slider--Ynlmb { height: var(--ods-c-switch-height); } } .label--NzR0O { padding: var(--ods-c-switch-label-vertical-padding) 0; } .input--VgTvZ { display: none; } .is-neutral--frPVA:not(.is-selected--H1A2e, .is-disabled--t4jaw):hover { --P_background-color_8dda: var(--ods-c-switch-is-hover-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-hover-border-color, var(--ods-c-switch-border-color)); } .is-selected--H1A2e { --P_label_8dda: var(--ods-c-switch-is-selected-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-selected-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-selected-border-color, var(--ods-c-switch-border-color)); --P_transform_8dda: var(--P_transform-selected_8dda); } @media (hover: hover) and (pointer: fine) { .is-selected--H1A2e:not(.is-valid--HzHRm, .is-invalid--zbE7W, .is-disabled--t4jaw):hover { --P_background-color_8dda: var(--ods-c-switch-is-hover-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-hover-selected-border-color, var(--ods-c-switch-border-color)); } } .is-valid--HzHRm { --P_label_8dda: var(--ods-c-switch-is-valid-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-valid-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-valid-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-valid-border-color, var(--ods-c-switch-border-color)); } .is-valid--HzHRm.is-selected--H1A2e { --P_label_8dda: var(--ods-c-switch-is-valid-selected-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-valid-selected-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-valid-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-valid-selected-border-color, var(--ods-c-switch-border-color)); --P_transform_8dda: var(--P_transform-selected_8dda); } .is-invalid--zbE7W { --P_label_8dda: var(--ods-c-switch-is-invalid-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-invalid-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-invalid-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-invalid-border-color, var(--ods-c-switch-border-color)); } .is-invalid--zbE7W.is-selected--H1A2e { --P_label_8dda: var(--ods-c-switch-is-invalid-selected-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-invalid-selected-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-invalid-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-invalid-selected-border-color, var(--ods-c-switch-border-color)); --P_transform_8dda: var(--P_transform-selected_8dda); } .is-disabled--t4jaw { --P_label_8dda: var(--ods-c-switch-is-disabled-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-disabled-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-disabled-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-disabled-border-color, var(--ods-c-switch-border-color)); --P_pointer-events_8dda: none; } .is-disabled--t4jaw.is-selected--H1A2e { --P_label_8dda: var(--ods-c-switch-is-disabled-selected-label-color, var(--ods-c-switch-label-color)); --P_subtext-color_8dda: var(--ods-c-switch-is-disabled-selected-sub-text-color, var(--ods-c-switch-sub-text-color)); --P_background-color_8dda: var(--ods-c-switch-is-disabled-selected-background-color, var(--ods-c-switch-background-color)); --P_border-color_8dda: var(--ods-c-switch-is-disabled-selected-border-color, var(--ods-c-switch-border-color)); --P_transform_8dda: var(--P_transform-selected_8dda); } } /* stylelint-disable */ .switch-group--WdkFs { --P_display_8dda: inline-flex; display: var(--P_display_8dda); flex-direction: var(--P_direction_8dda); gap: var(--ods-p-dimension-16); } .m-direction-column--yJQNh { --P_direction_8dda: column; } .m-direction-row--wzWZS { --P_direction_8dda: row; } .m-block--moncU { --P_display_8dda: flex; } @layer ods.components.Bone { .bone--yrlPF { animation: gradientBG--Cp51r 4s infinite; } @keyframes gradientBG--Cp51r { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } } /* stylelint-disable */ @layer ods.components.InlineAlert { .container--vrfik { border: var(--ods-c-inline-alert-border-width) solid var(--ods-c-inline-alert-border-color); border-radius: var(--ods-c-inline-alert-border-radius); color: var(--ods-c-inline-alert-color); display: flex; padding: calc(var(--ods-c-inline-alert-inner-spacing) - var(--ods-c-inline-alert-border-width)); text-align: left; transition: all 0.25s ease; transition-property: height, padding-top, padding-bottom, opacity; } .alert-icon--adYSF { color: var(--ods-c-inline-alert-icon-color); margin-right: var(--ods-c-inline-alert-icon-to-text-spacing); min-width: 1.5rem; } .alert-background--xDzGu { background-color: var(--ods-c-inline-alert-background-color); } .headline--Og4a5 { margin-bottom: var(--ods-c-inline-alert-headline-to-text-spacing); } .text-container--qMYOu { display: flex; flex-direction: column; flex-grow: 1; } .alert-cta-container--neeKa { margin-top: var(--ods-c-inline-alert-text-to-button-spacing); } .close-button-container--NGrDV { --P_button-tappable-area_48ea: 10px; margin: calc(-1 * var(--P_button-tappable-area_48ea)); padding-left: calc(var(--ods-c-inline-alert-gap) - var(--P_button-tappable-area_48ea)); } .close-button--PUsuK { color: var(--ods-c-inline-alert-close-icon-color); } .is-visible--UnNys { height: auto; opacity: 1; padding: calc(var(--ods-c-inline-alert-inner-spacing) - 1px); } .is-not-visible--UtRI5 { height: 0; opacity: 0; overflow: hidden; padding: 0; } } /* stylelint-disable */ @layer ods.components.ProgressIndicator { .progress-indicator--LJSqq { color: var(--ods-c-progress-indicator-text-color); width: 100%; } .label--LbfNa { color: var(--ods-c-progress-indicator-label-color); } .wrapper--Tvkqg { align-items: center; display: grid; grid-template: var(--ods-c-progress-indicator-main-grid-template); justify-items: stretch; } .bar--JpqFT { grid-area: bar; } .track--naXdO { background-color: var(--ods-c-progress-indicator-track-color); border-radius: 12px; } .thumb--n5xeV { background-color: var(--P_thumb-color, var(--ods-c-progress-indicator-thumb-color)); border-radius: 12px; height: 8px; transition: width 0.5s ease-in-out; width: var(--P_thumb-width); } .value-text--JQWom { grid-area: value-text; margin-left: 8px; text-align: right; width: var(--P_value-text-width); } .sub-text--Ebzjd { grid-area: sub-text; } } /* stylelint-disable */ @layer ods.components.RatingMeter { .container--hyqtY { align-content: center; align-items: center; color: var(--ods-c-rating-meter-color); -moz-column-gap: var(--ods-c-rating-meter-gap); column-gap: var(--ods-c-rating-meter-gap); display: flex; } } /* stylelint-disable */ @layer ods.components.Snackbar { .snackbar-wrapper--Mu7YV { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; padding-bottom: var(--ods-c-snackbar-outer-vertical-spacing); pointer-events: none; right: 0; z-index: 9999; } .fixed-to-relative--a8hs0 { position: absolute; } .fixed-to-page--iSmgE { position: fixed; } .close-button--QAoVo { margin-top: calc(-1 * var(--ods-c-snackbar-close-icon-top-offset)); margin-bottom: calc(-1 * var(--ods-c-snackbar-close-icon-bottom-offset)); margin-right: calc(-1 * var(--ods-c-snackbar-close-icon-right-offset)); color: var(--ods-c-snackbar-close-icon-color); flex-shrink: 0; } .container--oEjO6 { position: relative; overflow: hidden; align-items: var(--ods-c-snackbar-content-alignment); background-color: var(--ods-c-snackbar-background-color); border: var(--ods-c-snackbar-border-width) solid var(--ods-c-snackbar-border-color); border-radius: var(--ods-c-snackbar-border-radius); box-shadow: var(--ods-c-snackbar-box-shadow); color: var(--ods-c-snackbar-color); display: flex; flex-direction: row-reverse; gap: var(--ods-c-snackbar-gap); justify-content: space-between; max-width: var(--ods-c-snackbar-max-width); padding: var(--ods-c-snackbar-content-spacing); pointer-events: auto; text-align: left; } @media (min-width: 480px) { .container--oEjO6 { min-width: 248px; } } @media (max-width: 479.98px) { .container--oEjO6 { width: calc(100% - 24px); } } .children--wy_DV { align-items: var(--ods-c-snackbar-icon-alignment); display: flex; gap: var(--ods-c-snackbar-content-gap); } .is-visible--VqraG { transform: translateY(0%); transition-duration: 250ms; transition-property: transform, visibility; transition-timing-function: ease-in; visibility: visible; } .is-not-visible--pdKfm { transform: translateY(100%); transition-duration: 300ms; transition-property: transform, visibility; transition-timing-function: ease-out; visibility: hidden; } .snackbar-icon--RdeNe { color: var(--ods-c-snackbar-icon-color); flex-shrink: 0; } .progress-bar--NkOCD { position: absolute; bottom: 0; left: 0; height: var(--ods-c-snackbar-progress-bar-height); width: 100%; background-color: var(--ods-c-snackbar-progress-bar-background-color); border-top-right-radius: var(--ods-c-snackbar-progress-bar-border-radius); border-bottom-right-radius: var(--ods-c-snackbar-progress-bar-border-radius); animation: progressbar--ZLnyw var(--P_animation-duration_48ea) linear forwards; } @media (prefers-reduced-motion) { .progress-bar--NkOCD { transform: translateX(-100%); animation: none; } } @keyframes progressbar--ZLnyw { from { transform: translateX(-100%); } to { transform: translateX(0); } } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Badge { .badge--nf_J2 { align-items: center; background-color: var(--ods-c-badge-background-color); border-radius: var(--ods-c-badge-border-radius); color: var(--ods-c-badge-color); -moz-column-gap: var(--ods-c-badge-gap); column-gap: var(--ods-c-badge-gap); display: inline-flex; padding: var(--ods-c-badge-vertical-padding) var(--ods-c-badge-horizontal-padding); white-space: nowrap; width: -moz-min-content; width: min-content; } } /* stylelint-disable */ @layer ods.components.Popup; @layer ods.components.Tooltip { .tooltip--y6ZD3 { --ods-o-popup-background-color: var(--ods-c-tooltip-background-color); --ods-o-popup-color: var(--ods-c-tooltip-color); --ods-o-popup-box-shadow: var(--ods-c-tooltip-box-shadow); --ods-o-popup-main-axis-max-size: var(--ods-c-tooltip-max-width); --ods-o-popup-main-axis-size: var(--ods-c-tooltip-popup-width); --ods-o-popup-border-radius: 3px; --ods-o-popup-border-color: var(--ods-c-tooltip-background-color); --ods-o-popup-inner-spacing: var(--ods-c-tooltip-inner-vertical-spacing) var(--ods-c-tooltip-inner-horizontal-spacing); } .tooltip-actions--FnEvg { display: flex; gap: var(--ods-c-tooltip-actions-gap); justify-content: space-between; margin-top: var(--ods-c-tooltip-content-to-actions-gap); width: 100%; } .header--U5woZ { margin-bottom: var(--ods-c-tooltip-header-spacing); } } /* stylelint-disable */ @layer lib.MemberAuthForm { .form-container--M7KQM { height: 100%; width: 100%; } @media (min-width: 768px) { .form-container--M7KQM { max-height: 700px; min-height: 450px; } } .header--Ccj3Y { display: flex; flex-direction: column; align-items: center; gap: var(--ods-p-dimension-4); margin-bottom: var(--ods-p-dimension-32); } .sub-header--J8tvY { margin-bottom: var(--ods-p-dimension-16); text-align: center; } .form-sub-text--ThvxJ { color: var(--ods-p-color-neutral-500); text-align: center; } .forgot-pwd--NE_x6 { text-align: center; display: block; margin: var(--ods-p-dimension-16) auto var(--ods-p-dimension-64); } .form-alert--ce3wI { margin-bottom: var(--ods-p-dimension-16); } .form--TJ_G6 { display: flex; flex-direction: column; gap: var(--ods-s-space-form-grid-gutter); } .footer--WFy4e { align-items: center; display: flex; flex-direction: column; margin: auto var(--ods-p-dimension-0) var(--ods-p-dimension-0); gap: var(--ods-p-dimension-8); margin-top: var(--ods-p-dimension-24); } .member-cta--A1sfu, .login-cta--mKVSF, .vendor-cta--X_wGp { padding: var(--ods-p-dimension-6) var(--ods-p-dimension-0); } .divider--lPGVS { height: var(--ods-s-size-divider); width: 100px; margin: var(--ods-p-dimension-4) var(--ods-p-dimension-0); border-top: var(--ods-p-border-width-10) solid var(--ods-s-text-color-subtle-dark); } .divider-with-text--TA5UW { display: flex; align-items: center; text-align: center; color: var(--ods-s-text-color-subtle-dark); } .divider-with-text--TA5UW::before, .divider-with-text--TA5UW::after { content: ""; flex: 1 1; border-bottom: var(--ods-p-border-width-10) solid var(--ods-s-text-color-subtle-dark); } .divider-with-text--TA5UW::before { margin-right: var(--ods-p-dimension-16); } .divider-with-text--TA5UW::after { margin-left: var(--ods-p-dimension-16); } .form-inline--yLKIC.form-container--M7KQM { height: auto; max-height: initial; min-height: initial; } .form-inline--yLKIC .form--TJ_G6 { gap: var(--ods-p-dimension-8); } .form-inline--yLKIC .form-row--D4PSa { display: flex; flex-direction: column; gap: var(--ods-p-dimension-16); } @media (min-width: 768px) { .form-inline--yLKIC .form-row--D4PSa { align-items: flex-start; flex-direction: row; } } .form-inline--yLKIC .form-row--D4PSa > :nth-child(-n+2) { flex: 1 1; } .form-inline--yLKIC .form-row--D4PSa > :last-child { flex: 0 0 auto; } .form-inline--yLKIC .email-optin-container--ErOgP { margin-top: var(--ods-p-dimension-8); } .form-inline--yLKIC .form-sub-text--ThvxJ { margin: var(--ods-p-dimension-0); text-align: left; } @media (min-width: 768px) { .is-loading--Pxiv2 { position: relative; } } @media (min-width: 768px) { .is-loading-row--XDjBv { display: flex; justify-content: space-between; width: calc(100% - 120px); } } .is-loading-input--eSHwB { border-radius: 4px; height: var(--ods-p-dimension-48); margin-bottom: var(--ods-p-dimension-16); width: 100%; } @media (min-width: 768px) { .is-loading-input--eSHwB { margin-right: var(--ods-p-dimension-16); } } .is-loading-button--tGb53 { border-radius: 4px; height: var(--ods-p-dimension-48); margin-top: var(--ods-p-dimension-16); width: 100%; } @media (min-width: 768px) { .is-loading-button--tGb53 { margin-top: var(--ods-p-dimension-0); position: absolute; right: 0; top: 0; width: 120px; } } .is-loading-text--sYCjS { border-radius: 4px; height: 34px; width: 100%; } @media (min-width: 768px) { .is-loading-text--sYCjS { height: 16px; width: 416px; } } } /* stylelint-disable */ @layer ods.components.Popup; @layer ods.components.Modal { .modal--Abi9v { --ods-o-popup-background-color: var(--ods-c-modal-background-color); --ods-o-popup-border-radius: var(--ods-c-modal-border-radius); --ods-o-popup-main-axis-size: 100%; --ods-o-popup-counter-axis-size: 100%; --ods-o-popup-inner-spacing: var(--ods-c-modal-inner-top-spacing) var(--ods-c-modal-inner-horizontal-spacing) var(--ods-c-modal-inner-bottom-spacing); } @media (min-width: 768px) { .modal--Abi9v { --ods-o-popup-outer-spacing: var(--ods-c-modal-outer-vertical-spacing) 0; --ods-o-popup-main-axis-size: var(--ods-c-modal-max-width); --ods-o-popup-counter-axis-size: unset; } } .button-container--iFabw { display: flex; justify-content: flex-end; } .close-button--rvLMp { color: var(--ods-c-modal-close-button-color); margin-right: var(--ods-c-modal-close-button-offset); } .header--Fs2Ej { margin-top: var(--ods-c-modal-header-top-spacing); text-align: var(--ods-c-modal-title-alignment); } .content--q0r2T { padding: 0 var(--ods-c-modal-content-horizontal-spacing); } .is-height-bottom-sheet--GSHNX { --ods-o-popup-height: auto; --ods-o-popup-max-height: var(--ods-c-modal-max-height); --ods-o-popup-outer-overflow: hidden; } .header-align-center--i5q4B { text-align: center; } .header-align-left--NGC2U { text-align: left; } } /* stylelint-disable */ @layer ods.components.FullscreenModal { .header--u33o4 { border-bottom: var(--ods-c-fullscreen-modal-header-border-width) solid var(--ods-c-fullscreen-modal-header-border-color); display: flex; justify-content: space-between; padding: var(--ods-c-fullscreen-modal-vertical-header-spacing) var(--ods-c-fullscreen-modal-right-header-spacing) var(--ods-c-fullscreen-modal-vertical-header-spacing) var(--ods-c-fullscreen-modal-left-header-spacing); gap: var(--ods-c-fullscreen-modal-header-gap); align-items: center; --ods-ro-fullscreen-modal-header-height: calc( var(--ods-c-fullscreen-modal-vertical-header-spacing) * 2 + var(--ods-c-fullscreen-modal-logo-height) + var(--ods-c-fullscreen-modal-header-border-width) ); } .header-section--M3I1q { align-items: flex-start; display: flex; gap: var(--ods-c-fullscreen-modal-header-gap); } .header-title--NJe2T { padding-top: var(--ods-c-fullscreen-modal-header-title-vertical-spacing); } .header-section-center--hL73k { justify-content: center; align-items: center; display: flex; flex: 1 1; } .header-section-right--HzSs8 { text-align: right; } .tk-logo--hiMb6 { font-size: var(--ods-c-fullscreen-modal-logo-height); } .content--GAlHr { height: calc(100% - var(--ods-ro-fullscreen-modal-header-height)); overflow-y: auto; padding: var(--ods-c-fullscreen-modal-vertical-spacing) var(--ods-c-fullscreen-modal-horizontal-spacing); width: 100%; } .close-btn--Kdpjk { color: var(--ods-c-fullscreen-modal-close-button-color); flex-shrink: 0; } .left-btn--PkOlg { color: var(--ods-c-fullscreen-modal-left-button-color); padding: var(--ods-c-fullscreen-modal-left-button-vertical-spacing) 0; flex-shrink: 0; } @media (hover: hover) and (pointer: fine) { .left-btn--PkOlg:hover { -webkit-text-decoration: var(--ods-c-fullscreen-modal-is-hover-text-decoration-line, var(--ods-c-fullscreen-modal-text-decoration-line)); text-decoration: var(--ods-c-fullscreen-modal-is-hover-text-decoration-line, var(--ods-c-fullscreen-modal-text-decoration-line)); } } } /* stylelint-disable */ @layer ods.components.SidebarModal { .sidebar-modal--clwXK { --ods-o-popup-main-axis-size: var(--ods-c-sidebar-modal-width); } } /* stylelint-disable */ @layer ods.components.SidebarModal { .pane--qC4Sp { transition-timing-function: var(--ods-ro-popup-animation-timing-function); transition-duration: var(--ods-ro-popup-animation-duration); transition-property: visibility, opacity; visibility: hidden; opacity: 0; height: 100%; max-height: 100vh; max-height: 100svh; max-height: 100dvh; background-color: var(--ods-c-sidebar-modal-background-color); display: flex; flex-direction: column; left: 0; position: absolute; right: 0; overflow: hidden; } .content-container--Y9f1g { display: flex; min-height: 0; flex-direction: column; flex: 1 1; will-change: transform; transform: translateX(0); transition-timing-function: var(--ods-ro-popup-animation-timing-function); transition-duration: var(--ods-ro-popup-animation-duration); transition-property: transform, opacity; } .header-container--CCqY8, .footer--dJzgq { border-style: solid; width: 100%; } .header-container--CCqY8 { border-color: var(--ods-c-sidebar-modal-header-divider-color); border-width: 0 0 var(--ods-c-sidebar-modal-header-divider-width); min-height: var(--ods-c-sidebar-modal-header-min-height); padding: var(--ods-c-sidebar-modal-header-vertical-padding) var(--ods-c-sidebar-modal-header-horizontal-padding); } .footer--dJzgq { background-color: inherit; align-items: center; border-color: var(--ods-c-sidebar-modal-footer-divider-color); border-width: var(--ods-c-sidebar-modal-footer-divider-width) 0 0; display: flex; justify-content: center; min-height: var(--ods-c-sidebar-modal-footer-min-height); padding: var(--ods-c-sidebar-modal-footer-vertical-padding) var(--ods-c-sidebar-modal-footer-horizontal-padding); will-change: transform; transform: translateY(100%); transition-timing-function: var(--ods-ro-popup-animation-timing-function); transition-duration: var(--ods-ro-popup-animation-duration); transition-property: transform; } .content--XkHG9 { flex: 1 1; overflow: auto; padding: var(--ods-c-sidebar-modal-content-vertical-padding) var(--ods-c-sidebar-modal-content-horizontal-padding); } .exit-action--luPtW { --P_button-tappable-area_864f: 10px; color: var(--ods-c-sidebar-modal-close-button-color); cursor: pointer; flex-shrink: 0; } .back-action--JhzbS { margin: calc(-1 * (var(--P_button-tappable-area_864f))) calc(-1 * var(--P_button-tappable-area_864f)); } .border-right--xohx1 { border-right: var(--ods-c-sidebar-modal-title-divider-width) solid var(--ods-c-sidebar-modal-title-divider-color); display: var(--ods-c-sidebar-modal-title-divider-display); height: calc(var(--ods-c-sidebar-modal-title-divider-height) - 2px); } .close-action--x443Y { margin: calc(-1 * var(--P_button-tappable-area_864f)); margin-left: auto; order: 999; } .button-container--vhIR7 { align-items: center; display: flex; justify-content: space-between; width: 100%; height: 100%; } .header-container--CCqY8 { gap: var(--ods-c-sidebar-modal-header-gap); display: flex; align-items: center; width: 100%; } .button-container--vhIR7 { gap: var(--ods-c-sidebar-modal-footer-gap); flex-wrap: wrap-reverse; } @media (min-width: 480px) { .button-container--vhIR7 { flex-wrap: nowrap; } } .spinner-container--ZkjyU { align-items: center; display: flex; justify-content: center; } .is-active--zXDUz.pane--qC4Sp { visibility: visible; opacity: 1; } .is-active--zXDUz .content-container--Y9f1g { transform: translateX(0); } .is-active--zXDUz.has-footer--fC71B .footer--dJzgq { transition-delay: 100ms; transform: translateY(0); } .is-closed--n5qUh.pane--qC4Sp { visibility: hidden; transition-delay: calc(var(--ods-ro-popup-animation-delay)); opacity: 0.2; } .is-closed--n5qUh .content-container--Y9f1g { transition-delay: calc(var(--ods-ro-popup-animation-delay)); transform: translateX(calc(10% * var(--ods-ro-popup-direction))); } .is-closed--n5qUh.has-footer--fC71B .footer--dJzgq { transition-delay: calc(var(--ods-ro-popup-animation-delay)); transform: translateX(calc(10% * var(--ods-ro-popup-direction))); } .is-before-active--EVQQz .content-container--Y9f1g { transform: translateX(-10%); } .is-after-active--NN_20 .content-container--Y9f1g { transform: translateX(10%); } .is-first--Tnvce { /** * Note: Reversing order with CSS can sometimes cause accessibility issues * but in this case it actually improves screen reader accessibility. * * It allows us to focus on the `X` when the side-bar opens, and allows users to * press `CTRL-Right` to start reading top-container the content in the sidebar starting with the * header */ } .is-first--Tnvce .header-container--CCqY8 { flex-direction: row-reverse; } .is-not-first--SAbuQ .header-container--CCqY8 { justify-content: flex-start; } } .container--Z2Qa1{display:flex} @layer resets { :where(.responsive-images--SKpxT) :where(img, picture), :where(.responsive-images--SKpxT):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--bFGuE) { --ow-normalize-focus-outline-color: var(--ods-s-focus-outline-color-default); --ow-normalize-focus-outline-offset: var(--ods-s-space-focus-outline); --ow-normalize-focus-outline-width: var(--ods-s-size-focus-outline); --ow-normalize-font-family: var(--ods-s-text-font-family-default); --ow-normalize-letter-spacing: var(--ods-s-text-letter-spacing-default); --ow-normalize-line-height: var(--ods-s-text-line-height-default); --ow-normalize-font-weight: normal; --ow-normalize-font-size: var(--ods-s-text-font-size-default); --ow-normalize-link-color: var(--ods-s-text-color-link-default); --ow-normalize-link-text-decoration-line: var(--ods-s-text-decoration-line-link-default); --ow-normalize-link-text-decoration-line-hover: var( --ods-s-text-decoration-line-link-default-is-hover, var(--ods-s-text-decoration-line-link-default) ); } } @layer resets { :where(.ds-reset--bFGuE) { box-sizing: border-box; font-family: var(--ow-normalize-font-family); font-size: var(--ow-normalize-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: var(--ow-normalize-font-weight); letter-spacing: var(--ow-normalize-letter-spacing); line-height: var(--ow-normalize-line-height); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :where(.ds-reset--bFGuE) *, :where(.ds-reset--bFGuE) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--bFGuE) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--bFGuE) *, :where(.ds-reset--bFGuE) *::before, :where(.ds-reset--bFGuE) *::after, :where(.ds-reset--bFGuE)::before, :where(.ds-reset--bFGuE)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--bFGuE) :where(a), :where(.ds-reset--bFGuE):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--bFGuE) :where(a[href]:hover), :where(.ds-reset--bFGuE):where(a[href]:hover) { -webkit-text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); text-decoration: var(--ow-normalize-link-text-decoration-line-hover, var(--ow-normalize-link-text-decoration-line)); } } @layer resets { :where(.ds-reset--bFGuE) :where(strong), :where(.ds-reset--bFGuE):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--bFGuE) :where([role=link], [role=button], a, button), :where(.ds-reset--bFGuE):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--bFGuE) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--bFGuE):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--bFGuE) :where(:focus), :where(.ds-reset--bFGuE):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--bFGuE) :where(:focus-visible), :where(.ds-reset--bFGuE):where(:focus-visible) { outline-color: var(--ow-normalize-focus-outline-color); outline-offset: var(--ow-normalize-focus-outline-offset); outline-style: solid; outline-width: var(--ow-normalize-focus-outline-width); } } /* stylelint-disable */ @layer ods.components.Spinner { .loading--zh6Tg { animation: rotate-animation--SJWMW 1.6s infinite linear; overflow: visible; position: relative; width: var(--ods-c-spinner-width); } .spinner--zTjCf { animation-direction: reverse; animation-duration: 1.6s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: loading--animation--gZ6MC; animation-timing-function: ease-in-out; fill: none; stroke: var(--ods-c-spinner-color); stroke-dasharray: var(--ods-c-spinner-stroke-dash-array); stroke-dashoffset: 0; stroke-linecap: round; stroke-width: var(--ods-c-spinner-stroke-width); transform-origin: 50% 50%; vector-effect: non-scaling-stroke; } @keyframes rotate-animation--SJWMW { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes loading--animation--gZ6MC { 0%, 25% { stroke-dashoffset: 16; transform: rotate(270deg); } 50%, 75% { stroke-dashoffset: 58; transform: rotate(315deg); } 100% { stroke-dashoffset: 16; transform: rotate(-90deg); } } } @layer ods.components.Bone { .bone--AH1M7 { animation: gradientBG--mIhEv 4s infinite; } @keyframes gradientBG--mIhEv { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } } /* stylelint-disable */ @layer ods.components.InlineAlert { .container--ZBfH7 { border: var(--ods-c-inline-alert-border-width) solid var(--ods-c-inline-alert-border-color); border-radius: var(--ods-c-inline-alert-border-radius); color: var(--ods-c-inline-alert-color); display: flex; padding: calc(var(--ods-c-inline-alert-inner-spacing) - var(--ods-c-inline-alert-border-width)); text-align: left; transition: all 0.25s ease; transition-property: height, padding-top, padding-bottom, opacity; } .alert-icon--H2HGC { color: var(--ods-c-inline-alert-icon-color); margin-right: var(--ods-c-inline-alert-icon-to-text-spacing); min-width: 1.5rem; } .alert-background--bvted { background-color: var(--ods-c-inline-alert-background-color); } .headline--KiOuq { margin-bottom: var(--ods-c-inline-alert-headline-to-text-spacing); } .text-container--SyBF0 { display: flex; flex-direction: column; flex-grow: 1; } .alert-cta-container--ogcpZ { margin-top: var(--ods-c-inline-alert-text-to-button-spacing); } .close-button-container--MTXnC { --P_button-tappable-area_48ea: 10px; margin: calc(-1 * var(--P_button-tappable-area_48ea)); padding-left: calc(var(--ods-c-inline-alert-gap) - var(--P_button-tappable-area_48ea)); } .close-button--oECfA { color: var(--ods-c-inline-alert-close-icon-color); } .is-visible--KA_Jd { height: auto; opacity: 1; padding: calc(var(--ods-c-inline-alert-inner-spacing) - 1px); } .is-not-visible--W8qWo { height: 0; opacity: 0; overflow: hidden; padding: 0; } } /* stylelint-disable */ @layer ods.components.ProgressIndicator { .progress-indicator--kisqa { color: var(--ods-c-progress-indicator-text-color); width: 100%; } .label--ocvXb { color: var(--ods-c-progress-indicator-label-color); } .wrapper--mcZiF { align-items: center; display: grid; grid-template: var(--ods-c-progress-indicator-main-grid-template); justify-items: stretch; } .bar--Kfobr { grid-area: bar; } .track--_6hy2 { background-color: var(--ods-c-progress-indicator-track-color); border-radius: 12px; } .thumb--NsLdP { background-color: var(--P_thumb-color, var(--ods-c-progress-indicator-thumb-color)); border-radius: 12px; height: 8px; transition: width 0.5s ease-in-out; width: var(--P_thumb-width); } .value-text--k6VgT { grid-area: value-text; margin-left: 8px; text-align: right; width: var(--P_value-text-width); } .sub-text--jbmmI { grid-area: sub-text; } } /* stylelint-disable */ @layer ods.components.RatingMeter { .container--CPStI { align-content: center; align-items: center; color: var(--ods-c-rating-meter-color); -moz-column-gap: var(--ods-c-rating-meter-gap); column-gap: var(--ods-c-rating-meter-gap); display: flex; } } /* stylelint-disable */ @layer ods.components.Snackbar { .snackbar-wrapper--kkHx2 { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; padding-bottom: var(--ods-c-snackbar-outer-vertical-spacing); pointer-events: none; right: 0; z-index: 9999; } .fixed-to-relative--CdRaP { position: absolute; } .fixed-to-page--aekXB { position: fixed; } .close-button--cMUDt { margin-top: calc(-1 * var(--ods-c-snackbar-close-icon-top-offset)); margin-bottom: calc(-1 * var(--ods-c-snackbar-close-icon-bottom-offset)); margin-right: calc(-1 * var(--ods-c-snackbar-close-icon-right-offset)); color: var(--ods-c-snackbar-close-icon-color); flex-shrink: 0; } .container--t4wvN { position: relative; overflow: hidden; align-items: var(--ods-c-snackbar-content-alignment); background-color: var(--ods-c-snackbar-background-color); border: var(--ods-c-snackbar-border-width) solid var(--ods-c-snackbar-border-color); border-radius: var(--ods-c-snackbar-border-radius); box-shadow: var(--ods-c-snackbar-box-shadow); color: var(--ods-c-snackbar-color); display: flex; flex-direction: row-reverse; gap: var(--ods-c-snackbar-gap); justify-content: space-between; max-width: var(--ods-c-snackbar-max-width); padding: var(--ods-c-snackbar-content-spacing); pointer-events: auto; text-align: left; } @media (min-width: 480px) { .container--t4wvN { min-width: 248px; } } @media (max-width: 479.98px) { .container--t4wvN { width: calc(100% - 24px); } } .children--YVc9u { align-items: var(--ods-c-snackbar-icon-alignment); display: flex; gap: var(--ods-c-snackbar-content-gap); } .is-visible--wnK5a { transform: translateY(0%); transition-duration: 250ms; transition-property: transform, visibility; transition-timing-function: ease-in; visibility: visible; } .is-not-visible--NC1Kn { transform: translateY(100%); transition-duration: 300ms; transition-property: transform, visibility; transition-timing-function: ease-out; visibility: hidden; } .snackbar-icon--xWlP7 { color: var(--ods-c-snackbar-icon-color); flex-shrink: 0; } .progress-bar--slHRw { position: absolute; bottom: 0; left: 0; height: var(--ods-c-snackbar-progress-bar-height); width: 100%; background-color: var(--ods-c-snackbar-progress-bar-background-color); border-top-right-radius: var(--ods-c-snackbar-progress-bar-border-radius); border-bottom-right-radius: var(--ods-c-snackbar-progress-bar-border-radius); animation: progressbar--UPLLv var(--P_animation-duration_48ea) linear forwards; } @media (prefers-reduced-motion) { .progress-bar--slHRw { transform: translateX(-100%); animation: none; } } @keyframes progressbar--UPLLv { from { transform: translateX(-100%); } to { transform: translateX(0); } } } /* stylelint-disable */ @layer ods.components.TextBody; @layer ods.components.Badge { .badge--o1Zgu { align-items: center; background-color: var(--ods-c-badge-background-color); border-radius: var(--ods-c-badge-border-radius); color: var(--ods-c-badge-color); -moz-column-gap: var(--ods-c-badge-gap); column-gap: var(--ods-c-badge-gap); display: inline-flex; padding: var(--ods-c-badge-vertical-padding) var(--ods-c-badge-horizontal-padding); white-space: nowrap; width: -moz-min-content; width: min-content; } } /* stylelint-disable */ @layer ods.components.Popup; @layer ods.components.Tooltip { .tooltip--oxAEM { --ods-o-popup-background-color: var(--ods-c-tooltip-background-color); --ods-o-popup-color: var(--ods-c-tooltip-color); --ods-o-popup-box-shadow: var(--ods-c-tooltip-box-shadow); --ods-o-popup-main-axis-max-size: var(--ods-c-tooltip-max-width); --ods-o-popup-main-axis-size: var(--ods-c-tooltip-popup-width); --ods-o-popup-border-radius: 3px; --ods-o-popup-border-color: var(--ods-c-tooltip-background-color); --ods-o-popup-inner-spacing: var(--ods-c-tooltip-inner-vertical-spacing) var(--ods-c-tooltip-inner-horizontal-spacing); } .tooltip-actions--q3UQ3 { display: flex; gap: var(--ods-c-tooltip-actions-gap); justify-content: space-between; margin-top: var(--ods-c-tooltip-content-to-actions-gap); width: 100%; } .header--DZrYh { margin-bottom: var(--ods-c-tooltip-header-spacing); } } .spinner-container--lGCt8{display:flex;width:100%;height:100%;justify-content:center;align-items:center} /* stylelint-disable */ @layer ods.components.Popup; @layer ods.components.Modal { .modal--dKcC0 { --ods-o-popup-background-color: var(--ods-c-modal-background-color); --ods-o-popup-border-radius: var(--ods-c-modal-border-radius); --ods-o-popup-main-axis-size: 100%; --ods-o-popup-counter-axis-size: 100%; --ods-o-popup-inner-spacing: var(--ods-c-modal-inner-top-spacing) var(--ods-c-modal-inner-horizontal-spacing) var(--ods-c-modal-inner-bottom-spacing); } @media (min-width: 768px) { .modal--dKcC0 { --ods-o-popup-outer-spacing: var(--ods-c-modal-outer-vertical-spacing) 0; --ods-o-popup-main-axis-size: var(--ods-c-modal-max-width); --ods-o-popup-counter-axis-size: unset; } } .button-container--yfCg5 { display: flex; justify-content: flex-end; } .close-button--Mgc2s { color: var(--ods-c-modal-close-button-color); margin-right: var(--ods-c-modal-close-button-offset); } .header--s4zuY { margin-top: var(--ods-c-modal-header-top-spacing); text-align: var(--ods-c-modal-title-alignment); } .content--DKydy { padding: 0 var(--ods-c-modal-content-horizontal-spacing); } .is-height-bottom-sheet--uwTxz { --ods-o-popup-height: auto; --ods-o-popup-max-height: var(--ods-c-modal-max-height); --ods-o-popup-outer-overflow: hidden; } .header-align-center--VnId1 { text-align: center; } .header-align-left--TPYTm { text-align: left; } } /* stylelint-disable */ @layer ods.components.FullscreenModal { .header--XhXMl { border-bottom: var(--ods-c-fullscreen-modal-header-border-width) solid var(--ods-c-fullscreen-modal-header-border-color); display: flex; justify-content: space-between; padding: var(--ods-c-fullscreen-modal-vertical-header-spacing) var(--ods-c-fullscreen-modal-right-header-spacing) var(--ods-c-fullscreen-modal-vertical-header-spacing) var(--ods-c-fullscreen-modal-left-header-spacing); gap: var(--ods-c-fullscreen-modal-header-gap); align-items: center; --ods-ro-fullscreen-modal-header-height: calc( var(--ods-c-fullscreen-modal-vertical-header-spacing) * 2 + var(--ods-c-fullscreen-modal-logo-height) + var(--ods-c-fullscreen-modal-header-border-width) ); } .header-section--Kl1_g { align-items: flex-start; display: flex; gap: var(--ods-c-fullscreen-modal-header-gap); } .header-title--Yt3DU { padding-top: var(--ods-c-fullscreen-modal-header-title-vertical-spacing); } .header-section-center--kLyF2 { justify-content: center; align-items: center; display: flex; flex: 1 1; } .header-section-right--RbPxj { text-align: right; } .tk-logo--om7ZJ { font-size: var(--ods-c-fullscreen-modal-logo-height); } .content--A8A5j { height: calc(100% - var(--ods-ro-fullscreen-modal-header-height)); overflow-y: auto; padding: var(--ods-c-fullscreen-modal-vertical-spacing) var(--ods-c-fullscreen-modal-horizontal-spacing); width: 100%; } .close-btn--rKIxZ { color: var(--ods-c-fullscreen-modal-close-button-color); flex-shrink: 0; } .left-btn--T7QSe { color: var(--ods-c-fullscreen-modal-left-button-color); padding: var(--ods-c-fullscreen-modal-left-button-vertical-spacing) 0; flex-shrink: 0; } @media (hover: hover) and (pointer: fine) { .left-btn--T7QSe:hover { -webkit-text-decoration: var(--ods-c-fullscreen-modal-is-hover-text-decoration-line, var(--ods-c-fullscreen-modal-text-decoration-line)); text-decoration: var(--ods-c-fullscreen-modal-is-hover-text-decoration-line, var(--ods-c-fullscreen-modal-text-decoration-line)); } } } /* stylelint-disable */ @layer ods.components.SidebarModal { .sidebar-modal--iSaQ7 { --ods-o-popup-main-axis-size: var(--ods-c-sidebar-modal-width); } } /* stylelint-disable */ @layer ods.components.SidebarModal { .pane--Wg896 { transition-timing-function: var(--ods-ro-popup-animation-timing-function); transition-duration: var(--ods-ro-popup-animation-duration); transition-property: visibility, opacity; visibility: hidden; opacity: 0; height: 100%; max-height: 100vh; max-height: 100svh; max-height: 100dvh; background-color: var(--ods-c-sidebar-modal-background-color); display: flex; flex-direction: column; left: 0; position: absolute; right: 0; overflow: hidden; } .content-container--fMgg2 { display: flex; min-height: 0; flex-direction: column; flex: 1 1; will-change: transform; transform: translateX(0); transition-timing-function: var(--ods-ro-popup-animation-timing-function); transition-duration: var(--ods-ro-popup-animation-duration); transition-property: transform, opacity; } .header-container--ceA94, .footer--KH3t_ { border-style: solid; width: 100%; } .header-container--ceA94 { border-color: var(--ods-c-sidebar-modal-header-divider-color); border-width: 0 0 var(--ods-c-sidebar-modal-header-divider-width); min-height: var(--ods-c-sidebar-modal-header-min-height); padding: var(--ods-c-sidebar-modal-header-vertical-padding) var(--ods-c-sidebar-modal-header-horizontal-padding); } .footer--KH3t_ { background-color: inherit; align-items: center; border-color: var(--ods-c-sidebar-modal-footer-divider-color); border-width: var(--ods-c-sidebar-modal-footer-divider-width) 0 0; display: flex; justify-content: center; min-height: var(--ods-c-sidebar-modal-footer-min-height); padding: var(--ods-c-sidebar-modal-footer-vertical-padding) var(--ods-c-sidebar-modal-footer-horizontal-padding); will-change: transform; transform: translateY(100%); transition-timing-function: var(--ods-ro-popup-animation-timing-function); transition-duration: var(--ods-ro-popup-animation-duration); transition-property: transform; } .content--FrZ3R { flex: 1 1; overflow: auto; padding: var(--ods-c-sidebar-modal-content-vertical-padding) var(--ods-c-sidebar-modal-content-horizontal-padding); } .exit-action--ZvA9p { --P_button-tappable-area_864f: 10px; color: var(--ods-c-sidebar-modal-close-button-color); cursor: pointer; flex-shrink: 0; } .back-action--ZNrAs { margin: calc(-1 * (var(--P_button-tappable-area_864f))) calc(-1 * var(--P_button-tappable-area_864f)); } .border-right--j0Hzh { border-right: var(--ods-c-sidebar-modal-title-divider-width) solid var(--ods-c-sidebar-modal-title-divider-color); display: var(--ods-c-sidebar-modal-title-divider-display); height: calc(var(--ods-c-sidebar-modal-title-divider-height) - 2px); } .close-action--JC08U { margin: calc(-1 * var(--P_button-tappable-area_864f)); margin-left: auto; order: 999; } .button-container--EVcgo { align-items: center; display: flex; justify-content: space-between; width: 100%; height: 100%; } .header-container--ceA94 { gap: var(--ods-c-sidebar-modal-header-gap); display: flex; align-items: center; width: 100%; } .button-container--EVcgo { gap: var(--ods-c-sidebar-modal-footer-gap); flex-wrap: wrap-reverse; } @media (min-width: 480px) { .button-container--EVcgo { flex-wrap: nowrap; } } .spinner-container--XZi5n { align-items: center; display: flex; justify-content: center; } .is-active--AblHy.pane--Wg896 { visibility: visible; opacity: 1; } .is-active--AblHy .content-container--fMgg2 { transform: translateX(0); } .is-active--AblHy.has-footer--yhO0J .footer--KH3t_ { transition-delay: 100ms; transform: translateY(0); } .is-closed--m9OoG.pane--Wg896 { visibility: hidden; transition-delay: calc(var(--ods-ro-popup-animation-delay)); opacity: 0.2; } .is-closed--m9OoG .content-container--fMgg2 { transition-delay: calc(var(--ods-ro-popup-animation-delay)); transform: translateX(calc(10% * var(--ods-ro-popup-direction))); } .is-closed--m9OoG.has-footer--yhO0J .footer--KH3t_ { transition-delay: calc(var(--ods-ro-popup-animation-delay)); transform: translateX(calc(10% * var(--ods-ro-popup-direction))); } .is-before-active--AqxZr .content-container--fMgg2 { transform: translateX(-10%); } .is-after-active--g5PR9 .content-container--fMgg2 { transform: translateX(10%); } .is-first--TkSWt { /** * Note: Reversing order with CSS can sometimes cause accessibility issues * but in this case it actually improves screen reader accessibility. * * It allows us to focus on the `X` when the side-bar opens, and allows users to * press `CTRL-Right` to start reading top-container the content in the sidebar starting with the * header */ } .is-first--TkSWt .header-container--ceA94 { flex-direction: row-reverse; } .is-not-first--l1IMt .header-container--ceA94 { justify-content: flex-start; } } .img-container--UDRxf{display:flex;justify-content:center;margin-top:83px;margin-bottom:75px}.img-container--UDRxf .error-image--kKJr_{width:240px}@media(min-width: 376px){.img-container--UDRxf .error-image--kKJr_{width:368px}}.info-section--euRnp{text-align:center;margin:0 22px 120px}.info-section--euRnp .body-text--Gs0qE{max-width:460px;margin:16px auto 38px}.info-section--euRnp .continue-shopping-link--G10DV{margin-bottom:38px}.info-section--euRnp .questions-text--BMWjK{margin:auto;max-width:336px}@media(min-width: 376px){.info-section--euRnp .questions-text--BMWjK{max-width:478px}} [class*=grid-col] .p-w-r,[id^=modal-snippet] .p-w-r{font-family:"union-primary-font";outline:none}[class*=grid-col] .p-w-r :focus,[class*=grid-col] .p-w-r a:focus,[class*=grid-col] .p-w-r .pr-btn:focus,[class*=grid-col] .p-w-r .pr-btn:active:focus,[id^=modal-snippet] .p-w-r :focus,[id^=modal-snippet] .p-w-r a:focus,[id^=modal-snippet] .p-w-r .pr-btn:focus,[id^=modal-snippet] .p-w-r .pr-btn:active:focus{box-shadow:none;outline:none}[class*=grid-col] .p-w-r a:focus,[class*=grid-col] .p-w-r a:hover,[id^=modal-snippet] .p-w-r a:focus,[id^=modal-snippet] .p-w-r a:hover{text-decoration:none}[class*=grid-col] .p-w-r .pr-btn,[class*=grid-col] .p-w-r .pr-btn:hover,[class*=grid-col] .p-w-r .pr-btn:focus,[class*=grid-col] .p-w-r .pr-btn:active,[class*=grid-col] .p-w-r .pr-btn:active:focus,[id^=modal-snippet] .p-w-r .pr-btn,[id^=modal-snippet] .p-w-r .pr-btn:hover,[id^=modal-snippet] .p-w-r .pr-btn:focus,[id^=modal-snippet] .p-w-r .pr-btn:active,[id^=modal-snippet] .p-w-r .pr-btn:active:focus{padding:var(--ods-p-dimension-8) var(--ods-p-dimension-16);background:#fff;border:1px solid var(--ods-p-color-primary-500);border-radius:var(--ods-p-dimension-2);font-style:normal;font-weight:bold;font-size:14px;line-height:var(--ods-p-dimension-20);text-align:center;color:var(--ods-p-color-primary-500)}[class*=grid-col] .p-w-r .pr-btn:hover,[class*=grid-col] .p-w-r .pr-btn:focus,[class*=grid-col] .p-w-r .pr-btn:active,[class*=grid-col] .p-w-r .pr-btn:active:focus,[id^=modal-snippet] .p-w-r .pr-btn:hover,[id^=modal-snippet] .p-w-r .pr-btn:focus,[id^=modal-snippet] .p-w-r .pr-btn:active,[id^=modal-snippet] .p-w-r .pr-btn:active:focus{background-color:var(--ods-p-color-primary-100)}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-review-disclosure,[class*=grid-col] .p-w-r .pr-review-display .pr-rd-content-block.pr-accordion,[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-footer-vertical-pagination .pr-rd-pagination span,[id^=modal-snippet] .p-w-r .pr-review-display .pr-rd-review-disclosure,[id^=modal-snippet] .p-w-r .pr-review-display .pr-rd-content-block.pr-accordion,[id^=modal-snippet] .p-w-r .pr-review-display .pr-rd-main-footer-vertical-pagination .pr-rd-pagination span{display:none}[class*=grid-col] .p-w-r .pr-star-v4,[id^=modal-snippet] .p-w-r .pr-star-v4{background-position:center}[class*=grid-col] .p-w-r [class*=pr-star-v4-0-filled],[id^=modal-snippet] .p-w-r [class*=pr-star-v4-0-filled]{background-image:url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.66299 13.9131C3.56696 13.9077 3.47523 13.8715 3.4014 13.8099C3.26475 13.7078 3.19801 13.537 3.22929 13.3693L4.19306 8.85334L0.812984 5.76927C0.682338 5.6488 0.633924 5.46322 0.68907 5.29427C0.744897 5.12775 0.892979 5.00929 1.06769 4.99137L5.65249 4.51637L7.58691 0.234477C7.67221 0.0892175 7.82806 0 7.99652 0C8.16497 0 8.32082 0.0892175 8.40612 0.234477L10.3405 4.51637L14.9322 4.99137C15.1069 5.00929 15.255 5.12775 15.3108 5.29427C15.366 5.46322 15.3176 5.6488 15.1869 5.76927L11.8 8.85334L12.7706 13.3693C12.8061 13.5428 12.736 13.721 12.5916 13.8236C12.4452 13.9193 12.2561 13.9193 12.1098 13.8236L7.97931 11.4418L3.9177 13.8512C3.8414 13.898 3.75229 13.9197 3.66299 13.9131ZM2.14849 5.77616L4.98473 8.36457C5.10125 8.47338 5.15108 8.63597 5.11553 8.79138L4.31009 12.5707L7.75213 10.5675C7.88977 10.4846 8.06196 10.4846 8.1996 10.5675L11.6416 12.5707L10.8706 8.79138C10.8409 8.63496 10.8928 8.47417 11.0083 8.36457L13.8445 5.77616L9.98946 5.37688C9.83125 5.36275 9.69239 5.26581 9.6246 5.12217L7.99308 1.50803L6.36155 5.12217C6.29513 5.27308 6.14774 5.37224 5.98292 5.37688L2.14849 5.77616Z' fill='%23F89D25'/%3E%3C/svg%3E")}[class*=grid-col] .p-w-r [class*=pr-star-v4-25-filled],[id^=modal-snippet] .p-w-r [class*=pr-star-v4-25-filled]{background-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.10216 21.2148C4.21291 21.3073 4.3505 21.3616 4.49455 21.3697C4.6285 21.3796 4.76216 21.3471 4.87661 21.2768L10.969 17.6626L17.1647 21.2355C17.3843 21.3789 17.6679 21.3789 17.8875 21.2355C18.104 21.0815 18.2093 20.8142 18.156 20.5539L16.7 13.78L21.7805 9.15391C21.9764 8.9732 22.0491 8.69482 21.9663 8.44141C21.8826 8.19163 21.6605 8.01393 21.3984 7.98706L14.5109 7.27456L11.6092 0.851715C11.4813 0.633826 11.2475 0.5 10.9948 0.5C10.7422 0.5 10.5084 0.633826 10.3804 0.851715L7.4788 7.27456L0.601603 7.98706C0.339529 8.01393 0.117407 8.19163 0.0336666 8.44141C-0.0490528 8.69482 0.0235675 8.9732 0.219537 9.15391L5.28966 13.78L3.844 20.5539C3.79708 20.8054 3.89719 21.0617 4.10216 21.2148ZM10.6283 16.3512L8.03931 17.858V8.5602C8.25979 8.53146 8.45156 8.38962 8.54239 8.18326L10.9897 2.76205L13.437 8.18326C13.5387 8.39872 13.7469 8.54413 13.9842 8.56532L19.7669 9.16424L15.5125 13.0469C15.3393 13.2113 15.2615 13.4524 15.306 13.6871L16.4625 19.3561L11.2995 16.3512C11.093 16.2269 10.8347 16.2269 10.6283 16.3512Z' fill='%23F89D25'/%3E%3C/svg%3E")}[class*=grid-col] .p-w-r [class*=pr-star-v4-50-filled],[id^=modal-snippet] .p-w-r [class*=pr-star-v4-50-filled]{background-image:url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40146 13.8099C3.47529 13.8715 3.56702 13.9077 3.66305 13.9131C3.75235 13.9197 3.84146 13.898 3.91776 13.8512L7.97937 11.4418L12.1098 13.8236C12.2562 13.9193 12.4453 13.9193 12.5917 13.8236C12.736 13.721 12.8062 13.5428 12.7707 13.3693L11.8 8.85334L15.187 5.76927C15.3176 5.6488 15.3661 5.46321 15.3109 5.29427C15.2551 5.12775 15.107 5.00928 14.9323 4.99137L10.3406 4.51637L8.40618 0.234477C8.32088 0.0892175 8.16503 0 7.99658 0C7.82813 0 7.67227 0.0892175 7.58698 0.234477L5.65255 4.51637L1.06776 4.99137C0.89304 5.00928 0.744958 5.12775 0.689131 5.29427C0.633985 5.46321 0.682399 5.6488 0.813045 5.76927L4.19313 8.85334L3.22936 13.3693C3.19807 13.537 3.26481 13.7078 3.40146 13.8099ZM8.19966 10.5675C8.14576 10.535 8.08657 10.5153 8.02622 10.5082V1.58133L9.62466 5.12217C9.69245 5.26581 9.83131 5.36275 9.98952 5.37688L13.8446 5.77616L11.0084 8.36457C10.8929 8.47417 10.841 8.63496 10.8707 8.79138L11.6417 12.5707L8.19966 10.5675Z' fill='%23F89D25'/%3E%3C/svg%3E")}[class*=grid-col] .p-w-r [class*=pr-star-v4-75-filled],[id^=modal-snippet] .p-w-r [class*=pr-star-v4-75-filled]{background-image:url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.4014 13.8099C3.47523 13.8715 3.56696 13.9077 3.66299 13.9131C3.75229 13.9197 3.8414 13.898 3.9177 13.8512L7.97931 11.4418L12.1098 13.8236C12.2561 13.9193 12.4452 13.9193 12.5916 13.8236C12.736 13.721 12.8061 13.5428 12.7706 13.3693L11.8 8.85334L15.1869 5.76927C15.3176 5.6488 15.366 5.46321 15.3108 5.29427C15.255 5.12775 15.1069 5.00928 14.9322 4.99137L10.3405 4.51637L8.40612 0.234477C8.32082 0.0892175 8.16497 0 7.99652 0C7.82806 0 7.67221 0.0892175 7.58691 0.234477L5.65249 4.51637L1.06769 4.99137C0.892979 5.00928 0.744897 5.12775 0.68907 5.29427C0.633924 5.46321 0.682338 5.6488 0.812984 5.76927L4.19306 8.85334L3.22929 13.3693C3.19801 13.537 3.26475 13.7078 3.4014 13.8099ZM11.6416 12.5707L10.0262 11.6305V5.38068L13.8445 5.77616L11.0083 8.36457C10.8928 8.47417 10.8409 8.63496 10.8706 8.79138L11.6416 12.5707Z' fill='%23F89D25'/%3E%3C/svg%3E")}[class*=grid-col] .p-w-r [class*=pr-star-v4-100-filled],[id^=modal-snippet] .p-w-r [class*=pr-star-v4-100-filled]{background-image:url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.66299 13.9131C3.56696 13.9077 3.47523 13.8715 3.4014 13.8099C3.26475 13.7078 3.19801 13.537 3.22929 13.3693L4.19306 8.85334L0.812984 5.76927C0.682338 5.6488 0.633924 5.46321 0.68907 5.29427C0.744897 5.12775 0.892979 5.00928 1.06769 4.99137L5.65249 4.51637L7.58691 0.234477C7.67221 0.0892175 7.82806 0 7.99652 0C8.16497 0 8.32082 0.0892175 8.40612 0.234477L10.3405 4.51637L14.9322 4.99137C15.1069 5.00928 15.255 5.12775 15.3108 5.29427C15.366 5.46321 15.3176 5.6488 15.1869 5.76927L11.8 8.85334L12.7706 13.3693C12.8061 13.5428 12.736 13.721 12.5916 13.8236C12.4452 13.9193 12.2561 13.9193 12.1098 13.8236L7.97931 11.4418L3.9177 13.8512C3.8414 13.898 3.75229 13.9197 3.66299 13.9131Z' fill='%23F89D25'/%3E%3C/svg%3E")}[class*=grid-col] .pr-rd-images,[class*=grid-col] #pr-rd-filter-variant-by,[id^=modal-snippet] .pr-rd-images,[id^=modal-snippet] #pr-rd-filter-variant-by{display:none}div[data-testid^=product-card] .p-w-r .pr-no-reviews{display:none}[id^=modal-snippet] .p-w-r section{margin-top:2px}[class*=grid-col] .p-w-r .pr-no-reviews,[id^=modal-snippet] .p-w-r .pr-no-reviews{display:none}[class*=grid-col] .p-w-r .pr-category-snippet,[id^=modal-snippet] .p-w-r .pr-category-snippet{margin:0;margin-bottom:var(--ods-p-dimension-8)}[class*=grid-col] .p-w-r .pr-category-snippet__rating,[id^=modal-snippet] .p-w-r .pr-category-snippet__rating{display:flex;align-items:center}[class*=grid-col] .p-w-r .pr-snippet .pr-snippet-stars-png,[id^=modal-snippet] .p-w-r .pr-snippet .pr-snippet-stars-png{display:inline-flex;font-size:14px}[class*=grid-col] .p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal,[id^=modal-snippet] .p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal{border:none;font-weight:bold;font-size:14px;color:var(--ods-p-color-neutral-600);padding:0px var(--ods-p-dimension-4)}[class*=grid-col] .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4,[id^=modal-snippet] .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4{width:var(--ods-p-dimension-16);height:var(--ods-p-dimension-16);margin-right:3.33px}[class*=grid-col] .p-w-r .pr-snippet .pr-category-snippet__total,[id^=modal-snippet] .p-w-r .pr-snippet .pr-category-snippet__total{font-size:14px;color:var(--ods-p-color-neutral-500);padding:0}[class*=grid-col] .p-w-r .pr-snippet .pr-category-snippet__total::before,[id^=modal-snippet] .p-w-r .pr-snippet .pr-category-snippet__total::before{content:"("}[class*=grid-col] .p-w-r .pr-snippet .pr-category-snippet__total::after,[id^=modal-snippet] .p-w-r .pr-snippet .pr-category-snippet__total::after{content:")"}[class*=grid-col] [class^=details] .p-w-r .pr-snippet,[id^=modal-snippet] [class^=details] .p-w-r .pr-snippet{display:flex;align-items:center;margin-top:var(--ods-p-dimension-8)}[class*=grid-col] [class^=details] .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4,[id^=modal-snippet] [class^=details] .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4{width:22px;height:20.87px;margin-right:var(--ods-p-dimension-2)}[class*=grid-col] [class^=details] .p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal,[id^=modal-snippet] [class^=details] .p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal{font-size:var(--ods-p-dimension-16);padding:0;margin-left:var(--ods-p-dimension-8);margin-right:var(--ods-p-dimension-4);border-bottom:var(--ods-p-dimension-1) solid rgba(0,0,0,0)}[class*=grid-col] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write,[id^=modal-snippet] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write{margin-top:0;cursor:pointer;border-bottom:var(--ods-p-dimension-1) solid rgba(0,0,0,0)}[class*=grid-col] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write:hover,[id^=modal-snippet] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write:hover{border-bottom:var(--ods-p-dimension-1) solid var(--ods-p-color-neutral-600)}[class*=grid-col] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link,[id^=modal-snippet] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link{display:none}[class*=grid-col] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count,[id^=modal-snippet] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count{font-size:var(--ods-p-dimension-16) !important;color:var(--ods-p-color-neutral-500);padding:0;margin:0}[class*=grid-col] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count::before,[id^=modal-snippet] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count::before{content:"("}[class*=grid-col] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count::after,[id^=modal-snippet] [class^=details] .p-w-r .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count::after{content:")"}[class*=grid-col] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal,[id^=modal-snippet] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal{display:none}[class*=grid-col] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-read-and-write,[class*=grid-col] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-read-and-write:hover,[id^=modal-snippet] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-read-and-write,[id^=modal-snippet] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-read-and-write:hover{border:none;cursor:default;padding-top:var(--ods-p-dimension-2)}[class*=grid-col] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-read-and-write::before,[id^=modal-snippet] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-read-and-write::before{content:"(0)";font-size:var(--ods-p-dimension-16);line-height:var(--ods-p-dimension-24);color:var(--ods-p-color-neutral-500);padding-left:var(--ods-p-dimension-8)}[class*=grid-col] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-read-and-write span,[id^=modal-snippet] [class^=details] .p-w-r .pr-no-reviews .pr-snippet .pr-snippet-read-and-write span{display:none}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-review,[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-tablet .pr-review,[class*=grid-col] .p-w-r .pr-review-display .pr-review{border-bottom:var(--ods-p-dimension-1) solid var(--ods-p-color-neutral-300);margin:0;padding:var(--ods-p-dimension-32) 0}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-header-with-filters .pr-rd-review-total,[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-header-with-filters .pr-rd-review-total,[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-total{margin:0;font-weight:normal;font-size:var(--ods-p-dimension-16);line-height:var(--ods-p-dimension-24);color:var(--ods-p-color-neutral-600)}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-helpful-action-btn-group,[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-helpful-action-btn-group,[class*=grid-col] .p-w-r .pr-review-display .pr-rd-helpful-action-btn-group{margin:0;display:inline-block}[class*=grid-col] .p-w-r .pr-read-review.pr-rd-display-desktop .pr-rd-main-footer,[class*=grid-col] .p-w-r .pr-read-review.pr-rd-display-tablet .pr-rd-main-footer,[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-footer,[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-footer{border:none;padding:0;text-align:center}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-description .pr-rd-side-content-block,[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-description .pr-rd-side-content-block{padding:0}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-review-headline,[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-review-headline{margin:0;margin-top:var(--ods-p-dimension-8);font-size:18px;line-height:var(--ods-p-dimension-24)}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop{margin-left:300px}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-sort-group:last-child{position:relative}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-helpful-btn{border:none}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-flag-review-container{display:flex;margin-left:var(--ods-p-dimension-24)}@media(min-width: 768px){[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-header-with-filters .pr-rd-review-header-contents{display:inline-flex}}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-footer-vertical-pagination .pr-rd-pagination{float:inherit}[class*=grid-col] .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-footer .pr-rd-content-block{margin:0;display:inline-block;width:inherit}[class*=grid-col] .p-w-r #pr-review-display .pr-review:nth-last-child(2){border:none}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-footer-vertical-pagination .pr-rd-to-top{display:none}[class*=grid-col] .p-w-r .pr-review-display #pr-review-filter-section{margin:0;display:flex;align-items:center;margin-right:auto;order:2}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-display #pr-review-filter-section{display:none}}[class*=grid-col] .p-w-r .pr-review-display #pr-review-filter-section .pr-filter-btn::before{content:"with";position:absolute;padding-right:100px;font-size:var(--ods-p-dimension-16);color:var(--ods-p-color-neutral-600)}[class*=grid-col] .p-w-r .pr-review-display #pr-review-filter-section .pr-review-filter-headline{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-review-filter-info-bar .pr-filter-btn{margin:0;display:flex;flex-direction:row-reverse;background:var(--ods-p-color-neutral-white);border:var(--ods-p-dimension-1) solid var(--ods-p-color-neutral-300);border-radius:100px;padding:6px var(--ods-p-dimension-12) 6px var(--ods-p-dimension-16);align-items:center;margin-left:var(--ods-p-dimension-44)}[class*=grid-col] .p-w-r .pr-review-display .pr-review-filter-info-bar .pr-filter-btn:hover{background:var(--ods-p-color-neutral-100);cursor:pointer}[class*=grid-col] .p-w-r .pr-review-display .pr-review-filter-info-bar .pr-filter-btn__buttonText{white-space:nowrap;margin-right:14px;font-weight:normal;font-size:14px;line-height:var(--ods-p-dimension-20);color:var(--ods-p-color-neutral-600)}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-reviewer-details{display:inline-block;white-space:pre;width:-moz-max-content;width:max-content}[class*=grid-col] .p-w-r .pr-review-display .pr-snippet-rating-decimal{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-author-submission-date{font-weight:normal;font-size:var(--ods-p-dimension-16);line-height:var(--ods-p-dimension-24);color:var(--ods-p-color-neutral-500);float:right}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-author-submission-date .pr-rd-bold{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-author-submission-date time:before{content:"ยท"}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-author-nickname{display:inline-block;padding-right:var(--ods-p-dimension-4)}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-author-nickname span{font-weight:bold;font-size:18px;line-height:var(--ods-p-dimension-24);color:var(--ods-p-color-neutral-600);text-transform:capitalize}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-author-nickname span{font-size:var(--ods-p-dimension-16)}}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-author-nickname span .pr-rd-bold{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-author-location span,[class*=grid-col] .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-author-location .pr-rd-bold{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-reviewed-at{display:flex;align-items:center;font-style:italic;font-weight:normal;font-size:var(--ods-p-dimension-16);line-height:var(--ods-p-dimension-24);color:var(--ods-p-color-neutral-500);width:-moz-max-content;width:max-content}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-reviewed-at .pr-rd-bold{font-weight:normal;margin-right:var(--ods-p-dimension-4)}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters{display:flex;align-items:center;margin:0;margin-top:var(--ods-p-dimension-20)}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters{flex-direction:column-reverse}}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-contents{background:var(--ods-p-color-neutral-white);text-align:left;padding:0;width:auto;white-space:nowrap}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-contents{margin-top:var(--ods-p-dimension-16);width:-webkit-fill-available}}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts{padding:0}@media(min-width: 768px){[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts{order:3;width:-webkit-fill-available;display:flex;justify-content:flex-end}}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group{position:relative;padding:0}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group::before{content:"Sort By";font-size:12px;color:var(--ods-p-color-neutral-500);position:absolute;padding-top:4px;padding-left:12px}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group .pr-accessible-text{position:absolute;top:var(--ods-p-dimension-4);height:var(--ods-p-dimension-16);width:100px;font-style:normal;font-weight:normal;font-size:var(--ods-p-dimension-12);line-height:var(--ods-p-dimension-16);color:var(--ods-p-color-neutral-500);margin-left:11px;margin-bottom:0}@media(min-width: 845px){[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group .pr-accessible-text{display:inline-flex}}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort{height:var(--ods-p-dimension-48);padding:var(--ods-p-dimension-4);padding-left:11px;padding-top:var(--ods-p-dimension-20);padding-right:11px;border:var(--ods-p-dimension-1) solid var(--ods-p-color-neutral-300);border-radius:var(--ods-p-dimension-2);font-size:var(--ods-p-dimension-16);min-width:197px;outline:none;max-width:inherit;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0) url("function SvgUnionCaret(props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"svg\", _extends({\n width: 15,\n height: 10,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M.65.71a.66.66 0 0 0-.42.15.65.65 0 0 0-.08.91l6.72 8a.66.66 0 0 0 1 0l6.73-8a.65.65 0 0 0-1-.83l-6.2 7.4L1.15.94a.62.62 0 0 0-.5-.23Z\",\n fill: \"#061929\"\n })));\n}") no-repeat;background-position-x:right;background-origin:content-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width: 768px){[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort{width:auto}}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-header{display:flex;flex-direction:column;margin-bottom:var(--ods-p-dimension-8)}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-display .pr-rd-description{padding-bottom:var(--ods-p-dimension-48)}}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-description-text{font-style:normal;font-weight:normal;font-size:var(--ods-p-dimension-16);line-height:var(--ods-p-dimension-24);color:var(--ods-p-color-neutral-600);margin-bottom:var(--ods-p-dimension-16)}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-description-text:first-letter{text-transform:capitalize}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-description-text:before,[class*=grid-col] .p-w-r .pr-review-display .pr-rd-description-text:after{content:'"'}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-helpful-action .pr-rd-helpful-text{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-bottomline{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-helpful-btn{padding:0;background:rgba(0,0,0,0) url("function SvgUnionThumbsUp(props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"svg\", _extends({\n width: 17,\n height: 16,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"path\", {\n d: \"M13.963 8.778h.519a1.037 1.037 0 0 0 0-2.074H8.777a21 21 0 0 0 .518-4.667 1.037 1.037 0 0 0-2.074 0S6.185 7.741 2.556 7.741H1v6.222h2.593C4.63 13.963 6.703 15 7.74 15h5.185a1.037 1.037 0 0 0 0-2.074h.518a1.037 1.037 0 1 0 0-2.074h.519a1.037 1.037 0 0 0 0-2.074Z\",\n stroke: \"#061929\",\n strokeMiterlimit: 10,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}") no-repeat var(--ods-p-dimension-1) center !important;padding-left:22px;padding-top:var(--ods-p-dimension-2);border:none}[class*=grid-col] .p-w-r .pr-review-display .pr-helpful-btn:hover{background-color:var(--ods-p-color-neutral-white)}[class*=grid-col] .p-w-r .pr-review-display .pr-helpful-btn .pr-thumbs-icon{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-helpful-btn[aria-pressed=true]{color:var(--ods-p-color-neutral-500);background:rgba(0,0,0,0) url("function SvgUnionCheckmark(props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"svg\", _extends({\n width: 12,\n height: 11,\n viewBox: \"0 0 10 9\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M3.67 7.752a.38.38 0 0 1-.285-.136L.898 4.796a.574.574 0 0 1-.017-.706c.157-.2.42-.21.586-.02l2.146 2.432 3.878-6.3c.137-.222.397-.268.58-.104.185.165.224.478.087.7L4.003 7.55a.405.405 0 0 1-.334.202Z\",\n fill: \"#6D7179\"\n })));\n}") no-repeat var(--ods-p-dimension-8) center !important}[class*=grid-col] .p-w-r .pr-review-display .pr-helpful-btn[aria-pressed=true] .pr-helpful-count{color:var(--ods-p-color-neutral-500)}[class*=grid-col] .p-w-r .pr-review-display .pr-flag-review-thankyou{color:var(--ods-p-color-neutral-500);font-size:var(--ods-p-dimension-12)}[class*=grid-col] .p-w-r .pr-review-display .pr-flag-review-thankyou::before{content:"Report";position:absolute;background:#fff;width:190px}[class*=grid-col] .p-w-r .pr-review-display .pr-flag-icon{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-footer{padding:0;margin-bottom:0;margin-top:var(--ods-p-dimension-48)}@media(min-width: 768px){[class*=grid-col] .p-w-r .pr-review-display .pr-rd-footer{margin-top:84px}}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-footer-vertical-pagination .pr-rd-pagination{border:none;padding:0;padding-bottom:var(--ods-p-dimension-32)}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-merchant-response{display:none}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-content-block{display:inline-block}[class*=grid-col] .p-w-r .pr-review-display .pr-rd-reviewer-type{display:none}[class*=grid-col] .p-w-r .pr-read-review .pr-rd-main-header-with-filters .pr-rd-sort-group{padding:0}[class*=grid-col] .p-w-r .pr-filter-btn--button:active .pr-cross-icon,[class*=grid-col] .p-w-r .pr-filter-btn--button:hover .pr-cross-icon{background-color:var(--ods-p-color-neutral-100);border-radius:0;cursor:pointer}[class*=grid-col] .p-w-r .pr-filter-btn--button .pr-filter-btn__icon .pr-cross-icon{background:url("function SvgUnionClose(props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"svg\", _extends({\n width: 12,\n height: 12,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M6.64 6 11.867.77a.451.451 0 0 0-.638-.638l-5.235 5.23L.773.132a.458.458 0 0 0-.638 0 .444.444 0 0 0 0 .638L5.364 6 .135 11.23a.444.444 0 0 0 0 .638.45.45 0 0 0 .638 0l5.222-5.23 5.228 5.23a.45.45 0 0 0 .638 0 .458.458 0 0 0 0-.638L6.639 6Z\",\n fill: \"#061929\"\n })));\n}") no-repeat;background-position:center}[class*=grid-col] .p-w-r .pr-filter-btn--button .pr-filter-btn__icon .pr-cross-icon svg{display:none}[class*=grid-col] .p-w-r .pr-filter-btn--button .pr-filter-btn--active .pr-cross-icon{background-color:var(--ods-p-color-neutral-100);border-radius:0;cursor:pointer}[class*=grid-col] .p-w-r .pr-review .pr-rd-right{padding:0;position:absolute;left:0;bottom:-70px}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review .pr-rd-right{bottom:-36px}}[class*=grid-col] .p-w-r .pr-helpful-btn:hover span,[class*=grid-col] .p-w-r .pr-helpful-active[aria-disabled] span,[class*=grid-col] .p-w-r .pr-helpful-active[disabled] span,[class*=grid-col] .p-w-r .pr-helpful-active span,[class*=grid-col] .p-w-r .pr-helpful-btn:hover[aria-disabled] span,[class*=grid-col] .p-w-r .pr-helpful-btn:hover[disabled] span,[class*=grid-col] .p-w-r .pr-helpful-active{color:var(--ods-p-color-neutral-600);background:var(--ods-p-color-neutral-white) !important}[class*=grid-col] .p-w-r .pr-helpful-no{display:none}[class*=grid-col] .p-w-r .pr-helpful-btn{padding:0;margin:0}[class*=grid-col] .p-w-r .pr-helpful-btn .pr-thumbs-cuff-fill,[class*=grid-col] .p-w-r .pr-helpful-btn .pr-thumbs-fill{display:none}[class*=grid-col] .p-w-r .pr-helpful-btn[aria-disabled],[class*=grid-col] .p-w-r .pr-helpful-btn[disabled]{opacity:1}[class*=grid-col] .p-w-r .pr-helpful-btn:hover span,[class*=grid-col] .p-w-r .pr-rd-flag-review-btn,[class*=grid-col] .p-w-r .pr-helpful-count{font-style:normal;font-weight:normal;font-size:var(--ods-p-dimension-12);line-height:var(--ods-p-dimension-16);color:var(--ods-p-color-neutral-600)}[class*=grid-col] .p-w-r .pr-rd-flag-review-btn{text-decoration:none;padding-top:var(--ods-p-dimension-4);position:relative;width:36px;white-space:nowrap;text-overflow:clip;overflow:hidden;cursor:pointer;border-bottom:var(--ods-p-dimension-1) solid rgba(0,0,0,0)}[class*=grid-col] .p-w-r .pr-rd-flag-review-btn::before{background:var(--ods-p-color-neutral-white);position:absolute;content:"Report"}[class*=grid-col] .p-w-r .pr-rd-flag-review-btn:hover{border-bottom:var(--ods-p-dimension-1) solid var(--ods-p-color-neutral-600);color:var(--ods-p-color-neutral-600)}[class*=grid-col] .p-w-r .pr-helpful-count{border-bottom:var(--ods-p-dimension-1) solid rgba(0,0,0,0)}[class*=grid-col] .p-w-r .pr-helpful-count:after{content:" Helpful?"}[class*=grid-col] .p-w-r .pr-helpful-count:hover{border-bottom:var(--ods-p-dimension-1) solid var(--ods-p-color-neutral-600);color:var(--ods-p-color-neutral-600)}[class*=grid-col] .pr-rd-flag-review-container{display:inline-block;margin-left:25px}[class*=grid-col] .p-w-r .pr-review-snapshot-header{display:none}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-simple{display:flex;flex-flow:row wrap;align-items:flex-end;justify-content:center;margin:0;padding-bottom:var(--ods-p-dimension-32);border-bottom:var(--ods-p-dimension-1) solid var(--ods-p-color-neutral-300)}@media(min-width: 1045px){[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-simple{flex-flow:row;margin-left:300px;justify-content:left}}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block{padding:0;display:contents;border:none}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block:last-child{display:contents}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block:not(:last-child) section{width:50%;padding-top:var(--ods-p-dimension-16)}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block:first-child section .pr-snippet{display:grid}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block:first-child section .pr-snippet .pr-snippet-stars-container{margin:auto}}@media(min-width: 768px){[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block .pr-review-snapshot-recomend{margin-right:var(--ods-p-dimension-60)}}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block .pr-histogram-label{font-size:var(--ods-p-dimension-16);color:var(--ods-p-color-neutral-600);text-transform:lowercase;margin-right:var(--ods-p-dimension-8);padding:0}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block .pr-ratings-histogram-bar{height:var(--ods-p-dimension-12);width:160px}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block .pr-ratings-histogram-barValue{height:11px}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-zero-ratings.pr-snapshot-tooltip,[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-zero-ratings[data-tooltip]{display:none}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-count{font-size:var(--ods-p-dimension-16);font-weight:normal;color:var(--ods-p-color-neutral-600);padding:0;margin-left:var(--ods-p-dimension-8);width:auto}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-count{margin-left:var(--ods-p-dimension-16)}}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-zero-ratings .pr-histogram-label,[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-zero-ratings .pr-histogram-count{color:var(--ods-p-color-neutral-500)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars{height:auto;display:flex !important;align-items:center;background-color:var(--ods-p-color-neutral-white)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars:hover{background-color:var(--ods-p-color-neutral-white)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars:hover .pr-ratings-histogram-bar{background-color:var(--ods-p-color-additional-02-extra-100);border:var(--ods-p-dimension-1) solid var(--ods-p-color-additional-02-extra-400)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars:hover .pr-ratings-histogram-barValue{background:var(--ods-p-color-additional-02-extra-400)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars:hover .pr-histogram-label,[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars:hover .pr-histogram-count{text-decoration-line:underline}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars:focus .pr-ratings-histogram-bar{border-color:var(--ods-p-color-additional-02-extra-400);background:var(--ods-p-color-additional-02-extra-100)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars .pr-ratings-histogram-bar{background:var(--ods-p-color-neutral-100);margin-left:var(--ods-p-dimension-8)}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars .pr-ratings-histogram-bar{width:100%}}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-bar-container{width:100%}}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram [class*=pr-hist-filter-] .pr-ratings-histogram-barValue{background:var(--ods-p-color-additional-02-extra-400)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram [class*=pr-hist-filter-] .pr-ratings-histogram-bar{background-color:var(--ods-p-color-additional-02-extra-100);border:var(--ods-p-dimension-1) solid var(--ods-p-color-additional-02-extra-400)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram [class*=pr-hist-filter-] .pr-histogram-cross{background:rgba(0,0,0,0) url("function SvgUnionCircleCross(props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"path\", {\n d: \"M10.676 5.94 8.616 8l2.06 2.06a.435.435 0 1 1-.616.616L8 8.616l-2.06 2.06a.438.438 0 0 1-.615 0 .436.436 0 0 1 0-.616L7.385 8l-2.06-2.06a.436.436 0 0 1 .616-.616L8 7.384l2.06-2.06a.436.436 0 0 1 .616.616Z\",\n fill: \"#061929\"\n })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M.667 8c0 4.044 3.29 7.333 7.334 7.333 4.043 0 7.332-3.289 7.332-7.333 0-4.043-3.289-7.333-7.332-7.333C3.957.667.667 3.957.667 8Zm.871 0a6.47 6.47 0 0 1 6.463-6.463A6.47 6.47 0 0 1 14.463 8 6.47 6.47 0 0 1 8 14.463 6.47 6.47 0 0 1 1.538 8Z\",\n fill: \"#061929\"\n })));\n}") no-repeat var(--ods-p-dimension-32)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram [class*=pr-hist-filter-] .pr-histogram-count,[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram [class*=pr-hist-filter-] .pr-histogram-label,[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram [class*=pr-hist-filter-]:hover .pr-histogram-count,[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram [class*=pr-hist-filter-]:hover .pr-histogram-label{color:var(--ods-p-color-neutral-600)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-snapshot-tooltip::after,[class*=grid-col] .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-snapshot-tooltip::before{display:none !important}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-block .pr-review-snapshot-histogram{flex:1 1;margin-top:var(--ods-p-dimension-28)}}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-checkbox-icon{display:none !important}@media(min-width: 768px){[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets{margin-right:var(--ods-p-dimension-60);margin-left:var(--ods-p-dimension-24)}}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-review-count{margin:0;margin-top:var(--ods-p-dimension-12);font-weight:normal;font-size:var(--ods-p-dimension-16);color:var(--ods-p-color-neutral-600);text-align:center}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-review-count::after{content:"Ratings";padding-left:var(--ods-p-dimension-4)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a{display:none !important}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets-headline{font-size:var(--ods-p-dimension-32);color:var(--ods-p-color-neutral-600)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-snippet-reco-to-friend{display:flex;flex-direction:column;max-width:150px;font-size:var(--ods-p-dimension-16)}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-snippet-reco-to-friend{margin-right:0;max-width:inherit}}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple [class^=pr-snippet-reco-to-friend-]{background-color:var(--ods-p-color-neutral-white);color:var(--ods-p-color-neutral-600);padding:0}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple [class^=pr-snippet-reco-to-friend-] .pr-reco span{font-size:var(--ods-p-dimension-32);font-weight:bold;color:var(--ods-p-color-neutral-600);line-height:var(--ods-p-dimension-40);margin-top:-24px}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-reco{padding:0}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-reco-to-friend-message{text-align:center;font-weight:normal;font-size:var(--ods-p-dimension-16);line-height:var(--ods-p-dimension-24);text-align:center;color:var(--ods-p-color-neutral-600);padding-bottom:0}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4{width:22px;height:20.87px;margin-right:var(--ods-p-dimension-2)}[class*=grid-col] .p-w-r .pr-review-snapshot .pr-histogram-stars:hover [data-tooltip]:after,[class*=grid-col] .p-w-r .pr-review-snapshot .pr-histogram-stars:focus [data-tooltip]:after,[class*=grid-col] .p-w-r .pr-review-snapshot .pr-histogram-stars:hover [data-tooltip]:before{display:none !important}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-review-snapshot-snippets-headline{display:block}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-review-snapshot-snippets-headline{display:block}}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-snippet-read-and-write{text-align:center}}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-snippet-rating-decimal{display:none}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-snippet-reco-to-friend{text-align:center}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-reco{padding:0}[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-reco-to-friend-message{text-align:center;font-weight:normal;font-size:var(--ods-p-dimension-16);line-height:var(--ods-p-dimension-24);text-align:center;color:var(--ods-p-color-neutral-600);padding-bottom:0;overflow-wrap:break-word;margin:0 auto}@media(max-width: 767px){[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-reco-to-friend-message{width:40%}}@media(max-width: 708px){[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-reco-to-friend-message{width:60%}}@media(max-width: 502px){[class*=grid-col] .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-reco-to-friend-message{width:90%}}[class*=grid-col] .p-w-r .pr-histogram-cross{padding-left:var(--ods-p-dimension-32);margin-right:var(--ods-p-dimension-8);padding-right:var(--ods-p-dimension-16);width:var(--ods-p-dimension-16);height:var(--ods-p-dimension-16)}@media(max-width: 767.98px){[class*=grid-col] .p-w-r .pr-histogram-cross{display:none}}[class*=grid-col] .p-w-r .pr-histogram-cross .pr-cross-icon{display:none}[class*=grid-col] .p-w-r .pr-accessible-btn{display:none !important}[class*=grid-col] .p-w-r .pr-ratings-histogram-list-item{margin-bottom:var(--ods-p-dimension-4);display:flex;box-shadow:none !important;outline:none !important}[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review{padding:var(--ods-p-dimension-40)}[class^=reviews-section] .p-w-r .pr-review-display .pr-textarea{resize:none}[class^=reviews-section] .p-w-r .pr-review-display .pr-flagging-radio label{display:flex;align-items:center;margin-bottom:var(--ods-p-dimension-16)}[class^=reviews-section] .p-w-r .pr-review-display .pr-flagging-radio label span{font-weight:normal;font-size:var(--ods-p-dimension-16);line-height:var(--ods-p-dimension-24);color:#061929}[class^=reviews-section] .p-w-r .pr-review-display .pr-flagging-radio label input{border:1.3px solid var(--ods-p-color-neutral-300);border-radius:100%;height:var(--ods-p-dimension-24) !important;transition-property:border;width:var(--ods-p-dimension-24) !important;margin:0;margin-right:var(--ods-p-dimension-8);box-shadow:none;outline:none}[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review-fieldset label[for=pr-flag-comments]::after{content:"(optional)";color:var(--ods-p-color-neutral-500);padding-left:var(--ods-p-dimension-4);font-weight:normal}[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-submit{background:var(--ods-p-color-primary-500);border-radius:var(--ods-p-dimension-2);padding:var(--ods-p-dimension-12) var(--ods-p-dimension-16);width:140px;height:var(--ods-p-dimension-48);font-size:var(--ods-p-dimension-16);margin:0;float:right;margin-top:9px;color:#fff}[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-submit:hover,[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-submit:focus{background:var(--ods-p-color-primary-500)}@media(max-width: 767.98px){[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-submit{width:-webkit-fill-available;margin-bottom:var(--ods-p-dimension-16)}}[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-cancel{padding:var(--ods-p-dimension-12) var(--ods-p-dimension-16);width:140px;height:var(--ods-p-dimension-48);background:#fff;border:var(--ods-p-dimension-1) solid var(--ods-p-color-primary-500);border-radius:var(--ods-p-dimension-2);color:var(--ods-p-color-primary-500);font-size:var(--ods-p-dimension-16);float:right;margin-right:var(--ods-p-dimension-12);margin-bottom:var(--ods-p-dimension-40);margin-top:9px}[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-cancel:hover,[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-cancel:focus{background-color:var(--ods-p-color-primary-100)}@media(max-width: 767.98px){[class^=reviews-section] .p-w-r .pr-review-display .pr-flag-review-btn.pr-flag-review-btn-cancel{width:-webkit-fill-available;margin:0;float:inherit}}[class^=reviews-section] .p-w-r .pr-media-modal .button__close .pr-cross-icon{background-size:18px}[class^=reviews-section] .p-w-r abbr{display:none}[class^=reviews-section] .p-w-r legend.pr-control-label{margin-bottom:var(--ods-p-dimension-16);padding-top:var(--ods-p-dimension-12)}[class^=reviews-section] .p-w-r legend.pr-control-label::after{content:"?"}[class^=reviews-section] .p-w-r .form-control:focus{box-shadow:none;outline:none}[class^=reviews-section] .p-w-r .pr-has-error .form-control:focus{border:var(--ods-p-dimension-1) solid var(--ods-p-color-primary-500);box-shadow:none;outline:none}[class^=reviews-section] .p-w-r .pr-has-error .pr-control-label{color:var(--ods-p-color-primary-500)}[class^=reviews-section] .p-w-r .pr-field-alert{font-size:var(--ods-p-dimension-12);color:var(--ods-p-color-primary-500) !important}[class^=reviews-section] .form-control~.pr-form-control-error-icon{display:none}[class^=reviews-section] .p-w-r .pr-review-display .pr-rd-no-reviews{text-align:left;padding:0;height:104px}[class^=reviews-section] .p-w-r .pr-review-display .pr-rd-no-reviews::before{background:url("function Svg5EmptyStars(props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"svg\", _extends({\n width: 118,\n height: 22,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M4.495 21.37a.67.67 0 0 1-.393-.155.671.671 0 0 1-.258-.661L5.29 13.78.22 9.154a.671.671 0 0 1 .382-1.167l6.877-.712L10.38.852a.713.713 0 0 1 1.23 0l2.9 6.423 6.888.712a.671.671 0 0 1 .383 1.167L16.7 13.78l1.456 6.774a.671.671 0 0 1-.268.681.661.661 0 0 1-.723 0l-6.196-3.572-6.092 3.614a.64.64 0 0 1-.382.093ZM2.223 9.164l4.254 3.883c.175.163.25.407.196.64l-1.208 5.67 5.163-3.006a.65.65 0 0 1 .671 0l5.163 3.005-1.156-5.669a.702.702 0 0 1 .207-.64l4.254-3.883-5.783-.599a.671.671 0 0 1-.547-.382l-2.447-5.42-2.448 5.42a.64.64 0 0 1-.568.382l-5.751.6ZM52.495 21.37a.67.67 0 0 1-.393-.155.671.671 0 0 1-.258-.661l1.446-6.774-5.07-4.626a.671.671 0 0 1 .382-1.167l6.877-.712L58.38.852a.713.713 0 0 1 1.23 0l2.9 6.423 6.888.712a.671.671 0 0 1 .383 1.167L64.7 13.78l1.456 6.774a.671.671 0 0 1-.269.681.661.661 0 0 1-.722 0l-6.196-3.572-6.092 3.614a.64.64 0 0 1-.383.093ZM50.223 9.164l4.254 3.883c.175.163.25.407.196.64l-1.208 5.67 5.163-3.006a.65.65 0 0 1 .672 0l5.163 3.005-1.157-5.669a.702.702 0 0 1 .207-.64l4.254-3.883-5.783-.599a.671.671 0 0 1-.547-.382l-2.447-5.42-2.448 5.42a.64.64 0 0 1-.568.382l-5.751.6ZM28.494 21.37a.67.67 0 0 1-.392-.155.671.671 0 0 1-.258-.661l1.446-6.774-5.07-4.626a.671.671 0 0 1 .382-1.167l6.877-.712L34.38.852a.713.713 0 0 1 1.23 0l2.9 6.423 6.888.712a.671.671 0 0 1 .383 1.167L40.7 13.78l1.456 6.774a.671.671 0 0 1-.268.681.661.661 0 0 1-.723 0l-6.196-3.572-6.092 3.614a.64.64 0 0 1-.383.093ZM26.223 9.164l4.254 3.883c.175.163.25.407.196.64l-1.208 5.67 5.163-3.006a.65.65 0 0 1 .672 0l5.163 3.005-1.157-5.669a.702.702 0 0 1 .207-.64l4.254-3.883-5.783-.599a.671.671 0 0 1-.547-.382l-2.447-5.42-2.448 5.42a.64.64 0 0 1-.568.382l-5.751.6ZM76.495 21.37a.67.67 0 0 1-.393-.155.671.671 0 0 1-.258-.661l1.446-6.774-5.07-4.626a.671.671 0 0 1 .382-1.167l6.877-.712L82.38.852a.713.713 0 0 1 1.23 0l2.9 6.423 6.888.712a.671.671 0 0 1 .383 1.167L88.7 13.78l1.456 6.774a.671.671 0 0 1-.269.681.661.661 0 0 1-.722 0l-6.196-3.572-6.092 3.614a.64.64 0 0 1-.382.093ZM74.222 9.164l4.254 3.883c.175.163.25.407.196.64l-1.208 5.67 5.163-3.006a.65.65 0 0 1 .671 0l5.163 3.005-1.156-5.669a.702.702 0 0 1 .207-.64l4.254-3.883-5.783-.599a.671.671 0 0 1-.547-.382l-2.447-5.42-2.448 5.42a.64.64 0 0 1-.568.382l-5.751.6ZM100.495 21.37a.673.673 0 0 1-.393-.155.672.672 0 0 1-.258-.661l1.446-6.774-5.07-4.626a.671.671 0 0 1 .382-1.167l6.877-.712L106.38.852a.713.713 0 0 1 1.229 0l2.902 6.423 6.887.712a.67.67 0 0 1 .382 1.167l-5.08 4.626 1.456 6.774a.672.672 0 0 1-.268.681.661.661 0 0 1-.723 0l-6.196-3.572-6.092 3.614a.642.642 0 0 1-.382.093ZM98.223 9.164l4.254 3.883c.175.163.25.407.196.64l-1.208 5.67 5.163-3.006a.65.65 0 0 1 .671 0l5.164 3.005-1.157-5.669a.7.7 0 0 1 .207-.64l4.254-3.883-5.783-.599a.672.672 0 0 1-.547-.382l-2.447-5.42-2.448 5.42a.639.639 0 0 1-.568.382l-5.751.6Z\",\n fill: \"#F89D25\"\n })));\n}") no-repeat left;font-weight:normal;font-size:var(--ods-p-dimension-16);line-height:var(--ods-p-dimension-24);color:#000;content:"Unfortunately, this product has no reviews."}@media(min-width: 1045px){[class^=reviews-section] .p-w-r .pr-review-display .pr-rd-no-reviews::before{margin-left:-300px}}@media(min-width: 465px){[class^=reviews-section] .p-w-r .pr-review-display .pr-rd-no-reviews{text-align:center;margin-top:var(--ods-p-dimension-24)}[class^=reviews-section] .p-w-r .pr-review-display .pr-rd-no-reviews::before{padding-left:127px}}@media(max-width: 464px){[class^=reviews-section] .p-w-r .pr-review-display .pr-rd-no-reviews::before{white-space:pre-wrap;position:absolute;background-position:left var(--ods-p-dimension-4);line-height:100px;margin-left:0}}[class^=reviews-section] .p-w-r .pr-review-display .pr-rd-no-reviews a{display:none}a:hover{text-decoration:none} /*# sourceMappingURL=main.7308d86c.css.map*/