.AvatarStyles_base__167n05h0 { display: inline-grid; height: var(--size__n2nsgo2); width: var(--size__n2nsgo2); border-radius: var(--borderRadius__n2nsgo3); } .AvatarStyles_baseStyle__167n05h1 { border-radius: var(--borderRadius__n2nsgo3); align-self: stretch; align-items: center; justify-content: center; display: flex; height: var(--size__n2nsgo2); width: var(--size__n2nsgo2); grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; background-position: center center; overflow-x: hidden; overflow-y: hidden; } .AvatarStyles_content__167n05h2 { background-color: var(--bgColor__n2nsgo0); color: var(--textColor__n2nsgo1); background-size: 196px 196px; background-image: var(--pattern__n2nsgo7); } .AvatarStyles_image__167n05h3 { background-size: cover; } .AvatarStyles_initialsStyle__167n05h4 { font-size: var(--initialsFontSize__n2nsgo4); font-weight: var(--initialsFontWeight__n2nsgo5); } .AvatarStyles_icon__167n05h5 { font-size: var(--iconFontSize__n2nsgo6); } .AvatarStyles_icon__167n05h5 > * { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }.ImageVars_globalImages__odczjtc { --imageVars_avatarPattern0__odczjt0: url(libs/oraclejet-preact/amd/images/avatar-pattern0.png); --imageVars_avatarPattern1__odczjt1: url(libs/oraclejet-preact/amd/images/avatar-pattern1.png); --imageVars_avatarPattern2__odczjt2: url(libs/oraclejet-preact/amd/images/avatar-pattern2.png); --imageVars_avatarPattern3__odczjt3: url(libs/oraclejet-preact/amd/images/avatar-pattern3.png); --imageVars_avatarPattern4__odczjt4: url(libs/oraclejet-preact/amd/images/avatar-pattern4.png); --imageVars_avatarPattern5__odczjt5: url(libs/oraclejet-preact/amd/images/avatar-pattern5.png); --imageVars_avatarPattern6__odczjt6: url(libs/oraclejet-preact/amd/images/avatar-pattern6.png); --imageVars_avatarPattern7__odczjt7: url(libs/oraclejet-preact/amd/images/avatar-pattern7.png); --imageVars_avatarPattern8__odczjt8: url(libs/oraclejet-preact/amd/images/avatar-pattern8.png); --imageVars_avatarPattern9__odczjt9: url(libs/oraclejet-preact/amd/images/avatar-pattern9.png); --imageVars_sparkleImg__odczjta: url(libs/oraclejet-preact/amd/images/AI-Sparkle.gif); --imageVars_dialogTexture08__odczjtb: url(libs/oraclejet-preact/amd/images/texture-dialog-144x20-opacity-08.png); }.AvatarVariants_multiVariantStyles_size_2xs__1h7waq80 { --size__n2nsgo2: var(--sizes-2xs-size__n2nsgo12); --initialsFontSize__n2nsgo4: var(--sizes-2xs-initialsFontSize__n2nsgo14); --initialsFontWeight__n2nsgo5: var(--sizes-2xs-initialsFontWeight__n2nsgo15); --iconFontSize__n2nsgo6: var(--sizes-2xs-iconFontSize__n2nsgo16); } .AvatarVariants_multiVariantStyles_size_xs__1h7waq81 { --size__n2nsgo2: var(--sizes-xs-size__n2nsgo17); --initialsFontSize__n2nsgo4: var(--sizes-xs-initialsFontSize__n2nsgo19); --initialsFontWeight__n2nsgo5: var(--sizes-xs-initialsFontWeight__n2nsgo1a); --iconFontSize__n2nsgo6: var(--sizes-xs-iconFontSize__n2nsgo1b); } .AvatarVariants_multiVariantStyles_size_sm__1h7waq82 { --size__n2nsgo2: var(--sizes-sm-size__n2nsgo1c); --initialsFontSize__n2nsgo4: var(--sizes-sm-initialsFontSize__n2nsgo1e); --initialsFontWeight__n2nsgo5: var(--sizes-sm-initialsFontWeight__n2nsgo1f); --iconFontSize__n2nsgo6: var(--sizes-sm-iconFontSize__n2nsgo1g); } .AvatarVariants_multiVariantStyles_size_md__1h7waq83 { --size__n2nsgo2: var(--sizes-md-size__n2nsgo1h); --initialsFontSize__n2nsgo4: var(--sizes-md-initialsFontSize__n2nsgo1j); --initialsFontWeight__n2nsgo5: var(--sizes-md-initialsFontWeight__n2nsgo1k); --iconFontSize__n2nsgo6: var(--sizes-md-iconFontSize__n2nsgo1l); } .AvatarVariants_multiVariantStyles_size_lg__1h7waq84 { --size__n2nsgo2: var(--sizes-lg-size__n2nsgo1m); --initialsFontSize__n2nsgo4: var(--sizes-lg-initialsFontSize__n2nsgo1o); --initialsFontWeight__n2nsgo5: var(--sizes-lg-initialsFontWeight__n2nsgo1p); --iconFontSize__n2nsgo6: var(--sizes-lg-iconFontSize__n2nsgo1q); } .AvatarVariants_multiVariantStyles_size_xl__1h7waq85 { --size__n2nsgo2: var(--sizes-xl-size__n2nsgo1r); --initialsFontSize__n2nsgo4: var(--sizes-xl-initialsFontSize__n2nsgo1t); --initialsFontWeight__n2nsgo5: var(--sizes-xl-initialsFontWeight__n2nsgo1u); --iconFontSize__n2nsgo6: var(--sizes-xl-iconFontSize__n2nsgo1v); } .AvatarVariants_multiVariantStyles_size_2xl__1h7waq86 { --size__n2nsgo2: var(--sizes-2xl-size__n2nsgo1w); --initialsFontSize__n2nsgo4: var(--sizes-2xl-initialsFontSize__n2nsgo1y); --initialsFontWeight__n2nsgo5: var(--sizes-2xl-initialsFontWeight__n2nsgo1z); --iconFontSize__n2nsgo6: var(--sizes-2xl-iconFontSize__n2nsgo20); } .AvatarVariants_multiVariantStyles_background_neutral__1h7waq87 { --bgColor__n2nsgo0: var(--colors-neutral-bgColor__n2nsgo8); --pattern__n2nsgo7: var(--colors-neutral-pattern__n2nsgo9); --textColor__n2nsgo1: var(--colors-neutral-textColor__n2nsgoa); } .AvatarVariants_multiVariantStyles_background_orange__1h7waq88 { --bgColor__n2nsgo0: var(--colors-orange-bgColor__n2nsgob); --pattern__n2nsgo7: var(--colors-orange-pattern__n2nsgoc); --textColor__n2nsgo1: var(--colors-orange-textColor__n2nsgod); } .AvatarVariants_multiVariantStyles_background_green__1h7waq89 { --bgColor__n2nsgo0: var(--colors-green-bgColor__n2nsgoe); --pattern__n2nsgo7: var(--colors-green-pattern__n2nsgof); --textColor__n2nsgo1: var(--colors-green-textColor__n2nsgog); } .AvatarVariants_multiVariantStyles_background_teal__1h7waq8a { --bgColor__n2nsgo0: var(--colors-teal-bgColor__n2nsgoh); --pattern__n2nsgo7: var(--colors-teal-pattern__n2nsgoi); --textColor__n2nsgo1: var(--colors-teal-textColor__n2nsgoj); } .AvatarVariants_multiVariantStyles_background_blue__1h7waq8b { --bgColor__n2nsgo0: var(--colors-blue-bgColor__n2nsgok); --pattern__n2nsgo7: var(--colors-blue-pattern__n2nsgol); --textColor__n2nsgo1: var(--colors-blue-textColor__n2nsgom); } .AvatarVariants_multiVariantStyles_background_slate__1h7waq8c { --bgColor__n2nsgo0: var(--colors-slate-bgColor__n2nsgon); --pattern__n2nsgo7: var(--colors-slate-pattern__n2nsgoo); --textColor__n2nsgo1: var(--colors-slate-textColor__n2nsgop); } .AvatarVariants_multiVariantStyles_background_pink__1h7waq8d { --bgColor__n2nsgo0: var(--colors-pink-bgColor__n2nsgoq); --pattern__n2nsgo7: var(--colors-pink-pattern__n2nsgor); --textColor__n2nsgo1: var(--colors-pink-textColor__n2nsgos); } .AvatarVariants_multiVariantStyles_background_purple__1h7waq8e { --bgColor__n2nsgo0: var(--colors-purple-bgColor__n2nsgot); --pattern__n2nsgo7: var(--colors-purple-pattern__n2nsgou); --textColor__n2nsgo1: var(--colors-purple-textColor__n2nsgov); } .AvatarVariants_multiVariantStyles_background_lilac__1h7waq8f { --bgColor__n2nsgo0: var(--colors-lilac-bgColor__n2nsgow); --pattern__n2nsgo7: var(--colors-lilac-pattern__n2nsgox); --textColor__n2nsgo1: var(--colors-lilac-textColor__n2nsgoy); } .AvatarVariants_multiVariantStyles_background_gray__1h7waq8g { --bgColor__n2nsgo0: var(--colors-gray-bgColor__n2nsgoz); --pattern__n2nsgo7: var(--colors-gray-pattern__n2nsgo10); --textColor__n2nsgo1: var(--colors-gray-textColor__n2nsgo11); } .AvatarVariants_multiVariantStyles_shape_circle__1h7waq8h { --borderRadius__n2nsgo3: var(--shapes-circle-borderRadius__n2nsgo21); } .AvatarVariants_multiVariantStyles_compound_0__1h7waq8j { --borderRadius__n2nsgo3: var(--sizes-2xs-borderRadius__n2nsgo13); } .AvatarVariants_multiVariantStyles_compound_1__1h7waq8k { --borderRadius__n2nsgo3: var(--sizes-xs-borderRadius__n2nsgo18); } .AvatarVariants_multiVariantStyles_compound_2__1h7waq8l { --borderRadius__n2nsgo3: var(--sizes-sm-borderRadius__n2nsgo1d); } .AvatarVariants_multiVariantStyles_compound_3__1h7waq8m { --borderRadius__n2nsgo3: var(--sizes-md-borderRadius__n2nsgo1i); } .AvatarVariants_multiVariantStyles_compound_4__1h7waq8n { --borderRadius__n2nsgo3: var(--sizes-lg-borderRadius__n2nsgo1n); } .AvatarVariants_multiVariantStyles_compound_5__1h7waq8o { --borderRadius__n2nsgo3: var(--sizes-xl-borderRadius__n2nsgo1s); } .AvatarVariants_multiVariantStyles_compound_6__1h7waq8p { --borderRadius__n2nsgo3: var(--sizes-2xl-borderRadius__n2nsgo1x); }oj-c-avatar:not(.oj-complete) { visibility: hidden; } oj-c-avatar[hidden] { display: none; } oj-c-avatar { display: inline-block; } /* This file is where css selectors for the component go. There will be hard coded properties and properties controlled by variables, for example progress-dialog .progress-dialog-value-text { color: var(--progress-dialog-value-text-color); display: inline-block; } */ progress-dialog:not(.oj-complete) { visibility: hidden; } progress-dialog { min-height: 0px; } progress-dialog[hidden] { display: none; } .progress-dialog-body { padding: 0px; } .progress-dialog-bar { width: 100%; height: 20px; } @keyframes ProgressBarStyles_animationLTR__1hi376f0 { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes ProgressBarStyles_animationRTL__1hi376f1 { 0% { left: 100%; right: -35%; } 60% { left: -90%; right: 100%; } 100% { left: -90%; right: 100%; } } .ProgressBarStyles_base__1hi376f2 { height: var(--height__irxz4j0); position: relative; box-sizing: border-box; overflow-x: hidden; background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-measure-track-enabled); } .ProgressBarStyles_trackBorderEdgeNone__1hi376f3 { box-shadow: 0px 0px 0px 1px var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled) inset; } .ProgressBarStyles_trackBorderEdgeTop__1hi376f4 { box-shadow: 0px -1px 0px 0px var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled) inset; } .ProgressBarStyles_valueStyle__1hi376f5 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-measure-fill-enabled); height: 100%; box-sizing: border-box; } .ProgressBarStyles_highContrastValueStyle__1hi376f6 { border: 1px dashed var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .ProgressBarStyles_indeterminate__1hi376f7 { width: 25%; height: var(--height__irxz4j0); position: relative; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; border-radius: var(--borderRadius__irxz4j1); } .ProgressBarStyles_animationStyleRTL__1hi376f8 { animation-name: ProgressBarStyles_animationRTL__1hi376f1; } .ProgressBarStyles_animationStyleLTR__1hi376f9 { animation-name: ProgressBarStyles_animationLTR__1hi376f0; }.ProgressBarVariants_multiVariantStyles_edge_none__5ab1t30 { border-radius: var(--borderRadius__irxz4j1); }oj-c-progress-bar:not(.oj-complete) { visibility: hidden; } oj-c-progress-bar { display: block; } oj-c-progress-bar[hidden] { display: none; } .UserAssistanceStyles_helpTextStyles__14qa8xb0 { margin-inline-end: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); } .UserAssistanceStyles_helpSourceStyles__14qa8xb1 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-link); line-height: inherit; -webkit-text-decoration-line: none; text-decoration-line: none; cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable); } .UserAssistanceStyles_helpSourceStyles__14qa8xb1:visited { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-link); } .UserAssistanceStyles_helpSourceStyles__14qa8xb1:active { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-link); } .UserAssistanceStyles_helpSourceStyles__14qa8xb1:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; transition-property: -webkit-text-decoration; transition-property: text-decoration; transition-property: text-decoration, -webkit-text-decoration; transition-duration: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-xl); } .UserAssistanceStyles_helpSourceStyles__14qa8xb1:focus-visible { outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); outline-style: dotted; outline-width: 1px; outline-offset: -1px; } .UserAssistanceStyles_inlineContainerBaseStyles__14qa8xb2 { margin-top: calc(0 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); color: var(--inlineTextColor__1n9ixz60); font-size: var(--inlineFontSize__1n9ixz61); font-weight: normal; line-height: 1.333; word-break: break-word; } .UserAssistanceStyles_assistiveStyles__14qa8xb3 { display: block; color: var(--inlineTextColor__1n9ixz60); font-size: var(--inlineFontSize__1n9ixz61); font-weight: normal; line-height: 1; } .UserAssistanceStyles_dividerStyle__14qa8xb4 { display: block; padding-top: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-bottom: calc(2.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .UserAssistanceStyles_helpIconBase__14qa8xb5 { display: block; float: right; margin-left: calc(1.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); margin-right: 0; margin-top: calc((var(--fontSize__kn3t7f0) * var(--lineHeight__kn3t7f2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size))/ 2); margin-bottom: calc((var(--fontSize__kn3t7f0) * var(--lineHeight__kn3t7f2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size))/ -2); color: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-200)); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); font-weight: 400; line-height: inherit; -webkit-text-decoration-line: none; text-decoration-line: none; cursor: pointer; } .UserAssistanceStyles_helpIconBase__14qa8xb5:focus-visible { outline-style: none; } .UserAssistanceStyles_helpIconBase__14qa8xb5:focus-visible > svg { outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); outline-style: dotted; outline-width: 1px; outline-offset: -1px; } .UserAssistanceStyles_helpIconLabelEdgeStart__14qa8xb6 { display: inline; float: none; margin-left: 0; margin-right: calc(1.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .UserAssistanceStyles_helpContentStyles__14qa8xb7 { max-width: calc(80 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .UserAssistanceStyles_requiredIconBase__14qa8xb8 { display: inline-block; margin-left: calc(1.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); margin-right: 0; margin-top: calc((var(--fontSize__kn3t7f0) * var(--lineHeight__kn3t7f2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size))/ 2); margin-bottom: calc((var(--fontSize__kn3t7f0) * var(--lineHeight__kn3t7f2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size))/ -2); color: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-brand-110)); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size); font-weight: 400; line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height); font-family: inherit; } .UserAssistanceStyles_requiredIconBase__14qa8xb8::before { content: "*"; display: inline-block; } .UserAssistanceStyles_requiredIconLabelEdgeStart__14qa8xb9 { margin-left: 0; margin-right: calc(1.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .UserAssistanceStyles_iconUserAssistanceIcon__14qa8xba { display: inline-block; height: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); position: relative; top: calc(0.6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); cursor: pointer; padding-top: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-bottom: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-inline-end: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-inline-start: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); margin-top: calc(-2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); margin-bottom: calc(-3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); margin-inline-end: calc(-4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .UserAssistanceStyles_iconUserAssistanceIcon__14qa8xba:focus { outline: 0; } .UserAssistanceStyles_iconUserAssistanceIcon__14qa8xba:focus-visible { outline-style: dotted; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .UserAssistanceStyles_iconUserAssistancePopupFocus__14qa8xbb:focus-visible { outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); outline-style: dotted; outline-width: 1px; outline-offset: var(--padding__2ugez74); } .UserAssistanceStyles_variants_align_start__14qa8xbc { padding-inline-end: calc(0.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); text-align: start; } .UserAssistanceStyles_variants_align_end__14qa8xbd { padding-inline-start: calc(0.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); text-align: end; } .UserAssistanceStyles_variants_visible_hide__14qa8xbe { display: none; } .UserAssistanceStyles_variants_container_reflow__14qa8xbf:empty { margin-top: 0px; } .UserAssistanceStyles_variants_container_efficient__14qa8xbg { min-height: calc(5.332 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); }.boxalignment_alignItems_baseline__xnj0dy0 { align-items: baseline; } .boxalignment_alignItems_center__xnj0dy1 { align-items: center; } .boxalignment_alignItems_end__xnj0dy2 { align-items: flex-end; } .boxalignment_alignItems_start__xnj0dy3 { align-items: flex-start; } .boxalignment_alignItems_inherit__xnj0dy4 { align-items: inherit; } .boxalignment_alignItems_initial__xnj0dy5 { align-items: initial; } .boxalignment_alignItems_stretch__xnj0dy6 { align-items: stretch; } .boxalignment_justifyContent_left__xnj0dy7 { justify-content: left; } .boxalignment_justifyContent_center__xnj0dy8 { justify-content: center; } .boxalignment_justifyContent_right__xnj0dy9 { justify-content: right; } .boxalignment_justifyContent_end__xnj0dya { justify-content: flex-end; } .boxalignment_justifyContent_start__xnj0dyb { justify-content: flex-start; } .boxalignment_justifyContent_inherit__xnj0dyc { justify-content: inherit; } .boxalignment_justifyContent_initial__xnj0dyd { justify-content: initial; } .boxalignment_justifyContent_around__xnj0dye { justify-content: space-around; } .boxalignment_justifyContent_between__xnj0dyf { justify-content: space-between; } .boxalignment_justifyContent_evenly__xnj0dyg { justify-content: space-evenly; }.flexbox_flexDirection_row__13x6ak30 { flex-direction: row; } .flexbox_flexDirection_column__13x6ak31 { flex-direction: column; } .flexbox_flexWrap_nowrap__13x6ak32 { flex-wrap: nowrap; } .flexbox_flexWrap_wrap__13x6ak33 { flex-wrap: wrap; } .flexbox_flexWrap_reverse__13x6ak34 { flex-wrap: wrap-reverse; } .flexbox_flexWrap_inherit__13x6ak35 { flex-wrap: inherit; } .flexbox_flexWrap_initial__13x6ak36 { flex-wrap: initial; }.flexitem_alignSelf_baseline__1b6a9hn0 { align-self: baseline; } .flexitem_alignSelf_center__1b6a9hn1 { align-self: center; } .flexitem_alignSelf_end__1b6a9hn2 { align-self: flex-end; } .flexitem_alignSelf_start__1b6a9hn3 { align-self: flex-start; } .flexitem_alignSelf_inherit__1b6a9hn4 { align-self: inherit; } .flexitem_alignSelf_initial__1b6a9hn5 { align-self: initial; } .flexitem_alignSelf_stretch__1b6a9hn6 { align-self: stretch; }.FlexStyles_baseStyles__10p93f60 { display: flex; } .FlexStyles_marginZeroStyles__10p93f61 > * { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }.MessageBannerStyles_variants_severity_confirmation__15yin4c0 { --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-success-low, var(--oj-core-success-secondary-3)); --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-success, var(--oj-core-success-3)); --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-success, var(--oj-core-success-3)); } .MessageBannerStyles_variants_severity_info__15yin4c1 { --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low, var(--oj-core-info-secondary-3)); --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3)); --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3)); }.MessageBannerVariants_multiVariantStyles_severity_error__10p8l3t0 { --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-danger-low, var(--oj-core-danger-secondary-3)); --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger, var(--oj-core-danger-3)); --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger, var(--oj-core-danger-3)); } .MessageBannerVariants_multiVariantStyles_severity_warning__10p8l3t1 { --backgroundColor__l2hi9d0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-warning-low, var(--oj-core-warning-secondary-3)); --startIconColor__l2hi9d1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning, var(--oj-core-warning-3)); --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning, var(--oj-core-warning-3)); }.FloatingStyles_baseStyle__1h7j7620 { background-color: var(--backgroundColor__ihlnqb0); display: block; position: absolute; width: auto; height: auto; } .FloatingStyles_floatingVisibilityStyles_visible__1h7j7621 { visibility: visible; } .FloatingStyles_floatingVisibilityStyles_hidden__1h7j7622 { visibility: hidden; } .FloatingStyles_floatingTailBaseStyle__1h7j7623 { position: absolute; width: 0; height: 0; }.TooltipContentStyles_wrapper__40ir7s0 { display: flex; align-items: flex-end; overflow-y: hidden; } .TooltipContentStyles_inner__40ir7s1 { opacity: 0; max-height: 0; } .TooltipContentStyles_content__40ir7s2 { width: -moz-max-content; width: max-content; } .TooltipContentStyles_baseStyle__40ir7s3 { max-width: var(--maxWidth__1x922a00); color: var(--textColor__1x922a02); background-color: var(--backgroundColor__1x922a01); padding-top: var(--paddingVertical__1x922a08); padding-left: var(--paddingHorizontal__1x922a07); padding-right: var(--paddingHorizontal__1x922a07); padding-bottom: var(--paddingVertical__1x922a08); border-radius: var(--borderRadius__1x922a05); border-color: var(--borderColor__1x922a06); font-size: var(--fontSize__1x922a03); line-height: var(--lineHeight__1x922a04); border-width: 1px; border-style: solid; }.TooltipContentVariants_multiVariantStyles_variant_tooltip__1ycsr170 { --maxWidth__1x922a00: var(--variants-tooltip-maxWidth__1x922a09); --backgroundColor__1x922a01: var(--variants-tooltip-backgroundColor__1x922a0a); --textColor__1x922a02: var(--variants-tooltip-textColor__1x922a0b); --fontSize__1x922a03: var(--variants-tooltip-fontSize__1x922a0c); --lineHeight__1x922a04: var(--variants-tooltip-lineHeight__1x922a0d); --borderRadius__1x922a05: var(--variants-tooltip-borderRadius__1x922a0e); --borderColor__1x922a06: var(--variants-tooltip-borderColor__1x922a0f); --paddingHorizontal__1x922a07: var(--variants-tooltip-paddingHorizontal__1x922a0g); --paddingVertical__1x922a08: var(--variants-tooltip-paddingVertical__1x922a0h); } .TooltipContentVariants_multiVariantStyles_variant_datatip__1ycsr171 { --maxWidth__1x922a00: var(--variants-datatip-maxWidth__1x922a0i); --backgroundColor__1x922a01: var(--variants-datatip-backgroundColor__1x922a0j); --textColor__1x922a02: var(--variants-datatip-textColor__1x922a0k); --fontSize__1x922a03: var(--variants-datatip-fontSize__1x922a0l); --lineHeight__1x922a04: var(--variants-datatip-lineHeight__1x922a0m); --borderRadius__1x922a05: var(--variants-datatip-borderRadius__1x922a0n); --borderColor__1x922a06: var(--variants-datatip-borderColor__1x922a0o); --paddingHorizontal__1x922a07: var(--variants-datatip-paddingHorizontal__1x922a0p); --paddingVertical__1x922a08: var(--variants-datatip-paddingVertical__1x922a0q); }.IconStyle_primary__sdo2n60 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .IconStyle_secondary__sdo2n61 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } .IconStyle_disabled__sdo2n62 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); } .IconStyle_danger__sdo2n63 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger); } .IconStyle_warning__sdo2n64 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning); } .IconStyle_success__sdo2n65 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-success); } .IconStyle_info__sdo2n66 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info); } .IconStyle_currentColor__sdo2n67 { color: currentColor; }.BaseButtonStyles_styles_base__jvi3ds0 { cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable) !important; box-sizing: border-box; & > * { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } } .BaseButtonStyles_styles_styled__jvi3ds1 { align-items: center; border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; font-family: inherit; justify-content: center; overflow-x: hidden; overflow-y: hidden; padding-top: 0; padding-bottom: 0; pointer-events: auto; text-overflow: ellipsis; vertical-align: top; -webkit-tap-highlight-color: rgba(0,0,0,0); white-space: nowrap; border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-border-radius); font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-semibold); } .BaseButtonStyles_styles_styled__jvi3ds1:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .BaseButtonStyles_styles_outline__jvi3ds2 { outline-style: dotted; outline-offset: 1px; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .BaseButtonStyles_styles_min__jvi3ds3 { padding-inline-start: unset !important; padding-inline-end: unset !important; } .BaseButtonStyles_styles_fill__jvi3ds4 { width: 100%; } .BaseButtonStyles_styles_embedded__jvi3ds5 { height: 100%; display: flex; } .BaseButtonStyles_styles_embedded__jvi3ds5:focus-visible { outline-style: none; } .BaseButtonStyles_styles_noBorderRadiusStart__jvi3ds6 { border-start-start-radius: 0; border-end-start-radius: 0; border-inline-start-width: 0px; } .BaseButtonStyles_styles_noBorderRadiusEnd__jvi3ds7 { border-end-end-radius: 0; border-start-end-radius: 0; border-inline-end-width: 0px; } .BaseButtonStyles_styles_bottom__jvi3ds8 { border-left-width: 0; border-right-width: 0; border-block-end-width: 0; width: 100%; border-top-left-radius: 0; border-top-right-radius: 0; } .BaseButtonStyles_styles_variants_outlined_base__jvi3ds9 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-color); } .BaseButtonStyles_styles_variants_outlined_disabled__jvi3dsa { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-color); } .BaseButtonStyles_styles_variants_outlined_hover__jvi3dsb:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-hover-background-overlay-color)); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_outlined_active__jvi3dsc { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-active-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-active-background-overlay-color)); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_outlined_container__jvi3dsf { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_callToAction_base__jvi3dsg { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-base-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-base-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-base-color); } .BaseButtonStyles_styles_variants_callToAction_disabled__jvi3dsh { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-disabled-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-disabled-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-disabled-color); } .BaseButtonStyles_styles_variants_callToAction_hover__jvi3dsi:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse); } .BaseButtonStyles_styles_variants_callToAction_active__jvi3dsj { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-active-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-active-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse); } .BaseButtonStyles_styles_variants_callToAction_container__jvi3dsm { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_borderless_base__jvi3dsn { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-color); } .BaseButtonStyles_styles_variants_borderless_disabled__jvi3dso { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-color); } .BaseButtonStyles_styles_variants_borderless_hover__jvi3dsp:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_borderless_active__jvi3dsq { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-active-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-active-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_borderless_container__jvi3dst { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_ghost_base__jvi3dsu { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-color); } .BaseButtonStyles_styles_variants_ghost_disabled__jvi3dsv { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-color); } .BaseButtonStyles_styles_variants_ghost_hover__jvi3dsw:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } .BaseButtonStyles_styles_variants_ghost_active__jvi3dsx { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-active-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-active-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } .BaseButtonStyles_styles_variants_ghost_container__jvi3ds10 { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_solid_base__jvi3ds11 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-base-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-base-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-base-color); } .BaseButtonStyles_styles_variants_solid_disabled__jvi3ds12 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-disabled-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-disabled-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-disabled-color); } .BaseButtonStyles_styles_variants_solid_hover__jvi3ds13:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_solid_active__jvi3ds14 { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-active-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-active-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_solid_container__jvi3ds17 { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_danger_base__jvi3ds18 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-base-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-base-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-base-color); } .BaseButtonStyles_styles_variants_danger_disabled__jvi3ds19 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-disabled-background-color); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-disabled-border-color); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-disabled-color); } .BaseButtonStyles_styles_variants_danger_hover__jvi3ds1a:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-on-color); } .BaseButtonStyles_styles_variants_danger_active__jvi3ds1b { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-active-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-active-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-on-color); } .BaseButtonStyles_styles_variants_danger_container__jvi3ds1e { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_sizes_xs__jvi3ds1f { height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-height); min-width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-height); padding-inline-start: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-text-to-edge-padding); padding-inline-end: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-text-to-edge-padding); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-font-size); } .BaseButtonStyles_styles_sizes_sm__jvi3ds1g { height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height); min-width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height); padding-inline-start: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-text-to-edge-padding); padding-inline-end: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-text-to-edge-padding); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-font-size); } .BaseButtonStyles_styles_sizes_md__jvi3ds1h { height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height); min-width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height); padding-inline-start: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-text-to-edge-padding); padding-inline-end: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-text-to-edge-padding); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-font-size); } .BaseButtonStyles_styles_sizes_lg__jvi3ds1i { height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-height); min-width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-height); padding-inline-start: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-text-to-edge-padding); padding-inline-end: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-text-to-edge-padding); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-font-size); } @media (hover: hover) { .BaseButtonStyles_styles_variants_outlined_pseudohover__jvi3dsd:hover:enabled:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-hover-background-overlay-color)); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_outlined_pseudohoverSpan__jvi3dse:hover:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-hover-background-overlay-color)); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_callToAction_pseudohover__jvi3dsk:hover:enabled:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse); } .BaseButtonStyles_styles_variants_callToAction_pseudohoverSpan__jvi3dsl:hover:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse); } .BaseButtonStyles_styles_variants_borderless_pseudohover__jvi3dsr:hover:enabled:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_borderless_pseudohoverSpan__jvi3dss:hover:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_ghost_pseudohover__jvi3dsy:hover:enabled:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } .BaseButtonStyles_styles_variants_ghost_pseudohoverSpan__jvi3dsz:hover:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } .BaseButtonStyles_styles_variants_solid_pseudohover__jvi3ds15:hover:enabled:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_solid_pseudohoverSpan__jvi3ds16:hover:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .BaseButtonStyles_styles_variants_danger_pseudohover__jvi3ds1c:hover:enabled:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-on-color); } .BaseButtonStyles_styles_variants_danger_pseudohoverSpan__jvi3ds1d:hover:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-hover-background-overlay-color),var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-hover-background-overlay-color)); border-color: transparent; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-on-color); } }.TextStyles_base__13t47my0 { overflow-x: hidden; overflow-y: hidden; overflow-wrap: anywhere; display: inline; } .TextStyles_lineClamp__13t47my1 { display: -webkit-box; -webkit-box-orient: vertical; } .TextStyles_multiVariantStyles_size_2xs__13t47my2 { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-2xs-font-size); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-2xs-line-height); } .TextStyles_multiVariantStyles_size_xs__13t47my3 { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height); } .TextStyles_multiVariantStyles_size_sm__13t47my4 { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height); } .TextStyles_multiVariantStyles_size_md__13t47my5 { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height); } .TextStyles_multiVariantStyles_size_lg__13t47my6 { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-font-size); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-line-height); } .TextStyles_multiVariantStyles_size_xl__13t47my7 { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-font-size); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-line-height); } .TextStyles_multiVariantStyles_size_inherit__13t47my8 { font-size: inherit; line-height: inherit; } .TextStyles_multiVariantStyles_variant_primary__13t47my9 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .TextStyles_multiVariantStyles_variant_secondary__13t47mya { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } .TextStyles_multiVariantStyles_variant_disabled__13t47myb { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); } .TextStyles_multiVariantStyles_variant_danger__13t47myc { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger); } .TextStyles_multiVariantStyles_variant_warning__13t47myd { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning); } .TextStyles_multiVariantStyles_variant_success__13t47mye { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-success); } .TextStyles_multiVariantStyles_variant_inherit__13t47myf { color: inherit; } .TextStyles_multiVariantStyles_weight_normal__13t47myg { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-regular); } .TextStyles_multiVariantStyles_weight_semiBold__13t47myh { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-semibold); } .TextStyles_multiVariantStyles_weight_bold__13t47myi { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-bold); } .TextStyles_multiVariantStyles_weight_inherit__13t47myj { font-weight: inherit; } .TextStyles_multiVariantStyles_hyphens_auto__13t47myk { -webkit-hyphens: auto; hyphens: auto; } .TextStyles_multiVariantStyles_hyphens_none__13t47myl { -webkit-hyphens: none; hyphens: none; } .TextStyles_multiVariantStyles_truncation_clip__13t47myn { text-overflow: clip; white-space: nowrap; width: 100%; display: inline-block; } .TextStyles_multiVariantStyles_truncation_ellipsis__13t47myo { text-overflow: ellipsis; white-space: nowrap; width: 100%; display: inline-block; } .TextStyles_multiVariantStyles_overflowWrap_breakWord__13t47myp { overflow-wrap: break-word; } .TextStyles_multiVariantStyles_overflowWrap_normal__13t47myq { overflow-wrap: normal; } .TextStyles_multiVariantStyles_compound_0__13t47mys { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-2xs-font-weight-regular); } .TextStyles_multiVariantStyles_compound_1__13t47myt { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-2xs-font-weight-semibold); } .TextStyles_multiVariantStyles_compound_2__13t47myu { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-bold); } .TextStyles_multiVariantStyles_compound_3__13t47myv { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-regular); } .TextStyles_multiVariantStyles_compound_4__13t47myw { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-semibold); } .TextStyles_multiVariantStyles_compound_5__13t47myx { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-bold); } .TextStyles_multiVariantStyles_compound_6__13t47myy { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-weight-regular); } .TextStyles_multiVariantStyles_compound_7__13t47myz { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-weight-semibold); } .TextStyles_multiVariantStyles_compound_8__13t47my10 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-weight-bold); } .TextStyles_multiVariantStyles_compound_9__13t47my11 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-regular); } .TextStyles_multiVariantStyles_compound_10__13t47my12 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-semibold); } .TextStyles_multiVariantStyles_compound_11__13t47my13 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-bold); } .TextStyles_multiVariantStyles_compound_12__13t47my14 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-font-weight-regular); } .TextStyles_multiVariantStyles_compound_13__13t47my15 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-font-weight-semibold); } .TextStyles_multiVariantStyles_compound_14__13t47my16 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-font-weight-bold); } .TextStyles_multiVariantStyles_compound_15__13t47my17 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-font-weight-regular); } .TextStyles_multiVariantStyles_compound_16__13t47my18 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-font-weight-semibold); } .TextStyles_multiVariantStyles_compound_17__13t47my19 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-font-weight-bold); }.ButtonLayoutStyles_text__kvn4il0 { overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; & > * { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } } .ButtonLayoutStyles_fill__kvn4il1 { width: 100%; } .ButtonLayoutStyles_fillText__kvn4il2 { justify-content: center; } .ButtonLayoutStyles_suffix__kvn4il3 { font-weight: 400; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; margin-inline-start: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); display: inline-flex; } .ButtonLayoutStyles_icon__kvn4il4 { display: inline-flex; font-size: var(--iconSize__rt5x5j0); font-weight: normal; margin-top: 0; margin-bottom: 0; } .ButtonLayoutStyles_startIcon__kvn4il5 { margin-inline-end: var(--iconToTextPadding__rt5x5j2); margin-inline-start: var(--iconToEdgePadding__rt5x5j1); } .ButtonLayoutStyles_endIcon__kvn4il6 { margin-inline-start: var(--iconToTextPadding__rt5x5j2); margin-inline-end: var(--iconToEdgePadding__rt5x5j1); } .ButtonLayoutStyles_startText__kvn4il7 { margin-inline-start: var(--textToEdgePadding__rt5x5j3); } .ButtonLayoutStyles_endText__kvn4il8 { margin-inline-end: var(--textToEdgePadding__rt5x5j3); } .ButtonLayoutStyles_startIconWhenBothIconsOnly__kvn4il9 { margin-inline-end: 0; } .ButtonLayoutStyles_container__kvn4ila { cursor: inherit; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .ButtonLayoutStyles_base__kvn4ilb { display: inline-flex; cursor: inherit; }.ButtonLayoutVariants_multiVariantStyles_size_xs__zfjv120 { --iconSize__rt5x5j0: var(--sizes-xs-iconSize__rt5x5j4); --iconToTextPadding__rt5x5j2: var(--sizes-xs-iconToTextPadding__rt5x5j6); --iconToEdgePadding__rt5x5j1: var(--sizes-xs-iconToEdgePadding__rt5x5j5); --textToEdgePadding__rt5x5j3: var(--sizes-xs-textToEdgePadding__rt5x5j7); } .ButtonLayoutVariants_multiVariantStyles_size_sm__zfjv121 { --iconSize__rt5x5j0: var(--sizes-sm-iconSize__rt5x5j8); --iconToTextPadding__rt5x5j2: var(--sizes-sm-iconToTextPadding__rt5x5j9); --iconToEdgePadding__rt5x5j1: var(--sizes-sm-iconToEdgePadding__rt5x5ja); --textToEdgePadding__rt5x5j3: var(--sizes-sm-textToEdgePadding__rt5x5jb); } .ButtonLayoutVariants_multiVariantStyles_size_md__zfjv122 { --iconSize__rt5x5j0: var(--sizes-md-iconSize__rt5x5jc); --iconToTextPadding__rt5x5j2: var(--sizes-md-iconToTextPadding__rt5x5je); --iconToEdgePadding__rt5x5j1: var(--sizes-md-iconToEdgePadding__rt5x5jd); --textToEdgePadding__rt5x5j3: var(--sizes-md-textToEdgePadding__rt5x5jf); } .ButtonLayoutVariants_multiVariantStyles_size_lg__zfjv123 { --iconSize__rt5x5j0: var(--sizes-lg-iconSize__rt5x5jg); --iconToTextPadding__rt5x5j2: var(--sizes-lg-iconToTextPadding__rt5x5ji); --iconToEdgePadding__rt5x5j1: var(--sizes-lg-iconToEdgePadding__rt5x5jh); --textToEdgePadding__rt5x5j3: var(--sizes-lg-textToEdgePadding__rt5x5jj); } .ButtonLayoutVariants_multiVariantStyles_size_embeddedxs__zfjv124 { --iconSize__rt5x5j0: var(--sizes-embeddedxs-iconSize__rt5x5jk); --iconToTextPadding__rt5x5j2: var(--sizes-embeddedxs-iconToTextPadding__rt5x5jm); --iconToEdgePadding__rt5x5j1: var(--sizes-embeddedxs-iconToEdgePadding__rt5x5jl); --textToEdgePadding__rt5x5j3: var(--sizes-embeddedxs-textToEdgePadding__rt5x5jn); } .ButtonLayoutVariants_multiVariantStyles_size_embeddedsm__zfjv125 { --iconSize__rt5x5j0: var(--sizes-embeddedsm-iconSize__rt5x5jo); --iconToTextPadding__rt5x5j2: var(--sizes-embeddedsm-iconToTextPadding__rt5x5jp); --iconToEdgePadding__rt5x5j1: var(--sizes-embeddedsm-iconToEdgePadding__rt5x5jq); --textToEdgePadding__rt5x5j3: var(--sizes-embeddedsm-textToEdgePadding__rt5x5jr); } .ButtonLayoutVariants_multiVariantStyles_size_embeddedmd__zfjv126 { --iconSize__rt5x5j0: var(--sizes-embeddedmd-iconSize__rt5x5js); --iconToTextPadding__rt5x5j2: var(--sizes-embeddedmd-iconToTextPadding__rt5x5ju); --iconToEdgePadding__rt5x5j1: var(--sizes-embeddedmd-iconToEdgePadding__rt5x5jt); --textToEdgePadding__rt5x5j3: var(--sizes-embeddedmd-textToEdgePadding__rt5x5jv); } .ButtonLayoutVariants_multiVariantStyles_size_embeddedlg__zfjv127 { --iconSize__rt5x5j0: var(--sizes-embeddedlg-iconSize__rt5x5jw); --iconToTextPadding__rt5x5j2: var(--sizes-embeddedlg-iconToTextPadding__rt5x5jy); --iconToEdgePadding__rt5x5j1: var(--sizes-embeddedlg-iconToEdgePadding__rt5x5jx); --textToEdgePadding__rt5x5j3: var(--sizes-embeddedlg-textToEdgePadding__rt5x5jz); }.MessageStyles_messageStyles_base_banner__ie50yz0 { background-color: var(--backgroundColor__l2hi9d0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider, var(--oj-core-divider-color)); } .MessageStyles_messageStyles_base_banner__ie50yz0:focus-visible { outline-style: dotted; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus, var(--oj-core-focus-border-color)); outline-offset: 1px; } .MessageStyles_messageStyles_base_toast__ie50yz1 { background-color: var(--backgroundColor__zw7y740); border-radius: 6px; box-shadow: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-sm); width: -moz-fit-content; width: fit-content; } .MessageStyles_messageStyles_base_toast__ie50yz1:focus-visible { outline-style: dotted; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); outline-offset: 1px; } .MessageStyles_messageStyles_section__ie50yz2 { border: 1px solid var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider); border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg); } .MessageStyles_messageStyles_content_base__ie50yz3 { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; padding-top: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-bottom: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .MessageStyles_messageStyles_content_banner__ie50yz4 { padding-inline-start: var(--oj-core-gutter-start, var(--oj-core-gutter-start,calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)))); padding-inline-end: var(--oj-core-gutter-end, var(--oj-core-gutter-start,calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)))); } .MessageStyles_messageStyles_content_toast__ie50yz5 { padding-inline-start: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-inline-end: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .MessageStyles_messageCloseButtonStyles_base__ie50yz6 { align-self: flex-start; display: flex; } .MessageStyles_messageCloseButtonStyles_banner__ie50yz7 { margin-inline-start: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); margin-inline-end: calc(-2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); margin-top: calc(-2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); margin-bottom: calc(-2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .MessageStyles_messageCloseButtonStyles_toast__ie50yz8 { margin-inline-start: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); margin-inline-end: calc(calc(-3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) / 2); margin-top: calc(calc(-3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) / 2); margin-bottom: calc(calc(-3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) / 2); } .MessageStyles_messageStartIconStyles_base__ie50yz9 { align-self: flex-start; display: flex; } .MessageStyles_messageStartIconStyles_banner__ie50yza { margin-inline-end: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .MessageStyles_messageStartIconStyles_toast__ie50yzb { margin-inline-end: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .MessageStyles_messageStartIconStyles_inline__ie50yzc { margin-inline-end: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); height: calc(var(--summaryTextSize__1aj7c364) * 1.333); align-items: center; } .MessageStyles_messageStartIconStyles_customToast__ie50yzd { height: var(--startIconSize__zw7y745); width: var(--startIconSize__zw7y745); } .MessageStyles_messageDetailStyles_base__ie50yze { overflow-wrap: anywhere; } .MessageStyles_messageDetailStyles_banner__ie50yzf { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size, var(--oj-typography-body-sm-font-size)); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary, var(--oj-core-text-color-primary)); } .MessageStyles_messageDetailStyles_toast__ie50yzg { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size); color: var(--detailTextColor__zw7y74a); } .MessageStyles_messageHeaderStyles_base__ie50yzh { box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; } .MessageStyles_messageHeaderStyles_banner__ie50yzi { line-height: var(--summaryLineHeight__l2hi9d6); } .MessageStyles_messageHeaderStyles_toast__ie50yzj { line-height: var(--startIconSize__zw7y745); } .MessageStyles_messageStartIconBase__ie50yzk { margin-inline-end: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); display: flex; align-self: flex-start; } .MessageStyles_severityIconStyles_banner__ie50yzl { color: var(--startIconColor__l2hi9d1); font-size: var(--startIconSize__l2hi9d2); height: var(--summaryLineHeight__l2hi9d6); } .MessageStyles_severityIconStyles_inline__ie50yzm { color: var(--startIconColor__1aj7c360); font-size: var(--startIconSize__1aj7c361); } .MessageStyles_severityIconStyles_toast__ie50yzn { color: var(--startIconColor__zw7y744); font-size: var(--startIconSize__zw7y745); height: var(--startIconSize__zw7y745); width: var(--startIconSize__zw7y745); } .MessageStyles_startIconContainerStyles_banner__ie50yzo { height: calc(var(--summaryTextSize__l2hi9d5) * var(--summaryLineHeight__l2hi9d6)); display: flex; align-items: center; } .MessageStyles_startIconContainerStyles_toast__ie50yzp { height: 100%; } .MessageStyles_startIconContainerStyles_inline__ie50yzq { height: var(--startIconSize__1aj7c361); margin-block: auto; } .MessageStyles_messageSummaryStyles_base__ie50yzr { flex: 1; overflow-wrap: anywhere; } .MessageStyles_messageSummaryStyles_banner__ie50yzs { font-size: var(--summaryTextSize__l2hi9d5); font-weight: var(--summaryTextWeight__l2hi9d4); color: var(--summaryTextColor__l2hi9d3); } .MessageStyles_messageSummaryStyles_inline__ie50yzt { font-size: var(--inlineFontSize__1n9ixz61); font-weight: 400; color: var(--inlineTextColor__1n9ixz60); line-height: 1.333; } .MessageStyles_messageSummaryStyles_toast__ie50yzu { font-size: var(--summaryTextSize__zw7y748); color: var(--summaryTextColor__zw7y746); } .MessageStyles_messageTimestampStyles_banner__ie50yzv { flex-shrink: 0; font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size, var(--oj-typography-body-xs-font-size)); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary, var(--oj-core-text-color-secondary)); } @media screen and (max-width: 599.9px) { .MessageStyles_messageHeaderStyles_base__ie50yzh { flex-direction: column; } }.HiddenAccessibleStyles_hiddenAccessibleStyle__1lyg6yp0 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow-x: hidden; overflow-y: hidden; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 1px; position: absolute; }.ComponentMessageStyles_componentMessageBase__12i4io40 { box-sizing: border-box; display: flex; flex-wrap: wrap; } .ComponentMessageStyles_componentMessageContainerBase__12i4io41 { overflow-x: hidden; overflow-y: hidden; } .ComponentMessageStyles_variants_severity_error__12i4io42 { --startIconColor__1aj7c360: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger) !important; } .ComponentMessageStyles_variants_severity_warning__12i4io43 { --startIconColor__1aj7c360: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning) !important; } .ComponentMessageStyles_variants_severity_confirmation__12i4io44 { --startIconColor__1aj7c360: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-success) !important; } .ComponentMessageStyles_variants_severity_info__12i4io45 { --startIconColor__1aj7c360: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info) !important; }.FocusTrackerStyles_baseStyle__1g9mhde0 { background-color: inherit; } .FocusTrackerStyles_baseStyle__1g9mhde0 > * { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .FocusTrackerStyles_guardStyle__1g9mhde1 { height: 0px; left: 0; position: fixed; top: 0; width: 1px; }.ModalStyles_baseStyle__1src2tr0 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .ModalStyles_backdropStyle__1src2tr1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ModalStyles_backdropScrimStyle__1src2tr2 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-scrim); } .ModalStyles_backdropTransparentStyle__1src2tr3 { background-color: transparent; }.PopupStyles_baseStyle__1xjjaoy0 { border-color: var(--borderColor__2ugez71); box-shadow: var(--boxShadow__2ugez73); border-radius: var(--borderRadius__2ugez72); background-color: var(--backgroundColor__2ugez70); padding: var(--padding__2ugez74); } .PopupStyles_baseStyle__1xjjaoy0:focus-visible { outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); outline-style: dotted; outline-width: 1px; outline-offset: -1px; }.SeparatorStyles_separatorBase__219ew20 { display: block; width: 100%; height: 0; border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider); border-style: solid; font-size: 0; line-height: 0; margin: 0; padding: 0; } .SeparatorStyles_separatorVerticalWrapper__219ew21 { display: inline-flex; align-self: stretch; } .SeparatorStyles_multiVariantStyles_orientation_horizontal__219ew22 { border-width: 1px 0 0 0; } .SeparatorStyles_multiVariantStyles_orientation_vertical__219ew23 { display: inline-block; border-width: 0 0 0 1px; height: 100%; }.LabelStyles_baseStyle__t9j3mr0 { font-size: var(--fontSize__kn3t7f0); font-weight: var(--fontWeight__kn3t7f1); line-height: var(--lineHeight__kn3t7f2); box-sizing: border-box; word-break: break-word; } .LabelStyles_startBase__t9j3mr1 { color: var(--color__kn3t7f3); text-align: var(--formLayoutTopEdgeLabelTextAlign__kn3t7fa); width: 100%; } .LabelStyles_topBase__t9j3mr2 { color: var(--color__kn3t7f3); } .LabelStyles_insideBase__t9j3mr3 { padding-inline-end: calc(2 * var(--textToEdgePadding__w6gg1ya)); color: var(--insideEdgeColor__kn3t7f8); max-width: 100%; } .LabelStyles_insideBaseUADensityEfficientReflow__t9j3mr4 { display: block; } .LabelStyles_insideReadonlyInEnabledForm__t9j3mr5 { inset-inline-start: var(--textToEdgePadding__w6gg1ya); top: var(--insideEdgePositionTop__kn3t7fb); font-size: var(--insideEdgeFontSize__kn3t7f5); font-weight: var(--insideEdgeFontWeight__kn3t7f6); line-height: var(--insideEdgeLineHeight__kn3t7f7); transition-property: none; transform: none; background-color: transparent; position: absolute; margin-bottom: var(--formLayoutTopEdgeLabelToValuePadding__kn3t7f9); white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; } .LabelStyles_insideReadonlyNotInEnabledForm__t9j3mr6 { font-size: var(--insideEdgeFontSize__kn3t7f5); font-weight: var(--insideEdgeFontWeight__kn3t7f6); line-height: var(--insideEdgeLineHeight__kn3t7f7); } .LabelStyles_insideNonReadonly__t9j3mr7 { position: absolute; inset-inline-start: var(--textToEdgePadding__w6gg1ya); top: calc(var(--insideEdgeHeight__w6gg1yb)/ 2); transform: translateY(-50%); transition-property: all; transition-duration: .25s; transition-timing-function: ease; transition-delay: .1s; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; } .LabelStyles_insideNonReadonlyHasValue__t9j3mr8 { transition-property: top, font-weight, font-size, transform; transition-duration: .25s; transition-timing-function: ease; transition-delay: .1s; font-size: var(--insideEdgeFontSize__kn3t7f5); font-weight: var(--insideEdgeFontWeight__kn3t7f6); line-height: var(--insideEdgeLineHeight__kn3t7f7); transform: none; top: var(--insideEdgePositionTop__kn3t7fb); } .LabelStyles_insideDisabled__t9j3mr9 { transition-property: none; color: var(--colorDisabled__kn3t7f4) !important; } .LabelStyles_noWrap__t9j3mra { white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; } .LabelStyles_uaDensityCompact__t9j3mrb { display: inline-flex; } .LabelStyles_uaDensityCompactStart__t9j3mrc { display: block; } .LabelStyles_uaDensityCompactTop__t9j3mrd { max-width: 100%; } .LabelStyles_uaDensityCompactLabel__t9j3mre { max-width: inherit; overflow-x: inherit; overflow-y: inherit; text-overflow: inherit; } .LabelStyles_uaDensityCompactLabelStart__t9j3mrf { display: inline; } .LabelStyles_uaDensityCompactLabelTopInside__t9j3mrg { width: inherit; }@keyframes SkeletonStyles_skeletonAnimation__19fl8u0 { 0% { background-color: var(--bgColor-end__1mh02731); } 100% { background-color: var(--bgColor-start__1mh02730); } } .SkeletonStyles_skeletonBase__19fl8u1 { animation-name: SkeletonStyles_skeletonAnimation__19fl8u0; animation-iteration-count: infinite; animation-direction: alternate; animation-duration: 1.5s; }.TextFieldLoadingStyles_loadingStyles__1aqgcm00 { background-color: var(--bgColor-end__1mh02731); background-size: 200% 200%; border-width: 0; animation-name: SkeletonStyles_skeletonAnimation__19fl8u0; animation-iteration-count: infinite; animation-direction: alternate; animation-duration: 1.5s; opacity: 1; }@keyframes TextFieldStyles_placeholderAnimation__952vaf0 { from { opacity: 0.001; } to { opacity: 1; } } .TextFieldStyles_textFieldContainerBase__952vaf1 { position: relative; box-sizing: border-box; display: flex; align-items: center; overflow-x: hidden; overflow-y: hidden; transition-property: border-color; transition-duration: .1s; transition-timing-function: linear; } .TextFieldStyles_textFieldContainerDefault__952vaf2 { background-color: var(--bgColor__w6gg1y3); border-color: var(--borderColor__w6gg1y0); border-radius: var(--borderRadius__w6gg1y2); height: var(--height__w6gg1y7); } .TextFieldStyles_textFieldContainerEmbedded__952vaf3 { background-color: inherit; height: 100%; width: 100%; } .TextFieldStyles_textFieldContainerShowBorder__952vaf4 { border-style: solid; border-width: var(--borderWidth__w6gg1y1); } .TextFieldStyles_textFieldContainerTextarea__952vaf5 { height: auto; } .TextFieldStyles_textFieldContainerLabelInside__952vaf6 { min-height: var(--insideEdgeHeight__w6gg1yb); } .TextFieldStyles_textFieldContainerFocused__952vaf7 { border-color: var(--borderColorFocus__w6gg1y4); box-shadow: var(--boxShadowFocus__w6gg1y5); } .TextFieldStyles_textFieldContainerResizeBoth__952vaf8 { resize: both; } .TextFieldStyles_textFieldContainerResizeHorizontal__952vaf9 { resize: horizontal; } .TextFieldStyles_textFieldContainerResizeVertical__952vafa { resize: vertical; } .TextFieldStyles_textFieldContainerDisabled__952vafb { background-color: var(--bgColorDisabled__w6gg1yg); border-color: var(--borderColorDisabled__w6gg1yh); } .TextFieldStyles_textFieldContainerError__952vafc { border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-danger); } .TextFieldStyles_textFieldContainerErrorFocused__952vafd { --boxShadowFocus__w6gg1y5: 0 0 0 1px var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-danger) inset !important; } .TextFieldStyles_textFieldContainerWarning__952vafe { border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-warning); } .TextFieldStyles_textFieldContainerWarningFocused__952vaff { --boxShadowFocus__w6gg1y5: 0 0 0 1px var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-warning) inset !important; } .TextFieldStyles_textFieldMiddleBase__952vafg { position: relative; display: inline-flex; flex: 1; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; } .TextFieldStyles_textFieldMiddleTextarea__952vafh { padding-inline-end: 1px; flex-direction: column; overflow: visible; } .TextFieldStyles_textFieldEndContentBase__952vafi { padding-inline-end: calc((var(--height__w6gg1y7) - calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) - 2px) / 2); } .TextFieldStyles_textFieldEndContentLabelInside__952vafj { padding-inline-end: calc((var(--insideEdgeHeight__w6gg1yb) - calc(11 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) - 2px) / 2); } .TextFieldStyles_textFieldBase__952vafk { display: inline-block; line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height); max-width: 100%; width: 100%; box-sizing: border-box; } .TextFieldStyles_textFieldEmbedded__952vafl { height: 100%; } .TextFieldStyles_textFieldNotReadonly__952vafm { font-weight: 400; font-size: var(--fontSize__w6gg1y6); } .TextFieldStyles_formControlBase__952vafn { vertical-align: top; } .TextFieldStyles_formControlLabelInside__952vafo { max-width: 100%; }.TextFieldVariants_multiVariantStyles_startContent_hasInsideLabel__1f8p3fe7 { font-size: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .TextFieldVariants_multiVariantStyles_startContentMargin_hasStartMargin__1f8p3fet { margin-inline-start: var(--iconToEdgePadding__w6gg1y9); font-size: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .TextFieldVariants_multiVariantStyles_startContentMargin_noStartMargin__1f8p3feu { margin-inline-start: calc((var(--height__w6gg1y7) - calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) - 2px) / 2); font-size: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .TextFieldVariants_multiVariantStyles_startContentDisabled_isDisabled__1f8p3fev { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); } .TextFieldVariants_multiVariantStyles_compound_7__1f8p3fe13 { z-index: 1; } .TextFieldVariants_multiVariantStyles_compound_8__1f8p3fe14 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .TextFieldVariants_multiVariantStyles_compound_9__1f8p3fe15 { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .TextFieldVariants_multiVariantStyles_compound_10__1f8p3fe16 { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .TextFieldVariants_multiVariantStyles_compound_11__1f8p3fe17 { min-height: var(--insideEdgeHeight__w6gg1yb); }.PrefixSuffixStyles_styles_base__yu43bw0 { display: flex; align-items: center; white-space: nowrap; box-sizing: border-box; font-family: inherit; line-height: inherit; font-weight: inherit; font-size: 100%; border: 0; background-color: transparent; color: var(--textColor__w6gg1yf); } .PrefixSuffixStyles_multiVariantStyles_isFocused_yes__yu43bw3 { opacity: .45; } .PrefixSuffixStyles_multiVariantStyles_isDisabled_yes__yu43bw5 { color: var(--textColorDisabled__w6gg1yi); } .PrefixSuffixStyles_multiVariantStyles_hasInsideLabel_yes__yu43bw7 { min-height: var(--insideEdgeHeight__w6gg1yb); padding-top: var(--insideEdgePaddingTop__w6gg1yc); } .PrefixSuffixStyles_multiVariantStyles_compound_0__yu43bwd { padding-inline-start: var(--iconToTextPadding__w6gg1y8); } .PrefixSuffixStyles_multiVariantStyles_compound_1__yu43bwe { padding-inline-start: var(--textToEdgePadding__w6gg1ya); } .PrefixSuffixStyles_multiVariantStyles_compound_2__yu43bwf { padding-inline-end: var(--iconToTextPadding__w6gg1y8); } .PrefixSuffixStyles_multiVariantStyles_compound_3__yu43bwg { padding-inline-end: var(--textToEdgePadding__w6gg1ya); }.text_textAlign_start__1h8gevb0 { text-align: start; } .text_textAlign_end__1h8gevb1 { text-align: end; } .text_textAlign_right__1h8gevb2 { text-align: right; }.TextFieldInputStyles_textFieldInputBase__lkfh4l0 { outline-style: none; outline-width: 0; box-sizing: border-box; font-family: inherit; line-height: inherit; font-weight: inherit; border: 0; background-color: transparent; width: 100%; } .TextFieldInputStyles_textFieldInputBase__lkfh4l0::-moz-selection { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected); } .TextFieldInputStyles_textFieldInputBase__lkfh4l0::selection { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected); } .TextFieldInputStyles_textFieldInputBase__lkfh4l0::-webkit-search-decoration { display: none; } .TextFieldInputStyles_textFieldInputBase__lkfh4l0::-webkit-search-cancel-button { display: none; } .TextFieldInputStyles_textFieldInputBase__lkfh4l0::-webkit-search-results-button { display: none; } .TextFieldInputStyles_textFieldInputBase__lkfh4l0::-webkit-search-results-decoration { display: none; } .TextFieldInputStyles_textFieldInput__lkfh4l1 { margin: 0; } .TextFieldInputStyles_textFieldTextarea__lkfh4l2 { padding-top: calc((var(--height__w6gg1y7) - 1rem * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height))/ 2 - 1px); padding-bottom: calc((var(--height__w6gg1y7) - 1rem * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height))/ 2 - 1px); resize: none; } .TextFieldInputStyles_textFieldPassword__lkfh4l3::-ms-reveal { display: none; } .TextFieldInputStyles_labelDefaultPadding__lkfh4l4 { padding-top: 0; padding-bottom: 0; } .TextFieldInputStyles_labelInsideBase__lkfh4l5 { min-height: var(--insideEdgeHeight__w6gg1yb); padding-top: var(--insideEdgePaddingTop__w6gg1yc); padding-bottom: 0; } .TextFieldInputStyles_labelInsideBase__lkfh4l5:hover { background-color: transparent; } .TextFieldInputStyles_textareaLabelInsideBase__lkfh4l6 { padding-top: 0; padding-bottom: 0; border-color: transparent; border-style: solid; border-block-start-width: calc(var(--insideEdgeFontSize__kn3t7f5) * var(--insideEdgeLineHeight__kn3t7f7) + var(--insideEdgePositionTop__kn3t7fb)); border-block-end-width: 0.25rem; } .TextFieldInputStyles_labelInsideNoValueAndHasFocus__lkfh4l7 { animation-name: var(--placeholderAnimationName__w6gg1yj); animation-duration: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-2xl); animation-timing-function: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-easing-exit); } .TextFieldInputStyles_hasStartContent__lkfh4l8 { padding-inline-start: var(--iconToTextPadding__w6gg1y8); } .TextFieldInputStyles_hasEndContent__lkfh4l9 { padding-inline-end: var(--iconToTextPadding__w6gg1y8); } .TextFieldInputStyles_textFieldInputDefaultColor__lkfh4la { color: var(--textColor__w6gg1yf); } .TextFieldInputStyles_textFieldInputDisabledColor__lkfh4lb { color: var(--textColorDisabled__w6gg1yi); } .TextFieldInputStyles_hasPrefix__lkfh4lc { padding-inline-start: .25em; } .TextFieldInputStyles_hasSuffix__lkfh4ld { padding-inline-end: .25em; } .TextFieldInputStyles_textFieldInputDefault__lkfh4le { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); } .TextFieldInputStyles_defaultPaddingStart__lkfh4lf { padding-inline-start: var(--textToEdgePadding__w6gg1ya); } .TextFieldInputStyles_defaultPaddingEnd__lkfh4lg { padding-inline-end: var(--textToEdgePadding__w6gg1ya); } .TextFieldInputStyles_textFieldInputEmbedded__lkfh4lh { color: inherit; font-size: inherit; height: 100%; margin: 0; padding-block: 0; padding-inline: var(--textToEdgePadding__w6gg1ya); resize: none; } .TextFieldInputStyles_textFieldInputEmbedded__lkfh4lh::-ms-reveal { display: none; }.TextFieldInputVariants_multiVariantStyles_compound_5__1c85q7nq { padding-top: var(--insideEdgeDivPaddingTop__w6gg1ye); } .TextFieldInputVariants_multiVariantStyles_compound_6__1c85q7nr { padding-top: var(--insideEdgePaddingTop__w6gg1yc); }.ObfuscatedTextFieldInputStyles_containerStyles__9rhzn00 { width: 100%; display: flex; }.ReadonlyTextFieldInputStyles_readOnlyTextFieldInputBase__ybkgi50 { min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size)); word-break: break-word; white-space: pre-wrap; background-color: transparent; border-color: transparent; border-width: 0; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); box-sizing: border-box; display: flex; flex-direction: column; width: 100%; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; outline-width: 0; } .ReadonlyTextFieldInputStyles_readOnlyTextFieldInputBase__ybkgi50:focus { outline-style: dotted; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); outline-offset: 1px; } .ReadonlyTextFieldInputStyles_readOnlyTextFieldInputTextareaBase__ybkgi51 { resize: none; padding-block-start: 0; padding-inline-start: 0; } .ReadonlyTextFieldInputStyles_inEnabledFormBase__ybkgi52 { white-space: nowrap; overflow-x: scroll; overflow-y: hidden; scrollbar-width: none; } .ReadonlyTextFieldInputStyles_textareaInEnabledFormBase__ybkgi53 { margin-top: calc((var(--height__w6gg1y7) - 1rem * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height))/ 2 - 1px); margin-bottom: calc((var(--height__w6gg1y7) - 1rem * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height))/ 2 - 1px); margin-left: 0.25rem; margin-right: 0.25rem; padding-left: calc(var(--textToEdgePadding__w6gg1ya) - 0.25rem); padding-right: 0; overflow-x: auto; overflow-y: auto; white-space: pre-wrap; width: auto; } .ReadonlyTextFieldInputStyles_inEnabledFormLabelInside__ybkgi54 { margin-top: calc(var(--insideEdgePaddingTop__w6gg1yc) + 0.1875rem); padding-top: 0; min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size)); } .ReadonlyTextFieldInputStyles_textareaInEnabledFormLabelInside__ybkgi55 { padding-top: 0; padding-bottom: 0; border-color: transparent; border-style: solid; margin-top: calc(var(--insideEdgeFontSize__kn3t7f5) * var(--insideEdgeLineHeight__kn3t7f7) + var(--insideEdgePositionTop__kn3t7fb)); margin-bottom: 0.25rem; } .ReadonlyTextFieldInputStyles_inEnabledFormNoLabelInside__ybkgi56 { justify-content: center; } .ReadonlyTextFieldInputStyles_inEnabledFormNoStartContent__ybkgi57 { margin-left: var(--textToEdgePadding__w6gg1ya); margin-right: var(--textToEdgePadding__w6gg1ya); padding-left: 0; padding-right: 0; } .ReadonlyTextFieldInputStyles_hideScrollbar__ybkgi58::-webkit-scrollbar { width: 0; height: 0; }.LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50 { display: block; flex-grow: 0; flex-shrink: 1; box-sizing: border-box; } .LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51 { padding-inline-end: var(--startEdgeLabelToValuePadding__vm51h40); } .LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52 { flex-basis: 100%; width: 100%; max-width: 100%; padding-block-end: var(--topEdgeLabelToValuePadding__vm51h42); } .LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53 { padding-block-end: 0; } .LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54 { padding-block-end: 0; } .LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55 { display: block; color: var(--color__kn3t7f3); font-size: var(--fontSize__kn3t7f0); line-height: var(--lineHeight__kn3t7f2); width: 100%; } .LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56 { display: inline-flex; align-items: center; height: 100%; } .LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57 { min-height: var(--height__w6gg1y7); } .LabelValueLayoutStyles_labelInnerStyles_startWithNoTopRadioSetUA__z3rxc58 { padding-block-start: calc( (var(--rowHeight__11tjnon1) - var(--fontSize__kn3t7f0) * var(--lineHeight__kn3t7f2))/2 ); } .LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59 { padding-block-start: calc( (var(--rowHeight__11tjnon1) - var(--fontSize__kn3t7f0) * var(--lineHeight__kn3t7f2))/2 ); } .LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a { padding-block-start: calc( (var(--rowHeight__1qyga5a1) - var(--fontSize__kn3t7f0) * var(--lineHeight__kn3t7f2))/2 ); } .LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b { padding-block-start: calc( (var(--rowHeight__1qyga5a1) - var(--fontSize__kn3t7f0) * var(--lineHeight__kn3t7f2))/2 ); } .LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5c { white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; } .LabelValueLayoutStyles_valueSlotStyles__z3rxc5d { flex: 1 1 100%; width: 100%; max-width: 100%; }.RadioStyles_radioBaseStyle__o9of5r0 { line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height); min-height: var(--rowHeight__11tjnon1); display: inline-flex; align-items: flex-start; gap: var(--iconToTextGap__11tjnon2); } .RadioStyles_radioBaseStyle__o9of5r0:focus { outline: none; } .RadioStyles_radioBaseStyle__o9of5r0:focus-visible { outline: none; } .RadioStyles_radioBaseStyle__o9of5r0:hover { cursor: pointer; } .RadioStyles_valueLabelStyle__o9of5r1 { font-family: inherit; font-weight: inherit; padding-block-start: calc((var(--rowHeight__11tjnon1) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) + 1px) / 2); padding-block-end: calc((var(--rowHeight__11tjnon1) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) - 1px) / 2); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); } .RadioStyles_radioDefaultColor__o9of5r2 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .RadioStyles_radioDisabledColor__o9of5r3 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); } @supports selector(:has(*)) { .RadioStyles_radioFocused__o9of5r4:has(input:focus-visible) { outline-style: dotted; outline-width: var(--outlineWidth__11tjnon0); outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } } @supports not selector(:has(*)) { .RadioStyles_radioFocused__o9of5r4 { outline-style: dotted; outline-width: var(--outlineWidth__11tjnon0); outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } }.CheckboxStyles_checkboxBaseStyle__13w91qj0 { line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height); min-height: var(--rowHeight__1qyga5a1); display: inline-flex; align-items: flex-start; gap: var(--iconToTextGap__1qyga5a2); } .CheckboxStyles_checkboxBaseStyle__13w91qj0:focus { outline: none; } .CheckboxStyles_checkboxBaseStyle__13w91qj0:focus-visible { outline: none; } .CheckboxStyles_checkboxBaseStyle__13w91qj0:hover { cursor: pointer; } .CheckboxStyles_valueLabelStyle__13w91qj1 { font-family: inherit; font-weight: inherit; padding-block-start: calc((var(--rowHeight__1qyga5a1) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) + 1px) / 2); padding-block-end: calc((var(--rowHeight__1qyga5a1) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) - 1px) / 2); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); }.CheckboxVariants_multiVariantStyles_disabled_isDisabled__yta2nm0 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); } .CheckboxVariants_multiVariantStyles_disabled_notDisabled__yta2nm1 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } @supports selector(:has(*)) { .CheckboxVariants_multiVariantStyles_focused_isFocused__yta2nm2:has(input:focus-visible) { outline-style: dotted; outline-width: var(--outlineWidth__1qyga5a0); outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } } @supports not selector(:has(*)) { .CheckboxVariants_multiVariantStyles_focused_isFocused__yta2nm2 { outline-style: dotted; outline-width: var(--outlineWidth__1qyga5a0); outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } }.LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b1 { grid-column: span 1; } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b2 { grid-column: span 1; } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b3 { grid-column: span 1; } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b4 { grid-column: span 1; } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b5 { grid-column: span 1; } @container (min-width: 576px) { .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b1 { grid-column: span min(2,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b2 { grid-column: span min(2,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b3 { grid-column: span min(2,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b4 { grid-column: span min(2,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b5 { grid-column: span min(2,var(--layoutLocalVars_columnCount__5qy13b0)); } } @container (min-width: 864px) { .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b2 { grid-column: span min(3,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b3 { grid-column: span min(3,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b4 { grid-column: span min(3,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b5 { grid-column: span min(3,var(--layoutLocalVars_columnCount__5qy13b0)); } } @container (min-width: 1152px) { .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b3 { grid-column: span min(4,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b4 { grid-column: span min(4,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b5 { grid-column: span min(4,var(--layoutLocalVars_columnCount__5qy13b0)); } } @container (min-width: 1440px) { .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b4 { grid-column: span min(5,var(--layoutLocalVars_columnCount__5qy13b0)); } .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b5 { grid-column: span min(5,var(--layoutLocalVars_columnCount__5qy13b0)); } } @container (min-width: 1728px) { .LayoutStyles_layoutSpanStyles_layoutSpanColumn__5qy13b5 { grid-column: span min(1,var(--layoutLocalVars_columnCount__5qy13b0)); } }.ReadonlyTextFieldStyles_readOnlyBase__71tiu80 { font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-regular); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); position: relative; border-style: solid; transition-property: border-color; transition-duration: 0.1s; transition-timing-function: linear; border-radius: var(--borderRadius__w6gg1y2); flex-direction: row; align-items: center; max-width: 100%; width: 100%; box-sizing: border-box; display: flex; } .ReadonlyTextFieldStyles_readonlyInsideEnabledForm__71tiu81 { overflow-x: hidden; overflow-y: hidden; border-width: var(--borderWidth__w6gg1y1); border-color: var(--borderColorDisabled__w6gg1yh); background-color: transparent; height: var(--height__w6gg1y7); min-width: 1em; flex: 1; } .ReadonlyTextFieldStyles_readonlyTextarea__71tiu82 { height: auto; } .ReadonlyTextFieldStyles_readonlyTextFieldMiddleBase__71tiu83 { display: inline-flex; flex: 1; width: 100%; height: 100%; box-sizing: border-box; } .ReadonlyTextFieldStyles_readonlyTextFieldMiddleNotInEnabledForm__71tiu84 { display: block; } .ReadonlyTextFieldStyles_readonlyTextFieldMiddleInEnabledForm__71tiu85 { position: relative; } .ReadonlyTextFieldStyles_readonlyTextFieldMiddleInEnabledFormNotTextarea__71tiu86 { align-items: center; } .ReadonlyTextFieldStyles_readonlyNotInsideEnabledForm__71tiu87 { overflow-x: visible; overflow-y: visible; border-width: 0; background-color: transparent; height: auto; vertical-align: top; } .ReadonlyTextFieldStyles_readonlyTextareaNotInsideEnabledForm__71tiu88 { padding-top: 0; padding-bottom: 0; } .ReadonlyTextFieldStyles_readonlyLabelInside__71tiu89 { max-width: 100%; }.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoc { min-height: var(--insideEdgeHeight__w6gg1yb); } .ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxod { height: auto; } .ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoe { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxof { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxog { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxoh { min-height: var(--insideEdgeHeight__w6gg1yb); }.LiveRegionStyles_offScreenStyle__1uvpdtw0 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow-x: hidden; overflow-y: hidden; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 1px; position: absolute; }.ClearIconStyles_clearIconStyles__8wwy0m0 { display: inline-flex; align-items: center; justify-content: center; cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable); padding-inline: 0; padding-block: 0; border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-border-radius); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-color); width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height); height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height); font-size: var(--sizes-md-iconSize__rt5x5jc); } .ClearIconStyles_clearIconStyles__8wwy0m0:hover { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-color); background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color); border-color: transparent; }oj-c-input-text:not(.oj-complete) { visibility: hidden; } oj-c-input-text { display: inline-block; max-width: 100%; width: 100%; } oj-c-input-text[hidden] { display: none; }oj-c-button:not(.oj-complete) { visibility: hidden; } oj-c-button { display: inline-flex; vertical-align: top; } oj-c-button[hidden] { display: none; }/* This file is where css selectors for the component go. There will be hard coded properties and properties controlled by variables, for example confirm-dialog .confirm-dialog-value-text { color: var(--confirm-dialog-value-text-color); display: inline-block; } */ confirm-dialog:not(.oj-complete) { visibility: hidden; } confirm-dialog { min-height: 0px; } confirm-dialog[hidden] { display: none; } .RevealToggleIconStyles_revealToggleIconBaseStyles__1uuawe50 { display: inline-flex; align-items: center; justify-content: center; cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable); padding-inline: 0; padding-block: 0; border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-border-radius); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-color); border-color: transparent; background-color: transparent; width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height); height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height); font-size: var(--sizes-md-iconSize__rt5x5jc); } .RevealToggleIconStyles_revealToggleIconBaseStyles__1uuawe50:hover { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-color); background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color); border-color: transparent; }oj-c-input-password:not(.oj-complete) { visibility: hidden; } oj-c-input-password { display: inline-block; max-width: 100%; width: 100%; } oj-c-input-password[hidden] { display: none; }.RadioIconStyles_radioIconBaseStyle__o5p6af0 { height: var(--rowHeight__11tjnon1); display: inline-flex; align-items: center; } .RadioIconStyles_radioSvgSelectedColor__o5p6af1 { color: var(--iconColorSelected__bwcdcl1) !important; } .RadioIconStyles_radioSvgUnselectedColor__o5p6af2 { color: var(--iconColorUnselected__bwcdcl2) !important; } .RadioIconStyles_radioSvgDisabledColor__o5p6af3 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled) !important; } .RadioIconStyles_radioSvgPrimaryColor__o5p6af4 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary) !important; } .RadioIconStyles_radioSvgReadonlyColor__o5p6af5 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary) !important; } .RadioIconStyles_radioIconActive__o5p6af6 { transform: var(--iconTransformActive__bwcdcl3); transition-property: transform; transition-duration: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-xs); transition-timing-function: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-easing-persist); }.RadioIconVariants_multiVariantStyles_iconSize_4xUnits__vfef778 { --iconSize__bwcdcl0: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); }.CheckboxRadioFieldStyles_topUAContainerStyles_top__j1xru60 { margin: 2px 0; } .CheckboxRadioFieldStyles_topUAContainerStyles_start__j1xru61 { display: inline-flex; align-items: center; }oj-c-radioset:not(.oj-complete){ visibility: hidden; } oj-c-radioset{ display: inline-block; max-width: 100%; width: 100%; } oj-c-radioset[hidden] { display: none; }.MenuItemStyles_baseStyle__735dwf0 { cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable) !important; width: 100%; padding-top: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-cell-padding-vertical); padding-bottom: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-cell-padding-vertical); padding-inline-start: var(--startEdgeToStartIconPadding__1qbg5hn1); padding-inline-end: var(--endIconToEndEdgePadding__1qbg5hn2); box-sizing: border-box; min-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-row-height); display: flex; -webkit-text-decoration-line: none !important; text-decoration-line: none !important; outline-style: none; } .MenuItemStyles_iconLabelContainer__735dwf1 { display: flex; align-items: center; overflow-x: hidden; overflow-y: hidden; } .MenuItemStyles_labelContainer__735dwf2 { min-height: var(--iconSize__1qbg5hn0); color: var(--textColor__1qbg5hn5); } .MenuItemStyles_iconContainer__735dwf3 { font-size: var(--iconSize__1qbg5hn0); height: var(--iconSize__1qbg5hn0); width: var(--iconSize__1qbg5hn0); color: var(--iconColor__1qbg5hn6); } .MenuItemStyles_startIconContainer__735dwf4 { margin-inline-end: var(--startIconToLabelPadding__1qbg5hn3); } .MenuItemStyles_endIconContainer__735dwf5 { margin-inline-start: var(--labelToEndIconPadding__1qbg5hn4); }.MenuItemVariants_multiVariantStyles_variant_standard__2irn5a0:active { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active); } .MenuItemVariants_multiVariantStyles_variant_destructive__2irn5a1 { --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger-low); --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger-low); } .MenuItemVariants_multiVariantStyles_variant_destructive__2irn5a1:active { --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger); --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger); background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-active); } .MenuItemVariants_multiVariantStyles_variant_disabled__2irn5a2 { --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); cursor: default !important; } .MenuItemVariants_multiVariantStyles_compound_0__2irn5ab { outline-style: dotted; outline-offset: -1px; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .MenuItemVariants_multiVariantStyles_compound_1__2irn5ac:not(:active) { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); } .MenuItemVariants_multiVariantStyles_compound_2__2irn5ad:not(:active) { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); } .MenuItemVariants_multiVariantStyles_compound_3__2irn5ae:not(:active) { --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger); --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger); background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-hover); }.MenuStyles_menuContainerStyle__10o3ulj0 { outline-style: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0); } .MenuStyles_dropdownMenuContainerStyle__10o3ulj1 { padding-top: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-bottom: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .MenuStyles_sheetMenuContainerStyle__10o3ulj2 { padding-top: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-bottom: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); }.DropdownMenuStyles_base__1qpoyvg0 { width: -moz-max-content; width: max-content; border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg); box-shadow: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-sm); overflow-x: hidden; overflow-y: auto; }.WindowOverlayStyles_windowOverlayStyles_notificationPosition__d5jpag0 { position: relative; pointer-events: initial; width: -moz-max-content; width: max-content; } .WindowOverlayStyles_windowOverlayStyles_top__d5jpag1 { left: var(--notificationCrossAxisOffset__5h4cac1); top: var(--notificationMainAxisOffset__5h4cac0); } .WindowOverlayStyles_windowOverlayStyles__d5jpag2 { left: var(--notificationCrossAxisOffset__5h4cac1); top: var(--notificationMainAxisOffset__5h4cac0); } .WindowOverlayStyles_windowOverlayStyles_bottom__d5jpag3 { left: var(--notificationCrossAxisOffset__5h4cac1); bottom: var(--notificationMainAxisOffset__5h4cac0); } .WindowOverlayStyles_windowOverlayStyles__d5jpag4 { bottom: var(--notificationMainAxisOffset__5h4cac0); left: var(--notificationCrossAxisOffset__5h4cac1); } .WindowOverlayStyles_windowOverlayStyles__d5jpag5 { right: var(--notificationCrossAxisOffset__5h4cac1); top: var(--notificationMainAxisOffset__5h4cac0); } .WindowOverlayStyles_windowOverlayStyles__d5jpag6 { right: var(--notificationCrossAxisOffset__5h4cac1); bottom: var(--notificationMainAxisOffset__5h4cac0); } .WindowOverlayStyles_windowOverlayStyles_right__d5jpag7 { right: var(--notificationMainAxisOffset__5h4cac0); top: var(--notificationCrossAxisOffset__5h4cac1); } .WindowOverlayStyles_windowOverlayStyles_left__d5jpag8 { left: var(--notificationMainAxisOffset__5h4cac0); top: var(--notificationCrossAxisOffset__5h4cac1); } .WindowOverlayStyles_windowOverlayStyles__d5jpag9 { left: var(--notificationMainAxisOffset__5h4cac0); top: var(--notificationCrossAxisOffset__5h4cac1); } .WindowOverlayStyles_windowOverlayStyles__d5jpaga { left: var(--notificationMainAxisOffset__5h4cac0); bottom: var(--notificationCrossAxisOffset__5h4cac1); } .WindowOverlayStyles_windowOverlayStyles__d5jpagb { right: var(--notificationMainAxisOffset__5h4cac0); top: var(--notificationCrossAxisOffset__5h4cac1); } .WindowOverlayStyles_windowOverlayStyles__d5jpagc { right: var(--notificationMainAxisOffset__5h4cac0); bottom: var(--notificationCrossAxisOffset__5h4cac1); } .WindowOverlayStyles_placementStyles_center__d5jpagd { align-items: center; justify-items: center; } .WindowOverlayStyles_placementStyles_top__d5jpage { align-items: start; justify-items: center; } .WindowOverlayStyles_placementStyles__d5jpagf { align-items: start; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpagg { align-items: start; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpagh { align-items: start; justify-items: start; } .WindowOverlayStyles_placementStyles__d5jpagi { align-items: start; justify-items: start; } .WindowOverlayStyles_placementStyles__d5jpagj { align-items: start; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpagk { align-items: start; justify-items: start; } .WindowOverlayStyles_placementStyles_end__d5jpagl { align-items: center; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpagm { align-items: start; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpagn { align-items: end; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpago { align-items: start; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpagp { align-items: end; justify-items: end; } .WindowOverlayStyles_placementStyles_bottom__d5jpagq { align-items: end; justify-items: center; } .WindowOverlayStyles_placementStyles__d5jpagr { align-items: end; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpags { align-items: end; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpagt { align-items: end; justify-items: start; } .WindowOverlayStyles_placementStyles__d5jpagu { align-items: end; justify-items: start; } .WindowOverlayStyles_placementStyles__d5jpagv { align-items: end; justify-items: end; } .WindowOverlayStyles_placementStyles__d5jpagw { align-items: end; justify-items: start; } .WindowOverlayStyles_placementStyles_start__d5jpagx { align-items: center; justify-items: start; } .WindowOverlayStyles_placementStyles__d5jpagy { align-items: start; justify-items: start; } .WindowOverlayStyles_placementStyles__d5jpagz { align-items: end; justify-items: start; } .WindowOverlayStyles_placementStyles__d5jpag10 { align-items: start; justify-items: start; } .WindowOverlayStyles_placementStyles__d5jpag11 { align-items: end; justify-items: start; } .WindowOverlayStyles_baseStyle__d5jpag12 { position: fixed; pointer-events: none; top: 0; left: 0; bottom: 0; right: 0; } .WindowOverlayStyles_gridStyles__d5jpag13 { display: grid; }.SheetStyles_sheetMenuContainerWrapper__1dmrevl0 { border-radius: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) 0 0; width: 100vw; background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-popup); overflow-y: auto; }.SheetMenuStyles_modalWrapper__15qcc340 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; } .SheetMenuStyles_modalContainer__15qcc341 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .SheetMenuStyles_sheetMenuContainerWrapper__15qcc342 { border-radius: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) 0 0; position: absolute; bottom: 0; left: 0; right: 0; max-height: calc(100% - 96px); overflow-y: auto; overscroll-behavior-y: contain; } .SheetMenuStyles_modalBackdrop__15qcc343 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .SheetMenuStyles_modalBackdropVisible__15qcc344 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-scrim); }.MenuSeparatorStyles_baseStyle__mvkh530 { padding-top: var(--verticalPadding__168r8wj0); padding-bottom: var(--verticalPadding__168r8wj0); }oj-c-menu-button:not(.oj-complete) { visibility: hidden; } oj-c-menu-button { display: inline-flex; vertical-align: top; } oj-c-menu-button[hidden] { display: none; }/* This file is where css selectors for the component go. There will be hard coded properties and properties controlled by variables, for example status-bar .status-bar-value-text { color: var(--status-bar-value-text-color); display: inline-block; } */ status-bar:not(.oj-complete) { visibility: hidden; } status-bar { min-height: 50px; } status-bar[hidden] { display: none; } .status-bar-status-gauge { flex-grow: 1; border: solid #d9dfe3; border-width: 0 1px 0 0; text-align: center; min-width: 80px; max-width: 150px; } .status-bar-status-gauge:first-child { border-width: 0 1px 0 1px; } .GridStyles_baseStyles__11rn47i0 { display: grid; }oj-c-input-number:not(.oj-complete) { visibility: hidden; } oj-c-input-number { display: inline-block; max-width: 100%; width: 100%; } oj-c-input-number[hidden] { display: none; }.HighlightTextStyles_highlightStyles__6s5c4p0 { font-weight: 700; }.dropdownStyles_base__1le3d5u0 { box-sizing: border-box; background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0); border-width: 1px; border-style: solid; border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider); border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md); box-shadow: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-xs); max-height: inherit; display: flex; flex-direction: column; } .dropdownStyles_item__1le3d5u1 { padding-bottom: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-left: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-right: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-top: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .dropdownStyles_list_base__1le3d5u2 { padding-left: 0; padding-right: 0; margin: 1px 0 2px 0; position: relative; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; display: flex; flex-direction: column; } .dropdownStyles_list_topGap__1le3d5u3 { padding-top: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .dropdownStyles_list_bottomGap__1le3d5u4 { padding-bottom: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .dropdownStyles_list_loading__1le3d5u5 { min-height: calc(10 * calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem))); } .dropdownStyles_userAssistance__1le3d5u6 { border-top-color: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-190), 0.1); border-top-style: solid; border-top-width: 1px; padding-bottom: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-left: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-right: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-top: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .dropdownStyles_results_extraItem__1le3d5u7 { padding-bottom: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-left: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-right: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-top: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .dropdownStyles_results_linkItemHighlight__1le3d5u8 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); } .dropdownStyles_results_linkItemFocus__1le3d5u9 { outline-style: dotted; outline-width: 1px; outline-offset: -1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .dropdownStyles_arrow_base__1le3d5ua { display: inline-flex; align-items: center; justify-content: center; padding-inline: 0; padding-block: 0; border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-border-radius); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-color); } .dropdownStyles_arrow_sizeMd__1le3d5ub { width: 2.75rem; height: 2.75rem; line-height: 2.75rem; font-size: var(--sizes-md-iconSize__rt5x5jc); } .dropdownStyles_arrow_sizeSm__1le3d5uc { width: 2.25rem; height: 2.25rem; line-height: 2.25rem; font-size: var(--sizes-sm-iconSize__rt5x5j8); } .dropdownStyles_arrow_enabled__1le3d5ud { cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable); } .dropdownStyles_arrow_enabled__1le3d5ud:hover { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-color); background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color); border-color: transparent; } .dropdownStyles_arrow_disabled__1le3d5ue { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-color); }.ListStyles_listStyles_base__1wld4xf0 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); height: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow-y: inherit; overflow-anchor: none; } .ListStyles_listStyles_base__1wld4xf0:focus { outline-style: none; } .ListStyles_listItemStyles_base__1wld4xf1 { display: flex; min-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-row-height); box-sizing: border-box; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .ListStyles_listItemStyles_checkboxContainer__1wld4xf2 { width: 100%; } .ListStyles_sparkleStyles_base__1wld4xf3 { position: absolute; top: 0; width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); z-index: 1; display: block; background-image: var(--imageVars_sparkleImg__odczjta); background-repeat: no-repeat; background-size: 100% 100%; } .ListStyles_sparkleStyles_container__1wld4xf4 { position: relative; } .ListStyles_skeletonStyles_container__1wld4xf5 { height: 100%; overflow-x: hidden; overflow-y: hidden; } .ListStyles_listItemMultiVariantStyles_gridlineTop_visible__1wld4xf6 { border-top-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider); } .ListStyles_listItemMultiVariantStyles_gridlineBottom_visible__1wld4xf8 { border-bottom-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider); } .ListStyles_listItemMultiVariantStyles_selected_isSelected__1wld4xfc { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected); } .ListStyles_listItemMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xfi { outline-style: dotted; outline-width: 1px; outline-offset: -1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .ListStyles_listItemMultiVariantStyles_compound_0__1wld4xfq { border-top-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected); border-bottom-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected); } .ListStyles_listItemMultiVariantStyles_compound_2__1wld4xfs:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover)); } .ListStyles_listItemMultiVariantStyles_compound_3__1wld4xft { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); } .ListStyles_listItemMultiVariantStyles_compound_4__1wld4xfu { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover)); } .ListStyles_listGroupHeaderMultiVariantStyles_gridlineTop_visible__1wld4xfv { border-top-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider); } .ListStyles_listGroupHeaderMultiVariantStyles_gridlineBottom_visible__1wld4xfx { border-bottom-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider); } .ListStyles_listGroupHeaderMultiVariantStyles_expandable_isExpandable__1wld4xfz { cursor: pointer; } .ListStyles_listGroupHeaderMultiVariantStyles_expandable_notExpandable__1wld4xf10 { position: sticky; top: -1px; } .ListStyles_listGroupHeaderMultiVariantStyles_focusRingVisible_isFocusRingVisible__1wld4xf13 { outline-style: dotted; outline-width: 1px; outline-offset: -1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .ListStyles_listGroupHeaderMultiVariantStyles_compound_1__1wld4xf1a:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover)); } .ListStyles_listGroupHeaderMultiVariantStyles_compound_2__1wld4xf1b { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active)); } @media (hover: hover) { .ListStyles_listItemMultiVariantStyles_compound_1__1wld4xfr:hover:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover)); } .ListStyles_listGroupHeaderMultiVariantStyles_compound_0__1wld4xf19:hover:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover)); } }.SelectorStyles_base__l80isg0 { position: relative; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; } .SelectorStyles_container__l80isg1 { display: inline-block; } .SelectorStyles_checkbox__l80isg2 { font-size: var(--iconSize__1denrfz0); line-height: 0; } .SelectorStyles_checkbox__l80isg2:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .SelectorStyles_multiVariantStyles_checked_isChecked__l80isg3 { color: var(--iconColorChecked__1denrfz1); } .SelectorStyles_multiVariantStyles_checked_isPartiallyChecked__l80isg4 { color: var(--iconColorUnchecked__1denrfz2); } .SelectorStyles_multiVariantStyles_checked_notChecked__l80isg5 { color: var(--iconColorUnchecked__1denrfz2); } .SelectorStyles_multiVariantStyles_active_isActive__l80isg6 { transform: var(--iconTransformActive__1denrfz3); transition-property: transform; transition-duration: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-xs); transition-timing-function: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-easing-persist); }.CheckboxIconStyles_base__szul0q0 { height: var(--rowHeight__1qyga5a1); display: inline-flex; align-items: center; } .CheckboxIconStyles_focus__szul0q1 > svg { outline-style: dotted; outline-offset: 1px; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); }.CheckboxIconVariants_multiVariantStyles_iconSize_4xUnits__1x02pba { --iconSize__1denrfz0: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .CheckboxIconVariants_multiVariantStyles_compound_0__1x02pbb { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); } .CheckboxIconVariants_multiVariantStyles_compound_1__1x02pbc { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } .CheckboxIconVariants_multiVariantStyles_compound_2__1x02pbd { color: var(--iconColorChecked__1denrfz1); } .CheckboxIconVariants_multiVariantStyles_compound_3__1x02pbe { color: var(--iconColorUnchecked__1denrfz2); } .CheckboxIconVariants_multiVariantStyles_compound_4__1x02pbf { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .CheckboxIconVariants_multiVariantStyles_compound_5__1x02pbg { transform: var(--iconTransformActive__1denrfz3); transition-property: transform; transition-duration: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-xs); transition-timing-function: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-easing-persist); }.LinkStyles_standard__ta6igz0 { display: inline; color: var(--textColor__1w21kyl5); -webkit-text-decoration-color: var(--textColor__1w21kyl5); text-decoration-color: var(--textColor__1w21kyl5); text-decoration-thickness: 1px; text-underline-offset: var(--textUnderlineOffset__1w21kyl4); } .LinkStyles_standard__ta6igz0:visited { color: var(--textColorVisited__1w21kyl7); } .LinkStyles_standard__ta6igz0:active { color: var(--textColorActive__1w21kyl6); } .LinkStyles_standard__ta6igz0:focus-visible { outline-style: dotted; outline-width: 1px; outline-offset: 1px; }.LinkVariants_multiVariantStyles_variant_primary__18dr6fk1 { --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .LinkVariants_multiVariantStyles_variant_secondary__18dr6fk2 { --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); --textColorVisited__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); --textColorActive__1w21kyl6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } .LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3 { -webkit-text-decoration-line: var(--standaloneTextDecoration__1w21kyl0); text-decoration-line: var(--standaloneTextDecoration__1w21kyl0); } .LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3:active { -webkit-text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); } .LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4 { -webkit-text-decoration-line: var(--embeddedTextDecoration__1w21kyl2); text-decoration-line: var(--embeddedTextDecoration__1w21kyl2); } .LinkVariants_multiVariantStyles_placement_embedded__18dr6fk4:active { -webkit-text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); } .LinkVariants_multiVariantStyles_compound_0__18dr6fk9 { &:not(:active) { -webkit-text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); } } .LinkVariants_multiVariantStyles_compound_1__18dr6fka { &:not(:active) { -webkit-text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); } } @media (hover: hover) { .LinkVariants_multiVariantStyles_compound_2__18dr6fkb:hover:not(:active) { -webkit-text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); } .LinkVariants_multiVariantStyles_compound_3__18dr6fkc:hover:not(:active) { -webkit-text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); } }.mobileDropdownStyles_base__ovfqm60 { background-color: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-0)); height: 100vh; height: 100dvh; width: 100vw; width: 100dvw; }.selectMobileDropdownStyles_content__9pal250 { flex: 1; overflow-y: auto; }.SelectMobileFieldInputStyles_base__1du09e20 { display: flex; flex-wrap: wrap; align-content: center; white-space: nowrap; width: 100%; overflow-x: hidden; overflow-y: hidden; } .SelectMobileFieldInputStyles_content__1du09e21 { width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .SelectMobileFieldInputStyles_content__1du09e21::-webkit-scrollbar { display: none; }/* This file is where css selectors for the component go. There will be hard coded properties and properties controlled by variables, for example oj-c-select-single .oj-c-select-single-value-text { color: var(--oj-c-select-single-value-text-color); display: inline-block; } */ oj-c-select-single:not(.oj-complete){ visibility: hidden; } oj-c-select-single{ display: inline-block; max-width: 100%; width: 100%; } oj-c-select-single[hidden] { display: none; }.SelectedValuesCountStyles_selectedValueCountStyles_base__hihr370 { display: inline-flex; }.ChipStyles_base__uqewtf0 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-low); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info); display: inline-block; padding-top: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-right: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-bottom: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-left: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); box-sizing: border-box; border-top-left-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg); border-top-right-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg); border-bottom-right-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg); border-bottom-left-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg); height: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); min-width: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size); font-weight: 600; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable); } .ChipStyles_base__uqewtf0:focus-visible { outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); outline-style: dotted; outline-width: 1px; outline-offset: 1px; } .ChipStyles_base__uqewtf0 > * { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .ChipStyles_multiVariantStyles_disabled_isDisabled__uqewtf1 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); cursor: auto; } .ChipStyles_multiVariantStyles_hover_isHover__uqewtf3 { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover)); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info); } .ChipStyles_multiVariantStyles_active_isActive__uqewtf7 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-info-strong); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse); } @media (hover: hover) { .ChipStyles_multiVariantStyles_pseudoHover_isPseudoHover__uqewtf5:hover:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover)); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info); } }.TextTagStyles_base__1x9w9me0 { align-items: center; background-color: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-190), 0.08); border-color: transparent; border-radius: 6px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); cursor: default; display: flex; height: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-left: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); padding-right: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); white-space: nowrap; } .TextTagStyles_base__1x9w9me0:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 1px; outline-color: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus)); } .TextTagStyles_base__1x9w9me0:hover { background-color: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-190), 0.12); } .TextTagStyles_selected__1x9w9me1 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected); } .TextTagStyles_selected__1x9w9me1:hover { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected); }.TextTagListStyles_textTagListBase__1cda2600 { align-items: center; box-sizing: border-box; display: flex; gap: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); height: 100%; overflow-x: auto; margin-inline-start: var(--textToEdgePadding__w6gg1ya); scrollbar-width: none; } .TextTagListStyles_textTagListBase__1cda2600::-webkit-scrollbar { display: none; } .TextTagListStyles_textTagListBase__1cda2600:focus { outline: none; } .TextTagListStyles_textTagListBase__1cda2600:focus-visible { outline: none; } .TextTagListStyles_textTagListInsideLabel__1cda2601 { padding-top: calc(var(--insideEdgePaddingTop__w6gg1yc) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem) - 2px); }.MobileDropdownFooterStyles_base__1bkr73c0 { background-color: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-10)); box-sizing: border-box; padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); width: 100%; }oj-c-select-multiple:not(.oj-complete) { visibility: hidden; } oj-c-select-multiple { display: inline-block; max-width: 100%; width: 100%; } oj-c-select-multiple[hidden] { display: none; }rules-info:not(.oj-complete) { visibility: hidden; } .rules-info-filters-div { background-color: #fbfbfb; border: 1px solid #d9dfe3; } .ListItemLayoutStyles_selectorStyles__1b15h5i0 { align-self: center; margin: calc(-3.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .ListItemLayoutStyles_centerVerticalStyles__1b15h5i1 { align-self: center; min-width: 0; } .ListItemLayoutStyles_leftPaddingStyles__1b15h5i2 { padding-inline-start: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .ListItemLayoutStyles_flexColumnStyles__1b15h5i3 { display: flex; flex-direction: column; } .ListItemLayoutStyles_flexRowStyles__1b15h5i4 { display: flex; flex-direction: row; justify-content: flex-end; align-self: center; } .ListItemLayoutStyles_endJustifyStyles__1b15h5i5 { display: flex; flex-direction: row; justify-content: flex-end; } .ListItemLayoutStyles_rowAlignStyles__1b15h5i6 { align-self: end; } .ListItemLayoutStyles_childrenStyles__1b15h5i7 { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }oj-c-list-item-layout:not(.oj-complete){ visibility: hidden; } oj-c-list-item-layout { display: block; } oj-c-list-item-layout[hidden] { display: none; }oj-c-highlight-text:not(.oj-complete) { visibility: hidden; } oj-c-highlight-text { display: inline; } oj-c-highlight-text[hidden] { display: none; }.MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70 { display: flex; align-items: center; justify-content: flex-end; cursor: text; font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); -webkit-text-decoration-line: none; text-decoration-line: none; padding-top: 0; padding-inline-end: var(--textToEdgePadding__w6gg1ya); padding-bottom: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); padding-inline-start: var(--textToEdgePadding__w6gg1ya); } .MaxLengthCounterStyles_hide__7dy9j71 { visibility: hidden; } .MaxLengthCounterStyles_spanStyles__7dy9j72 { display: inline-block; }oj-c-text-area:not(.oj-complete) { visibility: hidden; } oj-c-text-area { display: inline-block; max-width: 100%; width: 100%; } oj-c-text-area[hidden] { display: none; }.FormLayoutStyles_rootWrapperStyle__1h1o9fy0 { container-type: inline-size; max-width: calc(var(--layoutLocalVars_columnCount__5qy13b0) * var(--maxColumnWidth__pa4rfz0)); } .FormLayoutStyles_rootWrapperFullWidthStyle__1h1o9fy1 { max-width: 100%; } .FormLayoutStyles_baseRowDirectionStyle__1h1o9fy2 { display: grid; grid-gap: var(--columnGapWidthSm__pa4rfz2); } .FormLayoutStyles_baseColumnDirectionStyle__1h1o9fy3 { -moz-column-gap: var(--columnGapWidthSm__pa4rfz2); column-gap: var(--columnGapWidthSm__pa4rfz2); } .FormLayoutStyles_baseColumnDirectionStyle__1h1o9fy3 > * { margin-top: 0 !important; margin-bottom: var(--rowGapWidth__pa4rfz3) !important; margin-left: 0 !important; margin-right: 0 !important; -moz-column-break-inside: avoid; break-inside: avoid; } @container (min-width: 600px) { .FormLayoutStyles_baseRowDirectionStyle__1h1o9fy2 { grid-column-gap: var(--columnGapWidthMd__pa4rfz1); } }.FormLayoutVariants_multiVariantStyles_compound_0__18itx624 { grid-template-columns: repeat(1, minmax(0, 100%)); } .FormLayoutVariants_multiVariantStyles_compound_1__18itx625 { -moz-column-count: 1; column-count: 1; } .FormLayoutVariants_multiVariantStyles_compound_2__18itx626 { grid-template-columns: repeat(var(--layoutLocalVars_columnCount__5qy13b0), minmax(0, 1fr)); } .FormLayoutVariants_multiVariantStyles_compound_3__18itx627 { -moz-column-count: var(--layoutLocalVars_columnCount__5qy13b0); column-count: var(--layoutLocalVars_columnCount__5qy13b0); } @container (min-width: 576px) { .FormLayoutVariants_multiVariantStyles_compound_0__18itx624 { grid-template-columns: repeat(min(2, var(--layoutLocalVars_columnCount__5qy13b0)), minmax(0, 100%)); } .FormLayoutVariants_multiVariantStyles_compound_1__18itx625 { -moz-column-count: min(2, var(--layoutLocalVars_columnCount__5qy13b0)); column-count: min(2, var(--layoutLocalVars_columnCount__5qy13b0)); -moz-column-gap: var(--columnGapWidthMd__pa4rfz1); column-gap: var(--columnGapWidthMd__pa4rfz1); } } @container (min-width: 864px) { .FormLayoutVariants_multiVariantStyles_compound_0__18itx624 { grid-template-columns: repeat(min(3, var(--layoutLocalVars_columnCount__5qy13b0)), minmax(0, 100%)); } .FormLayoutVariants_multiVariantStyles_compound_1__18itx625 { -moz-column-count: min(3, var(--layoutLocalVars_columnCount__5qy13b0)); column-count: min(3, var(--layoutLocalVars_columnCount__5qy13b0)); } } @container (min-width: 1152px) { .FormLayoutVariants_multiVariantStyles_compound_0__18itx624 { grid-template-columns: repeat(min(4, var(--layoutLocalVars_columnCount__5qy13b0)), minmax(0, 100%)); } .FormLayoutVariants_multiVariantStyles_compound_1__18itx625 { -moz-column-count: min(4, var(--layoutLocalVars_columnCount__5qy13b0)); column-count: min(4, var(--layoutLocalVars_columnCount__5qy13b0)); } } @container (min-width: 1440px) { .FormLayoutVariants_multiVariantStyles_compound_0__18itx624 { grid-template-columns: repeat(min(5, var(--layoutLocalVars_columnCount__5qy13b0)), minmax(0, 100%)); } .FormLayoutVariants_multiVariantStyles_compound_1__18itx625 { -moz-column-count: min(5, var(--layoutLocalVars_columnCount__5qy13b0)); column-count: min(5, var(--layoutLocalVars_columnCount__5qy13b0)); } } @container (min-width: 1728px) { .FormLayoutVariants_multiVariantStyles_compound_0__18itx624 { grid-template-columns: repeat(min(6, var(--layoutLocalVars_columnCount__5qy13b0)), minmax(0, 100%)); } .FormLayoutVariants_multiVariantStyles_compound_1__18itx625 { -moz-column-count: min(6, var(--layoutLocalVars_columnCount__5qy13b0)); column-count: min(6, var(--layoutLocalVars_columnCount__5qy13b0)); } }oj-c-checkbox:not(.oj-complete){ visibility: hidden; } oj-c-checkbox{ display: inline-block; } oj-c-checkbox[hidden]{ display: none; }table-filter:not(.oj-complete) { visibility: hidden; } /* This file is where css selectors for the component go. There will be hard coded properties and properties controlled by variables, for example diagnosis-table .diagnosis-table-value-text { color: var(--diagnosis-table-value-text-color); display: inline-block; } */ diagnosis-table:not(.oj-complete) { visibility: hidden; } diagnosis-table { min-height: 50px; width: 50px; } diagnosis-table[hidden] { display: none; } /* This file is where css selectors for the component go. There will be hard coded properties and properties controlled by variables, for example column-filter-table .column-filter-table-value-text { color: var(--column-filter-table-value-text-color); display: inline-block; } */ column-filter-table:not(.oj-complete) { visibility: hidden; } column-filter-table { min-height: 50px; width: 50px; } column-filter-table[hidden] { display: none; } .column-filter-table-select-input { width: 20rem; } .CheckboxSetStyles_styles_ul__68p6630 { list-style-type: none; margin: 0; padding: 0; display: inherit; flex-direction: inherit; flex-wrap: inherit; gap: inherit; }oj-c-checkboxset:not(.oj-complete){ visibility: hidden; } oj-c-checkboxset{ display: inline-block; box-sizing: border-box; width: auto; } oj-c-checkboxset[hidden]{ display: none; }/* This file is where css selectors for the component go. There will be hard coded properties and properties controlled by variables, for example plugin-form .plugin-form-value-text { color: var(--plugin-form-value-text-color); display: inline-block; } */ plugin-form:not(.oj-complete) { visibility: hidden; } plugin-form { min-height: 50px; width: 100%; } plugin-form[hidden] { display: none; } oj-c-message-banner:not(.oj-complete) { visibility: hidden; } oj-c-message-banner { display: block; } oj-c-message-banner[hidden] { display: none; } @keyframes ProgressCircleStyles_circleRotation__o65man0 { 0% { transform: rotate(30deg); } 100% { transform: rotate(390deg); } } @keyframes ProgressCircleStyles_circleLength__o65man1 { 0% { -webkit-clip-path: polygon(21.1% 0, 21.1% 0, 21.1% 0, 50% 50%, 78.9% 0, 78.9% 0, 78.9% 0); clip-path: polygon(21.1% 0, 21.1% 0, 21.1% 0, 50% 50%, 78.9% 0, 78.9% 0, 78.9% 0); } 6.25% { -webkit-clip-path: polygon(0 0, 0 0, 0 0, 50% 50%, 100% 0, 100% 0, 100% 0); clip-path: polygon(0 0, 0 0, 0 0, 50% 50%, 100% 0, 100% 0, 100% 0); } 43.75% { -webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 50% 50%, 100% 100%, 100% 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 0 100%, 50% 50%, 100% 100%, 100% 100%, 100% 0); } 50% { -webkit-clip-path: polygon(0 0, 0 100%, 21.1% 100%, 50% 50%, 78.9% 100%, 100% 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 21.1% 100%, 50% 50%, 78.9% 100%, 100% 100%, 100% 0); } 56.25% { -webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 50% 50%, 100% 100%, 100% 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 0 100%, 50% 50%, 100% 100%, 100% 100%, 100% 0); } 93.75% { -webkit-clip-path: polygon(0 0, 0 0, 0 0, 50% 50%, 100% 0, 100% 0, 100% 0); clip-path: polygon(0 0, 0 0, 0 0, 50% 50%, 100% 0, 100% 0, 100% 0); } 100% { -webkit-clip-path: polygon(21.1% 0, 21.1% 0, 21.1% 0, 50% 50%, 78.9% 0, 78.9% 0, 78.9% 0); clip-path: polygon(21.1% 0, 21.1% 0, 21.1% 0, 50% 50%, 78.9% 0, 78.9% 0, 78.9% 0); } } .ProgressCircleStyles_base__o65man2 { position: relative; overflow-x: hidden; overflow-y: hidden; display: inline-block; max-width: 100%; max-height: 100%; width: var(--size__lborgv0); height: var(--size__lborgv0); } .ProgressCircleStyles_indeterminate__o65man3 { border-width: var(--trackWidth__lborgv1); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-measure-fill-enabled); border-style: solid; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; animation-name: ProgressCircleStyles_circleLength__o65man1; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; position: absolute; } .ProgressCircleStyles_determinate__o65man4 { border-width: var(--trackWidth__lborgv1); width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; position: absolute; border-style: solid; } .ProgressCircleStyles_track__o65man5 { border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-measure-track-enabled); } .ProgressCircleStyles_valueStyle__o65man6 { border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-measure-fill-enabled); }.ProgressCircleVariants_multiVariantStyles_size_sm__18za6ef0 { --size__lborgv0: var(--sizes-sm-size__lborgv2); --trackWidth__lborgv1: var(--sizes-sm-trackWidth__lborgv3); } .ProgressCircleVariants_multiVariantStyles_size_md__18za6ef1 { --size__lborgv0: var(--sizes-md-size__lborgv4); --trackWidth__lborgv1: var(--sizes-md-trackWidth__lborgv5); } .ProgressCircleVariants_multiVariantStyles_size_lg__18za6ef2 { --size__lborgv0: var(--sizes-lg-size__lborgv6); --trackWidth__lborgv1: var(--sizes-lg-trackWidth__lborgv7); } .ProgressCircleVariants_multiVariantStyles_type_indeterminate__18za6ef3 { animation-name: ProgressCircleStyles_circleRotation__o65man0; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }oj-c-progress-circle:not(.oj-complete) { visibility: hidden; } oj-c-progress-circle { display: inline-block; } oj-c-progress-circle[hidden] { display: none; } oj-c-progress-circle { height: var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size); width: var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size); line-height: 0; }.MessageToastStyles_styles_base__jym5gr0 { height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; }oj-c-message-toast:not(.oj-complete){ visibility: hidden; } oj-c-message-toast[hidden] { display: none; }