.LayerStyles_baseStyle__g9p4b90 { position: relative; } .LayerStyles_popupPriorityStyle__g9p4b91 { z-index: 1000; } .LayerStyles_dialogPriorityStyle__g9p4b92 { z-index: 1050; } .LayerStyles_messagesPriorityStyle__g9p4b93 { z-index: 2000; } .FilePickerStyles_activeStyle__dogf2s0 { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active)); } .FilePickerStyles_innerNeedsEventsHoverStyle__dogf2s1:not(:active) { background-image: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover)); } .FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2:not(:active) { cursor: pointer; } .FilePickerStyles_baseStyle__dogf2s4 { display: block; height: 100%; width: 100%; } .FilePickerStyles_maxWidth__dogf2s5 { max-width: calc(100 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .FilePickerStyles_inner__dogf2s6 { justify-content: space-between; align-items: center; box-sizing: border-box; border-radius: var(--borderRadius__12s6ppx1); padding-top: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-right: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-left: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-bottom: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); height: 100%; border-style: dashed; border-width: var(--borderWidth__12s6ppx2); background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0); border-color: var(--borderColor__12s6ppx0); } .FilePickerStyles_validDrop__dogf2s7 { background: linear-gradient(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled), var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled)); } .FilePickerStyles_invalidDrop__dogf2s8 { border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-danger); } .FilePickerStyles_noChildrenMargin__dogf2s9 { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .FilePickerStyles_primaryTextStyle__dogf2sa { font-weight: 700; 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); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); margin-bottom: 6px; } .FilePickerStyles_secondaryTextStyle__dogf2sb { font-weight: normal; 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); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } .FilePickerStyles_disabledPrimaryTextStyle__dogf2sc { font-weight: 700; 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); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); margin-bottom: 6px; } .FilePickerStyles_disabledSecondaryTextStyle__dogf2sd { font-weight: normal; 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); color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); } @media (hover: hover) { .FilePickerStyles_innerPseudoHoverStyle__dogf2s3: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)); } } .FilePickerBaseTheme_baseTheme__gjv4mp0 { --borderColor__12s6ppx0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); --borderRadius__12s6ppx1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-xl); --borderWidth__12s6ppx2: 1px; } .FilePickerVariants_multiVariantStyles_disabledState_isDisabled__1lw5ul40 { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); border-color: transparent; cursor: auto; } @media (hover: hover) { .FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__1lw5ul42:hover:not(:active) { cursor: pointer; } } oj-c-file-picker:not(.oj-complete) { visibility: hidden; } oj-c-file-picker { display: block; max-width: 400px; width: 100%; } oj-c-file-picker.oj-c-file-picker-with-trigger { display: inline-block; } oj-c-file-picker[hidden] { display: none; } .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; word-wrap: break-word; } .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; } .TooltipContentBaseTheme_baseTheme__sanbbo0 { --maxWidth__1x922a00: ; --backgroundColor__1x922a01: ; --textColor__1x922a02: ; --fontSize__1x922a03: ; --lineHeight__1x922a04: ; --borderRadius__1x922a05: ; --borderColor__1x922a06: ; --paddingHorizontal__1x922a07: ; --paddingVertical__1x922a08: ; --variants-tooltip-maxWidth__1x922a09: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30); --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size); --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height); --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md); --variants-tooltip-borderColor__1x922a0f: transparent; --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0); --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size); --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height); --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md); --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .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); } .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; } .FloatingBaseTheme_baseTheme__18jw0qa0 { --backgroundColor__ihlnqb0: transparent; } .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; } .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; } .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__kn3t7f9) * var(--lineHeight__kn3t7f1) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size))/ 2); margin-bottom: calc((var(--fontSize__kn3t7f9) * var(--lineHeight__kn3t7f1) - 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__kn3t7f9) * var(--lineHeight__kn3t7f1) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size))/ 2); margin-bottom: calc((var(--fontSize__kn3t7f9) * var(--lineHeight__kn3t7f1) - 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)); } .UserAssistanceBaseTheme_baseTheme__j8tei50 { --inlineTextColor__1n9ixz60: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); --inlineFontSize__1n9ixz61: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size); } .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)); } .MessageBannerBaseTheme_baseTheme__1mzbhvy0 { --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)); --startIconSize__l2hi9d2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --summaryTextColor__l2hi9d3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info, var(--oj-core-info-3)); --summaryTextWeight__l2hi9d4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-weight, var(--oj-typography-subheading-xs-font-weight)); --summaryTextSize__l2hi9d5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-font-size, var(--oj-typography-subheading-xs-font-size)); --summaryLineHeight__l2hi9d6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-subheading-xs-line-height); } .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)); } .BaseButtonStyles_styles_base__jvi3ds0 { cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable); box-sizing: border-box; } .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); z-index: 2; } .BaseButtonStyles_styles_styled__jvi3ds1:has(input:focus-visible) { outline-style: dotted; outline-offset: 1px; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); z-index: 2; } .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); z-index: 2; } .BaseButtonStyles_styles_min__jvi3ds3 { padding-inline-start: unset !important; padding-inline-end: unset !important; } .BaseButtonStyles_styles_fill__jvi3ds4 { width: 100%; } .BaseButtonStyles_styles_spanOnly__jvi3ds5 { display: inline-flex; } .BaseButtonStyles_styles_embedded__jvi3ds6 { height: 100%; display: inline-flex; } .BaseButtonStyles_styles_embedded__jvi3ds6:focus-visible { outline-style: none; } .BaseButtonStyles_styles_noBorderStart__jvi3ds7 { border-inline-start-width: 0px; } .BaseButtonStyles_styles_noBorderEnd__jvi3ds8 { border-inline-end-width: 0px; } .BaseButtonStyles_styles_noBorderStartButtonset__jvi3ds9 { position: relative; z-index: 0; margin-inline-start: -1px; } .BaseButtonStyles_styles_noBorderEndButtonset__jvi3dsa { position: relative; z-index: 0; } .BaseButtonStyles_styles_unselectedBorderEnd__jvi3dsb { border-inline-end-color: transparent; } .BaseButtonStyles_styles_unselectedBorderStart__jvi3dsc { border-inline-start-color: transparent; } .BaseButtonStyles_styles_noBorderRadiusStart__jvi3dsd { border-start-start-radius: 0; border-end-start-radius: 0; } .BaseButtonStyles_styles_noBorderRadiusEnd__jvi3dse { border-end-end-radius: 0; border-start-end-radius: 0; } .BaseButtonStyles_styles_inputLabel__jvi3dsf { cursor: inherit; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .BaseButtonStyles_styles_widthEqual__jvi3dsg { flex: 1; overflow: hidden; } .BaseButtonStyles_styles_widthAuto__jvi3dsh { flex: auto; } .BaseButtonStyles_styles_bottom__jvi3dsi { border-inline-start-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_notInteractive__jvi3dsj { cursor: default; } .BaseButtonStyles_styles_variants_outlined_base__jvi3dsk { 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_hiddenLabel__jvi3dsl { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-background-color); } .BaseButtonStyles_styles_variants_outlined_disabled__jvi3dsm { 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); cursor: not-allowed; } .BaseButtonStyles_styles_variants_outlined_hover__jvi3dsn: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); } .BaseButtonStyles_styles_variants_outlined_active__jvi3dso { 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_selected__jvi3dsp { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected); z-index: 1; } .BaseButtonStyles_styles_variants_outlined_selectedDisabled__jvi3dsq { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); } .BaseButtonStyles_styles_variants_outlined_container__jvi3dsv { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_outlined_buttonSetItem__jvi3dsw { border-inline-start-color: transparent; border-inline-start-width: 1px; } .BaseButtonStyles_styles_variants_outlined_buttonSetItemSelected__jvi3dsx { border-inline-start-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected); border-inline-start-width: 1px; } .BaseButtonStyles_styles_variants_outlined_buttonSetItemDisabled__jvi3dsy { border-inline-start-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-border-color); border-inline-start-width: 1px; } .BaseButtonStyles_styles_variants_callToAction_base__jvi3dsz { 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_hiddenLabel__jvi3ds10 { color: transparent; } .BaseButtonStyles_styles_variants_callToAction_disabled__jvi3ds11 { 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); cursor: not-allowed; } .BaseButtonStyles_styles_variants_callToAction_hover__jvi3ds12: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; } .BaseButtonStyles_styles_variants_callToAction_active__jvi3ds13 { 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__jvi3ds16 { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_borderless_base__jvi3ds17 { 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_hiddenLabel__jvi3ds18 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-background-color); } .BaseButtonStyles_styles_variants_borderless_disabled__jvi3ds19 { 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); cursor: not-allowed; } .BaseButtonStyles_styles_variants_borderless_hover__jvi3ds1a: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; } .BaseButtonStyles_styles_variants_borderless_active__jvi3ds1b { 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_selected__jvi3ds1c { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-selected); border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected); } .BaseButtonStyles_styles_variants_borderless_selectedDisabled__jvi3ds1d { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); } .BaseButtonStyles_styles_variants_borderless_container__jvi3ds1i { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_borderless_buttonSetItem__jvi3ds1j { margin-inline-start: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); } .BaseButtonStyles_styles_variants_ghost_base__jvi3ds1k { 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_hiddenLabel__jvi3ds1l { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-background-color); } .BaseButtonStyles_styles_variants_ghost_disabled__jvi3ds1m { 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); cursor: not-allowed; } .BaseButtonStyles_styles_variants_ghost_hover__jvi3ds1n: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__jvi3ds1o { 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__jvi3ds1r { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_solid_base__jvi3ds1s { 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_hiddenLabel__jvi3ds1t { color: transparent; } .BaseButtonStyles_styles_variants_solid_disabled__jvi3ds1u { 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); cursor: not-allowed; } .BaseButtonStyles_styles_variants_solid_hover__jvi3ds1v: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; } .BaseButtonStyles_styles_variants_solid_active__jvi3ds1w { 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__jvi3ds1z { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_variants_danger_base__jvi3ds20 { 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_hiddenLabel__jvi3ds21 { color: transparent; } .BaseButtonStyles_styles_variants_danger_disabled__jvi3ds22 { 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); cursor: not-allowed; } .BaseButtonStyles_styles_variants_danger_hover__jvi3ds23: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; } .BaseButtonStyles_styles_variants_danger_active__jvi3ds24 { 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__jvi3ds27 { background-color: transparent; border-style: hidden; cursor: none; display: flex; } .BaseButtonStyles_styles_sizes_xs__jvi3ds28 { 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__jvi3ds29 { 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__jvi3ds2a { 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__jvi3ds2b { 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); } .BaseButtonStyles_styles_labelSizes_xs__jvi3ds2c { 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); } .BaseButtonStyles_styles_labelSizes_sm__jvi3ds2d { 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); } .BaseButtonStyles_styles_labelSizes_md__jvi3ds2e { 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); } .BaseButtonStyles_styles_labelSizes_lg__jvi3ds2f { 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); } .BaseButtonStyles_styles_base__jvi3ds0 > * { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } @media (hover: hover) { .BaseButtonStyles_styles_variants_outlined_pseudohover__jvi3dsr: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); } .BaseButtonStyles_styles_variants_outlined_pseudohoverSelected__jvi3dss: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)); } .BaseButtonStyles_styles_variants_outlined_pseudohoverSpan__jvi3dst: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); } .BaseButtonStyles_styles_variants_outlined_pseudohoverSpanSelected__jvi3dsu: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)); } .BaseButtonStyles_styles_variants_callToAction_pseudohover__jvi3ds14: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; } .BaseButtonStyles_styles_variants_callToAction_pseudohoverSpan__jvi3ds15: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; } .BaseButtonStyles_styles_variants_borderless_pseudohover__jvi3ds1e: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; } .BaseButtonStyles_styles_variants_borderless_pseudohoverSelected__jvi3ds1f: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)); } .BaseButtonStyles_styles_variants_borderless_pseudohoverSpan__jvi3ds1g: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; } .BaseButtonStyles_styles_variants_borderless_pseudohoverSpanSelected__jvi3ds1h: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)); } .BaseButtonStyles_styles_variants_ghost_pseudohover__jvi3ds1p: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__jvi3ds1q: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__jvi3ds1x: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; } .BaseButtonStyles_styles_variants_solid_pseudohoverSpan__jvi3ds1y: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; } .BaseButtonStyles_styles_variants_danger_pseudohover__jvi3ds25: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; } .BaseButtonStyles_styles_variants_danger_pseudohoverSpan__jvi3ds26: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; } } :root, .oj-c-colorscheme-light { --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-base-background-color: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-disabled-background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-inverse-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-inverse-active); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-hover-background-overlay-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-active-background-overlay-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-base-background-color: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-190), 0.08); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-disabled-background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-base-background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-danger-strong); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-on-color); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-disabled-background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-active); } .oj-c-colorscheme-dark, .oj-color-invert { --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-outlined-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-base-background-color: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-200)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-disabled-background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-inverse-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-call-to-action-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-inverse-active); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-borderless-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-background-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-hover-background-overlay-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-active-background-overlay-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-base-background-color: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-190), 0.08); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-disabled-background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-solid-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-active); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-base-background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-danger-strong); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-base-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-base-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-disabled-background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-disabled-border-color: transparent; --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-disabled-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-hover-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-hover); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-danger-active-background-overlay-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-danger-active); } :root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md, .oj-density-dependent { --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-height: max(calc(calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),24px); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height: max(calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),24px); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height: calc(calc(11 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-text-to-edge-padding: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); } .oj-scale-sm, :root.oj-scale-sm { --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-text-to-edge-padding: calc(5.33 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-height: max(calc(calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),24px); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height: max(calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),24px); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height: max(calc(calc(9.33 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),24px); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-text-to-edge-padding: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); } .oj-scale-md, :root.oj-scale-md { --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-text-to-edge-padding: calc(4.57 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-height: max(calc(calc(6.86 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),24px); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height: max(calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),24px); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height: calc(calc(11 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-text-to-edge-padding: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); } .oj-scale-lg { --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-xs-height: max(calc(calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),24px); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height: max(calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),24px); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-text-to-edge-padding: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-md-height: calc(calc(11 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-text-to-edge-padding: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-lg-height: calc(calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); } .TextStyles_base__13t47my0 { overflow-x: hidden; overflow-y: hidden; overflow-wrap: anywhere; display: inline; } .TextStyles_base__13t47my0:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .TextStyles_base__13t47my0::after { content: ""; display: block; } .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); } .ButtonLabelLayoutStyles_text__1g78mbn0 { 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; } } .ButtonLabelLayoutStyles_fill__1g78mbn1 { width: 100%; } .ButtonLabelLayoutStyles_fillText__1g78mbn2 { justify-content: center; } .ButtonLabelLayoutStyles_suffix__1g78mbn3 { 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; } .ButtonLabelLayoutStyles_icon__1g78mbn4 { display: inline-flex; font-size: var(--iconSize__1onk43q0); height: var(--iconSize__1onk43q0); width: var(--iconSize__1onk43q0); font-weight: normal; margin-top: 0; margin-bottom: 0; } .ButtonLabelLayoutStyles_startIcon__1g78mbn5 { margin-inline-end: var(--iconToTextPadding__1onk43q2); margin-inline-start: var(--iconToEdgePadding__1onk43q1); } .ButtonLabelLayoutStyles_endIcon__1g78mbn6 { margin-inline-start: var(--iconToTextPadding__1onk43q2); margin-inline-end: var(--iconToEdgePadding__1onk43q1); } .ButtonLabelLayoutStyles_startText__1g78mbn7 { margin-inline-start: var(--textToEdgePadding__1onk43q3); } .ButtonLabelLayoutStyles_endText__1g78mbn8 { margin-inline-end: var(--textToEdgePadding__1onk43q3); } .ButtonLabelLayoutStyles_startIconWhenBothIconsOnly__1g78mbn9 { margin-inline-end: 0; } .ButtonLabelLayoutStyles_container__1g78mbna { cursor: inherit; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .ButtonLabelLayoutStyles_base__1g78mbnb { cursor: inherit; } .ButtonLabelLayoutStyles_progressStyle__1g78mbnc { display: inline-flex; } .ButtonLabelLayoutStyles_floatingIcon__1g78mbnd { position: absolute; z-index: 1; height: var(--iconSize__1onk43q0); width: var(--iconSize__1onk43q0); } .ButtonLabelLayoutBaseTheme_baseTheme__1wxhc8g0 { --textToEdgePadding__1onk43q3: ; --iconToTextPadding__1onk43q2: ; --iconToEdgePadding__1onk43q1: ; --iconSize__1onk43q0: ; --sizes-xs-iconSize__1onk43q4: max(calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)), 20px); --sizes-xs-iconToTextPadding__1onk43q6: max(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)), 8px); --sizes-xs-iconToEdgePadding__1onk43q5: max(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)), 8px); --sizes-xs-textToEdgePadding__1onk43q7: max(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)), 16px); --sizes-sm-iconSize__1onk43q8: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-sm-iconToTextPadding__1onk43q9: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-sm-iconToEdgePadding__1onk43qa: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-sm-textToEdgePadding__1onk43qb: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-md-iconSize__1onk43qc: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-md-iconToTextPadding__1onk43qe: calc(2.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-md-iconToEdgePadding__1onk43qd: calc(2.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-md-textToEdgePadding__1onk43qf: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-lg-iconSize__1onk43qg: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-lg-iconToTextPadding__1onk43qi: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-lg-iconToEdgePadding__1onk43qh: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-lg-textToEdgePadding__1onk43qj: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedxs-iconSize__1onk43qk: max(calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)), 20px); --sizes-embeddedxs-iconToTextPadding__1onk43qm: max(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)), 8px); --sizes-embeddedxs-iconToEdgePadding__1onk43ql: max(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)), 8px); --sizes-embeddedxs-textToEdgePadding__1onk43qn: max(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)), 16px); --sizes-embeddedsm-iconSize__1onk43qo: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedsm-iconToTextPadding__1onk43qp: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedsm-iconToEdgePadding__1onk43qq: calc(1.875 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedsm-textToEdgePadding__1onk43qr: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedmd-iconSize__1onk43qs: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedmd-iconToTextPadding__1onk43qu: calc(2.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedmd-iconToEdgePadding__1onk43qt: calc(2.375 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedmd-textToEdgePadding__1onk43qv: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedlg-iconSize__1onk43qw: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedlg-iconToTextPadding__1onk43qy: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedlg-iconToEdgePadding__1onk43qx: calc(3.375 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --sizes-embeddedlg-textToEdgePadding__1onk43qz: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .ButtonLabelLayoutVariants_multiVariantStyles_size_xs__7jj5290 { --iconSize__1onk43q0: var(--sizes-xs-iconSize__1onk43q4); --iconToTextPadding__1onk43q2: var(--sizes-xs-iconToTextPadding__1onk43q6); --iconToEdgePadding__1onk43q1: var(--sizes-xs-iconToEdgePadding__1onk43q5); --textToEdgePadding__1onk43q3: var(--sizes-xs-textToEdgePadding__1onk43q7); } .ButtonLabelLayoutVariants_multiVariantStyles_size_sm__7jj5291 { --iconSize__1onk43q0: var(--sizes-sm-iconSize__1onk43q8); --iconToTextPadding__1onk43q2: var(--sizes-sm-iconToTextPadding__1onk43q9); --iconToEdgePadding__1onk43q1: var(--sizes-sm-iconToEdgePadding__1onk43qa); --textToEdgePadding__1onk43q3: var(--sizes-sm-textToEdgePadding__1onk43qb); } .ButtonLabelLayoutVariants_multiVariantStyles_size_md__7jj5292 { --iconSize__1onk43q0: var(--sizes-md-iconSize__1onk43qc); --iconToTextPadding__1onk43q2: var(--sizes-md-iconToTextPadding__1onk43qe); --iconToEdgePadding__1onk43q1: var(--sizes-md-iconToEdgePadding__1onk43qd); --textToEdgePadding__1onk43q3: var(--sizes-md-textToEdgePadding__1onk43qf); } .ButtonLabelLayoutVariants_multiVariantStyles_size_lg__7jj5293 { --iconSize__1onk43q0: var(--sizes-lg-iconSize__1onk43qg); --iconToTextPadding__1onk43q2: var(--sizes-lg-iconToTextPadding__1onk43qi); --iconToEdgePadding__1onk43q1: var(--sizes-lg-iconToEdgePadding__1onk43qh); --textToEdgePadding__1onk43q3: var(--sizes-lg-textToEdgePadding__1onk43qj); } .ButtonLabelLayoutVariants_multiVariantStyles_size_embeddedxs__7jj5294 { --iconSize__1onk43q0: var(--sizes-embeddedxs-iconSize__1onk43qk); --iconToTextPadding__1onk43q2: var(--sizes-embeddedxs-iconToTextPadding__1onk43qm); --iconToEdgePadding__1onk43q1: var(--sizes-embeddedxs-iconToEdgePadding__1onk43ql); --textToEdgePadding__1onk43q3: var(--sizes-embeddedxs-textToEdgePadding__1onk43qn); } .ButtonLabelLayoutVariants_multiVariantStyles_size_embeddedsm__7jj5295 { --iconSize__1onk43q0: var(--sizes-embeddedsm-iconSize__1onk43qo); --iconToTextPadding__1onk43q2: var(--sizes-embeddedsm-iconToTextPadding__1onk43qp); --iconToEdgePadding__1onk43q1: var(--sizes-embeddedsm-iconToEdgePadding__1onk43qq); --textToEdgePadding__1onk43q3: var(--sizes-embeddedsm-textToEdgePadding__1onk43qr); } .ButtonLabelLayoutVariants_multiVariantStyles_size_embeddedmd__7jj5296 { --iconSize__1onk43q0: var(--sizes-embeddedmd-iconSize__1onk43qs); --iconToTextPadding__1onk43q2: var(--sizes-embeddedmd-iconToTextPadding__1onk43qu); --iconToEdgePadding__1onk43q1: var(--sizes-embeddedmd-iconToEdgePadding__1onk43qt); --textToEdgePadding__1onk43q3: var(--sizes-embeddedmd-textToEdgePadding__1onk43qv); } .ButtonLabelLayoutVariants_multiVariantStyles_size_embeddedlg__7jj5297 { --iconSize__1onk43q0: var(--sizes-embeddedlg-iconSize__1onk43qw); --iconToTextPadding__1onk43q2: var(--sizes-embeddedlg-iconToTextPadding__1onk43qy); --iconToEdgePadding__1onk43q1: var(--sizes-embeddedlg-iconToEdgePadding__1onk43qx); --textToEdgePadding__1onk43q3: var(--sizes-embeddedlg-textToEdgePadding__1onk43qz); } .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; } } .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; } .ComponentMessageBaseTheme_baseTheme__tgaz2j0 { --startIconColor__1aj7c360: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-info); --startIconSize__1aj7c361: 1rem; --summaryTextColor__1aj7c362: var(--inlineTextColor__1n9ixz60); --summaryTextWeight__1aj7c363: 400; --summaryTextSize__1aj7c364: var(--inlineFontSize__1n9ixz61); --summaryLineHeight__1aj7c365: 1.333rem; } .FocusTrackerStyles_baseStyle__1g9mhde0 { background-color: inherit; display: contents; } .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; } .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; } .WindowOverlayBaseTheme_baseTheme__1qrldld0 { --notificationMainAxisOffset__5h4cac0: 0px; --notificationCrossAxisOffset__5h4cac1: 0px; } .PopupBaseTheme_baseTheme__17qjw4f0 { --borderColor__2ugez71: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-divider); --boxShadow__2ugez73: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-xs); --borderRadius__2ugez72: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-sm); --backgroundColor__2ugez70: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-popup); --padding__2ugez74: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .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); overflow-y: auto; } .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__kn3t7f9); font-weight: var(--fontWeight__kn3t7f0); line-height: var(--lineHeight__kn3t7f1); box-sizing: border-box; word-break: break-word; } .LabelStyles_startBase__t9j3mr1 { color: var(--color__kn3t7f2); text-align: var(--formLayoutTopEdgeLabelTextAlign__kn3t7f8); width: 100%; } .LabelStyles_topBase__t9j3mr2 { color: var(--color__kn3t7f2); } .LabelStyles_insideBase__t9j3mr3 { padding-inline-end: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); color: var(--insideEdgeColor__kn3t7f7); max-width: calc(100% - calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem))); } .LabelStyles_insideBaseUADensityEfficientReflow__t9j3mr4 { display: block; } .LabelStyles_insideReadonlyInEnabledForm__t9j3mr5 { inset-inline-start: var(--textToEdgePadding__w6gg1y9); top: var(--insideEdgePositionTop__kn3t7fa); font-size: var(--insideEdgeFontSize__kn3t7f4); font-weight: var(--insideEdgeFontWeight__kn3t7f5); line-height: var(--insideEdgeLineHeight__kn3t7f6); transition-property: none; transform: none; background-color: transparent; position: absolute; margin-bottom: var(--formLayoutTopEdgeLabelToValuePadding__kn3t7fb); white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; } .LabelStyles_insideReadonlyNotInEnabledForm__t9j3mr6 { font-size: var(--insideEdgeFontSize__kn3t7f4); font-weight: var(--insideEdgeFontWeight__kn3t7f5); line-height: var(--insideEdgeLineHeight__kn3t7f6); } .LabelStyles_insideNonReadonly__t9j3mr7 { position: absolute; inset-inline-start: var(--textToEdgePadding__w6gg1y9); top: calc(var(--insideEdgeHeight__w6gg1yh)/ 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__kn3t7f4); font-weight: var(--insideEdgeFontWeight__kn3t7f5); line-height: var(--insideEdgeLineHeight__kn3t7f6); transform: none; top: var(--insideEdgePositionTop__kn3t7fa); } .LabelStyles_insideDisabled__t9j3mr9 { transition-property: none; color: var(--colorDisabled__kn3t7f3) !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 { overflow-x: inherit; overflow-y: inherit; text-overflow: inherit; } .LabelStyles_uaDensityCompactLabelStart__t9j3mrf { display: inline; } .LabelStyles_uaDensityCompactLabelTopInside__t9j3mrg { width: inherit; } .LabelBaseTheme_baseTheme__mpxezv0 { --fontWeight__kn3t7f0: 600; --lineHeight__kn3t7f1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height); --color__kn3t7f2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --colorDisabled__kn3t7f3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --insideEdgeFontSize__kn3t7f4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size); --insideEdgeFontWeight__kn3t7f5: 600; --insideEdgeLineHeight__kn3t7f6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height); --insideEdgeColor__kn3t7f7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); --formLayoutTopEdgeLabelTextAlign__kn3t7f8: end; } :root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md, .oj-density-dependent { --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size); --insideEdgePositionTop__kn3t7fa: calc(0.5rem + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)); } .oj-scale-sm, :root.oj-scale-sm { --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); --insideEdgePositionTop__kn3t7fa: max(calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)),3px); } .oj-scale-md, :root.oj-scale-md { --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); --insideEdgePositionTop__kn3t7fa: max(calc(calc(1.14 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)),3.5px); } .oj-scale-lg { --fontSize__kn3t7f9: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size); --insideEdgePositionTop__kn3t7fa: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)); } :root, .oj-density-dependent { --formLayoutTopEdgeLabelToValuePadding__kn3t7fb: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)); } .RadioIconStyles_radioIconBaseStyle__o5p6af0 { height: var(--rowHeight__11tjnon2); 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); } .RadioIconBaseTheme_baseTheme__1j9fixc0 { --iconSize__bwcdcl0: var(--iconSize__bwcdcl0); --iconColorSelected__bwcdcl1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --iconColorUnselected__bwcdcl2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --iconTransformActive__bwcdcl3: scale(0.75); } .RadioIconVariants_multiVariantStyles_iconSize_4xUnits__vfef778 { --iconSize__bwcdcl0: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .RadioStyles_radioBaseStyle__o9of5r0 { line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height); min-height: var(--rowHeight__11tjnon2); display: inline-flex; align-items: flex-start; gap: var(--iconToTextGap__11tjnon1); } .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__11tjnon2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) + 1px) * 0.5); padding-block-end: calc((var(--rowHeight__11tjnon2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) - 1px) * 0.5); 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); } } .RadioBaseTheme_baseTheme__1xmeiy50 { --iconToTextGap__11tjnon1: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --outlineWidth__11tjnon0: 1px; } :root, .oj-density-dependent { --rowHeight__11tjnon2: calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); } @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 !important; 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_textFieldEndContent__952vaf2 { padding-inline-end: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .TextFieldStyles_textFieldBase__952vaf3 { 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__952vaf4 { height: 100%; } .TextFieldStyles_formControlBase__952vaf5 { vertical-align: top; } .TextFieldBaseTheme_baseTheme__1qsscqw0 { --borderColor__w6gg1y0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-textfield-border-enabled); --borderWidth__w6gg1y1: 1px; --borderRadius__w6gg1y2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md); --bgColor__w6gg1y3: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-textfield-surface-enabled); --borderColorFocus__w6gg1y4: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected); --boxShadowFocus__w6gg1y5: 0 0 0 1px var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-selected) inset; --fontSize__w6gg1y6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); --iconToTextPadding__w6gg1y7: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --iconToEdgePadding__w6gg1y8: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --insideEdgeLabelColorFocus__w6gg1ya: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-brand-110)); --textToEdgePadding__w6gg1y9: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --textColor__w6gg1yb: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --bgColorDisabled__w6gg1yc: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-disabled); --borderColorDisabled__w6gg1yd: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-disabled); --textColorDisabled__w6gg1ye: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); --placeholderAnimationName__w6gg1yf: TextFieldStyles_placeholderAnimation__952vaf0; } :root, .oj-density-dependent { --height__w6gg1yg: max(calc(calc(11 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),36px); --insideEdgeHeight__w6gg1yh: max(calc(calc(13 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),36px); --insideEdgePaddingTop__w6gg1yi: max(calc(calc(3.25 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)),9.75px); } :root, .oj-scale-dependent, :root.oj-scale-sm, :root.oj-scale-md, .oj-density-dependent, .oj-scale-lg { --defaultPaddingTopMask__w6gg1yj: calc(calc(2.75 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)); --insideEdgePaddingTopMask__w6gg1yk: calc(calc(5.625 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(1.375 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); } .oj-scale-sm, :root.oj-scale-sm { --defaultPaddingTopMask__w6gg1yj: calc(3.333 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --insideEdgePaddingTopMask__w6gg1yk: calc(calc(5.666 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(0.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); } .oj-scale-md, :root.oj-scale-md { --defaultPaddingTopMask__w6gg1yj: calc(calc(2.75 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(0.357 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); --insideEdgePaddingTopMask__w6gg1yk: calc(calc(5.625 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(1.25 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); } .TextFieldVariants_multiVariantStyles_styleVariant_default__1f8p3fe0 { background-color: var(--bgColor__w6gg1y3); border-color: var(--borderColor__w6gg1y0); border-radius: var(--borderRadius__w6gg1y2); height: var(--height__w6gg1yg); border-style: solid; border-width: var(--borderWidth__w6gg1y1); } .TextFieldVariants_multiVariantStyles_styleVariant_embedded__1f8p3fe1 { background-color: inherit; height: 100%; width: 100%; } .TextFieldVariants_multiVariantStyles_startContent_hasInsideLabel__1f8p3fe7 { font-size: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .TextFieldVariants_multiVariantStyles_resize_horizontal__1f8p3feb { resize: horizontal; } .TextFieldVariants_multiVariantStyles_resize_vertical__1f8p3fec { resize: vertical; } .TextFieldVariants_multiVariantStyles_resize_both__1f8p3fed { resize: both; } .TextFieldVariants_multiVariantStyles_disabled_isDisabled__1f8p3fef { background-color: var(--bgColorDisabled__w6gg1yc); border-color: var(--borderColorDisabled__w6gg1yd); } .TextFieldVariants_multiVariantStyles_readonly_notReadonly__1f8p3fem { font-weight: 400; font-size: var(--fontSize__w6gg1y6); } .TextFieldVariants_multiVariantStyles_startContentMargin_hasStartMargin__1f8p3fer { margin-inline-start: var(--iconToEdgePadding__w6gg1y8); font-size: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .TextFieldVariants_multiVariantStyles_startContentMargin_noStartMargin__1f8p3fes { margin-inline-start: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); font-size: calc(5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .TextFieldVariants_multiVariantStyles_startContentDisabled_isDisabled__1f8p3fet { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); } .TextFieldVariants_multiVariantStyles_middleContent_input__1f8p3fev { position: relative; display: inline-flex; flex: 1; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; } .TextFieldVariants_multiVariantStyles_middleContent_textarea__1f8p3few { position: relative; display: inline-flex; flex: 1; width: 100%; height: 100%; box-sizing: border-box; overflow: visible; padding-inline-end: 1px; flex-direction: column; } .TextFieldVariants_multiVariantStyles_textAreaResizeDirection_ltr__1f8p3fex { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%); } .TextFieldVariants_multiVariantStyles_textAreaResizeDirection_rtl__1f8p3fey { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100% , 0 calc(100% - 10px)); clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100% , 0 calc(100% - 10px)); } .TextFieldVariants_multiVariantStyles_compound_0__1f8p3fez { border-style: solid; border-width: var(--borderWidth__w6gg1y1); } .TextFieldVariants_multiVariantStyles_compound_1__1f8p3fe10 { border-style: solid; border-width: var(--borderWidth__w6gg1y1); } .TextFieldVariants_multiVariantStyles_compound_2__1f8p3fe11 { min-height: var(--insideEdgeHeight__w6gg1yh); } .TextFieldVariants_multiVariantStyles_compound_3__1f8p3fe12 { border-color: var(--borderColorFocus__w6gg1y4); box-shadow: var(--boxShadowFocus__w6gg1y5); } .TextFieldVariants_multiVariantStyles_compound_4__1f8p3fe13 { height: auto; } .TextFieldVariants_multiVariantStyles_compound_5__1f8p3fe14 { --boxShadowFocus__w6gg1y5: 0 0 0 1px var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-danger) inset !important; border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-danger); } .TextFieldVariants_multiVariantStyles_compound_6__1f8p3fe15 { --boxShadowFocus__w6gg1y5: 0 0 0 1px var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-warning) inset !important; border-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-warning); } .TextFieldVariants_multiVariantStyles_compound_7__1f8p3fe16 { min-height: var(--height__w6gg1yg); } .TextFieldVariants_multiVariantStyles_compound_8__1f8p3fe17 { min-height: var(--height__w6gg1yg); } .TextFieldVariants_multiVariantStyles_compound_9__1f8p3fe18 { z-index: 1; } .TextFieldVariants_multiVariantStyles_compound_10__1f8p3fe19 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .TextFieldVariants_multiVariantStyles_compound_11__1f8p3fe1a { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .TextFieldVariants_multiVariantStyles_compound_12__1f8p3fe1b { 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_13__1f8p3fe1c { min-height: var(--insideEdgeHeight__w6gg1yh); } .CheckboxRadioFieldStyles_topUAContainerStyles_top__j1xru60 { margin: 2px 0; } .CheckboxRadioFieldStyles_topUAContainerStyles_start__j1xru61 { display: inline-flex; align-items: center; } .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__kn3t7f2); font-size: var(--fontSize__kn3t7f9); line-height: var(--lineHeight__kn3t7f1); width: 100%; } .LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56 { display: inline-flex; align-items: center; height: 100%; } .LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57 { min-height: var(--height__w6gg1yg); } .LabelValueLayoutStyles_labelInnerStyles_startWithNoTopRadioSetUA__z3rxc58 { padding-block-start: calc((var(--rowHeight__11tjnon2) - var(--fontSize__kn3t7f9) * var(--lineHeight__kn3t7f1)) * 0.5); } .LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59 { padding-block-start: calc( (var(--rowHeight__11tjnon2) - var(--fontSize__kn3t7f9) * var(--lineHeight__kn3t7f1))*0.5 + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px) ); } .LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a { padding-block-start: calc((var(--rowHeight__1qyga5a2) - var(--fontSize__kn3t7f9) * var(--lineHeight__kn3t7f1)) * 0.5); } .LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b { padding-block-start: calc( (var(--rowHeight__1qyga5a2) - var(--fontSize__kn3t7f9) * var(--lineHeight__kn3t7f1))*0.5 + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px) ); } .LabelValueLayoutStyles_labelInnerStyles_startWithNoTopFormComponentWrapperUA__z3rxc5c { padding-block-start: calc((calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))) - var(--fontSize__kn3t7f9) * var(--lineHeight__kn3t7f1)) * 0.5); } .LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc5d { padding-block-start: calc( (calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))) - var(--fontSize__kn3t7f9) * var(--lineHeight__kn3t7f1))*0.5 + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px) ); } .LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5e { white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; } .LabelValueLayoutStyles_valueSlotStyles__z3rxc5f { flex: 1 1 100%; width: 100%; max-width: 100%; } .FormLayoutBaseTheme_baseTheme__sm2a4g0 { --startEdgeLabelToValuePadding__vm51h40: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --startEdgeLabelTextAlign__vm51h41: end; } :root, .oj-density-dependent { --topEdgeLabelToValuePadding__vm51h42: calc(calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)); } .CheckboxStyles_checkboxBaseStyle__13w91qj0 { line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height); min-height: var(--rowHeight__1qyga5a2); display: inline-flex; align-items: flex-start; gap: var(--iconToTextGap__1qyga5a1); } .CheckboxStyles_checkboxBaseStyle__13w91qj0:focus { outline: none; } .CheckboxStyles_checkboxBaseStyle__13w91qj0:focus-visible { outline: none; } .CheckboxStyles_checkboxBaseStyle__13w91qj0:hover { cursor: pointer; } .CheckboxStyles_checkboxSpanStyle__13w91qj1 { height: var(--rowHeight__1qyga5a2); display: flex; align-items: center; } .CheckboxStyles_valueLabelStyle__13w91qj2 { font-family: inherit; font-weight: inherit; padding-block-start: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) + 1px) * 0.5); padding-block-end: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) - 1px) * 0.5); font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); } .CheckboxBaseTheme_baseTheme__lptpwa0 { --iconToTextGap__1qyga5a1: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --outlineWidth__1qyga5a0: 1px; } :root, .oj-density-dependent { --rowHeight__1qyga5a2: calc(calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); } .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)); } } oj-c-radioset:not(.oj-complete){ visibility: hidden; } oj-c-radioset { display: inline-block; box-sizing: border-box; width: auto; } oj-c-radioset[hidden] { display: none; } .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; } oj-c-message-banner:not(.oj-complete) { visibility: hidden; } oj-c-message-banner { display: block; } oj-c-message-banner[hidden] { display: none; } .MessageToastStyles_styles_base__jym5gr0 { height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; } .MessageToastBaseTheme_baseTheme__3146600 { --backgroundColor__zw7y740: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-50)); --maxWidthLg__zw7y741: calc(150 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --maxWidthMd__zw7y742: calc(100vw - calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem))); --maxWidthSm__zw7y743: calc(100vw - calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem))); --startIconColor__zw7y744: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --startIconSize__zw7y745: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --summaryTextColor__zw7y746: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --summaryTextWeight__zw7y747: normal; --summaryTextSize__zw7y748: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); --summaryLineHeight__zw7y749: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height); --detailTextColor__zw7y74a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); } oj-c-message-toast:not(.oj-complete){ visibility: hidden; } oj-c-message-toast[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; } .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-column-gap: var(--columnGapWidthSm__pa4rfz2); grid-row-gap: var(--rowGapWidth__pa4rfz3); } .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); } } .FormLayoutBaseTheme_baseTheme__1sotkej0 { --maxColumnWidth__pa4rfz0: 448px; --columnGapWidthMd__pa4rfz1: 24px; --columnGapWidthSm__pa4rfz2: 16px; --rowGapWidth__pa4rfz3: max(calc(12px + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))),calc(calc(3.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(1.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)))); } .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)); } } .CheckboxIconStyles_base__szul0q0 { height: var(--iconSize__1denrfz0); 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); } .CheckboxIconBaseTheme_baseTheme__1broikm0 { --iconSize__1denrfz0: initial; --iconColorChecked__1denrfz1: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --iconColorUnchecked__1denrfz2: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --iconTransformActive__1denrfz3: scale(0.75); } .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); } .StyledCheckbox_hoverStyle__gne78f0 { box-shadow: 0 0 0 6px var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); border-radius: 1px; } oj-c-checkbox:not(.oj-complete){ visibility: hidden; } oj-c-checkbox{ display: inline-block; } oj-c-checkbox[hidden]{ display: none; } .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__w6gg1yb); } .PrefixSuffixStyles_multiVariantStyles_isFocused_yes__yu43bw3 { opacity: .45; } .PrefixSuffixStyles_multiVariantStyles_isDisabled_yes__yu43bw5 { color: var(--textColorDisabled__w6gg1ye); } .PrefixSuffixStyles_multiVariantStyles_hasInsideLabel_yes__yu43bw7 { min-height: var(--insideEdgeHeight__w6gg1yh); padding-top: var(--insideEdgePaddingTop__w6gg1yi); } .PrefixSuffixStyles_multiVariantStyles_compound_0__yu43bwd { padding-inline-start: var(--iconToTextPadding__w6gg1y7); } .PrefixSuffixStyles_multiVariantStyles_compound_1__yu43bwe { padding-inline-start: var(--textToEdgePadding__w6gg1y9); } .PrefixSuffixStyles_multiVariantStyles_compound_2__yu43bwf { padding-inline-end: var(--iconToTextPadding__w6gg1y7); } .PrefixSuffixStyles_multiVariantStyles_compound_3__yu43bwg { padding-inline-end: var(--textToEdgePadding__w6gg1y9); } .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; height: 100%; 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_labelDefaultPadding__lkfh4l1 { padding-top: 0; padding-bottom: 0; } .TextFieldInputStyles_textFieldInputEmbedded__lkfh4l2 { color: inherit; font-size: inherit; height: 100%; margin: 0; padding-block: 0; padding-inline: var(--textToEdgePadding__w6gg1y9); resize: none; } .TextFieldInputStyles_textFieldInputEmbedded__lkfh4l2::-ms-reveal { display: none; } .TextFieldInputVariants_multiVariantStyles_styleVariant_default__1c85q7n0 { font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size); } .TextFieldInputVariants_multiVariantStyles_insideLabel_hasInsideLabel__1c85q7n8 { min-height: var(--insideEdgeHeight__w6gg1yh); padding-top: var(--insideEdgePaddingTop__w6gg1yi); padding-bottom: 0; } .TextFieldInputVariants_multiVariantStyles_insideLabel_hasInsideLabel__1c85q7n8:hover { background-color: transparent; } .TextFieldInputVariants_multiVariantStyles_disabled_isDisabled__1c85q7na { color: var(--textColorDisabled__w6gg1ye); } .TextFieldInputVariants_multiVariantStyles_disabled_notDisabled__1c85q7nb { color: var(--textColor__w6gg1yb); } .TextFieldInputVariants_multiVariantStyles_type_isPassword__1c85q7nc::-ms-reveal { display: none; } .TextFieldInputVariants_multiVariantStyles_startContent_hasStartContent__1c85q7ne { padding-inline-start: var(--iconToTextPadding__w6gg1y7); } .TextFieldInputVariants_multiVariantStyles_prefix_hasPrefix__1c85q7ni { padding-inline-start: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); } .TextFieldInputVariants_multiVariantStyles_compound_0__1c85q7nq { padding-top: calc((var(--height__w6gg1yg) - 1rem * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height))/ 2 - 1px); padding-bottom: calc((var(--height__w6gg1yg) - 1rem * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height))/ 2 - 1px); resize: none; } .TextFieldInputVariants_multiVariantStyles_compound_1__1c85q7nr { margin: 0; } .TextFieldInputVariants_multiVariantStyles_compound_2__1c85q7ns::-ms-reveal { display: none; } .TextFieldInputVariants_multiVariantStyles_compound_3__1c85q7nt { padding-inline-start: var(--textToEdgePadding__w6gg1y9); } .TextFieldInputVariants_multiVariantStyles_compound_4__1c85q7nu { padding-inline-end: var(--textToEdgePadding__w6gg1y9); } .TextFieldInputVariants_multiVariantStyles_compound_5__1c85q7nv { padding-top: var(--insideEdgePaddingTopMask__w6gg1yk); } .TextFieldInputVariants_multiVariantStyles_compound_6__1c85q7nw { padding-top: var(--defaultPaddingTopMask__w6gg1yj); } .TextFieldInputVariants_multiVariantStyles_compound_7__1c85q7nx { padding-top: 0; padding-bottom: 0; border-color: transparent; border-style: solid; border-block-start-width: calc(var(--insideEdgeFontSize__kn3t7f4) * var(--insideEdgeLineHeight__kn3t7f6) + var(--insideEdgePositionTop__kn3t7fa)); border-block-end-width: calc(0.25rem + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)); } .TextFieldInputVariants_multiVariantStyles_compound_8__1c85q7ny { animation-name: var(--placeholderAnimationName__w6gg1yf); animation-duration: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-duration-2xl); animation-timing-function: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-easing-exit); } .TextFieldInputVariants_multiVariantStyles_compound_10__1c85q7nz { padding-inline-start: var(--iconToTextPadding__w6gg1y7); } .TextFieldInputVariants_multiVariantStyles_compound_11__1c85q7n10 { padding-inline-end: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); } .TextFieldInputVariants_multiVariantStyles_compound_12__1c85q7n11 { padding-inline-end: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); } .TextFieldInputVariants_multiVariantStyles_compound_13__1c85q7n12 { padding-inline-end: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); } .TextFieldInputVariants_multiVariantStyles_compound_14__1c85q7n13 { padding-inline-end: var(--textToEdgePadding__w6gg1y9); } .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_readOnlyTextFieldInputTextareaBase__ybkgi51:focus { outline-offset: -1px; } .ReadonlyTextFieldInputStyles_inEnabledFormBase__ybkgi52 { white-space: nowrap; overflow-x: scroll; overflow-y: hidden; scrollbar-width: none; } .ReadonlyTextFieldInputStyles_textareaInEnabledFormBase__ybkgi53 { margin-top: calc((var(--height__w6gg1yg) - 1rem * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height))/ 2 - 1px); margin-bottom: calc((var(--height__w6gg1yg) - 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__w6gg1y9) - 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__w6gg1yi) + 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__kn3t7f4) * var(--insideEdgeLineHeight__kn3t7f6) + var(--insideEdgePositionTop__kn3t7fa)); margin-bottom: 0.25rem; } .ReadonlyTextFieldInputStyles_inEnabledFormNoLabelInside__ybkgi56 { justify-content: center; } .ReadonlyTextFieldInputStyles_inEnabledFormNoStartContent__ybkgi57 { margin-left: var(--textToEdgePadding__w6gg1y9); margin-right: var(--textToEdgePadding__w6gg1y9); padding-left: 0; padding-right: 0; } .ReadonlyTextFieldInputStyles_hideScrollbar__ybkgi58::-webkit-scrollbar { width: 0; height: 0; } .SkeletonBaseTheme_baseTheme__afgqbw0 { --bgColor-start__1mh02730: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.05); --bgColor-end__1mh02731: rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-170), 0.15); } .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; width: 100%; box-sizing: border-box; display: flex; overflow: hidden; } .ReadonlyTextFieldStyles_readonlyTextFieldMiddleBase__71tiu81 { display: inline-flex; flex: 1; width: 100%; height: 100%; box-sizing: border-box; } .ReadonlyTextFieldStyles_readonlyTextFieldMiddleNotInEnabledForm__71tiu82 { display: block; } .ReadonlyTextFieldStyles_readonlyTextFieldMiddleInEnabledForm__71tiu83 { position: relative; } .ReadonlyTextFieldStyles_readonlyTextFieldMiddleInEnabledFormNotTextarea__71tiu84 { align-items: center; } .ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0 { border-width: var(--borderWidth__w6gg1y1); border-color: var(--borderColorDisabled__w6gg1yd); background-color: transparent; height: var(--height__w6gg1yg); min-width: 1em; flex: 1; } .ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1 { border-width: 0; background-color: transparent; height: auto; vertical-align: top; } .ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4 { height: auto; } .ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc { resize: horizontal; } .ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod { resize: vertical; } .ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe { resize: both; } .ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof { max-width: 100%; overflow: visible; } .ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog { padding-top: 0; padding-bottom: 0; } .ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh { min-height: var(--insideEdgeHeight__w6gg1yh); } .ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi { height: auto; } .ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj { 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)); } .ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok { 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)); } .ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol { min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size)); } .ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom { min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size)); } .ReadonlyTextFieldVariants_multiVariantStyles_compound_7__ck0nxon { min-height: var(--height__w6gg1yg); } .ReadonlyTextFieldVariants_multiVariantStyles_compound_8__ck0nxoo { min-height: var(--height__w6gg1yg); } .ReadonlyTextFieldVariants_multiVariantStyles_compound_9__ck0nxop { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ReadonlyTextFieldVariants_multiVariantStyles_compound_10__ck0nxoq { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .ReadonlyTextFieldVariants_multiVariantStyles_compound_11__ck0nxor { 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_12__ck0nxos { min-height: var(--insideEdgeHeight__w6gg1yh); } .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: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-bold); } .ListItemLayoutStyles_selectorStyles__1b15h5i0 { margin: calc(-3.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) calc(-2.5 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .ListItemLayoutStyles_topAlignStyles__1b15h5i1 { align-self: top; height: -moz-min-content; height: min-content; } .ListItemLayoutStyles_centerVerticalStyles__1b15h5i2 { align-self: center; min-width: 0; } .ListItemLayoutStyles_leftPaddingStyles__1b15h5i3 { padding-inline-start: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .ListItemLayoutStyles_firstCellFlexStyles__1b15h5i4 { display: flex; flex-direction: row; } .ListItemLayoutStyles_actionStyles__1b15h5i5 { padding-inline-start: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); margin-top: calc(-1 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-padding-vertical)); margin-bottom: calc(-1 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-padding-vertical)); } .ListItemLayoutStyles_rightPaddingStyles__1b15h5i6 { padding-inline-end: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .ListItemLayoutStyles_flexColumnStyles__1b15h5i7 { display: flex; flex-direction: column; } .ListItemLayoutStyles_endJustifyStyles__1b15h5i8 { display: flex; flex-direction: row; justify-content: flex-end; } .ListItemLayoutStyles_secondRowStyles__1b15h5i9 { padding-top: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); align-self: center; } .ListItemLayoutStyles_topRowStyles__1b15h5ia { vertical-align: bottom; } .ListItemLayoutStyles_childrenStyles__1b15h5ib { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .dropdownStyles_base__1le3d5u0 { --oj-current-bg-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0); 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_selectorWrapper__1le3d5u1 { padding-inline-start: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .dropdownStyles_multiSelectItem__1le3d5u2 { 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_singleSelectItem__1le3d5u3 { padding-bottom: calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-left: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); padding-right: calc(4 * 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__1le3d5u4 { padding-left: 0; padding-right: 0; margin: 1px 0 2px 0; position: relative; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; display: grid; } .dropdownStyles_list_topGap__1le3d5u5 { padding-top: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .dropdownStyles_list_bottomGap__1le3d5u6 { padding-bottom: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .dropdownStyles_list_loading__1le3d5u7 { min-height: calc(40 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } .dropdownStyles_userAssistance__1le3d5u8 { 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)); box-sizing: border-box; width: 0; min-width: 100%; } .dropdownStyles_results_extraItem__1le3d5u9 { 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__1le3d5ua { background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-overlay-hover); } .dropdownStyles_results_linkItemFocus__1le3d5ub { outline-style: dotted; outline-width: 1px; outline-offset: -1px; outline-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-keyboard-focus); } .dropdownStyles_arrow_base__1le3d5uc { display: inline-flex; align-items: center; justify-content: center; width: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height); height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height); line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-sizes-sm-height); font-size: var(--sizes-sm-iconSize__1onk43q8); 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-ghost-base-color); } .dropdownStyles_arrow_enabled__1le3d5ud { cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable) !important; } .dropdownStyles_arrow_enabled__1le3d5ud:hover { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary); background-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-hover-background-overlay-color); } .dropdownStyles_arrow_disabled__1le3d5ue { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-base-button-variants-ghost-disabled-color); } .ImageVars_globalImages__odczjtc { --imageVars_avatarPattern0__odczjt0: url(../css/dynamicImages/1f44db7297299b19.png); --imageVars_avatarPattern1__odczjt1: url(../css/dynamicImages/7d4b471eb472a290.png); --imageVars_avatarPattern2__odczjt2: url(../css/dynamicImages/c00945fdb6a04314.png); --imageVars_avatarPattern3__odczjt3: url(../css/dynamicImages/9389403f23ab4f51.png); --imageVars_avatarPattern4__odczjt4: url(../css/dynamicImages/e95d1201216536ea.png); --imageVars_avatarPattern5__odczjt5: url(../css/dynamicImages/24c70fa28c13c85e.png); --imageVars_avatarPattern6__odczjt6: url(../css/dynamicImages/e35b86b07473b1d5.png); --imageVars_avatarPattern7__odczjt7: url(../css/dynamicImages/881ab1006937ddd1.png); --imageVars_avatarPattern8__odczjt8: url(../css/dynamicImages/49bd6f16b2a3c738.png); --imageVars_avatarPattern9__odczjt9: url(../css/dynamicImages/5ecce3f63f78ca55.png); --imageVars_sparkleImg__odczjta: url(../css/dynamicImages/102aecdb53289dcb.gif); --imageVars_dialogTexture08__odczjtb: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAUBAMAAACQSalFAAAAMFBMVEUAAABHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2KWqSAAAAEHRSTlMUAAwSERMODwcLAQMECAUJsqxN3QAABX9JREFUeAEFwQVw0wofAPD/JWma3NH20vuuStcU9wsuQYJDeRKY39fHJbiT4k66e3PLisOz7oI73XPtujyXdrhPcUlnz+X3g9xh6S3yRHo6InRg6iGf9A0ePTDJJAiI9ClNKCRWqG2G+/Fxi2VAYRCijrPjDeaEn+P3LHxth6HJyPQgmeCosM0IN6jNzdo0ZhrOb0C1131cHtYwfB5CdyLSItmoIEb6fNHm/Ylurmp+RVOLMRpQMZlIjId3n1h3vJI5FeM2YMwraJcNh+OxR61pdfxMFEaDPFaU7mY3ZCK4Xv6qwH09vHnMHebio1PpMuEqYcSCKBod/yEmkw3joXFXWhn7jDEIIw3SBLhiI0FLHmygCmAE8BN/k0exQmpIWsGWeXUx6qFQqn5/wgWhYQ7IJ5wDGP9i1WCb8hg9sUidA9+T3jL2IwEkg+HLCgNdTUJ+VVg7txNGZbzbGEn8Erja2J/yRm54ks8/VMLRxhY3/GGsgaKdqp/zM5fg+Qel7Z8Nd4i9f0S8AwNv6rB49j8uR47+UQ50iovTjgX2jv/U5/bRoVfV5AbqeKTNuu2A9qPQnBR+hAGoDIdzNbPi5x4tGGZPRduB2mZ7brT6S6VfuE9rqVqnyR7KBTooxDRLd8I1zumnq4ZpPuZUPNQzGlgcv8UfSPG3YJnhQ1iLaJZOkSs4Z1SrZBoustFizGp2QbK1MR7Z48TVIzjQfuVePuJFHESUUPyYLPJNwlpOt4yMD4J1h+Hwr0vg4sMZo1TktbMzOmsx1cd1wFNCuIl6yBfg06vkEv4lqu7CoFVs6NcLseJesoHsHA/0Nri+YbNEY5botinlN+etdk94+5QQ+PQQZrampIdYzUD4+/Jzkv8ruzuex/gEUfkL/ob4PBTcSXXnnLwT2OdIHInnwuLt/P6g0rs4THpuBb6Jd9tkJZw3wOxlaZPaA+qNsri5D/0m+VnyJTX86okjiTn6EWYg32nMAIdo2/l/e3La/UnnlnrS+XCyvotVnr39NeZyE1f3Eek1ZE0PMB8PyOTVrdP2ruZWrOiEjdm3goXUej2y+9iWjj+atu2bjuwCD+t5m9BWvNPn6T/RWOvBOp9zMyElR30IDzykcJmAfDwR3DMxP9C3gh9N6T9M7eFf+OPE6pUBPdKmP8FOFg/6MjbfjVQSYCPc5y3yRP/UZWEtpPhaRdtwkh+EHYdOKy7dnQPl66Rx7jBnznL34Sih8e84O9VtUneYhcZPlDvQYh/1coDFiTstYCc9xUg+HmBMvfOrmKAejOLzprXBeRAuGeh3q5iUY+d9aiOQRmql/gmTXCez6R6ydZdJSv1LDwShDirHICpmJ0E1evsYj6UTe0mFXgV+ya+RT8u88Btwz3p+2CeYJ1r99k8AjFgaQf8If2TpLOpEGrZYGHG/ENzIvOT+xbFWNIrA/1DrFMMHNstJ5Cd6LLA8qyHUzudFg7u4lD2U8HvYaMBehn77AFMtQjn0maawvBPv6Idw4/bR7Ar6lnKkHnRI4PBhxrEcptmG98IpYcyhWxDQcCrrGrWc4sRoSmG9hG7W/kEjNlRDuLuw8anOch+hR75AuO1Cc4AVljOi1fD43QQGpwbWELO0bwAykh9dvEHl3ZaNHvQyNeUUH6R9dDenRSD0wYZtKlr3A/Sdzofq+/XuXyv+tqY6wl8vnS+BYZK71BM63w+SE1pN8+Xp8MbzoDe2hLro/fzQcZAvZt+TWC6omG2IZKKXp7Oq4aorvOcv4bavpnaGc/Kw1fZS2PMzykNFB/Wb1dedAnaKROJTsWLCGrD7RkYmqqHmOCoXYf3P/MGzl965gj1cI8z4zOwaKMVWxKukd9mGT1Hra/g6ex/ovXTkFqWRjs1UWfsP/wGGFzGTMSCogAAAAABJRU5ErkJggg==); } .ListStyles_listStyles_base__1wld4xf0 { color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); height: 100%; 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-item-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 { cursor: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-cursor-clickable); position: relative; width: calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); height: calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); display: flex; justify-content: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .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); } .InsetStyles_insetBase__1x4kupi0 > * { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .InsetStyles_multiVariantStyles_variantGroup_listview__1x4kupi1 { padding-top: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-padding-vertical); padding-bottom: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-padding-vertical); padding-left: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-padding-horizontal); padding-right: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-padding-horizontal); } .InsetStyles_multiVariantStyles_variantGroup_toolbar__1x4kupi2 { padding-top: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); padding-bottom: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem); } :root, .oj-density-dependent { --oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-height: calc(calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px))); --oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-padding-vertical: calc(calc(3 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)) + var(--oj-c-EXPERIMENTAL-DO-NOT-USE-density-units, 0px)); --oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-padding-horizontal: calc(calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem))); } .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; } .LinkBaseTheme_baseTheme__eahcnn0 { --standaloneTextDecoration__1w21kyl0: none; --standaloneTextDecorationHover__1w21kyl1: underline; --embeddedTextDecoration__1w21kyl2: underline; --embeddedTextDecorationHover__1w21kyl3: none; --textUnderlineOffset__1w21kyl4: calc(0.6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-link); --textColorActive__1w21kyl6: var(--textColor__1w21kyl5); --textColorVisited__1w21kyl7: var(--textColor__1w21kyl5); } .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_disabled_isDisabled__18dr6fka { --textColor__1w21kyl5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled); } .LinkVariants_multiVariantStyles_disabled_isDisabled__18dr6fka:active { -webkit-text-decoration-line: none; text-decoration-line: none; } .LinkVariants_multiVariantStyles_compound_0__18dr6fkb { &:not(:active) { -webkit-text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); } } .LinkVariants_multiVariantStyles_compound_1__18dr6fkc { &:not(:active) { -webkit-text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); } } .LinkVariants_multiVariantStyles_compound_4__18dr6fkf { &:not(:active) { -webkit-text-decoration-line: none; text-decoration-line: none; } } @media (hover: hover) { .LinkVariants_multiVariantStyles_compound_2__18dr6fkd:hover:not(:active) { -webkit-text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); text-decoration-line: var(--standaloneTextDecorationHover__1w21kyl1); } .LinkVariants_multiVariantStyles_compound_3__18dr6fke:hover:not(:active) { -webkit-text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); text-decoration-line: var(--embeddedTextDecorationHover__1w21kyl3); } .LinkVariants_multiVariantStyles_compound_5__18dr6fkg:hover:not(:active) { -webkit-text-decoration-line: none; text-decoration-line: none; } } .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; } 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; } .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-item-padding-vertical); padding-bottom: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-list-item-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-item-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); } .MenuItemBaseTheme_baseTheme__153jibj0 { --iconSize__1qbg5hn0: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --startEdgeToStartIconPadding__1qbg5hn1: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --endIconToEndEdgePadding__1qbg5hn2: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --startIconToLabelPadding__1qbg5hn3: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --labelToEndIconPadding__1qbg5hn4: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); --textColor__1qbg5hn5: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary); } .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); --iconColor__1qbg5hn6: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger); } .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; overflow-x: hidden; overflow-y: auto; border-radius: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg); box-shadow: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-box-shadow-sm); } .SheetStyles_sheetMenuContainerWrapper__1dmrevl0 { --oj-current-bg-color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-popup); 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); } .MenuSeparatorBaseTheme_baseTheme__bwp4nk0 { --verticalPadding__168r8wj0: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem)); } 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; } .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__w6gg1y9); 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__w6gg1yi) + 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; } .SplitMenuButtonStyles_divider__1v0fe4u0 { border-top-width: 0px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 1px; border-style: solid; height: 100%; display: inline-flex; border-color: var(--borderColor__1chzim70); } .SplitMenuButtonStyles_disabledDivider__1v0fe4u1 { border-color: var(--borderColorDisabled__1chzim71); } .SplitMenuButtonStyles_icon__1v0fe4u2 { display: contents; } .SplitMenuButtonStyles_base__1v0fe4u3 { display: inline-block; } .SplitMenuButtonTheme_baseTheme__ia40op0 { --borderColor__1chzim70: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); --borderColorDisabled__1chzim71: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-disabled); --styleVariants-outlined-borderColor__1chzim72: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled); --styleVariants-outlined-borderColorDisabled__1chzim73: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-disabled); --styleVariants-solid-borderColor__1chzim74: transparent; --styleVariants-solid-borderColorDisabled__1chzim75: transparent; --styleVariants-callToAction-borderColor__1chzim76: transparent; --styleVariants-callToAction-borderColorDisabled__1chzim77: transparent; } .SplitMenuButtonTheme_multiVariantStyles_styleVariant_outlined__ia40op1 { --borderColor__1chzim70: var(--styleVariants-outlined-borderColor__1chzim72); --borderColorDisabled__1chzim71: var(--styleVariants-outlined-borderColorDisabled__1chzim73); } .SplitMenuButtonTheme_multiVariantStyles_styleVariant_solid__ia40op2 { --borderColor__1chzim70: var(--styleVariants-solid-borderColor__1chzim74); --borderColorDisabled__1chzim71: var(--styleVariants-solid-borderColorDisabled__1chzim75); } .SplitMenuButtonTheme_multiVariantStyles_styleVariant_callToAction__ia40op3 { --borderColor__1chzim70: var(--styleVariants-callToAction-borderColor__1chzim76); --borderColorDisabled__1chzim71: var(--styleVariants-callToAction-borderColorDisabled__1chzim77); } oj-c-split-menu-button:not(.oj-complete) { visibility: hidden; } oj-c-split-menu-button { display: inline-flex; vertical-align: top; } oj-c-split-menu-button[hidden] { display: none; }