@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--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--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 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); } } /* 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; } } /* 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)); 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; } } /* 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--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)); } } /* 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 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; } } @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); } } /* 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; } } /* 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.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); } } .action-container--xvaCd{display:flex;justify-content:space-between;width:200px}@media(min-width: 768px){.action-container--xvaCd{width:280px}}.children-container--wmXwW{padding-left:var(--ods-p-dimension-16)} /* 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; } } .wrapper--K3PG7{text-align:center}.wrapper--K3PG7 .header--Fzc5u{margin-bottom:12px}.wrapper--K3PG7 .body--KWUut{margin-bottom:40px} @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 */ .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; } } /* 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--qW8YW) :where(img, picture), :where(.responsive-images--qW8YW):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--CpkTK) { --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--CpkTK) { 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--CpkTK) *, :where(.ds-reset--CpkTK) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--CpkTK) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--CpkTK) *, :where(.ds-reset--CpkTK) *::before, :where(.ds-reset--CpkTK) *::after, :where(.ds-reset--CpkTK)::before, :where(.ds-reset--CpkTK)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--CpkTK) :where(a), :where(.ds-reset--CpkTK):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--CpkTK) :where(a[href]:hover), :where(.ds-reset--CpkTK):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--CpkTK) :where(strong), :where(.ds-reset--CpkTK):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--CpkTK) :where([role=link], [role=button], a, button), :where(.ds-reset--CpkTK):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--CpkTK) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--CpkTK):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--CpkTK) :where(:focus), :where(.ds-reset--CpkTK):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--CpkTK) :where(:focus-visible), :where(.ds-reset--CpkTK):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); } } @layer resets { :where(.responsive-images--AtL6l) :where(img, picture), :where(.responsive-images--AtL6l):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--pq7Bt) { --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--pq7Bt) { 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--pq7Bt) *, :where(.ds-reset--pq7Bt) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--pq7Bt) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--pq7Bt) *, :where(.ds-reset--pq7Bt) *::before, :where(.ds-reset--pq7Bt) *::after, :where(.ds-reset--pq7Bt)::before, :where(.ds-reset--pq7Bt)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--pq7Bt) :where(a), :where(.ds-reset--pq7Bt):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--pq7Bt) :where(a[href]:hover), :where(.ds-reset--pq7Bt):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--pq7Bt) :where(strong), :where(.ds-reset--pq7Bt):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--pq7Bt) :where([role=link], [role=button], a, button), :where(.ds-reset--pq7Bt):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--pq7Bt) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--pq7Bt):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--pq7Bt) :where(:focus), :where(.ds-reset--pq7Bt):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--pq7Bt) :where(:focus-visible), :where(.ds-reset--pq7Bt):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--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--fyWEY { animation: rotate-animation--omYIa 1.6s infinite linear; overflow: visible; position: relative; width: var(--ods-c-spinner-width); } .spinner--hE2UL { animation-direction: reverse; animation-duration: 1.6s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: loading--animation--HDnJ8; 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--omYIa { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes loading--animation--HDnJ8 { 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); } } @layer resets { :where(.responsive-images--utxru) :where(img, picture), :where(.responsive-images--utxru):where(img, picture) { display: block; height: auto; max-width: 100%; width: auto; } } @layer ods.resets { :where(.ds-reset--VdNYr) { --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--VdNYr) { 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--VdNYr) *, :where(.ds-reset--VdNYr) { background: none; border: none; color: inherit; list-style: none; margin: 0; padding: 0; text-decoration-line: none; } :where(.ds-reset--VdNYr) * { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; } :where(.ds-reset--VdNYr) *, :where(.ds-reset--VdNYr) *::before, :where(.ds-reset--VdNYr) *::after, :where(.ds-reset--VdNYr)::before, :where(.ds-reset--VdNYr)::after { box-sizing: inherit; } } @layer resets { :where(.ds-reset--VdNYr) :where(a), :where(.ds-reset--VdNYr):where(a) { color: var(--ow-normalize-link-color); text-decoration-line: var(--ow-normalize-link-text-decoration-line); } } @layer resets { :where(.ds-reset--VdNYr) :where(a[href]:hover), :where(.ds-reset--VdNYr):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--VdNYr) :where(strong), :where(.ds-reset--VdNYr):where(strong) { font-weight: bolder; } } @layer resets { :where(.ds-reset--VdNYr) :where([role=link], [role=button], a, button), :where(.ds-reset--VdNYr):where([role=link], [role=button], a, button) { cursor: pointer; } } @layer resets { :where(.ds-reset--VdNYr) :where(:disabled, [aria-disabled=true], a:not([href])), :where(.ds-reset--VdNYr):where(:disabled, [aria-disabled=true], a:not([href])) { cursor: not-allowed; } } @layer resets { :where(.ds-reset--VdNYr) :where(:focus), :where(.ds-reset--VdNYr):where(:focus) { outline: none; } } @layer resets { :where(.ds-reset--VdNYr) :where(:focus-visible), :where(.ds-reset--VdNYr):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--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.Spinner { .loading--BMc4r { animation: rotate-animation--dYMv4 1.6s infinite linear; overflow: visible; position: relative; width: var(--ods-c-spinner-width); } .spinner--VlpON { animation-direction: reverse; animation-duration: 1.6s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: loading--animation--LcnEv; 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--dYMv4 { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes loading--animation--LcnEv { 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--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.Option { .sub-text--FzBbX, .main-text--QZ5k5 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container--fKstA { --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--fKstA: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--fKstA: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--Ca4tI { display: flex; align-items: center; gap: var(--P_option-gap_bcd4); } .has-icon--g9Ta0 { --P_option-gap_bcd4: var(--ods-c-option-icon-to-text-gap); } .has-checkbox--qlAsq { --P_option-gap_bcd4: var(--ods-c-option-graphic-to-text-gap); } .graphic-container--jf3lO { display: flex; align-items: center; max-height: 1lh; pointer-events: none; } .text-container--mPKNB { display: flex; flex-direction: column; flex: 1 1; min-width: 0; } .main-text--QZ5k5 { -webkit-text-decoration: var(--P_option-text-decoration_bcd4); text-decoration: var(--P_option-text-decoration_bcd4); } .sub-text--FzBbX { --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--yVtCg { --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--jD6aW { --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--jD6aW: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--jD6aW: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--mAQtu { --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--kRv8V { --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--kRv8V: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--kRv8V: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--fKstA:disabled:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover, .container--fKstA[aria-disabled=true]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover, .container--fKstA[inert]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):hover, .container--fKstA: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--fKstA:disabled:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus, .container--fKstA[aria-disabled=true]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus, .container--fKstA[inert]:not(:disabled, [inert], [aria-disabled=true], :where(a):not([href])):focus, .container--fKstA: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--fKstA:disabled.is-active--mAQtu, .container--fKstA[aria-disabled=true].is-active--mAQtu, .container--fKstA[inert].is-active--mAQtu, .container--fKstA:where(a):not([href]).is-active--mAQtu { --P_option-background-color_bcd4: var(--ods-s-background-color-disabled); --P_option-text-decoration_bcd4: var(--ods-c-option-text-decoration-line); } .container--fKstA:disabled, .container--fKstA[aria-disabled=true], .container--fKstA[inert], .container--fKstA: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--GY_H6 { --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--vzDkn { --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--Op9_e { --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--RD0aH { 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--U5Z7e { color: var(--P_checkmark-icon-color_2708); } .is-neutral--MObt_: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--aiS2J { --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--aiS2J: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--ZMcqx { --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--Ov2Xl { --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--SpJV2, .is-valid--SpJV2: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--RyXzx { --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--iet5x, .is-invalid--iet5x: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--IpfCB, .is-invalid-selected--IpfCB: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--DD59q { 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); } .your-registry--ZkXOH{overflow-x:hidden;width:100vw}.your-registry--ZkXOH nav [class^=links-container] a:hover{text-decoration:none}.your-registry--ZkXOH [class^=right-sidebar-content]{padding:0}@media(min-width: 768px){.your-registry--ZkXOH .no-padding-in-desktop--T00Ba{max-width:1280px;padding:0}}.top-level-container--G2T5E{display:flex;flex-direction:column} .navigation-links--NaLne>a{padding:0} .info--UpKHm{align-items:center;display:flex;flex-direction:column;padding:var(--ods-p-dimension-12);width:200px}.info--UpKHm:first-of-type{border-right:1px solid var(--ods-p-color-neutral-200)}.info-value--AJtkL{color:var(--ods-p-color-neutral-black)}.info-value--AJtkL:hover{color:var(--ods-p-color-neutral-black);cursor:pointer;text-decoration:underline}.info-sub--eap1k{grid-column:text-start}.info-sub-text--sZ_yC{color:var(--ods-p-color-neutral-500);padding-bottom:var(--ods-p-dimension-4);text-align:left}.info-sub-text--sZ_yC:hover{color:var(--ods-p-color-neutral-500);cursor:pointer;text-decoration:underline}.disabled--bhZW7:hover{text-decoration:none;cursor:default} .container--yxkAt{width:100%;border:1px solid var(--ods-p-color-neutral-200);border-radius:var(--ods-p-dimension-4)}@media(min-width: 768px){.container--yxkAt{display:flex}} .summary--g89L1{display:none}@media(min-width: 1024px){.summary--g89L1{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}} .header--G3T5B.has-store-credit--Y51z0 .user-data-content--CkYPx,.header--G3T5B .user-data-content--CkYPx{display:flex;width:100%}.header--G3T5B{display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--ods-p-dimension-32) var(--ods-p-dimension-20) 0 var(--ods-p-dimension-20)}@media(min-width: 1024px){.header--G3T5B{align-items:center;padding:var(--ods-p-dimension-40) 0 0 0}}@media(min-width: 360px){.header--G3T5B .user-data-content--CkYPx{width:auto}}@media(min-width: 661px){.header--G3T5B.has-store-credit--Y51z0 .user-data-content--CkYPx{margin-top:0;width:auto}}.has-only-sc-or-gc--hRhxn{align-items:center}.has-sc-and-gcs--Q9C11{align-items:center;display:flex;flex-direction:row;padding-top:var(--ods-p-dimension-20)}@media(min-width: 661px){.has-sc-and-gcs--Q9C11{padding-top:0;width:auto}}@media(min-width: 1024px){.has-sc-and-gcs--Q9C11{flex-direction:column;padding:var(--ods-p-dimension-16);margin-right:var(--ods-p-dimension-8)}.has-sc-and-gcs--Q9C11.has-only-sc-or-gc--hRhxn{flex-direction:row}}@media(min-width: 1192px){.has-sc-and-gcs--Q9C11{flex-direction:row;width:auto}}.store-credit--feYdP{align-items:center;color:var(--ods-p-color-neutral-500)}.store-credit--feYdP:first-of-type{border-right:1px solid var(--ods-p-color-neutral-300);margin-right:var(--ods-p-dimension-8);padding-right:var(--ods-p-dimension-8)}@media(min-width: 1024px){.store-credit--feYdP:first-of-type{border-right:none;margin-right:0;padding-right:0}}@media(min-width: 1192px){.store-credit--feYdP:first-of-type{border-right:1px solid var(--ods-p-color-neutral-300);margin-right:var(--ods-p-dimension-8);padding-right:var(--ods-p-dimension-8)}}.store-credit--feYdP:last-of-type{border-right:none;margin-right:0}.row--inygr .divider--TCACN{background-color:var(--ods-p-color-neutral-300);height:1px;left:0;position:absolute;z-index:1}.links-container--CNMkR{display:flex;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:auto;padding:var(--ods-p-dimension-16) 0 0 0;scroll-padding:50%;scroll-snap-type:x mandatory}.links-container--CNMkR::-webkit-scrollbar{display:none}.links-container--CNMkR>li{flex:0 0 auto;list-style:none;margin-right:var(--ods-p-dimension-24);scroll-snap-align:center}.links-container--CNMkR>li:last-of-type{margin-right:0;padding-right:var(--ods-p-dimension-20)}@media(min-width: 768px){.links-container--CNMkR{padding-top:var(--ods-p-dimension-24)}}@media(min-width: 1024px){.links-container--CNMkR{padding:var(--ods-p-dimension-24) 0 0 0}}.link--Jq_tb{border:none;color:var(--ods-p-color-neutral-600);cursor:pointer;display:block;font-size:.875rem;padding-bottom:var(--ods-p-dimension-12)}.link--Jq_tb:hover{color:inherit}@media(min-width: 768px){.link--Jq_tb{padding-bottom:var(--ods-p-dimension-16)}}.link-active--SNevx{border-bottom:solid var(--ods-p-color-neutral-black) var(--ods-p-dimension-4)}.view-as-guest-link-desktop--Ar3H6,.view-as-guest-link-mobile--n8YRV{align-items:center;display:flex;margin-left:var(--ods-p-dimension-32)}.view-as-guest-link-mobile--n8YRV{position:absolute;right:var(--ods-p-dimension-20)}@media(min-width: 661px){.view-as-guest-link-mobile--n8YRV{display:none}}.view-as-guest-link-desktop--Ar3H6{display:none}@media(min-width: 661px){.view-as-guest-link-desktop--Ar3H6{display:flex;padding-right:10px}} .spinner-container--u2AOf{align-items:center;display:flex;flex:1 1;justify-content:center} /*# sourceMappingURL=main.27b6e17a.css.map*/