.swo6Nq_spectrum-Toast { box-sizing: border-box; border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50)); max-width: 500px; font-size: var(--spectrum-toast-text-size, var(--spectrum-alias-font-size-default)); -webkit-font-smoothing: antialiased; flex-direction: row; align-items: stretch; padding-block-start: var(--spectrum-toast-padding-y, var(--spectrum-global-dimension-size-100)); padding-block-end: var(--spectrum-toast-padding-y, var(--spectrum-global-dimension-size-100)); padding-inline-start: var(--spectrum-toast-padding-left, var(--spectrum-global-dimension-size-200)); padding-inline-end: var(--spectrum-toast-padding-right, var(--spectrum-global-dimension-size-100)); display: inline-flex; } .swo6Nq_spectrum-Toast-typeIcon { flex-grow: 0; flex-shrink: 0; margin-block-start: var(--spectrum-global-dimension-size-85); margin-block-end: var(--spectrum-global-dimension-size-85); margin-inline-start: 0; margin-inline-end: var(--spectrum-toast-icon-padding-right, var(--spectrum-global-dimension-size-150)); } .swo6Nq_spectrum-Toast-content { box-sizing: border-box; text-align: start; flex: auto; padding-block-start: var(--spectrum-global-dimension-size-65); padding-block-end: var(--spectrum-global-dimension-size-65); padding-inline-start: 0; } .swo6Nq_spectrum-Toast-buttons { border-inline-start-style: solid; border-inline-start-width: 1px; flex: none; align-items: flex-start; padding-inline-start: var(--spectrum-toast-padding-right, var(--spectrum-global-dimension-size-100)); display: flex; } .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-Button + .swo6Nq_spectrum-Button, .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-Button + .swo6Nq_spectrum-ClearButton, .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-ClearButton + .swo6Nq_spectrum-Button, .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-ClearButton + .swo6Nq_spectrum-ClearButton { margin-inline-start: var(--spectrum-toast-button-gap, var(--spectrum-global-dimension-size-100)); } .swo6Nq_spectrum-Toast-body { justify-content: flex-end; align-self: center; column-gap: var(--spectrum-toast-content-padding-right, var(--spectrum-global-dimension-size-200)); flex-wrap: wrap; flex: auto; padding-inline-end: var(--spectrum-toast-content-padding-right, var(--spectrum-global-dimension-size-200)); display: flex; } .swo6Nq_spectrum-Toast { background-color: var(--spectrum-alias-neutral-background-color); color: #fff; } .swo6Nq_spectrum-Toast-content { color: var(--spectrum-toast-text-color, var(--spectrum-global-color-static-white)); } .swo6Nq_spectrum-Toast-typeIcon { color: #fff; } .swo6Nq_spectrum-Toast-buttons { border-inline-start-color: #fff3; } .swo6Nq_spectrum-Toast--negative { background-color: var(--spectrum-negative-background-color-default); } .swo6Nq_spectrum-Toast--info { background-color: var(--spectrum-informative-background-color-default); } .swo6Nq_spectrum-Toast--positive { background-color: var(--spectrum-positive-background-color-default); } @media (forced-colors: active) { .swo6Nq_spectrum-Toast { border: 1px solid #0000; } } .MuiPUq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .MuiPUq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .MuiPUq_spectrum-FocusRing.MuiPUq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .MuiPUq_spectrum-FocusRing--quiet:after { border-radius: 0; } .MuiPUq_spectrum-FocusRing--quiet.MuiPUq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .MuiPUq_spectrum-FocusRing, .MuiPUq_spectrum-FocusRing-ring, .MuiPUq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.MuiPUq_spectrum-FocusRing, .MuiPUq_spectrum-FocusRing-ring, .MuiPUq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .MuiPUq_react-spectrum-ToastContainer { --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50)); --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)); --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25)); z-index: 100050; pointer-events: none; outline: none; margin-block-end: 8px; margin-inline: 8px; display: flex; position: fixed; left: 0; right: 0; } .MuiPUq_react-spectrum-ToastContainer .MuiPUq_spectrum-Toast { pointer-events: all; margin: 8px; } .MuiPUq_react-spectrum-ToastContainer[data-position="top"] { --slide-from: translateY(-100%); flex-direction: column; top: 0; } .MuiPUq_react-spectrum-ToastContainer[data-position="bottom"] { --slide-from: translateY(100%); flex-direction: column-reverse; bottom: 0; } .MuiPUq_react-spectrum-ToastContainer[data-placement="start"] { --slide-from: translateX(-100%); align-items: flex-start; } .MuiPUq_react-spectrum-ToastContainer[data-placement="start"]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { --slide-from: translateX(100%); } .MuiPUq_react-spectrum-ToastContainer[data-placement="start"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { --slide-from: translateX(100%); } .MuiPUq_react-spectrum-ToastContainer[data-placement="center"] { align-items: center; } .MuiPUq_react-spectrum-ToastContainer[data-placement="end"] { --slide-from: translateX(100%); align-items: flex-end; } .MuiPUq_react-spectrum-ToastContainer[data-placement="end"]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { --slide-from: translateX(-100%); } .MuiPUq_react-spectrum-ToastContainer[data-placement="end"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { --slide-from: translateX(-100%); } .MuiPUq_spectrum-Toast { --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50)); --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)); --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25)); outline: none; position: relative; } .MuiPUq_spectrum-Toast .MuiPUq_spectrum-Toast-contentWrapper { display: inline-flex; } .MuiPUq_spectrum-ToastContainer-list { display: inherit; flex-direction: inherit; align-items: inherit; margin: 0; padding-inline-start: 0; list-style-type: none; } .MuiPUq_spectrum-ToastContainer-listitem { view-transition-class: MuiPUq_toast; display: inline-block; } @keyframes MuiPUq_slide-in { from { translate: var(--slideX) var(--slideY); opacity: 0; } } @keyframes MuiPUq_slide-out { to { translate: var(--slideX) var(--slideY); opacity: 0; } } @keyframes MuiPUq_fade-out { to { opacity: 0; } } ::view-transition-group(.MuiPUq_toast) { animation-duration: .3s; } ::view-transition-group(.MuiPUq_toast.MuiPUq_bottom) { --slideX: 0; --slideY: calc(100% + 12px); } ::view-transition-group(.MuiPUq_toast.MuiPUq_top) { --slideX: 0; --slideY: calc(-100% - 12px); } ::view-transition-group(.MuiPUq_toast.MuiPUq_start) { --slideX: calc(-100% - 12px); --slideY: 0; } ::view-transition-group(.MuiPUq_toast.MuiPUq_end) { --slideX: calc(100% + 12px); --slideY: 0; } ::view-transition-new(.MuiPUq_toast):only-child { animation-name: MuiPUq_slide-in; } ::view-transition-old(.MuiPUq_toast):only-child { animation-name: MuiPUq_slide-out; } ::view-transition-old(.MuiPUq_toast.MuiPUq_fadeOnly):only-child { animation-name: MuiPUq_fade-out; } ._t8qIa_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } ._t8qIa_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } ._t8qIa_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } ._t8qIa_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } ._t8qIa_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } ._t8qIa_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } ._t8qIa_i18nFontFamily:lang(zh-SG), ._t8qIa_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } ._t8qIa_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } ._t8qIa_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } ._t8qIa_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } ._t8qIa_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } ._t8qIa_spectrum-FocusRing._t8qIa_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } ._t8qIa_spectrum-FocusRing--quiet:after { border-radius: 0; } ._t8qIa_spectrum-FocusRing--quiet._t8qIa_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { ._t8qIa_spectrum-FocusRing, ._t8qIa_spectrum-FocusRing-ring, ._t8qIa_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(._t8qIa_spectrum-FocusRing, ._t8qIa_spectrum-FocusRing-ring, ._t8qIa_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } ._t8qIa_spectrum { background-color: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100)); -webkit-tap-highlight-color: #0000; } .kDKRXa_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .kDKRXa_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .kDKRXa_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .kDKRXa_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .kDKRXa_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .kDKRXa_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .kDKRXa_i18nFontFamily:lang(zh-SG), .kDKRXa_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .kDKRXa_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .kDKRXa_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .kDKRXa_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .kDKRXa_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .kDKRXa_spectrum-FocusRing.kDKRXa_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .kDKRXa_spectrum-FocusRing--quiet:after { border-radius: 0; } .kDKRXa_spectrum-FocusRing--quiet.kDKRXa_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .kDKRXa_spectrum-FocusRing, .kDKRXa_spectrum-FocusRing-ring, .kDKRXa_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.kDKRXa_spectrum-FocusRing, .kDKRXa_spectrum-FocusRing-ring, .kDKRXa_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .kDKRXa_spectrum { font-size: var(--spectrum-alias-font-size-default, var(--spectrum-global-dimension-font-size-100)); color: var(--spectrum-body-text-color, var(--spectrum-alias-text-color)); } .kDKRXa_spectrum, .kDKRXa_spectrum-Body, .kDKRXa_spectrum, .kDKRXa_spectrum-Body { font-size: var(--spectrum-body-4-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-body-4-text-font-weight, var(--spectrum-alias-body-text-font-weight)); line-height: var(--spectrum-body-4-text-line-height, var(--spectrum-alias-body-text-line-height)); font-style: var(--spectrum-body-4-text-font-style, var(--spectrum-global-font-style-regular)); } .kDKRXa_spectrum-Body--italic { font-style: var(--spectrum-body-4-emphasis-text-font-style, var(--spectrum-global-font-style-italic)); } .R-l9gW_spectrum--darkest { --spectrum-global-color-status: Verified; --spectrum-global-color-version: 5.1; --spectrum-gray-50: #000; --spectrum-gray-75: #0e0e0e; --spectrum-gray-100: #1d1d1d; --spectrum-gray-200: #303030; --spectrum-gray-300: #4b4b4b; --spectrum-gray-400: #6a6a6a; --spectrum-gray-500: #8d8d8d; --spectrum-gray-600: #b0b0b0; --spectrum-gray-700: #d0d0d0; --spectrum-gray-800: #ebebeb; --spectrum-gray-900: #fff; --spectrum-red-100: #570000; --spectrum-red-200: #6e0000; --spectrum-red-300: #8a0000; --spectrum-red-400: #a70000; --spectrum-red-500: #c40706; --spectrum-red-600: #dd2118; --spectrum-red-700: #ee4331; --spectrum-red-800: #f9634c; --spectrum-red-900: #ff816b; --spectrum-red-1000: #ff9e8c; --spectrum-red-1100: #ffb7a9; --spectrum-red-1200: #ffcdc3; --spectrum-red-1300: #ffdfd9; --spectrum-red-1400: #ffedea; --spectrum-orange-100: #481801; --spectrum-orange-200: #5c2000; --spectrum-orange-300: #732b00; --spectrum-orange-400: #8a3700; --spectrum-orange-500: #a24400; --spectrum-orange-600: #ba5200; --spectrum-orange-700: #d26200; --spectrum-orange-800: #e87400; --spectrum-orange-900: #f98917; --spectrum-orange-1000: #ffa23b; --spectrum-orange-1100: #ffbc66; --spectrum-orange-1200: #fdd291; --spectrum-orange-1300: #ffe2b5; --spectrum-orange-1400: #ffefd5; --spectrum-yellow-100: #352400; --spectrum-yellow-200: #442f00; --spectrum-yellow-300: #563e00; --spectrum-yellow-400: #674d00; --spectrum-yellow-500: #7a5c00; --spectrum-yellow-600: #8d6c00; --spectrum-yellow-700: #a17e00; --spectrum-yellow-800: #b49000; --spectrum-yellow-900: #c7a200; --spectrum-yellow-1000: #d8b500; --spectrum-yellow-1100: #e9c700; --spectrum-yellow-1200: #f7d804; --spectrum-yellow-1300: #f9e961; --spectrum-yellow-1400: #fcf3aa; --spectrum-chartreuse-100: #202b00; --spectrum-chartreuse-200: #2a3800; --spectrum-chartreuse-300: #364800; --spectrum-chartreuse-400: #425800; --spectrum-chartreuse-500: #4f6900; --spectrum-chartreuse-600: #5d7b00; --spectrum-chartreuse-700: #6b8e00; --spectrum-chartreuse-800: #7aa100; --spectrum-chartreuse-900: #8ab403; --spectrum-chartreuse-1000: #9ac60b; --spectrum-chartreuse-1100: #aad816; --spectrum-chartreuse-1200: #bbe829; --spectrum-chartreuse-1300: #cdf648; --spectrum-chartreuse-1400: #e1fd84; --spectrum-celery-100: #002f07; --spectrum-celery-200: #003d09; --spectrum-celery-300: #004d0c; --spectrum-celery-400: #005f0f; --spectrum-celery-500: #00710f; --spectrum-celery-600: #00840f; --spectrum-celery-700: #009714; --spectrum-celery-800: #0dab25; --spectrum-celery-900: #2dbf3a; --spectrum-celery-1000: #50d052; --spectrum-celery-1100: #73e06b; --spectrum-celery-1200: #93ed83; --spectrum-celery-1300: #b4f7a2; --spectrum-celery-1400: #d5fcca; --spectrum-green-100: #0a2c1c; --spectrum-green-200: #073b24; --spectrum-green-300: #004c2e; --spectrum-green-400: #005d39; --spectrum-green-500: #006f45; --spectrum-green-600: #008252; --spectrum-green-700: #009562; --spectrum-green-800: #1ca872; --spectrum-green-900: #34bb84; --spectrum-green-1000: #4bcd95; --spectrum-green-1100: #67dea8; --spectrum-green-1200: #89ecbc; --spectrum-green-1300: #b1f4d1; --spectrum-green-1400: #d6f9e4; --spectrum-seafoam-100: #122b2a; --spectrum-seafoam-200: #133937; --spectrum-seafoam-300: #104946; --spectrum-seafoam-400: #035b58; --spectrum-seafoam-500: #006c68; --spectrum-seafoam-600: #007f79; --spectrum-seafoam-700: #00928c; --spectrum-seafoam-800: #00a59f; --spectrum-seafoam-900: #1ab9b2; --spectrum-seafoam-1000: #42cac3; --spectrum-seafoam-1100: #66dad3; --spectrum-seafoam-1200: #8be8e1; --spectrum-seafoam-1300: #b3f2ed; --spectrum-seafoam-1400: #d7f8f4; --spectrum-cyan-100: #002944; --spectrum-cyan-200: #003658; --spectrum-cyan-300: #00456c; --spectrum-cyan-400: #005680; --spectrum-cyan-500: #006793; --spectrum-cyan-600: #0079a7; --spectrum-cyan-700: #008cba; --spectrum-cyan-800: #04a0cd; --spectrum-cyan-900: #17b4dd; --spectrum-cyan-1000: #39c7ea; --spectrum-cyan-1100: #60d8f3; --spectrum-cyan-1200: #86e6fa; --spectrum-cyan-1300: #aaf2ff; --spectrum-cyan-1400: #cef9ff; --spectrum-blue-100: #002651; --spectrum-blue-200: #00326a; --spectrum-blue-300: #004087; --spectrum-blue-400: #004ea6; --spectrum-blue-500: #005cc8; --spectrum-blue-600: #066ce7; --spectrum-blue-700: #1d80f5; --spectrum-blue-800: #4096f3; --spectrum-blue-900: #5eaaf7; --spectrum-blue-1000: #7cbdfa; --spectrum-blue-1100: #98cefd; --spectrum-blue-1200: #b3defe; --spectrum-blue-1300: #ceeaff; --spectrum-blue-1400: #e3f3ff; --spectrum-indigo-100: #1a1d61; --spectrum-indigo-200: #23277d; --spectrum-indigo-300: #2e329e; --spectrum-indigo-400: #3a3fbd; --spectrum-indigo-500: #494ed8; --spectrum-indigo-600: #5a60eb; --spectrum-indigo-700: #6e73f6; --spectrum-indigo-800: #8488fd; --spectrum-indigo-900: #999dff; --spectrum-indigo-1000: #aeb1ff; --spectrum-indigo-1100: #c2c4ff; --spectrum-indigo-1200: #d4d5ff; --spectrum-indigo-1300: #e3e4ff; --spectrum-indigo-1400: #f0f0ff; --spectrum-purple-100: #321068; --spectrum-purple-200: #430d8c; --spectrum-purple-300: #5610ad; --spectrum-purple-400: #6a1dc8; --spectrum-purple-500: #7e31de; --spectrum-purple-600: #9146ec; --spectrum-purple-700: #a25ef6; --spectrum-purple-800: #b277fa; --spectrum-purple-900: #c08ffc; --spectrum-purple-1000: #cea6fd; --spectrum-purple-1100: #dbbcfe; --spectrum-purple-1200: #e6cfff; --spectrum-purple-1300: #f0e0ff; --spectrum-purple-1400: #f8edff; --spectrum-fuchsia-100: #460e44; --spectrum-fuchsia-200: #5d095c; --spectrum-fuchsia-300: #780078; --spectrum-fuchsia-400: #920093; --spectrum-fuchsia-500: #a913aa; --spectrum-fuchsia-600: #bf2bbf; --spectrum-fuchsia-700: #d341d5; --spectrum-fuchsia-800: #e45be5; --spectrum-fuchsia-900: #ef78ee; --spectrum-fuchsia-1000: #f695f3; --spectrum-fuchsia-1100: #fbaff6; --spectrum-fuchsia-1200: #fec7f8; --spectrum-fuchsia-1300: #ffdcfa; --spectrum-fuchsia-1400: #ffebfc; --spectrum-magenta-100: #530329; --spectrum-magenta-200: #6a0034; --spectrum-magenta-300: #850041; --spectrum-magenta-400: #a1004e; --spectrum-magenta-500: #ba165d; --spectrum-magenta-600: #d12b72; --spectrum-magenta-700: #e34589; --spectrum-magenta-800: #f1619c; --spectrum-magenta-900: #fc7cad; --spectrum-magenta-1000: #ff98bf; --spectrum-magenta-1100: #ffb3cf; --spectrum-magenta-1200: #ffcadd; --spectrum-magenta-1300: #ffdde9; --spectrum-magenta-1400: #ffecf3; --spectrum-legacy-color-celery-400: var(--spectrum-celery-800); --spectrum-legacy-color-celery-500: var(--spectrum-celery-900); --spectrum-legacy-color-celery-600: var(--spectrum-celery-1000); --spectrum-legacy-color-celery-700: var(--spectrum-celery-1100); --spectrum-legacy-color-chartreuse-400: var(--spectrum-chartreuse-900); --spectrum-legacy-color-chartreuse-500: var(--spectrum-chartreuse-1000); --spectrum-legacy-color-chartreuse-600: var(--spectrum-chartreuse-1100); --spectrum-legacy-color-chartreuse-700: var(--spectrum-chartreuse-1200); --spectrum-legacy-color-yellow-400: var(--spectrum-yellow-1000); --spectrum-legacy-color-yellow-500: var(--spectrum-yellow-1100); --spectrum-legacy-color-yellow-600: var(--spectrum-yellow-1200); --spectrum-legacy-color-yellow-700: var(--spectrum-yellow-1300); --spectrum-legacy-color-magenta-400: var(--spectrum-magenta-600); --spectrum-legacy-color-magenta-500: var(--spectrum-magenta-700); --spectrum-legacy-color-magenta-600: var(--spectrum-magenta-800); --spectrum-legacy-color-magenta-700: var(--spectrum-magenta-900); --spectrum-legacy-color-fuchsia-400: var(--spectrum-fuchsia-600); --spectrum-legacy-color-fuchsia-500: var(--spectrum-fuchsia-700); --spectrum-legacy-color-fuchsia-600: var(--spectrum-fuchsia-800); --spectrum-legacy-color-fuchsia-700: var(--spectrum-fuchsia-900); --spectrum-legacy-color-purple-400: var(--spectrum-purple-600); --spectrum-legacy-color-purple-500: var(--spectrum-purple-700); --spectrum-legacy-color-purple-600: var(--spectrum-purple-800); --spectrum-legacy-color-purple-700: var(--spectrum-purple-900); --spectrum-legacy-color-indigo-400: var(--spectrum-indigo-600); --spectrum-legacy-color-indigo-500: var(--spectrum-indigo-700); --spectrum-legacy-color-indigo-600: var(--spectrum-indigo-800); --spectrum-legacy-color-indigo-700: var(--spectrum-indigo-900); --spectrum-legacy-color-red-400: var(--spectrum-red-600); --spectrum-legacy-color-red-500: var(--spectrum-red-700); --spectrum-legacy-color-red-600: var(--spectrum-red-800); --spectrum-legacy-color-red-700: var(--spectrum-red-900); --spectrum-legacy-color-orange-400: var(--spectrum-orange-800); --spectrum-legacy-color-orange-500: var(--spectrum-orange-900); --spectrum-legacy-color-orange-600: var(--spectrum-orange-1000); --spectrum-legacy-color-orange-700: var(--spectrum-orange-1100); --spectrum-legacy-color-green-400: var(--spectrum-green-700); --spectrum-legacy-color-green-500: var(--spectrum-green-800); --spectrum-legacy-color-green-600: var(--spectrum-green-900); --spectrum-legacy-color-green-700: var(--spectrum-green-1000); --spectrum-legacy-color-blue-400: var(--spectrum-blue-700); --spectrum-legacy-color-blue-500: var(--spectrum-blue-800); --spectrum-legacy-color-blue-600: var(--spectrum-blue-900); --spectrum-legacy-color-blue-700: var(--spectrum-blue-1000); --spectrum-alias-background-color-modal-overlay: #0009; --spectrum-alias-dropshadow-color: #000c; --spectrum-alias-background-color-hover-overlay: #ffffff14; --spectrum-alias-highlight-hover: #ffffff14; --spectrum-alias-highlight-active: #efefef26; --spectrum-alias-highlight-selected: #4096f333; --spectrum-alias-highlight-selected-hover: #4096f34d; --spectrum-alias-highlight-invalid: #dd211826; --spectrum-alias-text-highlight-color: #4096f34d; --spectrum-alias-background-color-quickactions: #1d1d1de6; --spectrum-alias-radial-reaction-color-default: #ebebeb99; --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50); --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50); --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50); --spectrum-colorarea-border-color: #efefef1a; --spectrum-colorarea-border-color-hover: #efefef1a; --spectrum-colorarea-border-color-down: #efefef1a; --spectrum-colorarea-border-color-key-focus: #efefef1a; --spectrum-colorslider-border-color: #efefef1a; --spectrum-colorslider-border-color-hover: #efefef1a; --spectrum-colorslider-border-color-down: #efefef1a; --spectrum-colorslider-border-color-key-focus: #efefef1a; --spectrum-colorslider-vertical-border-color: #efefef1a; --spectrum-colorslider-vertical-border-color-hover: #efefef1a; --spectrum-colorslider-vertical-border-color-down: #efefef1a; --spectrum-colorslider-vertical-border-color-key-focus: #efefef1a; --spectrum-colorwheel-border-color: #efefef1a; --spectrum-colorwheel-border-color-hover: #efefef1a; --spectrum-colorwheel-border-color-down: #efefef1a; --spectrum-colorwheel-border-color-key-focus: #efefef1a; --spectrum-miller-column-item-background-color-selected: #2680eb1a; --spectrum-miller-column-item-background-color-selected-hover: #2680eb33; --spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200); --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200); --spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-well-background-color: #ebebeb05; --spectrum-well-border-color: #efefef0d; --spectrum-tray-background-color: var(--spectrum-global-color-gray-100); --spectrum-accent-background-color-default: var(--spectrum-accent-color-600); --spectrum-accent-background-color-hover: var(--spectrum-accent-color-500); --spectrum-accent-background-color-down: var(--spectrum-accent-color-400); --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-500); --spectrum-neutral-background-color-default: var(--spectrum-gray-400); --spectrum-neutral-background-color-hover: var(--spectrum-gray-300); --spectrum-neutral-background-color-down: var(--spectrum-gray-200); --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-300); --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-400); --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-300); --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-200); --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-300); --spectrum-negative-background-color-default: var(--spectrum-red-600); --spectrum-negative-background-color-hover: var(--spectrum-red-500); --spectrum-negative-background-color-down: var(--spectrum-red-400); --spectrum-negative-background-color-key-focus: var(--spectrum-red-500); --spectrum-positive-background-color-default: var(--spectrum-green-600); --spectrum-positive-background-color-hover: var(--spectrum-green-500); --spectrum-positive-background-color-down: var(--spectrum-green-400); --spectrum-positive-background-color-key-focus: var(--spectrum-green-500); --spectrum-informative-background-color-default: var(--spectrum-blue-600); --spectrum-informative-background-color-hover: var(--spectrum-blue-500); --spectrum-informative-background-color-down: var(--spectrum-blue-400); --spectrum-informative-background-color-key-focus: var(--spectrum-blue-500); --spectrum-gray-background-color-default: var(--spectrum-gray-700); --spectrum-red-background-color-default: var(--spectrum-red-700); --spectrum-orange-background-color-default: var(--spectrum-orange-800); --spectrum-yellow-background-color-default: var(--spectrum-yellow-1000); --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-900); --spectrum-celery-background-color-default: var(--spectrum-celery-800); --spectrum-green-background-color-default: var(--spectrum-green-700); --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700); --spectrum-cyan-background-color-default: var(--spectrum-cyan-700); --spectrum-blue-background-color-default: var(--spectrum-blue-700); --spectrum-indigo-background-color-default: var(--spectrum-indigo-700); --spectrum-purple-background-color-default: var(--spectrum-purple-700); --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700); --spectrum-magenta-background-color-default: var(--spectrum-magenta-700); --spectrum-negative-visual-color: var(--spectrum-red-700); --spectrum-positive-visual-color: var(--spectrum-green-800); --spectrum-notice-visual-color: var(--spectrum-orange-900); --spectrum-informative-visual-color: var(--spectrum-blue-900); --spectrum-gray-visual-color: var(--spectrum-gray-600); --spectrum-red-visual-color: var(--spectrum-red-700); --spectrum-orange-visual-color: var(--spectrum-orange-900); --spectrum-yellow-visual-color: var(--spectrum-yellow-1100); --spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-900); --spectrum-celery-visual-color: var(--spectrum-celery-800); --spectrum-green-visual-color: var(--spectrum-green-800); --spectrum-seafoam-visual-color: var(--spectrum-seafoam-800); --spectrum-cyan-visual-color: var(--spectrum-cyan-900); --spectrum-blue-visual-color: var(--spectrum-blue-900); --spectrum-indigo-visual-color: var(--spectrum-indigo-900); --spectrum-purple-visual-color: var(--spectrum-purple-900); --spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900); --spectrum-magenta-visual-color: var(--spectrum-magenta-900); } .XhWg9q_spectrum { --spectrum-global-animation-duration-0: 0s; --spectrum-global-animation-duration-100: .13s; --spectrum-global-animation-duration-200: .16s; --spectrum-global-animation-duration-300: .19s; --spectrum-global-animation-duration-400: .22s; --spectrum-global-animation-duration-500: .25s; --spectrum-global-animation-duration-600: .3s; --spectrum-global-animation-duration-700: .35s; --spectrum-global-animation-duration-800: .4s; --spectrum-global-animation-duration-900: .45s; --spectrum-global-animation-duration-1000: .5s; --spectrum-global-animation-duration-2000: 1s; --spectrum-global-animation-duration-4000: 2s; --spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .4, 1); --spectrum-global-animation-ease-in: cubic-bezier(.5, 0, 1, 1); --spectrum-global-animation-ease-out: cubic-bezier(0, 0, .4, 1); --spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1); --spectrum-global-color-status: Verified; --spectrum-global-color-version: 5.1; --spectrum-global-color-static-black: #000; --spectrum-global-color-static-white: #fff; --spectrum-global-color-static-blue: #0057bf; --spectrum-global-color-static-gray-50: #fff; --spectrum-global-color-static-gray-75: #fff; --spectrum-global-color-static-gray-100: #fff; --spectrum-global-color-static-gray-200: #ebebeb; --spectrum-global-color-static-gray-300: #d9d9d9; --spectrum-global-color-static-gray-400: #b3b3b3; --spectrum-global-color-static-gray-500: #929292; --spectrum-global-color-static-gray-600: #6e6e6e; --spectrum-global-color-static-gray-700: #474747; --spectrum-global-color-static-gray-800: #222; --spectrum-global-color-static-gray-900: #000; --spectrum-global-color-static-blue-200: #82c1fb; --spectrum-global-color-static-blue-300: #62adf7; --spectrum-global-color-static-blue-400: #4297f4; --spectrum-global-color-static-blue-500: #1b7ff5; --spectrum-global-color-static-blue-600: #0469e3; --spectrum-global-color-static-blue-700: #0057be; --spectrum-global-color-static-blue-800: #004899; --spectrum-global-color-static-red-400: #ed4030; --spectrum-global-color-static-red-500: #d91c15; --spectrum-global-color-static-red-600: #bb0202; --spectrum-global-color-static-red-700: #9a0000; --spectrum-global-color-static-orange-400: #fa8b1a; --spectrum-global-color-static-orange-500: #e97500; --spectrum-global-color-static-orange-600: #d16100; --spectrum-global-color-static-orange-700: #b65000; --spectrum-global-color-static-green-400: #1da973; --spectrum-global-color-static-green-500: #009461; --spectrum-global-color-static-green-600: #007e50; --spectrum-global-color-static-green-700: #006941; --spectrum-global-color-static-celery-200: #7ee572; --spectrum-global-color-static-celery-300: #57d456; --spectrum-global-color-static-celery-400: #30c13d; --spectrum-global-color-static-celery-500: #0fac26; --spectrum-global-color-static-celery-600: #009614; --spectrum-global-color-static-celery-700: #00800f; --spectrum-global-color-static-chartreuse-300: #b0de1b; --spectrum-global-color-static-chartreuse-400: #9dcb0d; --spectrum-global-color-static-chartreuse-500: #8bb604; --spectrum-global-color-static-chartreuse-600: #7aa200; --spectrum-global-color-static-chartreuse-700: #6a8d00; --spectrum-global-color-static-yellow-200: #faed7b; --spectrum-global-color-static-yellow-300: #fae017; --spectrum-global-color-static-yellow-400: #eecd00; --spectrum-global-color-static-yellow-500: #ddb900; --spectrum-global-color-static-yellow-600: #c9a400; --spectrum-global-color-static-yellow-700: #b59000; --spectrum-global-color-static-magenta-200: #fd7faf; --spectrum-global-color-static-magenta-300: #f2629d; --spectrum-global-color-static-magenta-400: #e24487; --spectrum-global-color-static-magenta-500: #cd286f; --spectrum-global-color-static-magenta-600: #b30f59; --spectrum-global-color-static-magenta-700: #950048; --spectrum-global-color-static-fuchsia-400: #e45de6; --spectrum-global-color-static-fuchsia-500: #d33fd4; --spectrum-global-color-static-fuchsia-600: #bc27bb; --spectrum-global-color-static-fuchsia-700: #a30aa3; --spectrum-global-color-static-purple-400: #b279fa; --spectrum-global-color-static-purple-500: #a15df6; --spectrum-global-color-static-purple-600: #8e43ea; --spectrum-global-color-static-purple-700: #782bd8; --spectrum-global-color-static-purple-800: #6217be; --spectrum-global-color-static-indigo-200: #b2b5ff; --spectrum-global-color-static-indigo-300: #9b9fff; --spectrum-global-color-static-indigo-400: #8489fd; --spectrum-global-color-static-indigo-500: #6d73f6; --spectrum-global-color-static-indigo-600: #575de8; --spectrum-global-color-static-indigo-700: #444ad0; --spectrum-global-color-static-seafoam-200: #4bcec7; --spectrum-global-color-static-seafoam-300: #20bbb4; --spectrum-global-color-static-seafoam-400: #00a6a0; --spectrum-global-color-static-seafoam-500: #00918b; --spectrum-global-color-static-seafoam-600: #007c76; --spectrum-global-color-static-seafoam-700: #006763; --spectrum-global-color-opacity-100: 1; --spectrum-global-color-opacity-90: .9; --spectrum-global-color-opacity-80: .8; --spectrum-global-color-opacity-60: .6; --spectrum-global-color-opacity-50: .5; --spectrum-global-color-opacity-42: .42; --spectrum-global-color-opacity-40: .4; --spectrum-global-color-opacity-30: .3; --spectrum-global-color-opacity-25: .25; --spectrum-global-color-opacity-20: .2; --spectrum-global-color-opacity-15: .15; --spectrum-global-color-opacity-10: .1; --spectrum-global-color-opacity-8: .08; --spectrum-global-color-opacity-7: .07; --spectrum-global-color-opacity-6: .06; --spectrum-global-color-opacity-5: .05; --spectrum-global-color-opacity-4: .04; --spectrum-global-color-celery-400: var(--spectrum-celery-600); --spectrum-global-color-celery-500: var(--spectrum-celery-700); --spectrum-global-color-celery-600: var(--spectrum-celery-800); --spectrum-global-color-celery-700: var(--spectrum-celery-900); --spectrum-global-color-chartreuse-400: var(--spectrum-chartreuse-500); --spectrum-global-color-chartreuse-500: var(--spectrum-chartreuse-600); --spectrum-global-color-chartreuse-600: var(--spectrum-chartreuse-700); --spectrum-global-color-chartreuse-700: var(--spectrum-chartreuse-800); --spectrum-global-color-yellow-400: var(--spectrum-yellow-400); --spectrum-global-color-yellow-500: var(--spectrum-yellow-500); --spectrum-global-color-yellow-600: var(--spectrum-yellow-600); --spectrum-global-color-yellow-700: var(--spectrum-yellow-700); --spectrum-global-color-magenta-400: var(--spectrum-magenta-800); --spectrum-global-color-magenta-500: var(--spectrum-magenta-900); --spectrum-global-color-magenta-600: var(--spectrum-magenta-1000); --spectrum-global-color-magenta-700: var(--spectrum-magenta-1100); --spectrum-global-color-fuchsia-400: var(--spectrum-fuchsia-800); --spectrum-global-color-fuchsia-500: var(--spectrum-fuchsia-900); --spectrum-global-color-fuchsia-600: var(--spectrum-fuchsia-1000); --spectrum-global-color-fuchsia-700: var(--spectrum-fuchsia-1100); --spectrum-global-color-purple-400: var(--spectrum-purple-800); --spectrum-global-color-purple-500: var(--spectrum-purple-900); --spectrum-global-color-purple-600: var(--spectrum-purple-1000); --spectrum-global-color-purple-700: var(--spectrum-purple-1100); --spectrum-global-color-indigo-400: var(--spectrum-indigo-800); --spectrum-global-color-indigo-500: var(--spectrum-indigo-900); --spectrum-global-color-indigo-600: var(--spectrum-indigo-1000); --spectrum-global-color-indigo-700: var(--spectrum-indigo-1100); --spectrum-global-color-seafoam-400: var(--spectrum-seafoam-700); --spectrum-global-color-seafoam-500: var(--spectrum-seafoam-800); --spectrum-global-color-seafoam-600: var(--spectrum-seafoam-900); --spectrum-global-color-seafoam-700: var(--spectrum-seafoam-1000); --spectrum-global-color-red-400: var(--spectrum-red-800); --spectrum-global-color-red-500: var(--spectrum-red-900); --spectrum-global-color-red-600: var(--spectrum-red-1000); --spectrum-global-color-red-700: var(--spectrum-red-1100); --spectrum-global-color-orange-400: var(--spectrum-orange-600); --spectrum-global-color-orange-500: var(--spectrum-orange-700); --spectrum-global-color-orange-600: var(--spectrum-orange-800); --spectrum-global-color-orange-700: var(--spectrum-orange-900); --spectrum-global-color-green-400: var(--spectrum-green-800); --spectrum-global-color-green-500: var(--spectrum-green-900); --spectrum-global-color-green-600: var(--spectrum-green-1000); --spectrum-global-color-green-700: var(--spectrum-green-1100); --spectrum-global-color-blue-400: var(--spectrum-blue-800); --spectrum-global-color-blue-500: var(--spectrum-blue-900); --spectrum-global-color-blue-600: var(--spectrum-blue-1000); --spectrum-global-color-blue-700: var(--spectrum-blue-1100); --spectrum-global-color-gray-50: var(--spectrum-gray-50); --spectrum-global-color-gray-75: var(--spectrum-gray-75); --spectrum-global-color-gray-100: var(--spectrum-gray-100); --spectrum-global-color-gray-200: var(--spectrum-gray-200); --spectrum-global-color-gray-300: var(--spectrum-gray-300); --spectrum-global-color-gray-400: var(--spectrum-gray-400); --spectrum-global-color-gray-500: var(--spectrum-gray-500); --spectrum-global-color-gray-600: var(--spectrum-gray-600); --spectrum-global-color-gray-700: var(--spectrum-gray-700); --spectrum-global-color-gray-800: var(--spectrum-gray-800); --spectrum-global-color-gray-900: var(--spectrum-gray-900); --spectrum-accent-color-100: var(--spectrum-blue-100); --spectrum-accent-color-200: var(--spectrum-blue-200); --spectrum-accent-color-300: var(--spectrum-blue-300); --spectrum-accent-color-400: var(--spectrum-blue-400); --spectrum-accent-color-500: var(--spectrum-blue-500); --spectrum-accent-color-600: var(--spectrum-blue-600); --spectrum-accent-color-700: var(--spectrum-blue-700); --spectrum-accent-color-800: var(--spectrum-blue-800); --spectrum-accent-color-900: var(--spectrum-blue-900); --spectrum-accent-color-1000: var(--spectrum-blue-1000); --spectrum-accent-color-1100: var(--spectrum-blue-1100); --spectrum-accent-color-1200: var(--spectrum-blue-1200); --spectrum-accent-color-1300: var(--spectrum-blue-1300); --spectrum-accent-color-1400: var(--spectrum-blue-1400); --spectrum-semantic-negative-color-background: var(--spectrum-negative-background-color-default); --spectrum-semantic-negative-color-default: var(--spectrum-red-900); --spectrum-semantic-negative-color-state-hover: var(--spectrum-red-1000); --spectrum-semantic-negative-color-dark: var(--spectrum-red-1000); --spectrum-semantic-negative-color-border: var(--spectrum-red-800); --spectrum-semantic-negative-color-icon: var(--spectrum-negative-visual-color); --spectrum-semantic-negative-color-status: var(--spectrum-negative-visual-color); --spectrum-semantic-negative-color-text-large: var(--spectrum-red-900); --spectrum-semantic-negative-color-text-small: var(--spectrum-red-900); --spectrum-semantic-negative-color-state-down: var(--spectrum-red-1100); --spectrum-semantic-negative-color-state-focus: var(--spectrum-red-1000); --spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-600, #da7b11); --spectrum-semantic-notice-color-default: var(--spectrum-orange-700); --spectrum-semantic-notice-color-dark: var(--spectrum-orange-800); --spectrum-semantic-notice-color-border: var(--spectrum-orange-600); --spectrum-semantic-notice-color-icon: var(--spectrum-notice-visual-color); --spectrum-semantic-notice-color-status: var(--spectrum-notice-visual-color); --spectrum-semantic-notice-color-text-large: var(--spectrum-orange-700); --spectrum-semantic-notice-color-text-small: var(--spectrum-orange-800); --spectrum-semantic-notice-color-state-down: var(--spectrum-orange-900); --spectrum-semantic-notice-color-state-focus: var(--spectrum-orange-600); --spectrum-semantic-positive-color-background: var(--spectrum-positive-background-color-default); --spectrum-semantic-positive-color-default: var(--spectrum-green-900); --spectrum-semantic-positive-color-dark: var(--spectrum-green-1000); --spectrum-semantic-positive-color-border: var(--spectrum-green-800); --spectrum-semantic-positive-color-icon: var(--spectrum-positive-visual-color); --spectrum-semantic-positive-color-status: var(--spectrum-positive-visual-color); --spectrum-semantic-positive-color-text-large: var(--spectrum-green-900); --spectrum-semantic-positive-color-text-small: var(--spectrum-green-1000); --spectrum-semantic-positive-color-state-down: var(--spectrum-green-1100); --spectrum-semantic-positive-color-state-focus: var(--spectrum-green-800); --spectrum-semantic-informative-color-background: var(--spectrum-informative-background-color-default); --spectrum-semantic-informative-color-default: var(--spectrum-blue-900); --spectrum-semantic-informative-color-dark: var(--spectrum-blue-1000); --spectrum-semantic-informative-color-border: var(--spectrum-blue-800); --spectrum-semantic-informative-color-icon: var(--spectrum-informative-visual-color); --spectrum-semantic-informative-color-status: var(--spectrum-informative-visual-color); --spectrum-semantic-informative-color-text-large: var(--spectrum-blue-900); --spectrum-semantic-informative-color-text-small: var(--spectrum-blue-1000); --spectrum-semantic-informative-color-state-down: var(--spectrum-blue-1100); --spectrum-semantic-informative-color-state-focus: var(--spectrum-blue-800); --spectrum-semantic-cta-color-background-default: var(--spectrum-accent-background-color-default); --spectrum-semantic-cta-color-background-hover: var(--spectrum-accent-background-color-hover); --spectrum-semantic-cta-color-background-down: var(--spectrum-accent-background-color-down); --spectrum-semantic-cta-color-background-key-focus: var(--spectrum-accent-background-color-key-focus); --spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600, #1473e6); --spectrum-semantic-neutral-color-background: var(--spectrum-neutral-subdued-background-color-default); --spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500, #e34850); --spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400, #f29423); --spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400, #edcc00); --spectrum-semantic-presence-color-4: #4bcca2; --spectrum-semantic-presence-color-5: #00c7ff; --spectrum-semantic-presence-color-6: #008cb8; --spectrum-semantic-presence-color-7: #7e4bf3; --spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600, #b130bd); --spectrum-global-dimension-static-size-0: 0px; --spectrum-global-dimension-static-size-10: 1px; --spectrum-global-dimension-static-size-25: 2px; --spectrum-global-dimension-static-size-50: 4px; --spectrum-global-dimension-static-size-40: 3px; --spectrum-global-dimension-static-size-65: 5px; --spectrum-global-dimension-static-size-100: 8px; --spectrum-global-dimension-static-size-115: 9px; --spectrum-global-dimension-static-size-125: 10px; --spectrum-global-dimension-static-size-130: 11px; --spectrum-global-dimension-static-size-150: 12px; --spectrum-global-dimension-static-size-160: 13px; --spectrum-global-dimension-static-size-175: 14px; --spectrum-global-dimension-static-size-200: 16px; --spectrum-global-dimension-static-size-225: 18px; --spectrum-global-dimension-static-size-250: 20px; --spectrum-global-dimension-static-size-300: 24px; --spectrum-global-dimension-static-size-400: 32px; --spectrum-global-dimension-static-size-450: 36px; --spectrum-global-dimension-static-size-500: 40px; --spectrum-global-dimension-static-size-550: 44px; --spectrum-global-dimension-static-size-600: 48px; --spectrum-global-dimension-static-size-700: 56px; --spectrum-global-dimension-static-size-800: 64px; --spectrum-global-dimension-static-size-900: 72px; --spectrum-global-dimension-static-size-1000: 80px; --spectrum-global-dimension-static-size-1200: 96px; --spectrum-global-dimension-static-size-1700: 136px; --spectrum-global-dimension-static-size-2400: 192px; --spectrum-global-dimension-static-size-2600: 208px; --spectrum-global-dimension-static-size-3400: 272px; --spectrum-global-dimension-static-size-3600: 288px; --spectrum-global-dimension-static-size-4600: 368px; --spectrum-global-dimension-static-size-5000: 400px; --spectrum-global-dimension-static-size-6000: 480px; --spectrum-global-dimension-static-font-size-50: 11px; --spectrum-global-dimension-static-font-size-75: 12px; --spectrum-global-dimension-static-font-size-100: 14px; --spectrum-global-dimension-static-font-size-150: 15px; --spectrum-global-dimension-static-font-size-200: 16px; --spectrum-global-dimension-static-font-size-300: 18px; --spectrum-global-dimension-static-font-size-400: 20px; --spectrum-global-dimension-static-font-size-500: 22px; --spectrum-global-dimension-static-font-size-600: 25px; --spectrum-global-dimension-static-font-size-700: 28px; --spectrum-global-dimension-static-font-size-800: 32px; --spectrum-global-dimension-static-font-size-900: 36px; --spectrum-global-dimension-static-font-size-1000: 40px; --spectrum-global-dimension-static-percent-50: 50%; --spectrum-global-dimension-static-percent-100: 100%; --spectrum-global-dimension-static-breakpoint-xsmall: 304px; --spectrum-global-dimension-static-breakpoint-small: 768px; --spectrum-global-dimension-static-breakpoint-medium: 1280px; --spectrum-global-dimension-static-breakpoint-large: 1768px; --spectrum-global-dimension-static-breakpoint-xlarge: 2160px; --spectrum-global-dimension-static-grid-columns: 12; --spectrum-global-dimension-static-grid-fluid-width: 100%; --spectrum-global-dimension-static-grid-fixed-max-width: 1280px; --spectrum-global-font-family-base: adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif; --spectrum-global-font-family-serif: adobe-clean-serif, "Source Serif Pro", Georgia, serif; --spectrum-global-font-family-code: "Source Code Pro", Monaco, monospace; --spectrum-global-font-weight-thin: 100; --spectrum-global-font-weight-ultra-light: 200; --spectrum-global-font-weight-light: 300; --spectrum-global-font-weight-regular: 400; --spectrum-global-font-weight-medium: 500; --spectrum-global-font-weight-semi-bold: 600; --spectrum-global-font-weight-bold: 700; --spectrum-global-font-weight-extra-bold: 800; --spectrum-global-font-weight-black: 900; --spectrum-global-font-style-regular: normal; --spectrum-global-font-style-italic: italic; --spectrum-global-font-letter-spacing-none: 0; --spectrum-global-font-letter-spacing-small: .0125em; --spectrum-global-font-letter-spacing-han: .05em; --spectrum-global-font-letter-spacing-medium: .06em; --spectrum-global-font-line-height-large: 1.7; --spectrum-global-font-line-height-medium: 1.5; --spectrum-global-font-line-height-small: 1.3; --spectrum-global-font-multiplier-25: .25em; --spectrum-global-font-multiplier-75: .75em; --spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10, 1px); --spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-10, 1px); --spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300, 24px); --spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300, 24px); --spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300, 24px); --spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550, 44px); --spectrum-alias-font-family-ar: var(--spectrum-global-font-font-family-ar); --spectrum-alias-font-family-he: var(--spectrum-global-font-font-family-he); --spectrum-alias-font-family-zh: var(--spectrum-global-font-font-family-zh); --spectrum-alias-font-family-zhhans: var(--spectrum-global-font-font-family-zhhans); --spectrum-alias-font-family-ko: var(--spectrum-global-font-font-family-ko); --spectrum-alias-font-family-ja: var(--spectrum-global-font-font-family-ja); --spectrum-alias-font-family-condensed: var(--spectrum-global-font-font-family-condensed); --spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium, 1.5); --spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small, 1.3); --spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large, 1.7); --spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif); --spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium, 1.5); --spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small, 1.3); --spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium, 1.5); --spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small, 1.3); --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light, 300); --spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-detail-text-font-weight-light: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif, adobe-clean-serif, "Source Serif Pro", Georgia, serif); --spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif, adobe-clean-serif, "Source Serif Pro", Georgia, serif); --spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code, "Source Code Pro", Monaco, monospace); --spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold, 800); --spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light, 300); --spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light, 300); --spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold, 800); --spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900); --spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular, 400); --spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold, 700); --spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium, 1.5); --spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25, .25em); --spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75, .75em); --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-0, 0px); --spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-10, 1px); --spectrum-alias-loupe-entry-animation-duration: var(--spectrum-global-animation-duration-300, .19s); --spectrum-alias-loupe-exit-animation-duration: var(--spectrum-global-animation-duration-300, .19s); } .XhWg9q_spectrum--medium, .XhWg9q_spectrum--large { --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50); --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10); --spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100); --spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200); --spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250); --spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300); --spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400); --spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600); --spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100); --spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100); --spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10); --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25); --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50); --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100); --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200); --spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400); --spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400); --spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225); --spectrum-alias-heading-display1-text-size: var(--spectrum-global-dimension-font-size-1300); --spectrum-alias-heading-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300); --spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1300); --spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300); --spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-1200); --spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200); --spectrum-alias-heading-display1-margin-top: var(--spectrum-global-dimension-font-size-1200); --spectrum-alias-heading-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200); --spectrum-alias-heading-display2-text-size: var(--spectrum-global-dimension-font-size-1100); --spectrum-alias-heading-xxl-text-size: var(--spectrum-global-dimension-font-size-1100); --spectrum-alias-heading-display2-margin-top: var(--spectrum-global-dimension-font-size-900); --spectrum-alias-heading-xxl-margin-top: var(--spectrum-global-dimension-font-size-900); --spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900); --spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900); --spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800); --spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800); --spectrum-alias-heading1-text-size: var(--spectrum-global-dimension-font-size-900); --spectrum-alias-heading-xl-text-size: var(--spectrum-global-dimension-font-size-900); --spectrum-alias-heading1-margin-top: var(--spectrum-global-dimension-font-size-800); --spectrum-alias-heading-xl-margin-top: var(--spectrum-global-dimension-font-size-800); --spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800); --spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800); --spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700); --spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700); --spectrum-alias-heading2-text-size: var(--spectrum-global-dimension-font-size-700); --spectrum-alias-heading-l-text-size: var(--spectrum-global-dimension-font-size-700); --spectrum-alias-heading2-margin-top: var(--spectrum-global-dimension-font-size-600); --spectrum-alias-heading-l-margin-top: var(--spectrum-global-dimension-font-size-600); --spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600); --spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600); --spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500); --spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500); --spectrum-alias-heading3-text-size: var(--spectrum-global-dimension-font-size-500); --spectrum-alias-heading-m-text-size: var(--spectrum-global-dimension-font-size-500); --spectrum-alias-heading3-margin-top: var(--spectrum-global-dimension-font-size-400); --spectrum-alias-heading-m-margin-top: var(--spectrum-global-dimension-font-size-400); --spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400); --spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400); --spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300); --spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300); --spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300); --spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300); --spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200); --spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200); --spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200); --spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200); --spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100); --spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100); --spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100); --spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100); --spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75); --spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75); --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200); --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225); --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275); --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325); --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400); --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500); } .XhWg9q_spectrum--darkest, .XhWg9q_spectrum--dark, .XhWg9q_spectrum--light, .XhWg9q_spectrum--lightest { --spectrum-alias-background-color-default: var(--spectrum-gray-100); --spectrum-alias-background-color-disabled: var(--spectrum-gray-200); --spectrum-alias-background-color-transparent: transparent; --spectrum-alias-background-color-label-gray: #707070; --spectrum-alias-background-color-quickactions-overlay: #0003; --spectrum-alias-placeholder-text-color: var(--spectrum-gray-800); --spectrum-alias-placeholder-text-color-hover: var(--spectrum-gray-900); --spectrum-alias-placeholder-text-color-down: var(--spectrum-gray-900); --spectrum-alias-placeholder-text-color-selected: var(--spectrum-gray-800); --spectrum-alias-label-text-color: var(--spectrum-gray-700); --spectrum-alias-text-color: var(--spectrum-gray-800); --spectrum-alias-text-color-hover: var(--spectrum-gray-900); --spectrum-alias-text-color-down: var(--spectrum-gray-900); --spectrum-alias-text-color-key-focus: var(--spectrum-blue-1000); --spectrum-alias-text-color-mouse-focus: var(--spectrum-blue-1000); --spectrum-alias-text-color-disabled: var(--spectrum-gray-400); --spectrum-alias-text-color-invalid: var(--spectrum-red-900); --spectrum-alias-text-color-selected: var(--spectrum-blue-1000); --spectrum-alias-text-color-selected-neutral: var(--spectrum-gray-900); --spectrum-alias-title-text-color: var(--spectrum-gray-900); --spectrum-alias-heading-text-color: var(--spectrum-gray-900); --spectrum-alias-border-color: var(--spectrum-gray-500); --spectrum-alias-border-color-hover: var(--spectrum-gray-600); --spectrum-alias-border-color-down: var(--spectrum-gray-600); --spectrum-alias-border-color-focus: var(--spectrum-blue-800); --spectrum-alias-input-border-color-key-focus: var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400)); --spectrum-alias-border-color-mouse-focus: var(--spectrum-blue-900); --spectrum-alias-border-color-disabled: var(--spectrum-gray-200); --spectrum-alias-border-color-extralight: var(--spectrum-gray-100); --spectrum-alias-border-color-light: var(--spectrum-gray-200); --spectrum-alias-border-color-mid: var(--spectrum-gray-300); --spectrum-alias-border-color-dark: var(--spectrum-gray-400); --spectrum-alias-border-color-transparent: transparent; --spectrum-alias-border-color-translucent-dark: #0000000d; --spectrum-alias-border-color-translucent-darker: #0000001a; --spectrum-alias-focus-color: var(--spectrum-blue-800); --spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)); --spectrum-alias-track-color-default: var(--spectrum-gray-300); --spectrum-alias-track-color-disabled: var(--spectrum-gray-300); --spectrum-alias-track-color-over-background: #fff3; --spectrum-alias-icon-color: var(--spectrum-gray-700); --spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white, #fff); --spectrum-alias-icon-color-hover: var(--spectrum-gray-900); --spectrum-alias-icon-color-down: var(--spectrum-gray-900); --spectrum-alias-icon-color-focus: var(--spectrum-gray-900); --spectrum-alias-icon-color-disabled: var(--spectrum-gray-400); --spectrum-alias-icon-color-selected-neutral: var(--spectrum-gray-900); --spectrum-alias-icon-color-selected: var(--spectrum-blue-900); --spectrum-alias-icon-color-selected-hover: var(--spectrum-blue-1000); --spectrum-alias-icon-color-selected-down: var(--spectrum-blue-1100); --spectrum-alias-icon-color-selected-focus: var(--spectrum-blue-1000); --spectrum-alias-icon-color-error: var(--spectrum-red-800); --spectrum-alias-toolbar-background-color: var(--spectrum-gray-100); --spectrum-alias-colorhandle-outer-border-color: #0000006b; --spectrum-alias-categorical-color-1: var(--spectrum-global-color-static-seafoam-200, #26c0c7); --spectrum-alias-categorical-color-2: var(--spectrum-global-color-static-indigo-700, #5151d3); --spectrum-alias-categorical-color-3: var(--spectrum-global-color-static-orange-500, #e68619); --spectrum-alias-categorical-color-4: var(--spectrum-global-color-static-magenta-500, #d83790); --spectrum-alias-categorical-color-5: var(--spectrum-global-color-static-indigo-200, #9090fa); --spectrum-alias-categorical-color-6: var(--spectrum-global-color-static-celery-200, #58e06f); --spectrum-alias-categorical-color-7: var(--spectrum-global-color-static-blue-500, #2680eb); --spectrum-alias-categorical-color-8: var(--spectrum-global-color-static-purple-800, #6f38b1); --spectrum-alias-categorical-color-9: var(--spectrum-global-color-static-yellow-500, #dfbf00); --spectrum-alias-categorical-color-10: var(--spectrum-global-color-static-orange-700, #cb6f10); --spectrum-alias-categorical-color-11: var(--spectrum-global-color-static-green-600, #268e6c); --spectrum-alias-categorical-color-12: var(--spectrum-global-color-static-chartreuse-300, #9bec54); --spectrum-alias-categorical-color-13: var(--spectrum-global-color-static-blue-200, #5aa9fa); --spectrum-alias-categorical-color-14: var(--spectrum-global-color-static-fuchsia-500, #c038cc); --spectrum-alias-categorical-color-15: var(--spectrum-global-color-static-magenta-200, #f56bb7); --spectrum-alias-categorical-color-16: var(--spectrum-global-color-static-yellow-200, #ffe22e); --spectrum-alias-toggle-color-default: var(--spectrum-gray-600); --spectrum-alias-toggle-color-hover: var(--spectrum-gray-700); --spectrum-alias-toggle-color-key-focus: var(--spectrum-gray-700); --spectrum-alias-toggle-color-selected: var(--spectrum-gray-700); --spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-800); --spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-800); --spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900); --spectrum-actionbutton-background-color-disabled: transparent; --spectrum-actionbutton-border-color-disabled: var(--spectrum-gray-300); --spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-gray-200); --spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-gray-200); --spectrum-actionbutton-quiet-background-color-down: var(--spectrum-gray-300); --spectrum-actionbutton-static-black-border-color: #0006; --spectrum-actionbutton-static-black-border-color-hover: #0000008c; --spectrum-actionbutton-static-black-border-color-key-focus: #0000008c; --spectrum-actionbutton-static-black-border-color-down: #000000b3; --spectrum-actionbutton-static-black-border-color-disabled: #00000040; --spectrum-actionbutton-static-black-border-color-selected-disabled: #0000001a; --spectrum-actionbutton-static-black-background-color: transparent; --spectrum-actionbutton-static-black-background-color-disabled: transparent; --spectrum-actionbutton-static-white-border-color: #fff6; --spectrum-actionbutton-static-white-border-color-hover: #ffffff8c; --spectrum-actionbutton-static-white-border-color-key-focus: #ffffff8c; --spectrum-actionbutton-static-white-border-color-down: #ffffffb3; --spectrum-actionbutton-static-white-border-color-disabled: #ffffff40; --spectrum-actionbutton-static-white-border-color-selected-disabled: #ffffff1a; --spectrum-actionbutton-static-white-background-color: transparent; --spectrum-actionbutton-static-white-background-color-disabled: transparent; --spectrum-combobox-fieldbutton-inset: 0; --spectrum-combobox-fieldbutton-border-left-width: var(--spectrum-alias-input-border-size); --spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0); --spectrum-combobox-fieldbutton-start-border-radius: 0; --spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50)); --spectrum-actiongroup-compact-button-gap: calc(-1 * var(--spectrum-actionbutton-border-size, var(--spectrum-alias-border-size-thin))); --spectrum-alias-neutral-background-color: var(--spectrum-neutral-subdued-background-color-default); --spectrum-breadcrumb-separator-icon-position-adjustment: var(--spectrum-global-dimension-size-10); } .wBx8DG_spectrum-Icon, .wBx8DG_spectrum-UIIcon { color: inherit; fill: currentColor; display: inline-block; } :is(.wBx8DG_spectrum-Icon, .wBx8DG_spectrum-UIIcon):not(:root) { overflow: hidden; } .wBx8DG_spectrum-Icon, .wBx8DG_spectrum-UIIcon { pointer-events: none; } @media (forced-colors: active) { .wBx8DG_spectrum-Icon, .wBx8DG_spectrum-UIIcon { forced-color-adjust: auto; } } .wBx8DG_spectrum-Icon--sizeXXS, .wBx8DG_spectrum-Icon--sizeXXS img, .wBx8DG_spectrum-Icon--sizeXXS svg { block-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) / 2); inline-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) / 2); } .wBx8DG_spectrum-Icon--sizeXS, .wBx8DG_spectrum-Icon--sizeXS img, .wBx8DG_spectrum-Icon--sizeXS svg { block-size: calc(var(--spectrum-global-dimension-size-300) / 2); inline-size: calc(var(--spectrum-global-dimension-size-300) / 2); } .wBx8DG_spectrum-Icon--sizeS, .wBx8DG_spectrum-Icon--sizeS img, .wBx8DG_spectrum-Icon--sizeS svg { block-size: var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)); inline-size: var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)); } .wBx8DG_spectrum-Icon--sizeM, .wBx8DG_spectrum-Icon--sizeM img, .wBx8DG_spectrum-Icon--sizeM svg { block-size: var(--spectrum-global-dimension-size-300); inline-size: var(--spectrum-global-dimension-size-300); } .wBx8DG_spectrum-Icon--sizeL, .wBx8DG_spectrum-Icon--sizeL img, .wBx8DG_spectrum-Icon--sizeL svg { block-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) * 2); inline-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) * 2); } .wBx8DG_spectrum-Icon--sizeXL, .wBx8DG_spectrum-Icon--sizeXL img, .wBx8DG_spectrum-Icon--sizeXL svg { block-size: calc(var(--spectrum-global-dimension-size-300) * 2); inline-size: calc(var(--spectrum-global-dimension-size-300) * 2); } .wBx8DG_spectrum-Icon--sizeXXL, .wBx8DG_spectrum-Icon--sizeXXL img, .wBx8DG_spectrum-Icon--sizeXXL svg { block-size: calc(var(--spectrum-global-dimension-size-300) * 3); inline-size: calc(var(--spectrum-global-dimension-size-300) * 3); } .wBx8DG_spectrum--medium .wBx8DG_spectrum-UIIcon--large { display: none; } .wBx8DG_spectrum--medium .wBx8DG_spectrum-UIIcon--medium { display: inline; } .wBx8DG_spectrum--large .wBx8DG_spectrum-UIIcon--medium { display: none; } .wBx8DG_spectrum--large .wBx8DG_spectrum-UIIcon--large { display: inline; } .wBx8DG_spectrum--large { --ui-icon-large-display: block; --ui-icon-medium-display: none; } .wBx8DG_spectrum--medium { --ui-icon-medium-display: block; --ui-icon-large-display: none; } .wBx8DG_spectrum-UIIcon--large { display: var(--ui-icon-large-display); } .wBx8DG_spectrum-UIIcon--medium { display: var(--ui-icon-medium-display); } .wBx8DG_spectrum-UIIcon-AlertMedium { inline-size: var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)); block-size: var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225)); } .wBx8DG_spectrum-UIIcon-AlertSmall { inline-size: var(--spectrum-icon-alert-small-width, var(--spectrum-global-dimension-size-175)); block-size: var(--spectrum-icon-alert-small-height, var(--spectrum-global-dimension-size-175)); } .wBx8DG_spectrum-UIIcon-ArrowDownSmall { inline-size: var(--spectrum-icon-arrow-down-small-width, var(--spectrum-global-dimension-size-100)); block-size: var(--spectrum-icon-arrow-down-small-height); } .wBx8DG_spectrum-UIIcon-ArrowLeftMedium { inline-size: var(--spectrum-icon-arrow-left-medium-width, var(--spectrum-global-dimension-size-175)); block-size: var(--spectrum-icon-arrow-left-medium-height); } .wBx8DG_spectrum-UIIcon-Asterisk { inline-size: var(--spectrum-fieldlabel-asterisk-size, var(--spectrum-global-dimension-size-100)); block-size: var(--spectrum-fieldlabel-asterisk-size, var(--spectrum-global-dimension-size-100)); } .wBx8DG_spectrum-UIIcon-CheckmarkMedium { inline-size: var(--spectrum-icon-checkmark-medium-width); block-size: var(--spectrum-icon-checkmark-medium-height); } .wBx8DG_spectrum-UIIcon-CheckmarkSmall { inline-size: var(--spectrum-icon-checkmark-small-width); block-size: var(--spectrum-icon-checkmark-small-height); } .wBx8DG_spectrum-UIIcon-ChevronDownMedium { inline-size: var(--spectrum-icon-chevron-down-medium-width); block-size: var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75)); } .wBx8DG_spectrum-UIIcon-ChevronDownSmall { inline-size: var(--spectrum-icon-chevron-down-small-width, var(--spectrum-global-dimension-size-100)); block-size: var(--spectrum-icon-chevron-down-small-height, var(--spectrum-global-dimension-size-75)); } .wBx8DG_spectrum-UIIcon-ChevronLeftLarge { inline-size: var(--spectrum-icon-chevron-left-large-width); block-size: var(--spectrum-icon-chevron-left-large-height, var(--spectrum-global-dimension-size-200)); } .wBx8DG_spectrum-UIIcon-ChevronLeftMedium { inline-size: var(--spectrum-icon-chevron-left-medium-width, var(--spectrum-global-dimension-size-75)); block-size: var(--spectrum-icon-chevron-left-medium-height); } .wBx8DG_spectrum-UIIcon-ChevronRightLarge { inline-size: var(--spectrum-icon-chevron-right-large-width); block-size: var(--spectrum-icon-chevron-right-large-height, var(--spectrum-global-dimension-size-200)); } .wBx8DG_spectrum-UIIcon-ChevronRightMedium { inline-size: var(--spectrum-icon-chevron-right-medium-width, var(--spectrum-global-dimension-size-75)); block-size: var(--spectrum-icon-chevron-right-medium-height); } .wBx8DG_spectrum-UIIcon-ChevronRightSmall { inline-size: var(--spectrum-icon-chevron-right-small-width, var(--spectrum-global-dimension-size-75)); block-size: var(--spectrum-icon-chevron-right-small-height, var(--spectrum-global-dimension-size-100)); } .wBx8DG_spectrum-UIIcon-ChevronUpSmall { inline-size: var(--spectrum-icon-chevron-up-small-width, var(--spectrum-global-dimension-size-100)); block-size: var(--spectrum-icon-chevron-up-small-height, var(--spectrum-global-dimension-size-75)); } .wBx8DG_spectrum-UIIcon-CornerTriangle { inline-size: var(--spectrum-icon-cornertriangle-width, var(--spectrum-global-dimension-size-65)); block-size: var(--spectrum-icon-cornertriangle-height, var(--spectrum-global-dimension-size-65)); } .wBx8DG_spectrum-UIIcon-CrossLarge { inline-size: var(--spectrum-icon-cross-large-width); block-size: var(--spectrum-icon-cross-large-height); } .wBx8DG_spectrum-UIIcon-CrossMedium { inline-size: var(--spectrum-icon-cross-medium-width, var(--spectrum-global-dimension-size-100)); block-size: var(--spectrum-icon-cross-medium-height, var(--spectrum-global-dimension-size-100)); } .wBx8DG_spectrum-UIIcon-CrossSmall { inline-size: var(--spectrum-icon-cross-small-width, var(--spectrum-global-dimension-size-100)); block-size: var(--spectrum-icon-cross-small-height, var(--spectrum-global-dimension-size-100)); } .wBx8DG_spectrum-UIIcon-DashSmall { inline-size: var(--spectrum-icon-dash-small-width); block-size: var(--spectrum-icon-dash-small-height); } .wBx8DG_spectrum-UIIcon-DoubleGripper { inline-size: var(--spectrum-icon-doublegripper-width, var(--spectrum-global-dimension-size-200)); block-size: var(--spectrum-icon-doublegripper-height, var(--spectrum-global-dimension-size-50)); } .wBx8DG_spectrum-UIIcon-FolderBreadcrumb { inline-size: var(--spectrum-icon-folderbreadcrumb-width, var(--spectrum-global-dimension-size-225)); block-size: var(--spectrum-icon-folderbreadcrumb-height, var(--spectrum-global-dimension-size-225)); } .wBx8DG_spectrum-UIIcon-HelpMedium { inline-size: var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225)); block-size: var(--spectrum-icon-info-medium-height, var(--spectrum-global-dimension-size-225)); } .wBx8DG_spectrum-UIIcon-HelpSmall { inline-size: var(--spectrum-icon-info-small-width, var(--spectrum-global-dimension-size-175)); block-size: var(--spectrum-icon-info-small-height, var(--spectrum-global-dimension-size-175)); } .wBx8DG_spectrum-UIIcon-InfoMedium { inline-size: var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225)); block-size: var(--spectrum-icon-info-medium-height, var(--spectrum-global-dimension-size-225)); } .wBx8DG_spectrum-UIIcon-InfoSmall { inline-size: var(--spectrum-icon-info-small-width, var(--spectrum-global-dimension-size-175)); block-size: var(--spectrum-icon-info-small-height, var(--spectrum-global-dimension-size-175)); } .wBx8DG_spectrum-UIIcon-ListGripper { inline-size: var(--spectrum-global-dimension-size-65); block-size: var(--spectrum-global-dimension-size-150); } .wBx8DG_spectrum-UIIcon-Magnifier { inline-size: var(--spectrum-icon-magnifier-width, var(--spectrum-global-dimension-size-200)); block-size: var(--spectrum-icon-magnifier-height, var(--spectrum-global-dimension-size-200)); } .wBx8DG_spectrum-UIIcon-SkipLeft { inline-size: var(--spectrum-icon-skip-left-width); block-size: var(--spectrum-icon-skip-left-height); } .wBx8DG_spectrum-UIIcon-SkipRight { inline-size: var(--spectrum-icon-skip-right-width); block-size: var(--spectrum-icon-skip-right-height); } .wBx8DG_spectrum-UIIcon-Star { inline-size: var(--spectrum-icon-star-width, var(--spectrum-global-dimension-size-225)); block-size: var(--spectrum-icon-star-height, var(--spectrum-global-dimension-size-225)); } .wBx8DG_spectrum-UIIcon-StarOutline { inline-size: var(--spectrum-icon-star-outline-width, var(--spectrum-global-dimension-size-225)); block-size: var(--spectrum-icon-star-outline-height, var(--spectrum-global-dimension-size-225)); } .wBx8DG_spectrum-UIIcon-SuccessMedium { inline-size: var(--spectrum-icon-success-medium-width, var(--spectrum-global-dimension-size-225)); block-size: var(--spectrum-icon-success-medium-height, var(--spectrum-global-dimension-size-225)); } .wBx8DG_spectrum-UIIcon-SuccessSmall { inline-size: var(--spectrum-icon-success-small-width, var(--spectrum-global-dimension-size-175)); block-size: var(--spectrum-icon-success-small-height, var(--spectrum-global-dimension-size-175)); } .wBx8DG_spectrum-UIIcon-TripleGripper { inline-size: var(--spectrum-icon-triplegripper-width); block-size: var(--spectrum-icon-triplegripper-height, var(--spectrum-global-dimension-size-85)); } .o7Xu8a_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .o7Xu8a_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .o7Xu8a_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .o7Xu8a_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .o7Xu8a_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .o7Xu8a_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .o7Xu8a_i18nFontFamily:lang(zh-SG), .o7Xu8a_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .o7Xu8a_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .o7Xu8a_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .o7Xu8a_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .o7Xu8a_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .o7Xu8a_spectrum-FocusRing.o7Xu8a_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .o7Xu8a_spectrum-FocusRing--quiet:after { border-radius: 0; } .o7Xu8a_spectrum-FocusRing--quiet.o7Xu8a_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .o7Xu8a_spectrum-FocusRing, .o7Xu8a_spectrum-FocusRing-ring, .o7Xu8a_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.o7Xu8a_spectrum-FocusRing, .o7Xu8a_spectrum-FocusRing-ring, .o7Xu8a_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .o7Xu8a_spectrum-BaseButton { box-sizing: border-box; border-radius: var(--spectrum-button-border-radius); border-style: solid; border-width: var(--spectrum-button-border-width); --spectrum-focus-ring-border-radius: var(--spectrum-button-border-radius); --spectrum-focus-ring-border-size: var(--spectrum-button-border-width); --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)); --spectrum-focus-ring-size: var(--spectrum-button-primary-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size)); text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; justify-content: center; align-items: center; margin: 0; display: inline-flex; position: relative; overflow: visible; } button.o7Xu8a_spectrum-BaseButton { -webkit-appearance: button; } .o7Xu8a_spectrum-BaseButton { vertical-align: top; transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, border-color var(--spectrum-global-animation-duration-100, .13s) ease-out, color var(--spectrum-global-animation-duration-100, .13s) ease-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out; -webkit-user-select: none; user-select: none; touch-action: none; cursor: default; isolation: isolate; line-height: 1.3; text-decoration: none; } .o7Xu8a_spectrum-BaseButton:focus { outline: none; } .o7Xu8a_spectrum-BaseButton.o7Xu8a_focus-ring { z-index: 3; } .o7Xu8a_spectrum-BaseButton::-moz-focus-inner { border: 0; margin-block: -2px; padding: 0; } .o7Xu8a_spectrum-BaseButton:disabled, .o7Xu8a_spectrum-BaseButton.o7Xu8a_is-disabled { cursor: default; } .o7Xu8a_spectrum-BaseButton .o7Xu8a_spectrum-Icon { max-block-size: 100%; transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, fill var(--spectrum-global-animation-duration-100, .13s) ease-out; box-sizing: initial; flex-shrink: 0; order: 0; } .o7Xu8a_spectrum-Button { --spectrum-button-border-radius: var(--spectrum-button-primary-border-radius, var(--spectrum-alias-border-radius-large)); --spectrum-button-border-width: var(--spectrum-button-primary-border-size, var(--spectrum-alias-border-size-thick)); min-block-size: var(--spectrum-button-primary-height, var(--spectrum-alias-single-line-height)); block-size: 0%; min-inline-size: var(--spectrum-button-primary-min-width); padding: var(--spectrum-global-dimension-size-50) calc(var(--spectrum-button-primary-padding-x, var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size, var(--spectrum-alias-border-size-thick))); font-size: var(--spectrum-button-primary-text-size, var(--spectrum-alias-pill-button-text-size)); font-weight: var(--spectrum-button-primary-text-font-weight, var(--spectrum-global-font-weight-bold)); border-style: solid; padding-block-start: calc(var(--spectrum-global-dimension-size-50) - 1px); padding-block-end: calc(var(--spectrum-global-dimension-size-50) + 1px); } .o7Xu8a_spectrum-Button.o7Xu8a_is-hovered, .o7Xu8a_spectrum-Button:active { box-shadow: none; } .o7Xu8a_spectrum-Button .o7Xu8a_spectrum-Icon + .o7Xu8a_spectrum-Button-label { margin-inline-start: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100)); } .o7Xu8a_spectrum-Button .o7Xu8a_spectrum-Button-label + .o7Xu8a_spectrum-Icon { margin-inline-end: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100)); } .o7Xu8a_spectrum-Button.o7Xu8a_spectrum-Button--iconOnly { min-inline-size: unset; padding: var(--spectrum-global-dimension-size-65); } .o7Xu8a_spectrum-Button .o7Xu8a_spectrum-Button-circleLoader { align-items: center; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .o7Xu8a_spectrum-Button.o7Xu8a_spectrum-Button--pending .o7Xu8a_spectrum-Button-label, .o7Xu8a_spectrum-Button.o7Xu8a_spectrum-Button--pending .o7Xu8a_spectrum-Icon { opacity: 0; } a.o7Xu8a_spectrum-Button, a.o7Xu8a_spectrum-ActionButton { -webkit-appearance: none; -webkit-user-select: none; user-select: none; cursor: pointer; } .o7Xu8a_spectrum-ActionButton { block-size: var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height)); min-inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400)); --spectrum-button-border-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-button-border-width: var(--spectrum-actionbutton-border-size, var(--spectrum-alias-border-size-thin)); font-size: var(--spectrum-actionbutton-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-actionbutton-text-font-weight, var(--spectrum-alias-body-text-font-weight)); padding: 0; position: relative; } .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon { padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85)); } .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-label { padding-inline-end: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150)); } .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon + .o7Xu8a_spectrum-ActionButton-label { padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85)); } .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-label:not([hidden]) + .o7Xu8a_spectrum-Icon { padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85)); } .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-label:only-child, .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-hold + .o7Xu8a_spectrum-ActionButton-label:last-child { padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150)); } .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon:only-child, .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-hold + .o7Xu8a_spectrum-Icon:last-child { padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85)); } .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionGroup-itemIcon.o7Xu8a_spectrum-ActionGroup-itemIcon { padding-inline-end: 0; } .o7Xu8a_spectrum-ActionButton-hold { bottom: var(--spectrum-actionbutton-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40)); position: absolute; } .o7Xu8a_spectrum-ActionButton-hold:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40)); } .o7Xu8a_spectrum-ActionButton-hold:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40)); } .o7Xu8a_spectrum-ActionButton-hold:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40)); } .o7Xu8a_spectrum-ActionButton-hold:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40)); } [dir="rtl"] .o7Xu8a_spectrum-ActionButton-hold { transform: rotate(90deg); } .o7Xu8a_spectrum-ActionButton-label, .o7Xu8a_spectrum-Button-label { text-align: center; order: 1; place-self: center; inline-size: 100%; } :is(.o7Xu8a_spectrum-ActionButton-label, .o7Xu8a_spectrum-Button-label):empty { display: none; } .o7Xu8a_spectrum-ActionButton-label { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .o7Xu8a_spectrum-ActionButton--quiet { border-width: var(--spectrum-actionbutton-quiet-border-size, var(--spectrum-alias-border-size-thin)); border-radius: var(--spectrum-actionbutton-quiet-border-radius, var(--spectrum-alias-border-radius-regular)); font-size: var(--spectrum-actionbutton-quiet-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-actionbutton-quiet-text-font-weight, var(--spectrum-alias-body-text-font-weight)); } .o7Xu8a_spectrum-LogicButton { block-size: var(--spectrum-logicbutton-and-height, 24px); padding: var(--spectrum-logicbutton-and-padding-x, var(--spectrum-global-dimension-size-100)); --spectrum-button-border-width: var(--spectrum-logicbutton-and-border-size, var(--spectrum-alias-border-size-thick)); --spectrum-button-border-radius: var(--spectrum-logicbutton-and-border-radius, var(--spectrum-alias-border-radius-regular)); font-size: var(--spectrum-logicbutton-and-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-logicbutton-and-text-font-weight, var(--spectrum-global-font-weight-bold)); line-height: 0; } .o7Xu8a_spectrum-FieldButton { block-size: var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)); padding: 0 var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150)); font-family: inherit; font-weight: normal; font-size: var(--spectrum-dropdown-text-size, var(--spectrum-alias-font-size-default)); -webkit-font-smoothing: initial; cursor: default; --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); padding-block: 0; padding-inline: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150)); --spectrum-button-border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)); --spectrum-button-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50)); transition: background-color var(--spectrum-global-animation-duration-100, .13s), box-shadow var(--spectrum-global-animation-duration-100, .13s), border-color var(--spectrum-global-animation-duration-100, .13s); border-style: solid; outline: none; margin: 0; line-height: normal; position: relative; } .o7Xu8a_spectrum-FieldButton:disabled, .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-disabled { cursor: default; border-width: 0; } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-open { border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)); } .o7Xu8a_spectrum-FieldButton--quiet { --spectrum-button-border-width: 0; --spectrum-button-border-radius: var(--spectrum-fieldbutton-quiet-border-radius, 0px); --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25)); margin: 0; padding: 0; } .o7Xu8a_spectrum-FieldButton--quiet:disabled.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-disabled.o7Xu8a_focus-ring { box-shadow: none; } .o7Xu8a_spectrum-ClearButton { inline-size: var(--spectrum-clearbutton-medium-width, var(--spectrum-alias-single-line-height)); block-size: var(--spectrum-clearbutton-medium-height, var(--spectrum-alias-single-line-height)); --spectrum-button-border-radius: 100%; --spectrum-button-border-width: 0px; border: none; margin: 0; padding: 0; } .o7Xu8a_spectrum-ClearButton > .o7Xu8a_spectrum-Icon { margin-block: 0; margin-inline: auto; } .o7Xu8a_spectrum-ClearButton.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_spectrum-ClearButton--inset { box-sizing: border-box; transition: unset; } .o7Xu8a_spectrum-ClearButton.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_spectrum-ClearButton--inset:after { aspect-ratio: 1; height: calc(100% - 2px); top: 50%; left: 50%; right: unset; bottom: unset; margin: 0; transition: unset; transform: translate(-50%, -50%); } .o7Xu8a_spectrum-ClearButton.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_focus-ring:after { box-shadow: inset 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .o7Xu8a_spectrum-ClearButton > .o7Xu8a_spectrum-Icon { margin: 0; } } .o7Xu8a_spectrum-ClearButton--small { inline-size: var(--spectrum-clearbutton-small-width, var(--spectrum-global-dimension-size-300)); block-size: var(--spectrum-clearbutton-small-height, var(--spectrum-global-dimension-size-300)); } .o7Xu8a_spectrum-ClearButton { background-color: var(--spectrum-clearbutton-medium-background-color, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-clearbutton-medium-icon-color, var(--spectrum-alias-icon-color)); } .o7Xu8a_spectrum-ClearButton .o7Xu8a_spectrum-Icon { fill: var(--spectrum-clearbutton-medium-icon-color, var(--spectrum-alias-icon-color)); } .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-hovered { background-color: var(--spectrum-clearbutton-medium-background-color-hover, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-clearbutton-medium-icon-color-hover, var(--spectrum-alias-icon-color-hover)); } .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon { fill: var(--spectrum-clearbutton-medium-icon-color-hover, var(--spectrum-alias-icon-color-hover)); } .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-active { background-color: var(--spectrum-clearbutton-medium-background-color-down, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-clearbutton-medium-icon-color-down, var(--spectrum-alias-icon-color-down)); } .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-active .o7Xu8a_spectrum-Icon { fill: var(--spectrum-clearbutton-medium-icon-color-down, var(--spectrum-alias-icon-color-down)); } .o7Xu8a_spectrum-ClearButton.o7Xu8a_focus-ring { background-color: var(--spectrum-clearbutton-medium-background-color-key-focus, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-clearbutton-medium-icon-color-key-focus, var(--spectrum-alias-icon-color-focus)); } .o7Xu8a_spectrum-ClearButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon { fill: var(--spectrum-clearbutton-medium-icon-color-key-focus, var(--spectrum-alias-icon-color-focus)); } .o7Xu8a_spectrum-ClearButton:disabled { background-color: var(--spectrum-clearbutton-medium-background-color-disabled, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)); } .o7Xu8a_spectrum-ClearButton:disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)); } .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-disabled { background-color: var(--spectrum-clearbutton-medium-background-color-disabled, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)); } .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)); } .o7Xu8a_spectrum-ClearButton--overBackground { --spectrum-clearbutton-medium-background-color: transparent; --spectrum-clearbutton-medium-background-color-hover: #ffffff1a; --spectrum-clearbutton-medium-background-color-key-focus: #ffffff1a; --spectrum-clearbutton-medium-background-color-down: #ffffff26; --spectrum-clearbutton-medium-background-color-disabled: transparent; --spectrum-clearbutton-medium-icon-color: white; --spectrum-clearbutton-medium-icon-color-hover: white; --spectrum-clearbutton-medium-icon-color-down: white; --spectrum-clearbutton-medium-icon-color-key-focus: white; --spectrum-clearbutton-medium-icon-color-disabled: #ffffff8c; --spectrum-focus-ring-color: white; } .o7Xu8a_spectrum-Button[data-style="fill"] { --spectrum-button-text-color: white; --spectrum-button-text-color-hover: var(--spectrum-button-text-color); --spectrum-button-text-color-down: var(--spectrum-button-text-color); --spectrum-button-text-color-key-focus: var(--spectrum-button-text-color); --spectrum-button-text-color-disabled: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500)); --spectrum-button-color-disabled: var(--spectrum-alias-background-color-disabled); background-color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-color)); color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color)); border-color: #0000; } .o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_is-hovered { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-hover)); color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-hover)); } .o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_focus-ring { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-key-focus)); color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-key-focus)); } .o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_is-active { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-down)); color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-down)); } .o7Xu8a_spectrum-Button[data-style="fill"]:disabled, .o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_is-disabled { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-color-disabled)); color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled)); } .o7Xu8a_spectrum-Button[data-style="outline"] { --spectrum-button-text-color: var(--spectrum-button-color); --spectrum-button-text-color-hover: var(--spectrum-button-color-hover); --spectrum-button-text-color-down: var(--spectrum-button-color-down); --spectrum-button-text-color-key-focus: var(--spectrum-button-color-key-focus); --spectrum-button-text-color-disabled: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500)); --spectrum-button-color-disabled: var(--spectrum-alias-background-color-disabled); border-color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-color)); color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color)); background-color: #0000; } .o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_is-hovered { background-color: var(--spectrum-high-contrast-transparent, var(--spectrum-button-background-color-hover)); border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-hover)); color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-hover)); } .o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_focus-ring { background-color: var(--spectrum-high-contrast-transparent, var(--spectrum-button-background-color-key-focus)); border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-key-focus)); color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-key-focus)); } .o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_is-active { background-color: var(--spectrum-high-contrast-transparent, var(--spectrum-button-background-color-down)); border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-down)); color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-down)); } .o7Xu8a_spectrum-Button[data-style="outline"]:disabled, .o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_is-disabled { border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-color-disabled)); color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled)); background-color: #0000; } .o7Xu8a_spectrum-Button[data-static-color="white"] { --spectrum-focus-ring-color: white; } .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="accent"][data-style="fill"] { --spectrum-button-color: #ffffffe6; --spectrum-button-color-hover: white; --spectrum-button-color-down: white; --spectrum-button-color-key-focus: white; --spectrum-button-color-disabled: #ffffff1a; --spectrum-button-text-color: black; --spectrum-button-text-color-disabled: #ffffff8c; } .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="accent"][data-style="outline"] { --spectrum-button-color: #ffffffe6; --spectrum-button-color-hover: white; --spectrum-button-color-down: white; --spectrum-button-color-key-focus: white; --spectrum-button-color-disabled: #ffffff40; --spectrum-button-text-color: white; --spectrum-button-text-color-hover: white; --spectrum-button-text-color-down: white; --spectrum-button-text-color-key-focus: white; --spectrum-button-text-color-disabled: #ffffff8c; --spectrum-button-background-color-hover: #ffffff1a; --spectrum-button-background-color-down: #ffffff26; --spectrum-button-background-color-key-focus: #ffffff1a; } .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="negative"][data-style="fill"] { --spectrum-button-color: #ffffffe6; --spectrum-button-color-hover: white; --spectrum-button-color-down: white; --spectrum-button-color-key-focus: white; --spectrum-button-color-disabled: #ffffff1a; --spectrum-button-text-color: black; --spectrum-button-text-color-disabled: #ffffff8c; } .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="negative"][data-style="outline"] { --spectrum-button-color: #ffffffe6; --spectrum-button-color-hover: white; --spectrum-button-color-down: white; --spectrum-button-color-key-focus: white; --spectrum-button-color-disabled: #ffffff40; --spectrum-button-text-color: white; --spectrum-button-text-color-hover: white; --spectrum-button-text-color-down: white; --spectrum-button-text-color-key-focus: white; --spectrum-button-text-color-disabled: #ffffff8c; --spectrum-button-background-color-hover: #ffffff1a; --spectrum-button-background-color-down: #ffffff26; --spectrum-button-background-color-key-focus: #ffffff1a; } .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="primary"][data-style="fill"] { --spectrum-button-color: #ffffffe6; --spectrum-button-color-hover: white; --spectrum-button-color-down: white; --spectrum-button-color-key-focus: white; --spectrum-button-color-disabled: #ffffff1a; --spectrum-button-text-color: black; --spectrum-button-text-color-disabled: #ffffff8c; } .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="primary"][data-style="outline"] { --spectrum-button-color: #ffffffe6; --spectrum-button-color-hover: white; --spectrum-button-color-down: white; --spectrum-button-color-key-focus: white; --spectrum-button-color-disabled: #ffffff40; --spectrum-button-text-color: white; --spectrum-button-text-color-hover: white; --spectrum-button-text-color-down: white; --spectrum-button-text-color-key-focus: white; --spectrum-button-text-color-disabled: #ffffff8c; --spectrum-button-background-color-hover: #ffffff1a; --spectrum-button-background-color-down: #ffffff26; --spectrum-button-background-color-key-focus: #ffffff1a; } .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="secondary"][data-style="fill"] { --spectrum-button-color: #ffffff12; --spectrum-button-color-hover: #ffffff1a; --spectrum-button-color-down: #ffffff26; --spectrum-button-color-key-focus: #ffffff1a; --spectrum-button-color-disabled: #ffffff1a; --spectrum-button-text-color: white; --spectrum-button-text-color-disabled: #ffffff8c; } .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="secondary"][data-style="outline"] { --spectrum-button-color: #ffffff40; --spectrum-button-color-hover: #fff6; --spectrum-button-color-down: #ffffff8c; --spectrum-button-color-key-focus: #fff6; --spectrum-button-color-disabled: #ffffff40; --spectrum-button-text-color: white; --spectrum-button-text-color-hover: white; --spectrum-button-text-color-down: white; --spectrum-button-text-color-key-focus: white; --spectrum-button-text-color-disabled: #ffffff8c; --spectrum-button-background-color-hover: #ffffff1a; --spectrum-button-background-color-down: #ffffff26; --spectrum-button-background-color-key-focus: #ffffff1a; } .o7Xu8a_spectrum-Button[data-static-color="black"] { --spectrum-focus-ring-color: black; } .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="accent"][data-style="fill"] { --spectrum-button-color: #000000e6; --spectrum-button-color-hover: black; --spectrum-button-color-down: black; --spectrum-button-color-key-focus: black; --spectrum-button-color-disabled: #0000001a; --spectrum-button-text-color: white; --spectrum-button-text-color-disabled: #0000008c; } .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="accent"][data-style="outline"] { --spectrum-button-color: #000000e6; --spectrum-button-color-hover: black; --spectrum-button-color-down: black; --spectrum-button-color-key-focus: black; --spectrum-button-color-disabled: #00000040; --spectrum-button-text-color: black; --spectrum-button-text-color-hover: black; --spectrum-button-text-color-down: black; --spectrum-button-text-color-key-focus: black; --spectrum-button-text-color-disabled: #0000008c; --spectrum-button-background-color-hover: #0000001a; --spectrum-button-background-color-down: #00000026; --spectrum-button-background-color-key-focus: #0000001a; } .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="negative"][data-style="fill"] { --spectrum-button-color: #000000e6; --spectrum-button-color-hover: black; --spectrum-button-color-down: black; --spectrum-button-color-key-focus: black; --spectrum-button-color-disabled: #0000001a; --spectrum-button-text-color: white; --spectrum-button-text-color-disabled: #0000008c; } .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="negative"][data-style="outline"] { --spectrum-button-color: #000000e6; --spectrum-button-color-hover: black; --spectrum-button-color-down: black; --spectrum-button-color-key-focus: black; --spectrum-button-color-disabled: #00000040; --spectrum-button-text-color: black; --spectrum-button-text-color-hover: black; --spectrum-button-text-color-down: black; --spectrum-button-text-color-key-focus: black; --spectrum-button-text-color-disabled: #0000008c; --spectrum-button-background-color-hover: #0000001a; --spectrum-button-background-color-down: #00000026; --spectrum-button-background-color-key-focus: #0000001a; } .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="primary"][data-style="fill"] { --spectrum-button-color: #000000e6; --spectrum-button-color-hover: black; --spectrum-button-color-down: black; --spectrum-button-color-key-focus: black; --spectrum-button-color-disabled: #0000001a; --spectrum-button-text-color: white; --spectrum-button-text-color-disabled: #0000008c; } .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="primary"][data-style="outline"] { --spectrum-button-color: #000000e6; --spectrum-button-color-hover: black; --spectrum-button-color-down: black; --spectrum-button-color-key-focus: black; --spectrum-button-color-disabled: #00000040; --spectrum-button-text-color: black; --spectrum-button-text-color-hover: black; --spectrum-button-text-color-down: black; --spectrum-button-text-color-key-focus: black; --spectrum-button-text-color-disabled: #0000008c; --spectrum-button-background-color-hover: #0000001a; --spectrum-button-background-color-down: #00000026; --spectrum-button-background-color-key-focus: #0000001a; } .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="secondary"][data-style="fill"] { --spectrum-button-color: #00000012; --spectrum-button-color-hover: #0000001a; --spectrum-button-color-down: #00000026; --spectrum-button-color-key-focus: #0000001a; --spectrum-button-color-disabled: #0000001a; --spectrum-button-text-color: black; --spectrum-button-text-color-disabled: #0000008c; } .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="secondary"][data-style="outline"] { --spectrum-button-color: #00000040; --spectrum-button-color-hover: #0006; --spectrum-button-color-down: #0000008c; --spectrum-button-color-key-focus: #0006; --spectrum-button-color-disabled: #00000040; --spectrum-button-text-color: black; --spectrum-button-text-color-hover: black; --spectrum-button-text-color-down: black; --spectrum-button-text-color-key-focus: black; --spectrum-button-text-color-disabled: #0000008c; --spectrum-button-background-color-hover: #0000001a; --spectrum-button-background-color-down: #00000026; --spectrum-button-background-color-key-focus: #0000001a; } .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="accent"][data-style="fill"] { --spectrum-button-color: var(--spectrum-accent-background-color-default); --spectrum-button-color-hover: var(--spectrum-accent-background-color-hover); --spectrum-button-color-down: var(--spectrum-accent-background-color-down); --spectrum-button-color-key-focus: var(--spectrum-accent-background-color-key-focus); } .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="accent"][data-style="outline"] { --spectrum-button-color: var(--spectrum-accent-color-900); --spectrum-button-color-hover: var(--spectrum-accent-color-1000); --spectrum-button-color-down: var(--spectrum-accent-color-1100); --spectrum-button-color-key-focus: var(--spectrum-accent-color-1000); --spectrum-button-background-color-hover: var(--spectrum-accent-color-200); --spectrum-button-background-color-down: var(--spectrum-accent-color-300); --spectrum-button-background-color-key-focus: var(--spectrum-accent-color-200); } .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="negative"][data-style="fill"] { --spectrum-button-color: var(--spectrum-negative-background-color-default); --spectrum-button-color-hover: var(--spectrum-negative-background-color-hover); --spectrum-button-color-down: var(--spectrum-negative-background-color-down); --spectrum-button-color-key-focus: var(--spectrum-negative-background-color-key-focus); } .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="negative"][data-style="outline"] { --spectrum-button-color: var(--spectrum-red-900); --spectrum-button-color-hover: var(--spectrum-red-1000); --spectrum-button-color-down: var(--spectrum-red-1100); --spectrum-button-color-key-focus: var(--spectrum-red-1000); --spectrum-button-background-color-hover: var(--spectrum-red-200); --spectrum-button-background-color-down: var(--spectrum-red-300); --spectrum-button-background-color-key-focus: var(--spectrum-red-200); } .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="primary"][data-style="fill"] { --spectrum-button-color: var(--spectrum-neutral-background-color-default); --spectrum-button-color-hover: var(--spectrum-neutral-background-color-hover); --spectrum-button-color-down: var(--spectrum-neutral-background-color-down); --spectrum-button-color-key-focus: var(--spectrum-neutral-background-color-key-focus); } .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="primary"][data-style="outline"] { --spectrum-button-color: var(--spectrum-gray-800); --spectrum-button-color-hover: var(--spectrum-gray-900); --spectrum-button-color-down: var(--spectrum-gray-900); --spectrum-button-color-key-focus: var(--spectrum-gray-900); --spectrum-button-background-color-hover: var(--spectrum-gray-300); --spectrum-button-background-color-down: var(--spectrum-gray-400); --spectrum-button-background-color-key-focus: var(--spectrum-gray-300); } .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="secondary"] { --spectrum-button-text-color: var(--spectrum-gray-800); --spectrum-button-text-color-hover: var(--spectrum-gray-900); --spectrum-button-text-color-down: var(--spectrum-gray-900); --spectrum-button-text-color-key-focus: var(--spectrum-gray-900); } .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="secondary"][data-style="fill"] { --spectrum-button-color: var(--spectrum-gray-200); --spectrum-button-color-hover: var(--spectrum-gray-300); --spectrum-button-color-down: var(--spectrum-gray-400); --spectrum-button-color-key-focus: var(--spectrum-gray-300); } .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="secondary"][data-style="outline"] { --spectrum-button-color: var(--spectrum-gray-300); --spectrum-button-color-hover: var(--spectrum-gray-400); --spectrum-button-color-down: var(--spectrum-gray-500); --spectrum-button-color-key-focus: var(--spectrum-gray-400); --spectrum-button-background-color-hover: var(--spectrum-gray-300); --spectrum-button-background-color-down: var(--spectrum-gray-400); --spectrum-button-background-color-key-focus: var(--spectrum-gray-300); } @media (forced-colors: active) { .o7Xu8a_spectrum-Button, .o7Xu8a_spectrum-ActionButton, .o7Xu8a_spectrum-FieldButton { forced-color-adjust: none; --spectrum-high-contrast-transparent: transparent; --spectrum-high-contrast-button-face: ButtonFace; --spectrum-high-contrast-button-text: ButtonText; --spectrum-high-contrast-highlight: Highlight; --spectrum-high-contrast-highlight-text: HighlightText; --spectrum-high-contrast-gray-text: GrayText; } .o7Xu8a_spectrum-Button, .o7Xu8a_spectrum-ActionButton { --spectrum-high-contrast-focus-ring-color: ButtonText; } .o7Xu8a_spectrum-FieldButton { --spectrum-high-contrast-focus-ring-color: Highlight; } .o7Xu8a_spectrum-Button--pending.o7Xu8a_is-disabled { border-color: var(--spectrum-high-contrast-gray-text); } } .o7Xu8a_spectrum-ActionButton { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color, var(--spectrum-global-color-gray-75))); border-color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-border-color, var(--spectrum-alias-border-color))); color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color, var(--spectrum-alias-text-color))); } .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-icon-color, var(--spectrum-alias-icon-color))); } .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-hold-icon-color, var(--spectrum-alias-icon-color))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-hovered { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50))); border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-border-color-hover, var(--spectrum-alias-border-color-hover))); color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color-hover, var(--spectrum-alias-text-color-hover))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-hold-icon-color-hover, var(--spectrum-alias-icon-color-hover)); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_focus-ring { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-key-focus, var(--spectrum-global-color-gray-50))); border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-border-color-hover, var(--spectrum-alias-border-color-hover))); color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color-key-focus, var(--spectrum-alias-text-color-hover))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-icon-color-key-focus, var(--spectrum-alias-icon-color-focus))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-hold-icon-color-key-focus, var(--spectrum-alias-icon-color-hover))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-active { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200))); border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-border-color-down, var(--spectrum-alias-border-color-down))); color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-active .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-hold-icon-color-down, var(--spectrum-alias-icon-color-down))); } .o7Xu8a_spectrum-ActionButton:disabled { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-disabled, var(--spectrum-global-color-gray-200))); border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-disabled, var(--spectrum-alias-border-color-disabled))); color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled))); } .o7Xu8a_spectrum-ActionButton:disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton:disabled .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-hold-icon-color-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-disabled { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-disabled, var(--spectrum-global-color-gray-200))); border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-disabled, var(--spectrum-alias-border-color-disabled))); color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-hold-icon-color-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50)); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50)); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-hovered { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected-hover)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected-hover)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50)); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50)); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_focus-ring { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected-key-focus)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected-key-focus)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50)); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50)); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-active { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected-down)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected-down)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50)); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50)); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected:disabled { background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-background-color-selected-disabled, var(--spectrum-global-color-gray-200))); border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled))); color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-disabled { background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-background-color-selected-disabled, var(--spectrum-global-color-gray-200))); border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled))); color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled))); } .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-default)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-default)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-key-focus)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-hover)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-hover, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-hover, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-down)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-down)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-down, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-down, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled { background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200))); border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled))); color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled { background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200))); border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled))); color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-default)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-default)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_focus-ring { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-key-focus)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-hovered { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-hover)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-hover, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-hover, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-active { background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-down)); border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-down)); color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-down, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-down, var(--spectrum-global-color-static-white))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected:disabled { background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200))); border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled))); color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-disabled { background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200))); border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled))); color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled))); } .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled))); } .o7Xu8a_spectrum-ActionButton--quiet { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color, var(--spectrum-alias-background-color-transparent))); border-color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-border-color, var(--spectrum-alias-border-color-transparent))); color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color, var(--spectrum-alias-text-color))); } .o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-hovered { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-hover, var(--spectrum-alias-background-color-transparent))); border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-quiet-border-color-hover, var(--spectrum-alias-border-color-transparent))); color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-hover, var(--spectrum-alias-text-color-hover))); } .o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_focus-ring { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent))); border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-quiet-border-color-hover, var(--spectrum-alias-border-color-transparent))); color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-key-focus, var(--spectrum-alias-text-color-hover))); } .o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-active { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-down, var(--spectrum-global-color-gray-300))); border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-quiet-border-color-down, var(--spectrum-global-color-gray-300))); color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-down, var(--spectrum-alias-text-color-down))); } .o7Xu8a_spectrum-ActionButton--quiet:disabled, .o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-disabled { background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent))); border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-border-color-disabled, var(--spectrum-alias-border-color-transparent))); color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled))); } .o7Xu8a_spectrum-ActionButton--staticWhite { mix-blend-mode: screen; --spectrum-actionbutton-static-background-color: var(--spectrum-actionbutton-static-white-background-color); --spectrum-actionbutton-static-background-color-hover: #ffffff1a; --spectrum-actionbutton-static-background-color-focus: #ffffff1a; --spectrum-actionbutton-static-background-color-active: #ffffff26; --spectrum-actionbutton-static-background-color-disabled: var(--spectrum-actionbutton-static-white-background-color-disabled); --spectrum-actionbutton-static-background-color-selected: #ffffffe6; --spectrum-actionbutton-static-background-color-selected-hover: white; --spectrum-actionbutton-static-background-color-selected-focus: white; --spectrum-actionbutton-static-background-color-selected-active: white; --spectrum-actionbutton-static-background-color-selected-disabled: #ffffff1a; --spectrum-actionbutton-static-border-color: var(--spectrum-actionbutton-static-white-border-color); --spectrum-actionbutton-static-border-color-hover: var(--spectrum-actionbutton-static-white-border-color-hover); --spectrum-actionbutton-static-border-color-active: var(--spectrum-actionbutton-static-white-border-color-down); --spectrum-actionbutton-static-border-color-selected: var(--spectrum-actionbutton-static-background-color-selected); --spectrum-actionbutton-static-border-color-focus: var(--spectrum-actionbutton-static-white-border-color-key-focus); --spectrum-actionbutton-static-border-color-disabled: var(--spectrum-actionbutton-static-white-border-color-disabled); --spectrum-actionbutton-static-border-color-selected-disabled: var(--spectrum-actionbutton-static-white-border-color-selected-disabled); --spectrum-actionbutton-static-color: white; --spectrum-actionbutton-static-color-selected: black; --spectrum-actionbutton-static-color-disabled: #ffffff8c; --spectrum-actionbutton-static-color-selected-disabled: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticWhite.o7Xu8a_spectrum-ActionButton--quiet { --spectrum-actionbutton-static-border-color: transparent; --spectrum-actionbutton-static-border-color-hover: transparent; --spectrum-actionbutton-static-border-color-active: transparent; --spectrum-actionbutton-static-border-color-selected: transparent; } .o7Xu8a_spectrum-ActionButton--staticBlack { mix-blend-mode: multiply; --spectrum-actionbutton-static-background-color: var(--spectrum-actionbutton-static-black-background-color); --spectrum-actionbutton-static-background-color-hover: #0000001a; --spectrum-actionbutton-static-background-color-focus: #0000001a; --spectrum-actionbutton-static-background-color-active: #00000026; --spectrum-actionbutton-static-background-color-selected: #000000e6; --spectrum-actionbutton-static-background-color-disabled: var(--spectrum-actionbutton-static-black-background-color-disabled); --spectrum-actionbutton-static-background-color-selected-hover: black; --spectrum-actionbutton-static-background-color-selected-focus: black; --spectrum-actionbutton-static-background-color-selected-active: black; --spectrum-actionbutton-static-background-color-selected-disabled: #0000001a; --spectrum-actionbutton-static-border-color: var(--spectrum-actionbutton-static-black-border-color); --spectrum-actionbutton-static-border-color-hover: var(--spectrum-actionbutton-static-black-border-color-hover); --spectrum-actionbutton-static-border-color-active: var(--spectrum-actionbutton-static-black-border-color-down); --spectrum-actionbutton-static-border-color-selected: var(--spectrum-actionbutton-static-background-color-selected); --spectrum-actionbutton-static-border-color-focus: var(--spectrum-actionbutton-static-black-border-color-key-focus); --spectrum-actionbutton-static-border-color-disabled: var(--spectrum-actionbutton-static-black-border-color-disabled); --spectrum-actionbutton-static-border-color-selected-disabled: var(--spectrum-actionbutton-static-black-border-color-selected-disabled); --spectrum-actionbutton-static-color: black; --spectrum-actionbutton-static-color-selected: white; --spectrum-actionbutton-static-color-disabled: #0000008c; --spectrum-actionbutton-static-color-selected-disabled: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticBlack.o7Xu8a_spectrum-ActionButton--quiet { --spectrum-actionbutton-static-border-color: transparent; --spectrum-actionbutton-static-border-color-hover: transparent; --spectrum-actionbutton-static-border-color-active: transparent; --spectrum-actionbutton-static-border-color-selected: transparent; } .o7Xu8a_spectrum-ActionButton--staticColor { background-color: var(--spectrum-actionbutton-static-background-color); border-color: var(--spectrum-actionbutton-static-border-color); color: var(--spectrum-actionbutton-static-color); --spectrum-focus-ring-color: var(--spectrum-actionbutton-static-color); } .o7Xu8a_spectrum-ActionButton--staticColor .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-hovered { background-color: var(--spectrum-actionbutton-static-background-color-hover); border-color: var(--spectrum-actionbutton-static-border-color-hover); color: var(--spectrum-actionbutton-static-color); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-hovered .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-static-color); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring { background-color: var(--spectrum-actionbutton-static-background-color-focus); border-color: var(--spectrum-actionbutton-static-border-color-focus); box-shadow: none; color: var(--spectrum-actionbutton-static-color); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring.o7Xu8a_is-hovered, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring.o7Xu8a_is-active { border-color: var(--spectrum-actionbutton-static-border-color-focus); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-static-color); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-active { background-color: var(--spectrum-actionbutton-static-background-color-active); border-color: var(--spectrum-actionbutton-static-border-color-active); color: var(--spectrum-actionbutton-static-color); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-active .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-static-color); } .o7Xu8a_spectrum-ActionButton--staticColor:disabled { background-color: var(--spectrum-actionbutton-static-background-color-disabled); border-color: var(--spectrum-actionbutton-static-border-color-disabled); color: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor:disabled .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor:disabled .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-disabled { background-color: var(--spectrum-actionbutton-static-background-color-disabled); border-color: var(--spectrum-actionbutton-static-border-color-disabled); color: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected { background-color: var(--spectrum-actionbutton-static-background-color-selected); border-color: var(--spectrum-actionbutton-static-border-color-selected); color: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring { background-color: var(--spectrum-actionbutton-static-background-color-selected-focus); border-color: var(--spectrum-actionbutton-static-background-color-selected-focus); color: var(--spectrum-actionbutton-static-color-selected); box-shadow: none; } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered { background-color: var(--spectrum-actionbutton-static-background-color-selected-hover); border-color: var(--spectrum-actionbutton-static-background-color-selected-hover); color: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active { background-color: var(--spectrum-actionbutton-static-background-color-selected-hover); border-color: var(--spectrum-actionbutton-static-background-color-selected-hover); color: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled { background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled); border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled); color: var(--spectrum-actionbutton-static-color-selected-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled { background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled); border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled); color: var(--spectrum-actionbutton-static-color-selected-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected { background-color: var(--spectrum-actionbutton-static-background-color-selected); border-color: var(--spectrum-actionbutton-static-border-color-selected); color: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_focus-ring { background-color: var(--spectrum-actionbutton-static-background-color-selected-focus); border-color: var(--spectrum-actionbutton-static-background-color-selected-focus); color: var(--spectrum-actionbutton-static-color-selected); box-shadow: none; } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-hovered { background-color: var(--spectrum-actionbutton-static-background-color-selected-hover); border-color: var(--spectrum-actionbutton-static-background-color-selected-hover); color: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-active { background-color: var(--spectrum-actionbutton-static-background-color-selected-hover); border-color: var(--spectrum-actionbutton-static-background-color-selected-hover); color: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected:disabled { background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled); border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled); color: var(--spectrum-actionbutton-static-color-selected-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-disabled { background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled); border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled); color: var(--spectrum-actionbutton-static-color-selected-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-actionbutton-static-color-selected-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold { fill: var(--spectrum-actionbutton-static-color-disabled); } .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet { --spectrum-actionbutton-static-background-color: transparent; --spectrum-actionbutton-static-background-color-disabled: transparent; --spectrum-actionbutton-static-border-color: transparent; --spectrum-actionbutton-static-border-color-disabled: transparent; --spectrum-actionbutton-static-border-color-selected-hover: transparent; --spectrum-actionbutton-static-border-color-focus: transparent; --spectrum-actionbutton-static-border-color-active: transparent; --spectrum-actionbutton-static-border-color-selected-disabled: transparent; } .o7Xu8a_spectrum-LogicButton--and { background-color: var(--spectrum-global-color-static-blue-600, #1473e6); border-color: var(--spectrum-global-color-static-blue-600, #1473e6); color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white)); } .o7Xu8a_spectrum-LogicButton--and.o7Xu8a_is-hovered { background-color: var(--spectrum-global-color-static-blue-700, #0d66d0); border-color: var(--spectrum-global-color-static-blue-700, #0d66d0); color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white)); } .o7Xu8a_spectrum-LogicButton--and:disabled, .o7Xu8a_spectrum-LogicButton--and.o7Xu8a_is-disabled { background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200)); border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200)); color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .o7Xu8a_spectrum-LogicButton--or { background-color: var(--spectrum-global-color-static-magenta-500, #d83790); border-color: var(--spectrum-global-color-static-magenta-500, #d83790); color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white)); } .o7Xu8a_spectrum-LogicButton--or.o7Xu8a_is-hovered { background-color: var(--spectrum-global-color-static-magenta-600, #ca2982); border-color: var(--spectrum-global-color-static-magenta-600, #ca2982); color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white)); } .o7Xu8a_spectrum-LogicButton--or:disabled, .o7Xu8a_spectrum-LogicButton--or.o7Xu8a_is-disabled { background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200)); border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200)); color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .o7Xu8a_spectrum-FieldButton { color: var(--spectrum-fieldbutton-text-color, var(--spectrum-alias-text-color)); background-color: var(--spectrum-fieldbutton-background-color, var(--spectrum-global-color-gray-75)); border-color: var(--spectrum-fieldbutton-border-color, var(--spectrum-alias-border-color)); } .o7Xu8a_spectrum-FieldButton .o7Xu8a_spectrum-Icon { fill: var(--spectrum-fieldbutton-icon-color, var(--spectrum-alias-icon-color)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-hovered { color: var(--spectrum-fieldbutton-text-color-hover, var(--spectrum-alias-text-color-hover)); background-color: var(--spectrum-fieldbutton-background-color-hover, var(--spectrum-global-color-gray-50)); border-color: var(--spectrum-fieldbutton-border-color-hover, var(--spectrum-alias-border-color-hover)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon { fill: var(--spectrum-fieldbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-active { background-color: var(--spectrum-fieldbutton-background-color-down, var(--spectrum-global-color-gray-200)); border-color: var(--spectrum-fieldbutton-border-color-down, var(--spectrum-alias-border-color-down)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-active .o7Xu8a_spectrum-Icon { fill: var(--spectrum-fieldbutton-icon-color-down, var(--spectrum-alias-icon-color-down)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-selected { background-color: var(--spectrum-fieldbutton-background-color-down, var(--spectrum-global-color-gray-200)); border-color: var(--spectrum-fieldbutton-border-color-down, var(--spectrum-alias-border-color-down)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon { fill: var(--spectrum-fieldbutton-icon-color-down, var(--spectrum-alias-icon-color-down)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_focus-ring { background-color: var(--spectrum-fieldbutton-background-color-key-focus, var(--spectrum-global-color-gray-50)); border-color: var(--spectrum-fieldbutton-border-color-key-focus, var(--spectrum-alias-border-color-focus)); color: var(--spectrum-fieldbutton-text-color-key-focus, var(--spectrum-alias-text-color-hover)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon { fill: var(--spectrum-fieldbutton-icon-color-key-focus, var(--spectrum-alias-icon-color-focus)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_focus-ring.o7Xu8a_is-placeholder { fill: var(--spectrum-fieldbutton-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-focused { background-color: var(--spectrum-fieldbutton-background-color-key-focus, var(--spectrum-global-color-gray-50)); border-color: var(--spectrum-fieldbutton-border-color-key-focus, var(--spectrum-alias-border-color-focus)); color: var(--spectrum-fieldbutton-text-color-key-focus, var(--spectrum-alias-text-color-hover)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-focused .o7Xu8a_spectrum-Icon { fill: var(--spectrum-fieldbutton-icon-color-key-focus, var(--spectrum-alias-icon-color-focus)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-focused.o7Xu8a_is-placeholder { fill: var(--spectrum-fieldbutton-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid { border-color: var(--spectrum-fieldbutton-border-color-error, var(--spectrum-global-color-red-500)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-hovered { border-color: var(--spectrum-fieldbutton-border-color-error-hover, var(--spectrum-global-color-red-600)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-active, .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-selected { border-color: var(--spectrum-fieldbutton-border-color-error-down, var(--spectrum-global-color-red-600)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-focused { border-color: var(--spectrum-fieldbutton-border-color-error-key-focus, var(--spectrum-alias-border-color-focus)); } .o7Xu8a_spectrum-FieldButton:disabled { background-color: var(--spectrum-fieldbutton-background-color-disabled, var(--spectrum-global-color-gray-200)); color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .o7Xu8a_spectrum-FieldButton:disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-fieldbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-disabled { background-color: var(--spectrum-fieldbutton-background-color-disabled, var(--spectrum-global-color-gray-200)); color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon { fill: var(--spectrum-fieldbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)); } .o7Xu8a_spectrum-FieldButton--quiet { color: var(--spectrum-fieldbutton-text-color, var(--spectrum-alias-text-color)); border-color: var(--spectrum-fieldbutton-quiet-border-color, var(--spectrum-alias-border-color-transparent)); background-color: var(--spectrum-fieldbutton-quiet-background-color, var(--spectrum-alias-background-color-transparent)); } .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-hovered { background-color: var(--spectrum-fieldbutton-quiet-background-color-hover, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-fieldbutton-text-color-hover, var(--spectrum-alias-text-color-hover)); } .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_focus-ring { background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent)); } .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_focus-ring.o7Xu8a_is-placeholder { color: var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover)); } .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-focused { background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent)); } .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-focused.o7Xu8a_is-placeholder { color: var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover)); } .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-active { background-color: var(--spectrum-fieldbutton-quiet-background-color-down, var(--spectrum-alias-background-color-transparent)); border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent)); } .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-active.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-active.o7Xu8a_is-focused { background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent)); } .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-selected { background-color: var(--spectrum-fieldbutton-quiet-background-color-down, var(--spectrum-alias-background-color-transparent)); border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent)); } .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-focused { background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent)); } .o7Xu8a_spectrum-FieldButton--quiet:disabled, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-disabled { background-color: var(--spectrum-fieldbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } @media (forced-colors: active) { .o7Xu8a_spectrum-ActionButton, .o7Xu8a_spectrum-ClearButton, .o7Xu8a_spectrum-LogicButton, .o7Xu8a_spectrum-FieldButton { forced-color-adjust: none; --spectrum-clearbutton-medium-icon-color: ButtonText; --spectrum-clearbutton-medium-icon-color-disabled: GrayText; --spectrum-clearbutton-medium-icon-color-down: Highlight; --spectrum-clearbutton-medium-icon-color-hover: Highlight; --spectrum-clearbutton-medium-icon-color-key-focus: Highlight; --spectrum-fieldbutton-background-color: ButtonFace; --spectrum-fieldbutton-background-color-disabled: ButtonFace; --spectrum-fieldbutton-background-color-down: ButtonFace; --spectrum-fieldbutton-background-color-hover: ButtonFace; --spectrum-fieldbutton-background-color-key-focus: ButtonFace; --spectrum-fieldbutton-border-color: ButtonText; --spectrum-fieldbutton-border-color-down: Highlight; --spectrum-fieldbutton-border-color-error: ButtonText; --spectrum-fieldbutton-border-color-error-down: Highlight; --spectrum-fieldbutton-border-color-error-hover: Highlight; --spectrum-fieldbutton-border-color-error-key-focus: Highlight; --spectrum-fieldbutton-border-color-hover: Highlight; --spectrum-fieldbutton-border-color-key-focus: Highlight; --spectrum-fieldbutton-icon-color-disabled: GrayText; --spectrum-fieldbutton-placeholder-text-color-key-focus: ButtonText; --spectrum-fieldbutton-quiet-background-color: ButtonFace; --spectrum-fieldbutton-quiet-background-color-disabled: ButtonFace; --spectrum-fieldbutton-quiet-background-color-down: ButtonFace; --spectrum-fieldbutton-quiet-background-color-hover: ButtonFace; --spectrum-fieldbutton-quiet-background-color-key-focus: ButtonFace; --spectrum-fieldbutton-quiet-border-color: ButtonFace; --spectrum-fieldbutton-quiet-border-color-down: Highlight; --spectrum-fieldbutton-quiet-placeholder-text-color-key-focus: ButtonText; --spectrum-fieldbutton-text-color: ButtonText; --spectrum-fieldbutton-text-color-disabled: GrayText; --spectrum-fieldbutton-text-color-hover: ButtonText; --spectrum-fieldbutton-text-color-key-focus: ButtonText; --spectrum-logicbutton-and-background-color: ButtonFace; --spectrum-logicbutton-and-background-color-disabled: ButtonFace; --spectrum-logicbutton-and-background-color-hover: ButtonFace; --spectrum-logicbutton-and-border-color: ButtonText; --spectrum-logicbutton-and-border-color-disabled: GrayText; --spectrum-logicbutton-and-border-color-hover: Highlight; --spectrum-logicbutton-and-text-color: ButtonText; --spectrum-logicbutton-and-text-color-disabled: GrayText; --spectrum-logicbutton-or-background-color: ButtonFace; --spectrum-logicbutton-or-background-color-hover: ButtonFace; --spectrum-logicbutton-or-border-color: ButtonText; --spectrum-logicbutton-or-border-color-hover: Highlight; --spectrum-logicbutton-or-text-color: ButtonText; --spectrum-button-primary-focus-ring-color-key-focus: CanvasText; --spectrum-button-primary-focus-ring-size-key-focus: 3px; --spectrum-dropdown-border-color-key-focus: Highlight; } .o7Xu8a_spectrum-Button--overBackground { --spectrum-button-over-background-color: ButtonText; } .o7Xu8a_spectrum-ActionButton--staticColor, .o7Xu8a_spectrum-ActionButton--staticWhite, .o7Xu8a_spectrum-ActionButton--staticBlack, .o7Xu8a_spectrum-ActionButton--staticWhite.o7Xu8a_spectrum-ActionButton--quiet, .o7Xu8a_spectrum-ActionButton--staticBlack.o7Xu8a_spectrum-ActionButton--quiet { mix-blend-mode: normal; --spectrum-actionbutton-static-background-color: ButtonFace; --spectrum-actionbutton-static-background-color-disabled: var(--spectrum-high-contrast-transparent); --spectrum-actionbutton-static-background-color-selected-disabled: GrayText; --spectrum-actionbutton-static-background-color-hover: ButtonFace; --spectrum-actionbutton-static-background-color-focus: ButtonFace; --spectrum-actionbutton-static-background-color-active: ButtonFace; --spectrum-actionbutton-static-background-color-selected: Highlight; --spectrum-actionbutton-static-background-color-selected-hover: Highlight; --spectrum-actionbutton-static-background-color-selected-focus: Highlight; --spectrum-actionbutton-static-background-color-selected-active: Highlight; --spectrum-actionbutton-static-border-color: ButtonText; --spectrum-actionbutton-static-border-color-hover: Highlight; --spectrum-actionbutton-static-border-color-active: ButtonText; --spectrum-actionbutton-static-border-color-focus: CanvasText; --spectrum-actionbutton-static-border-color-disabled: GrayText; --spectrum-actionbutton-static-border-color-selected-disabled: GrayText; --spectrum-actionbutton-static-color: ButtonText; --spectrum-actionbutton-static-color-selected: HighlightText; --spectrum-actionbutton-static-color-disabled: GrayText; --spectrum-actionbutton-static-color-selected-disabled: ButtonFace; } } .iZc1lq_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .iZc1lq_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .iZc1lq_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .iZc1lq_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .iZc1lq_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .iZc1lq_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .iZc1lq_i18nFontFamily:lang(zh-SG), .iZc1lq_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .iZc1lq_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .iZc1lq_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .iZc1lq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .iZc1lq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .iZc1lq_spectrum-FocusRing.iZc1lq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .iZc1lq_spectrum-FocusRing--quiet:after { border-radius: 0; } .iZc1lq_spectrum-FocusRing--quiet.iZc1lq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .iZc1lq_spectrum-FocusRing, .iZc1lq_spectrum-FocusRing-ring, .iZc1lq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.iZc1lq_spectrum-FocusRing, .iZc1lq_spectrum-FocusRing-ring, .iZc1lq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .iZc1lq_spectrum-CircleLoader--indeterminate-fill-submask-2 { animation: 1s linear infinite iZc1lq_spectrum-fill-mask-2; } @keyframes iZc1lq_spectrum-fill-mask-1 { 0% { transform: rotate(90deg); } 1.69% { transform: rotate(72.3deg); } 3.39% { transform: rotate(55.5deg); } 5.08% { transform: rotate(40.3deg); } 6.78% { transform: rotate(25deg); } 8.47% { transform: rotate(10.6deg); } 10.17% { transform: rotate(0); } 11.86% { transform: rotate(0); } 13.56% { transform: rotate(0); } 15.25% { transform: rotate(0); } 16.95% { transform: rotate(0); } 18.64% { transform: rotate(0); } 20.34% { transform: rotate(0); } 22.03% { transform: rotate(0); } 23.73% { transform: rotate(0); } 25.42% { transform: rotate(0); } 27.12% { transform: rotate(0); } 28.81% { transform: rotate(0); } 30.51% { transform: rotate(0); } 32.2% { transform: rotate(0); } 33.9% { transform: rotate(0); } 35.59% { transform: rotate(0); } 37.29% { transform: rotate(0); } 38.98% { transform: rotate(0); } 40.68% { transform: rotate(0); } 42.37% { transform: rotate(5.3deg); } 44.07% { transform: rotate(13.4deg); } 45.76% { transform: rotate(20.6deg); } 47.46% { transform: rotate(29deg); } 49.15% { transform: rotate(36.5deg); } 50.85% { transform: rotate(42.6deg); } 52.54% { transform: rotate(48.8deg); } 54.24% { transform: rotate(54.2deg); } 55.93% { transform: rotate(59.4deg); } 57.63% { transform: rotate(63.2deg); } 59.32% { transform: rotate(67.2deg); } 61.02% { transform: rotate(70.8deg); } 62.71% { transform: rotate(73.8deg); } 64.41% { transform: rotate(76.2deg); } 66.1% { transform: rotate(78.7deg); } 67.8% { transform: rotate(80.6deg); } 69.49% { transform: rotate(82.6deg); } 71.19% { transform: rotate(83.7deg); } 72.88% { transform: rotate(85deg); } 74.58% { transform: rotate(86.3deg); } 76.27% { transform: rotate(87deg); } 77.97% { transform: rotate(87.7deg); } 79.66% { transform: rotate(88.3deg); } 81.36% { transform: rotate(88.6deg); } 83.05% { transform: rotate(89.2deg); } 84.75% { transform: rotate(89.2deg); } 86.44% { transform: rotate(89.5deg); } 88.14% { transform: rotate(89.9deg); } 89.83% { transform: rotate(89.7deg); } 91.53% { transform: rotate(90.1deg); } 93.22% { transform: rotate(90.2deg); } 94.92% { transform: rotate(90.1deg); } 96.61% { transform: rotate(90deg); } 98.31% { transform: rotate(89.8deg); } 100% { transform: rotate(90deg); } } @keyframes iZc1lq_spectrum-fill-mask-2 { 0% { transform: rotate(180deg); } 1.69% { transform: rotate(180deg); } 3.39% { transform: rotate(180deg); } 5.08% { transform: rotate(180deg); } 6.78% { transform: rotate(180deg); } 8.47% { transform: rotate(180deg); } 10.17% { transform: rotate(179.2deg); } 11.86% { transform: rotate(164deg); } 13.56% { transform: rotate(151.8deg); } 15.25% { transform: rotate(140.8deg); } 16.95% { transform: rotate(130.3deg); } 18.64% { transform: rotate(120.4deg); } 20.34% { transform: rotate(110.8deg); } 22.03% { transform: rotate(101.6deg); } 23.73% { transform: rotate(93.5deg); } 25.42% { transform: rotate(85.4deg); } 27.12% { transform: rotate(78.1deg); } 28.81% { transform: rotate(71.2deg); } 30.51% { transform: rotate(89.1deg); } 32.2% { transform: rotate(105.5deg); } 33.9% { transform: rotate(121.3deg); } 35.59% { transform: rotate(135.5deg); } 37.29% { transform: rotate(148.4deg); } 38.98% { transform: rotate(161deg); } 40.68% { transform: rotate(173.5deg); } 42.37% { transform: rotate(180deg); } 44.07% { transform: rotate(180deg); } 45.76% { transform: rotate(180deg); } 47.46% { transform: rotate(180deg); } 49.15% { transform: rotate(180deg); } 50.85% { transform: rotate(180deg); } 52.54% { transform: rotate(180deg); } 54.24% { transform: rotate(180deg); } 55.93% { transform: rotate(180deg); } 57.63% { transform: rotate(180deg); } 59.32% { transform: rotate(180deg); } 61.02% { transform: rotate(180deg); } 62.71% { transform: rotate(180deg); } 64.41% { transform: rotate(180deg); } 66.1% { transform: rotate(180deg); } 67.8% { transform: rotate(180deg); } 69.49% { transform: rotate(180deg); } 71.19% { transform: rotate(180deg); } 72.88% { transform: rotate(180deg); } 74.58% { transform: rotate(180deg); } 76.27% { transform: rotate(180deg); } 77.97% { transform: rotate(180deg); } 79.66% { transform: rotate(180deg); } 81.36% { transform: rotate(180deg); } 83.05% { transform: rotate(180deg); } 84.75% { transform: rotate(180deg); } 86.44% { transform: rotate(180deg); } 88.14% { transform: rotate(180deg); } 89.83% { transform: rotate(180deg); } 91.53% { transform: rotate(180deg); } 93.22% { transform: rotate(180deg); } 94.92% { transform: rotate(180deg); } 96.61% { transform: rotate(180deg); } 98.31% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } @keyframes iZc1lq_spectrum-fills-rotate { 0% { transform: rotate(-90deg); } 100% { transform: rotate(270deg); } } .iZc1lq_spectrum-CircleLoader { width: var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400)); height: var(--spectrum-loader-circle-medium-height, var(--spectrum-global-dimension-static-size-400)); direction: ltr; display: inline-block; position: relative; } .iZc1lq_spectrum-CircleLoader-track { box-sizing: border-box; width: calc(var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400))); height: calc(var(--spectrum-loader-circle-medium-height, var(--spectrum-global-dimension-static-size-400))); border-style: solid; border-width: var(--spectrum-loader-circle-medium-border-size); border-radius: var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400)); } .iZc1lq_spectrum-CircleLoader-fills { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .iZc1lq_spectrum-CircleLoader-fill { box-sizing: border-box; width: calc(var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400))); height: calc(var(--spectrum-loader-circle-medium-height, var(--spectrum-global-dimension-static-size-400))); border-style: solid; border-width: var(--spectrum-loader-circle-medium-border-size); border-radius: var(--spectrum-loader-circle-medium-width, var(--spectrum-global-dimension-static-size-400)); } .iZc1lq_spectrum-CircleLoader-fillMask1, .iZc1lq_spectrum-CircleLoader-fillMask2 { transform-origin: 100%; width: 50%; height: 100%; position: absolute; overflow: hidden; transform: rotate(180deg); } .iZc1lq_spectrum-CircleLoader-fillSubMask1, .iZc1lq_spectrum-CircleLoader-fillSubMask2 { transform-origin: 100%; width: 100%; height: 100%; overflow: hidden; transform: rotate(-180deg); } .iZc1lq_spectrum-CircleLoader-fillMask2 { transform: rotate(0); } .iZc1lq_spectrum-CircleLoader--small { width: var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200)); height: var(--spectrum-loader-circle-small-height, var(--spectrum-global-dimension-static-size-200)); } .iZc1lq_spectrum-CircleLoader--small .iZc1lq_spectrum-CircleLoader-track, .iZc1lq_spectrum-CircleLoader--small .iZc1lq_spectrum-CircleLoader-fill { width: calc(var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200))); height: calc(var(--spectrum-loader-circle-small-height, var(--spectrum-global-dimension-static-size-200))); border-style: solid; border-width: var(--spectrum-loader-circle-small-border-size); border-radius: var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200)); } .iZc1lq_spectrum-CircleLoader--large { width: var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800)); height: var(--spectrum-loader-circle-large-height, var(--spectrum-global-dimension-size-800)); } .iZc1lq_spectrum-CircleLoader--large .iZc1lq_spectrum-CircleLoader-track, .iZc1lq_spectrum-CircleLoader--large .iZc1lq_spectrum-CircleLoader-fill { width: calc(var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800))); height: calc(var(--spectrum-loader-circle-large-height, var(--spectrum-global-dimension-size-800))); border-style: solid; border-width: var(--spectrum-loader-circle-large-border-size, var(--spectrum-global-dimension-size-50)); border-radius: var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800)); } .iZc1lq_spectrum-CircleLoader--indeterminate .iZc1lq_spectrum-CircleLoader-fills { will-change: transform; transform-origin: center; animation: 1s cubic-bezier(.25, .78, .48, .89) infinite iZc1lq_spectrum-fills-rotate; transform: translateZ(0); } .iZc1lq_spectrum-CircleLoader--indeterminate .iZc1lq_spectrum-CircleLoader-fillSubMask1 { will-change: transform; animation: 1s linear infinite iZc1lq_spectrum-fill-mask-1; transform: translateZ(0); } .iZc1lq_spectrum-CircleLoader--indeterminate .iZc1lq_spectrum-CircleLoader-fillSubMask2 { will-change: transform; animation: 1s linear infinite iZc1lq_spectrum-fill-mask-2; transform: translateZ(0); } .iZc1lq_spectrum-CircleLoader { --spectrum-loader-circle-medium-track-fill-color: var(--spectrum-accent-color-900); --spectrum-loader-circle-static-black-track-color: #00000040; --spectrum-loader-circle-static-black-fill-color: var(--spectrum-global-color-static-black, #000); } .iZc1lq_spectrum-CircleLoader-track { border-color: var(--spectrum-loader-circle-medium-track-color, var(--spectrum-alias-track-color-default)); } .iZc1lq_spectrum-CircleLoader-fill { border-color: var(--spectrum-loader-circle-medium-track-fill-color, var(--spectrum-global-color-blue-500)); } :is(.iZc1lq_spectrum-CircleLoader--overBackground, .iZc1lq_spectrum-CircleLoader--staticWhite) .iZc1lq_spectrum-CircleLoader-track { border-color: var(--spectrum-loader-circle-medium-over-background-track-color, var(--spectrum-alias-track-color-over-background)); } :is(.iZc1lq_spectrum-CircleLoader--overBackground, .iZc1lq_spectrum-CircleLoader--staticWhite) .iZc1lq_spectrum-CircleLoader-fill { border-color: var(--spectrum-loader-circle-medium-over-background-track-fill-color, var(--spectrum-global-color-static-white)); } .iZc1lq_spectrum-CircleLoader--staticBlack .iZc1lq_spectrum-CircleLoader-track { border-color: var(--spectrum-loader-circle-static-black-track-color); } .iZc1lq_spectrum-CircleLoader--staticBlack .iZc1lq_spectrum-CircleLoader-fill { border-color: var(--spectrum-loader-circle-static-black-fill-color); } @media (forced-colors: active) { .iZc1lq_spectrum-CircleLoader { --spectrum-loader-circle-medium-track-fill-color: Highlight; --spectrum-loader-circle-medium-over-background-track-fill-color: Highlight; --spectrum-loader-circle-static-black-fill-color: Highlight; --spectrum-loader-circle-medium-track-color: Background; --spectrum-loader-circle-medium-over-background-track-color: Background; --spectrum-loader-circle-static-black-track-color: Background; } } ._1DrGeG_spectrum--large { --spectrum-global-dimension-scale-factor: 1.25; --spectrum-global-dimension-size-0: 0px; --spectrum-global-dimension-size-10: 1px; --spectrum-global-dimension-size-25: 2px; --spectrum-global-dimension-size-40: 4px; --spectrum-global-dimension-size-50: 5px; --spectrum-global-dimension-size-65: 6px; --spectrum-global-dimension-size-75: 8px; --spectrum-global-dimension-size-85: 9px; --spectrum-global-dimension-size-100: 10px; --spectrum-global-dimension-size-115: 11px; --spectrum-global-dimension-size-125: 13px; --spectrum-global-dimension-size-130: 14px; --spectrum-global-dimension-size-150: 15px; --spectrum-global-dimension-size-160: 16px; --spectrum-global-dimension-size-175: 18px; --spectrum-global-dimension-size-200: 20px; --spectrum-global-dimension-size-225: 22px; --spectrum-global-dimension-size-250: 25px; --spectrum-global-dimension-size-275: 28px; --spectrum-global-dimension-size-300: 30px; --spectrum-global-dimension-size-325: 32px; --spectrum-global-dimension-size-350: 35px; --spectrum-global-dimension-size-400: 40px; --spectrum-global-dimension-size-450: 45px; --spectrum-global-dimension-size-500: 50px; --spectrum-global-dimension-size-550: 56px; --spectrum-global-dimension-size-600: 60px; --spectrum-global-dimension-size-675: 68px; --spectrum-global-dimension-size-700: 70px; --spectrum-global-dimension-size-800: 80px; --spectrum-global-dimension-size-900: 90px; --spectrum-global-dimension-size-1000: 100px; --spectrum-global-dimension-size-1200: 120px; --spectrum-global-dimension-size-1250: 125px; --spectrum-global-dimension-size-1600: 160px; --spectrum-global-dimension-size-1700: 170px; --spectrum-global-dimension-size-2000: 200px; --spectrum-global-dimension-size-2400: 240px; --spectrum-global-dimension-size-3000: 300px; --spectrum-global-dimension-size-3400: 340px; --spectrum-global-dimension-size-3600: 360px; --spectrum-global-dimension-size-4600: 460px; --spectrum-global-dimension-size-5000: 500px; --spectrum-global-dimension-size-6000: 600px; --spectrum-global-dimension-font-size-25: 12px; --spectrum-global-dimension-font-size-50: 13px; --spectrum-global-dimension-font-size-75: 15px; --spectrum-global-dimension-font-size-100: 17px; --spectrum-global-dimension-font-size-150: 18px; --spectrum-global-dimension-font-size-200: 19px; --spectrum-global-dimension-font-size-300: 22px; --spectrum-global-dimension-font-size-400: 24px; --spectrum-global-dimension-font-size-500: 27px; --spectrum-global-dimension-font-size-600: 31px; --spectrum-global-dimension-font-size-700: 34px; --spectrum-global-dimension-font-size-800: 39px; --spectrum-global-dimension-font-size-900: 44px; --spectrum-global-dimension-font-size-1000: 49px; --spectrum-global-dimension-font-size-1100: 55px; --spectrum-global-dimension-font-size-1200: 62px; --spectrum-global-dimension-font-size-1300: 70px; --spectrum-alias-avatar-size-100: 26px; --spectrum-alias-avatar-size-400: 36px; --spectrum-alias-avatar-size-600: 46px; --spectrum-actionbutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-actionbutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-actionbutton-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-actionbutton-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-actionbutton-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-actionbutton-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-actionbutton-quiet-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-actionbutton-quiet-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-barloader-large-border-radius: 4px; --spectrum-barloader-large-indeterminate-border-radius: 4px; --spectrum-barloader-large-over-background-border-radius: 4px; --spectrum-barloader-small-border-radius: 3px; --spectrum-barloader-small-indeterminate-border-radius: 3px; --spectrum-barloader-small-over-background-border-radius: 3px; --spectrum-breadcrumb-compact-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-breadcrumb-compact-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-breadcrumb-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-breadcrumb-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-breadcrumb-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-breadcrumb-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-cta-text-padding-bottom: var(--spectrum-global-dimension-size-100); --spectrum-button-cta-min-width: 90px; --spectrum-button-cta-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-cta-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-100); --spectrum-button-over-background-min-width: 90px; --spectrum-button-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-primary-text-padding-bottom: var(--spectrum-global-dimension-size-100); --spectrum-button-primary-min-width: 90px; --spectrum-button-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-quiet-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-100); --spectrum-button-quiet-over-background-min-width: 90px; --spectrum-button-quiet-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px); --spectrum-button-quiet-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-quiet-over-background-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px); --spectrum-button-quiet-primary-text-padding-bottom: var(--spectrum-global-dimension-size-100); --spectrum-button-quiet-primary-min-width: 90px; --spectrum-button-quiet-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px); --spectrum-button-quiet-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-quiet-primary-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px); --spectrum-button-quiet-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-100); --spectrum-button-quiet-secondary-min-width: 90px; --spectrum-button-quiet-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px); --spectrum-button-quiet-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-quiet-secondary-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px); --spectrum-button-quiet-warning-text-padding-bottom: var(--spectrum-global-dimension-size-100); --spectrum-button-quiet-warning-min-width: 90px; --spectrum-button-quiet-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px); --spectrum-button-quiet-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-quiet-warning-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px); --spectrum-button-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-100); --spectrum-button-secondary-min-width: 90px; --spectrum-button-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-warning-text-padding-bottom: var(--spectrum-global-dimension-size-100); --spectrum-button-warning-min-width: 90px; --spectrum-button-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-button-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-checkbox-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-checkbox-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-emphasized-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-emphasized-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-checkbox-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-quiet-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-quiet-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-checkbox-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-circleloader-medium-border-size: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-circleloader-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-circleloader-small-border-size: 3px; --spectrum-circleloader-small-over-background-border-size: 3px; --spectrum-colorhandle-loupe-margin: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-85); --spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-85); --spectrum-colorwheel-min-size: var(--spectrum-global-dimension-static-size-2600, 208px); --spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-85); --spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-85); --spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-5000, 400px); --spectrum-dialog-confirm-title-text-size: var(--spectrum-global-dimension-font-size-200); --spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-75); --spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-300, 24px); --spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dialog-max-width: var(--spectrum-global-dimension-static-size-5000, 400px); --spectrum-dialog-title-text-size: var(--spectrum-global-dimension-font-size-200); --spectrum-dialog-content-text-size: var(--spectrum-global-dimension-font-size-75); --spectrum-dialog-padding: var(--spectrum-global-dimension-static-size-300, 24px); --spectrum-dialog-content-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-5000, 400px); --spectrum-dialog-destructive-title-text-size: var(--spectrum-global-dimension-font-size-200); --spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-75); --spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-300, 24px); --spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-5000, 400px); --spectrum-dialog-error-title-text-size: var(--spectrum-global-dimension-font-size-200); --spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-75); --spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-300, 24px); --spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-5000, 400px); --spectrum-dialog-info-title-text-size: var(--spectrum-global-dimension-font-size-200); --spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-75); --spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-300, 24px); --spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dropdown-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-dropdown-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-dropdown-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-dropdown-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-dropdown-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-fieldbutton-quiet-min-width: var(--spectrum-global-dimension-size-200); --spectrum-icon-arrow-down-small-height: 12px; --spectrum-icon-arrow-left-medium-height: 12px; --spectrum-icon-checkmark-medium-width: 16px; --spectrum-icon-checkmark-medium-height: 16px; --spectrum-icon-checkmark-small-width: 12px; --spectrum-icon-checkmark-small-height: 12px; --spectrum-icon-chevron-down-medium-width: 12px; --spectrum-icon-chevron-left-large-width: 16px; --spectrum-icon-chevron-left-medium-height: 12px; --spectrum-icon-chevron-right-large-width: 16px; --spectrum-icon-chevron-right-medium-height: 12px; --spectrum-icon-cross-large-width: 16px; --spectrum-icon-cross-large-height: 16px; --spectrum-icon-dash-small-width: 12px; --spectrum-icon-dash-small-height: 12px; --spectrum-icon-skip-left-width: 10px; --spectrum-icon-skip-left-height: 12px; --spectrum-icon-skip-right-width: 10px; --spectrum-icon-skip-right-height: 12px; --spectrum-icon-triplegripper-width: 12px; --spectrum-listitem-option-icon-size: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-listitem-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-listitem-option-height: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-listitem-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-listitem-thumbnail-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-listitem-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-selectlist-thumbnail-small-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-selectlist-thumbnail-small-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-selectlist-option-icon-size: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-selectlist-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-selectlist-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-selectlist-option-height: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-selectlist-option-padding-height: var(--spectrum-global-dimension-static-size-160, 13px); --spectrum-selectlist-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-loader-bar-large-border-radius: 4px; --spectrum-loader-bar-large-over-background-border-radius: 4px; --spectrum-loader-bar-small-border-radius: 3px; --spectrum-loader-bar-small-over-background-border-radius: 3px; --spectrum-loader-circle-medium-border-size: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-loader-circle-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-loader-circle-small-border-size: 3px; --spectrum-loader-circle-small-over-background-border-size: 3px; --spectrum-meter-large-border-radius: 4px; --spectrum-meter-small-border-radius: 3px; --spectrum-pagination-page-button-line-height: 32px; --spectrum-overlay-positive-transform-distance: 8px; --spectrum-overlay-negative-transform-distance: -8px; --spectrum-picker-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-picker-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-picker-quiet-min-width: var(--spectrum-global-dimension-size-200); --spectrum-picker-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-picker-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-picker-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-progressbar-large-border-radius: 4px; --spectrum-progressbar-large-indeterminate-border-radius: 4px; --spectrum-progressbar-large-over-background-border-radius: 4px; --spectrum-progressbar-small-border-radius: 3px; --spectrum-progressbar-small-indeterminate-border-radius: 3px; --spectrum-progressbar-small-over-background-border-radius: 3px; --spectrum-progresscircle-medium-border-size: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-progresscircle-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-progresscircle-small-border-size: 3px; --spectrum-progresscircle-small-indeterminate-border-size: 3px; --spectrum-progresscircle-small-over-background-border-size: 3px; --spectrum-progresscircle-medium-indeterminate-border-size: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-radio-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-margin-bottom: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-radio-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-radio-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-emphasized-margin-bottom: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-radio-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-radio-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-radio-quiet-margin-bottom: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-radio-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-rating-icon-width: 30px; --spectrum-rating-indicator-width: 20px; --spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-rating-emphasized-icon-width: 30px; --spectrum-rating-emphasized-indicator-width: 20px; --spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-rating-quiet-icon-width: 30px; --spectrum-rating-quiet-indicator-width: 20px; --spectrum-rating-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-search-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-search-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-search-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-search-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-search-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-search-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-sidenav-item-touch-hit-bottom: 3px; --spectrum-sidenav-multilevel-item-touch-hit-bottom: 3px; --spectrum-slider-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-slider-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175, 14px); --spectrum-slider-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175, 14px); --spectrum-slider-editable-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-slider-editable-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175, 14px); --spectrum-slider-editable-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175, 14px); --spectrum-slider-fill-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-slider-fill-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175, 14px); --spectrum-slider-fill-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175, 14px); --spectrum-switch-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160, 13px); --spectrum-switch-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-track-width: var(--spectrum-global-dimension-static-size-450, 36px); --spectrum-switch-handle-border-radius: 9px; --spectrum-switch-handle-transform-x-ltr: 18px; --spectrum-switch-handle-transform-x-rtl: -18px; --spectrum-switch-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-switch-emphasized-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160, 13px); --spectrum-switch-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-emphasized-track-width: var(--spectrum-global-dimension-static-size-450, 36px); --spectrum-switch-emphasized-handle-border-radius: 9px; --spectrum-switch-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-switch-quiet-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160, 13px); --spectrum-switch-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-switch-quiet-track-width: var(--spectrum-global-dimension-static-size-450, 36px); --spectrum-switch-quiet-handle-border-radius: 9px; --spectrum-switch-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-tabs-compact-focus-ring-border-radius: 6px; --spectrum-tabs-compact-margin-left: -11px; --spectrum-tabs-compact-margin-right: -11px; --spectrum-tabs-compact-vertical-focus-ring-border-radius: 6px; --spectrum-tabs-compact-vertical-emphasized-focus-ring-border-radius: 6px; --spectrum-tabs-baseline: var(--spectrum-global-dimension-size-250); --spectrum-tabs-focus-ring-border-radius: 6px; --spectrum-tabs-margin-left: -11px; --spectrum-tabs-margin-right: -11px; --spectrum-tabs-emphasized-baseline: var(--spectrum-global-dimension-size-250); --spectrum-tabs-emphasized-focus-ring-border-radius: 6px; --spectrum-tabs-emphasized-margin-left: -11px; --spectrum-tabs-emphasized-margin-right: -11px; --spectrum-tabs-quiet-baseline: var(--spectrum-global-dimension-size-250); --spectrum-tabs-quiet-focus-ring-border-radius: 6px; --spectrum-tabs-quiet-margin-left: -11px; --spectrum-tabs-quiet-margin-right: -11px; --spectrum-tabs-quiet-compact-focus-ring-border-radius: 6px; --spectrum-tabs-quiet-compact-margin-left: -11px; --spectrum-tabs-quiet-compact-margin-right: -11px; --spectrum-tabs-quiet-compact-emphasized-focus-ring-border-radius: 6px; --spectrum-tabs-quiet-compact-emphasized-margin-left: -11px; --spectrum-tabs-quiet-compact-emphasized-margin-right: -11px; --spectrum-tabs-quiet-compact-vertical-focus-ring-border-radius: 6px; --spectrum-tabs-quiet-compact-vertical-emphasized-focus-ring-border-radius: 6px; --spectrum-tabs-quiet-emphasized-baseline: var(--spectrum-global-dimension-size-250); --spectrum-tabs-quiet-emphasized-focus-ring-border-radius: 6px; --spectrum-tabs-quiet-emphasized-margin-left: -11px; --spectrum-tabs-quiet-emphasized-margin-right: -11px; --spectrum-tabs-quiet-vertical-baseline: var(--spectrum-global-dimension-size-250); --spectrum-tabs-quiet-vertical-focus-ring-border-radius: 6px; --spectrum-tabs-quiet-vertical-emphasized-baseline: var(--spectrum-global-dimension-size-250); --spectrum-tabs-quiet-vertical-emphasized-focus-ring-border-radius: 6px; --spectrum-tabs-vertical-baseline: var(--spectrum-global-dimension-size-250); --spectrum-tabs-vertical-focus-ring-border-radius: 6px; --spectrum-textarea-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-textarea-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-textarea-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-textarea-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-textarea-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-textarea-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-textfield-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-textfield-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-textfield-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-textfield-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-textfield-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-textfield-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-tool-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-tool-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-tool-high-emphasis-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-tool-high-emphasis-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px); --spectrum-tooltip-padding-bottom: 6px; --spectrum-tooltip-content-max-width: var(--spectrum-global-dimension-size-2000); --spectrum-tooltip-info-padding-bottom: 6px; --spectrum-tooltip-info-content-max-width: 126px; --spectrum-tooltip-negative-padding-bottom: 6px; --spectrum-tooltip-negative-content-max-width: 126px; --spectrum-tooltip-positive-padding-bottom: 6px; --spectrum-tooltip-positive-content-max-width: 126px; } .YqfL3a_spectrum--light { --spectrum-global-color-status: Verified; --spectrum-global-color-version: 5.1; --spectrum-gray-50: #fff; --spectrum-gray-75: #fdfdfd; --spectrum-gray-100: #f8f8f8; --spectrum-gray-200: #e6e6e6; --spectrum-gray-300: #d5d5d5; --spectrum-gray-400: #b1b1b1; --spectrum-gray-500: #909090; --spectrum-gray-600: #6d6d6d; --spectrum-gray-700: #464646; --spectrum-gray-800: #222; --spectrum-gray-900: #000; --spectrum-red-100: #ffebe7; --spectrum-red-200: #ffddd6; --spectrum-red-300: #ffcdc3; --spectrum-red-400: #ffb7a9; --spectrum-red-500: #ff9b88; --spectrum-red-600: #ff7c65; --spectrum-red-700: #f75c46; --spectrum-red-800: #ea3829; --spectrum-red-900: #d31510; --spectrum-red-1000: #b40000; --spectrum-red-1100: #930000; --spectrum-red-1200: #740000; --spectrum-red-1300: #590000; --spectrum-red-1400: #430000; --spectrum-orange-100: #ffeccc; --spectrum-orange-200: #ffdfad; --spectrum-orange-300: #fdd291; --spectrum-orange-400: #ffbb63; --spectrum-orange-500: #ffa037; --spectrum-orange-600: #f68511; --spectrum-orange-700: #e46f00; --spectrum-orange-800: #cb5d00; --spectrum-orange-900: #b14c00; --spectrum-orange-1000: #953d00; --spectrum-orange-1100: #7a2f00; --spectrum-orange-1200: #612300; --spectrum-orange-1300: #491901; --spectrum-orange-1400: #351201; --spectrum-yellow-100: #fbf198; --spectrum-yellow-200: #f8e750; --spectrum-yellow-300: #f8d904; --spectrum-yellow-400: #e8c600; --spectrum-yellow-500: #d7b300; --spectrum-yellow-600: #c49f00; --spectrum-yellow-700: #b08c00; --spectrum-yellow-800: #9b7800; --spectrum-yellow-900: #856600; --spectrum-yellow-1000: #705300; --spectrum-yellow-1100: #5b4300; --spectrum-yellow-1200: #483300; --spectrum-yellow-1300: #362500; --spectrum-yellow-1400: #281a00; --spectrum-chartreuse-100: #dbfc6e; --spectrum-chartreuse-200: #cbf443; --spectrum-chartreuse-300: #bce92a; --spectrum-chartreuse-400: #aad816; --spectrum-chartreuse-500: #98c50a; --spectrum-chartreuse-600: #87b103; --spectrum-chartreuse-700: #769c00; --spectrum-chartreuse-800: #678800; --spectrum-chartreuse-900: #577400; --spectrum-chartreuse-1000: #486000; --spectrum-chartreuse-1100: #3a4d00; --spectrum-chartreuse-1200: #2c3b00; --spectrum-chartreuse-1300: #212c00; --spectrum-chartreuse-1400: #181f00; --spectrum-celery-100: #cdfcbf; --spectrum-celery-200: #aef69d; --spectrum-celery-300: #96ee85; --spectrum-celery-400: #72e06a; --spectrum-celery-500: #4ecf50; --spectrum-celery-600: #27bb36; --spectrum-celery-700: #07a721; --spectrum-celery-800: #009112; --spectrum-celery-900: #007c0f; --spectrum-celery-1000: #00670f; --spectrum-celery-1100: #00530d; --spectrum-celery-1200: #00400a; --spectrum-celery-1300: #003007; --spectrum-celery-1400: #002205; --spectrum-green-100: #cef8e0; --spectrum-green-200: #adf4ce; --spectrum-green-300: #89ecbc; --spectrum-green-400: #67dea8; --spectrum-green-500: #49cc93; --spectrum-green-600: #2fb880; --spectrum-green-700: #15a46e; --spectrum-green-800: #008f5d; --spectrum-green-900: #007a4d; --spectrum-green-1000: #00653e; --spectrum-green-1100: #005132; --spectrum-green-1200: #053f27; --spectrum-green-1300: #0a2e1d; --spectrum-green-1400: #0a2015; --spectrum-seafoam-100: #cef7f3; --spectrum-seafoam-200: #aaf1ea; --spectrum-seafoam-300: #8ce9e2; --spectrum-seafoam-400: #65dad2; --spectrum-seafoam-500: #3fc9c1; --spectrum-seafoam-600: #0fb5ae; --spectrum-seafoam-700: #00a19a; --spectrum-seafoam-800: #008c87; --spectrum-seafoam-900: #007772; --spectrum-seafoam-1000: #00635f; --spectrum-seafoam-1100: #0c4f4c; --spectrum-seafoam-1200: #123c3a; --spectrum-seafoam-1300: #122c2b; --spectrum-seafoam-1400: #0f1f1e; --spectrum-cyan-100: #c5f8ff; --spectrum-cyan-200: #a4f0ff; --spectrum-cyan-300: #88e7fa; --spectrum-cyan-400: #60d8f3; --spectrum-cyan-500: #33c5e8; --spectrum-cyan-600: #12b0da; --spectrum-cyan-700: #019cc8; --spectrum-cyan-800: #0086b4; --spectrum-cyan-900: #00719f; --spectrum-cyan-1000: #005d89; --spectrum-cyan-1100: #004a73; --spectrum-cyan-1200: #00395d; --spectrum-cyan-1300: #002a46; --spectrum-cyan-1400: #001e33; --spectrum-blue-100: #e0f2ff; --spectrum-blue-200: #cae8ff; --spectrum-blue-300: #b5deff; --spectrum-blue-400: #96cefd; --spectrum-blue-500: #78bbfa; --spectrum-blue-600: #59a7f6; --spectrum-blue-700: #3892f3; --spectrum-blue-800: #147af3; --spectrum-blue-900: #0265dc; --spectrum-blue-1000: #0054b6; --spectrum-blue-1100: #004491; --spectrum-blue-1200: #003571; --spectrum-blue-1300: #002754; --spectrum-blue-1400: #001c3c; --spectrum-indigo-100: #edeeff; --spectrum-indigo-200: #e0e2ff; --spectrum-indigo-300: #d3d5ff; --spectrum-indigo-400: #c1c4ff; --spectrum-indigo-500: #acafff; --spectrum-indigo-600: #9599ff; --spectrum-indigo-700: #7e84fc; --spectrum-indigo-800: #686df4; --spectrum-indigo-900: #5258e4; --spectrum-indigo-1000: #4046ca; --spectrum-indigo-1100: #3236a8; --spectrum-indigo-1200: #262986; --spectrum-indigo-1300: #1b1e64; --spectrum-indigo-1400: #141648; --spectrum-purple-100: #f6ebff; --spectrum-purple-200: #edf; --spectrum-purple-300: #e6d0ff; --spectrum-purple-400: #dbbbfe; --spectrum-purple-500: #cca4fd; --spectrum-purple-600: #bd8bfc; --spectrum-purple-700: #ae72f9; --spectrum-purple-800: #9d57f4; --spectrum-purple-900: #893de7; --spectrum-purple-1000: #7326d3; --spectrum-purple-1100: #5d13b7; --spectrum-purple-1200: #470c94; --spectrum-purple-1300: #33106a; --spectrum-purple-1400: #230f49; --spectrum-fuchsia-100: #ffe9fc; --spectrum-fuchsia-200: #ffdafa; --spectrum-fuchsia-300: #fec7f8; --spectrum-fuchsia-400: #fbaef6; --spectrum-fuchsia-500: #f592f3; --spectrum-fuchsia-600: #ed74ed; --spectrum-fuchsia-700: #e055e2; --spectrum-fuchsia-800: #cd3ace; --spectrum-fuchsia-900: #b622b7; --spectrum-fuchsia-1000: #9d039e; --spectrum-fuchsia-1100: #800081; --spectrum-fuchsia-1200: #640664; --spectrum-fuchsia-1300: #470e46; --spectrum-fuchsia-1400: #320d31; --spectrum-magenta-100: #ffeaf1; --spectrum-magenta-200: #ffdce8; --spectrum-magenta-300: #ffcadd; --spectrum-magenta-400: #ffb2ce; --spectrum-magenta-500: #ff95bd; --spectrum-magenta-600: #fa77aa; --spectrum-magenta-700: #ef5a98; --spectrum-magenta-800: #de3d82; --spectrum-magenta-900: #c82269; --spectrum-magenta-1000: #ad0955; --spectrum-magenta-1100: #8e0045; --spectrum-magenta-1200: #700037; --spectrum-magenta-1300: #54032a; --spectrum-magenta-1400: #3c061d; --spectrum-alias-background-color-modal-overlay: #0006; --spectrum-alias-dropshadow-color: #00000026; --spectrum-alias-background-color-hover-overlay: #0000000a; --spectrum-alias-highlight-hover: #0000000f; --spectrum-alias-highlight-active: #2c2c2c1a; --spectrum-alias-highlight-selected: #0265dc1a; --spectrum-alias-highlight-selected-hover: #0265dc33; --spectrum-alias-highlight-invalid: #d3151026; --spectrum-alias-text-highlight-color: #0265dc33; --spectrum-alias-background-color-quickactions: #f8f8f8e6; --spectrum-alias-radial-reaction-color-default: #2229; --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300); --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300); --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300); --spectrum-colorarea-border-color: #2c2c2c1a; --spectrum-colorarea-border-color-hover: #2c2c2c1a; --spectrum-colorarea-border-color-down: #2c2c2c1a; --spectrum-colorarea-border-color-key-focus: #2c2c2c1a; --spectrum-colorslider-border-color: #2c2c2c1a; --spectrum-colorslider-border-color-hover: #2c2c2c1a; --spectrum-colorslider-border-color-down: #2c2c2c1a; --spectrum-colorslider-border-color-key-focus: #2c2c2c1a; --spectrum-colorslider-vertical-border-color: #2c2c2c1a; --spectrum-colorslider-vertical-border-color-hover: #2c2c2c1a; --spectrum-colorslider-vertical-border-color-down: #2c2c2c1a; --spectrum-colorslider-vertical-border-color-key-focus: #2c2c2c1a; --spectrum-colorwheel-border-color: #2c2c2c1a; --spectrum-colorwheel-border-color-hover: #2c2c2c1a; --spectrum-colorwheel-border-color-down: #2c2c2c1a; --spectrum-colorwheel-border-color-key-focus: #2c2c2c1a; --spectrum-miller-column-item-background-color-selected: #1473e61a; --spectrum-miller-column-item-background-color-selected-hover: #1473e633; --spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200); --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200); --spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500); --spectrum-well-background-color: #22222205; --spectrum-well-border-color: #0000000d; --spectrum-tray-background-color: var(--spectrum-global-color-gray-50); --spectrum-accent-background-color-default: var(--spectrum-accent-color-900); --spectrum-accent-background-color-hover: var(--spectrum-accent-color-1000); --spectrum-accent-background-color-down: var(--spectrum-accent-color-1100); --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-1000); --spectrum-neutral-background-color-default: var(--spectrum-gray-800); --spectrum-neutral-background-color-hover: var(--spectrum-gray-900); --spectrum-neutral-background-color-down: var(--spectrum-gray-900); --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-900); --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-600); --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-700); --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-800); --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-700); --spectrum-negative-background-color-default: var(--spectrum-red-900); --spectrum-negative-background-color-hover: var(--spectrum-red-1000); --spectrum-negative-background-color-down: var(--spectrum-red-1100); --spectrum-negative-background-color-key-focus: var(--spectrum-red-1000); --spectrum-positive-background-color-default: var(--spectrum-green-900); --spectrum-positive-background-color-hover: var(--spectrum-green-1000); --spectrum-positive-background-color-down: var(--spectrum-green-1100); --spectrum-positive-background-color-key-focus: var(--spectrum-green-1000); --spectrum-informative-background-color-default: var(--spectrum-blue-900); --spectrum-informative-background-color-hover: var(--spectrum-blue-1000); --spectrum-informative-background-color-down: var(--spectrum-blue-1100); --spectrum-informative-background-color-key-focus: var(--spectrum-blue-1000); --spectrum-gray-background-color-default: var(--spectrum-gray-700); --spectrum-red-background-color-default: var(--spectrum-red-600); --spectrum-orange-background-color-default: var(--spectrum-orange-600); --spectrum-yellow-background-color-default: var(--spectrum-yellow-400); --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-500); --spectrum-celery-background-color-default: var(--spectrum-celery-600); --spectrum-green-background-color-default: var(--spectrum-green-900); --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-900); --spectrum-cyan-background-color-default: var(--spectrum-cyan-900); --spectrum-blue-background-color-default: var(--spectrum-blue-900); --spectrum-indigo-background-color-default: var(--spectrum-indigo-900); --spectrum-purple-background-color-default: var(--spectrum-purple-900); --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-900); --spectrum-magenta-background-color-default: var(--spectrum-magenta-900); --spectrum-negative-visual-color: var(--spectrum-red-800); --spectrum-positive-visual-color: var(--spectrum-green-700); --spectrum-notice-visual-color: var(--spectrum-orange-700); --spectrum-informative-visual-color: var(--spectrum-blue-800); --spectrum-gray-visual-color: var(--spectrum-gray-500); --spectrum-red-visual-color: var(--spectrum-red-800); --spectrum-orange-visual-color: var(--spectrum-orange-700); --spectrum-yellow-visual-color: var(--spectrum-yellow-600); --spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-600); --spectrum-celery-visual-color: var(--spectrum-celery-700); --spectrum-green-visual-color: var(--spectrum-green-700); --spectrum-seafoam-visual-color: var(--spectrum-seafoam-700); --spectrum-cyan-visual-color: var(--spectrum-cyan-600); --spectrum-blue-visual-color: var(--spectrum-blue-800); --spectrum-indigo-visual-color: var(--spectrum-indigo-800); --spectrum-purple-visual-color: var(--spectrum-purple-800); --spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-800); --spectrum-magenta-visual-color: var(--spectrum-magenta-800); } .rfm_fq_spectrum--medium { --spectrum-global-dimension-scale-factor: 1; --spectrum-global-dimension-size-0: 0px; --spectrum-global-dimension-size-10: 1px; --spectrum-global-dimension-size-25: 2px; --spectrum-global-dimension-size-40: 3px; --spectrum-global-dimension-size-50: 4px; --spectrum-global-dimension-size-65: 5px; --spectrum-global-dimension-size-75: 6px; --spectrum-global-dimension-size-85: 7px; --spectrum-global-dimension-size-100: 8px; --spectrum-global-dimension-size-115: 9px; --spectrum-global-dimension-size-125: 10px; --spectrum-global-dimension-size-130: 11px; --spectrum-global-dimension-size-150: 12px; --spectrum-global-dimension-size-160: 13px; --spectrum-global-dimension-size-175: 14px; --spectrum-global-dimension-size-200: 16px; --spectrum-global-dimension-size-225: 18px; --spectrum-global-dimension-size-250: 20px; --spectrum-global-dimension-size-275: 22px; --spectrum-global-dimension-size-300: 24px; --spectrum-global-dimension-size-325: 26px; --spectrum-global-dimension-size-350: 28px; --spectrum-global-dimension-size-400: 32px; --spectrum-global-dimension-size-450: 36px; --spectrum-global-dimension-size-500: 40px; --spectrum-global-dimension-size-550: 44px; --spectrum-global-dimension-size-600: 48px; --spectrum-global-dimension-size-675: 54px; --spectrum-global-dimension-size-700: 56px; --spectrum-global-dimension-size-800: 64px; --spectrum-global-dimension-size-900: 72px; --spectrum-global-dimension-size-1000: 80px; --spectrum-global-dimension-size-1200: 96px; --spectrum-global-dimension-size-1250: 100px; --spectrum-global-dimension-size-1600: 128px; --spectrum-global-dimension-size-1700: 136px; --spectrum-global-dimension-size-2000: 160px; --spectrum-global-dimension-size-2400: 192px; --spectrum-global-dimension-size-3000: 240px; --spectrum-global-dimension-size-3400: 272px; --spectrum-global-dimension-size-3600: 288px; --spectrum-global-dimension-size-4600: 368px; --spectrum-global-dimension-size-5000: 400px; --spectrum-global-dimension-size-6000: 480px; --spectrum-global-dimension-font-size-25: 10px; --spectrum-global-dimension-font-size-50: 11px; --spectrum-global-dimension-font-size-75: 12px; --spectrum-global-dimension-font-size-100: 14px; --spectrum-global-dimension-font-size-150: 15px; --spectrum-global-dimension-font-size-200: 16px; --spectrum-global-dimension-font-size-300: 18px; --spectrum-global-dimension-font-size-400: 20px; --spectrum-global-dimension-font-size-500: 22px; --spectrum-global-dimension-font-size-600: 25px; --spectrum-global-dimension-font-size-700: 28px; --spectrum-global-dimension-font-size-800: 32px; --spectrum-global-dimension-font-size-900: 36px; --spectrum-global-dimension-font-size-1000: 40px; --spectrum-global-dimension-font-size-1100: 45px; --spectrum-global-dimension-font-size-1200: 50px; --spectrum-global-dimension-font-size-1300: 60px; --spectrum-alias-avatar-size-100: var(--spectrum-global-dimension-size-250); --spectrum-alias-avatar-size-400: var(--spectrum-global-dimension-size-350); --spectrum-alias-avatar-size-600: var(--spectrum-global-dimension-size-450); --spectrum-actionbutton-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-actionbutton-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-actionbutton-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-actionbutton-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-actionbutton-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-actionbutton-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-actionbutton-quiet-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-actionbutton-quiet-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-barloader-large-border-radius: 3px; --spectrum-barloader-large-indeterminate-border-radius: 3px; --spectrum-barloader-large-over-background-border-radius: 3px; --spectrum-barloader-small-border-radius: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-barloader-small-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-barloader-small-over-background-border-radius: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-breadcrumb-compact-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-breadcrumb-compact-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-breadcrumb-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-breadcrumb-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-breadcrumb-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-breadcrumb-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-cta-text-padding-bottom: var(--spectrum-global-dimension-size-85); --spectrum-button-cta-min-width: var(--spectrum-global-dimension-size-900); --spectrum-button-cta-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-cta-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-85); --spectrum-button-over-background-min-width: var(--spectrum-global-dimension-size-900); --spectrum-button-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-primary-text-padding-bottom: var(--spectrum-global-dimension-size-85); --spectrum-button-primary-min-width: var(--spectrum-global-dimension-size-900); --spectrum-button-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-quiet-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-85); --spectrum-button-quiet-over-background-min-width: var(--spectrum-global-dimension-size-900); --spectrum-button-quiet-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-button-quiet-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-quiet-over-background-cursor-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-button-quiet-primary-text-padding-bottom: var(--spectrum-global-dimension-size-85); --spectrum-button-quiet-primary-min-width: var(--spectrum-global-dimension-size-900); --spectrum-button-quiet-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-button-quiet-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-quiet-primary-cursor-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-button-quiet-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-85); --spectrum-button-quiet-secondary-min-width: var(--spectrum-global-dimension-size-900); --spectrum-button-quiet-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-button-quiet-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-quiet-secondary-cursor-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-button-quiet-warning-text-padding-bottom: var(--spectrum-global-dimension-size-85); --spectrum-button-quiet-warning-min-width: var(--spectrum-global-dimension-size-900); --spectrum-button-quiet-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-button-quiet-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-quiet-warning-cursor-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-button-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-85); --spectrum-button-secondary-min-width: var(--spectrum-global-dimension-size-900); --spectrum-button-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-warning-text-padding-bottom: var(--spectrum-global-dimension-size-85); --spectrum-button-warning-min-width: var(--spectrum-global-dimension-size-900); --spectrum-button-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-button-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-checkbox-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-checkbox-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-emphasized-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-emphasized-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-checkbox-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-quiet-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-quiet-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-checkbox-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-circleloader-medium-border-size: 3px; --spectrum-circleloader-medium-over-background-border-size: 3px; --spectrum-circleloader-small-border-size: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-circleloader-small-over-background-border-size: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-colorhandle-loupe-margin: var(--spectrum-global-dimension-static-size-125, 10px); --spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-125, 10px); --spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-150); --spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-150); --spectrum-colorwheel-min-size: var(--spectrum-global-dimension-size-2400); --spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-150); --spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-150); --spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-6000, 480px); --spectrum-dialog-confirm-title-text-size: var(--spectrum-global-dimension-font-size-300); --spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-100); --spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-dialog-max-width: var(--spectrum-global-dimension-static-size-6000, 480px); --spectrum-dialog-title-text-size: var(--spectrum-global-dimension-font-size-300); --spectrum-dialog-content-text-size: var(--spectrum-global-dimension-font-size-100); --spectrum-dialog-padding: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dialog-content-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-6000, 480px); --spectrum-dialog-destructive-title-text-size: var(--spectrum-global-dimension-font-size-300); --spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-100); --spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-6000, 480px); --spectrum-dialog-error-title-text-size: var(--spectrum-global-dimension-font-size-300); --spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-100); --spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-6000, 480px); --spectrum-dialog-info-title-text-size: var(--spectrum-global-dimension-font-size-300); --spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-100); --spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-500, 40px); --spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px); --spectrum-dropdown-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-dropdown-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-dropdown-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-dropdown-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-dropdown-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-fieldbutton-quiet-min-width: var(--spectrum-global-dimension-size-225); --spectrum-icon-arrow-down-small-height: var(--spectrum-global-dimension-size-125); --spectrum-icon-arrow-left-medium-height: var(--spectrum-global-dimension-size-125); --spectrum-icon-checkmark-medium-width: var(--spectrum-global-dimension-size-150); --spectrum-icon-checkmark-medium-height: var(--spectrum-global-dimension-size-150); --spectrum-icon-checkmark-small-width: var(--spectrum-global-dimension-size-125); --spectrum-icon-checkmark-small-height: var(--spectrum-global-dimension-size-125); --spectrum-icon-chevron-down-medium-width: var(--spectrum-global-dimension-size-125); --spectrum-icon-chevron-left-large-width: var(--spectrum-global-dimension-size-150); --spectrum-icon-chevron-left-medium-height: var(--spectrum-global-dimension-size-125); --spectrum-icon-chevron-right-large-width: var(--spectrum-global-dimension-size-150); --spectrum-icon-chevron-right-medium-height: var(--spectrum-global-dimension-size-125); --spectrum-icon-cross-large-width: var(--spectrum-global-dimension-size-150); --spectrum-icon-cross-large-height: var(--spectrum-global-dimension-size-150); --spectrum-icon-dash-small-width: var(--spectrum-global-dimension-size-125); --spectrum-icon-dash-small-height: var(--spectrum-global-dimension-size-125); --spectrum-icon-skip-left-width: 9px; --spectrum-icon-skip-left-height: var(--spectrum-global-dimension-size-125); --spectrum-icon-skip-right-width: 9px; --spectrum-icon-skip-right-height: var(--spectrum-global-dimension-size-125); --spectrum-icon-triplegripper-width: var(--spectrum-global-dimension-size-125); --spectrum-listitem-option-icon-size: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-listitem-option-icon-margin-top: var(--spectrum-global-dimension-static-size-65, 5px); --spectrum-listitem-option-height: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-listitem-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px); --spectrum-listitem-thumbnail-option-icon-margin-top: var(--spectrum-global-dimension-static-size-65, 5px); --spectrum-listitem-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px); --spectrum-selectlist-thumbnail-small-option-icon-margin-top: var(--spectrum-global-dimension-static-size-65, 5px); --spectrum-selectlist-thumbnail-small-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px); --spectrum-selectlist-option-icon-size: var(--spectrum-global-dimension-static-size-150, 12px); --spectrum-selectlist-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px); --spectrum-selectlist-option-icon-margin-top: var(--spectrum-global-dimension-static-size-65, 5px); --spectrum-selectlist-option-height: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-selectlist-option-padding-height: 7px; --spectrum-selectlist-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px); --spectrum-loader-bar-large-border-radius: 3px; --spectrum-loader-bar-large-over-background-border-radius: 3px; --spectrum-loader-bar-small-border-radius: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-loader-bar-small-over-background-border-radius: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-loader-circle-medium-border-size: 3px; --spectrum-loader-circle-medium-over-background-border-size: 3px; --spectrum-loader-circle-small-border-size: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-loader-circle-small-over-background-border-size: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-meter-large-border-radius: 3px; --spectrum-meter-small-border-radius: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-pagination-page-button-line-height: 26px; --spectrum-overlay-positive-transform-distance: 6px; --spectrum-overlay-negative-transform-distance: -6px; --spectrum-picker-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-picker-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-picker-quiet-min-width: var(--spectrum-global-dimension-size-225); --spectrum-picker-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-picker-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-picker-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-progressbar-large-border-radius: 3px; --spectrum-progressbar-large-indeterminate-border-radius: 3px; --spectrum-progressbar-large-over-background-border-radius: 3px; --spectrum-progressbar-small-border-radius: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-progressbar-small-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-progressbar-small-over-background-border-radius: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-progresscircle-medium-border-size: 3px; --spectrum-progresscircle-medium-over-background-border-size: 3px; --spectrum-progresscircle-small-border-size: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-progresscircle-small-indeterminate-border-size: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-progresscircle-small-over-background-border-size: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-progresscircle-medium-indeterminate-border-size: 3px; --spectrum-radio-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-margin-bottom: 0px; --spectrum-radio-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-radio-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-emphasized-margin-bottom: 0px; --spectrum-radio-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-radio-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-radio-quiet-margin-bottom: 0px; --spectrum-radio-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-rating-icon-width: 24px; --spectrum-rating-indicator-width: 16px; --spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-rating-emphasized-icon-width: 24px; --spectrum-rating-emphasized-indicator-width: 16px; --spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-rating-quiet-icon-width: 24px; --spectrum-rating-quiet-indicator-width: 16px; --spectrum-rating-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-search-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-search-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-search-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-search-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-search-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-search-quiet-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-sidenav-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-sidenav-multilevel-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25, 2px); --spectrum-slider-track-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-slider-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-slider-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-slider-editable-track-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-slider-editable-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-slider-editable-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-slider-fill-track-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-slider-fill-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-slider-fill-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-200, 16px); --spectrum-switch-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-130, 11px); --spectrum-switch-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-track-width: 26px; --spectrum-switch-handle-border-radius: 7px; --spectrum-switch-handle-transform-x-ltr: 12px; --spectrum-switch-handle-transform-x-rtl: -12px; --spectrum-switch-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-switch-emphasized-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-130, 11px); --spectrum-switch-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-emphasized-track-width: 26px; --spectrum-switch-emphasized-handle-border-radius: 7px; --spectrum-switch-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-switch-quiet-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-130, 11px); --spectrum-switch-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px); --spectrum-switch-quiet-track-width: 26px; --spectrum-switch-quiet-handle-border-radius: 7px; --spectrum-switch-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-tabs-compact-focus-ring-border-radius: 5px; --spectrum-tabs-compact-margin-left: -8px; --spectrum-tabs-compact-margin-right: -8px; --spectrum-tabs-compact-vertical-focus-ring-border-radius: 5px; --spectrum-tabs-compact-vertical-emphasized-focus-ring-border-radius: 5px; --spectrum-tabs-baseline: var(--spectrum-global-dimension-size-225); --spectrum-tabs-focus-ring-border-radius: 5px; --spectrum-tabs-margin-left: -8px; --spectrum-tabs-margin-right: -8px; --spectrum-tabs-emphasized-baseline: var(--spectrum-global-dimension-size-225); --spectrum-tabs-emphasized-focus-ring-border-radius: 5px; --spectrum-tabs-emphasized-margin-left: -8px; --spectrum-tabs-emphasized-margin-right: -8px; --spectrum-tabs-quiet-baseline: var(--spectrum-global-dimension-size-225); --spectrum-tabs-quiet-focus-ring-border-radius: 5px; --spectrum-tabs-quiet-margin-left: -8px; --spectrum-tabs-quiet-margin-right: -8px; --spectrum-tabs-quiet-compact-focus-ring-border-radius: 5px; --spectrum-tabs-quiet-compact-margin-left: -8px; --spectrum-tabs-quiet-compact-margin-right: -8px; --spectrum-tabs-quiet-compact-emphasized-focus-ring-border-radius: 5px; --spectrum-tabs-quiet-compact-emphasized-margin-left: -8px; --spectrum-tabs-quiet-compact-emphasized-margin-right: -8px; --spectrum-tabs-quiet-compact-vertical-focus-ring-border-radius: 5px; --spectrum-tabs-quiet-compact-vertical-emphasized-focus-ring-border-radius: 5px; --spectrum-tabs-quiet-emphasized-baseline: var(--spectrum-global-dimension-size-225); --spectrum-tabs-quiet-emphasized-focus-ring-border-radius: 5px; --spectrum-tabs-quiet-emphasized-margin-left: -8px; --spectrum-tabs-quiet-emphasized-margin-right: -8px; --spectrum-tabs-quiet-vertical-baseline: var(--spectrum-global-dimension-size-225); --spectrum-tabs-quiet-vertical-focus-ring-border-radius: 5px; --spectrum-tabs-quiet-vertical-emphasized-baseline: var(--spectrum-global-dimension-size-225); --spectrum-tabs-quiet-vertical-emphasized-focus-ring-border-radius: 5px; --spectrum-tabs-vertical-baseline: var(--spectrum-global-dimension-size-225); --spectrum-tabs-vertical-focus-ring-border-radius: 5px; --spectrum-textarea-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-textarea-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-textarea-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-textarea-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-textarea-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-textarea-quiet-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-textfield-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-textfield-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-textfield-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-textfield-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-textfield-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-textfield-quiet-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px); --spectrum-tool-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-tool-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-tool-high-emphasis-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-tool-high-emphasis-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px); --spectrum-tooltip-padding-bottom: 5px; --spectrum-tooltip-content-max-width: var(--spectrum-global-dimension-size-2000); --spectrum-tooltip-info-padding-bottom: 5px; --spectrum-tooltip-info-content-max-width: 101px; --spectrum-tooltip-negative-padding-bottom: 5px; --spectrum-tooltip-negative-content-max-width: 101px; --spectrum-tooltip-positive-padding-bottom: 5px; --spectrum-tooltip-positive-content-max-width: 101px; } .W5avvq_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .W5avvq_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .W5avvq_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .W5avvq_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .W5avvq_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .W5avvq_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .W5avvq_i18nFontFamily:lang(zh-SG), .W5avvq_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .W5avvq_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .W5avvq_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .W5avvq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .W5avvq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .W5avvq_spectrum-FocusRing.W5avvq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .W5avvq_spectrum-FocusRing--quiet:after { border-radius: 0; } .W5avvq_spectrum-FocusRing--quiet.W5avvq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .W5avvq_spectrum-FocusRing, .W5avvq_spectrum-FocusRing-ring, .W5avvq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.W5avvq_spectrum-FocusRing, .W5avvq_spectrum-FocusRing-ring, .W5avvq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .W5avvq_spectrum-TabsPanel { width: 100%; display: flex; } .W5avvq_spectrum-TabsPanel--horizontal { flex-direction: column; } .W5avvq_spectrum-TabsPanel--vertical { flex-direction: row; } .W5avvq_spectrum-Tabs { z-index: 0; vertical-align: top; -webkit-user-select: none; user-select: none; outline: none; margin: 0; padding: 0; display: flex; position: relative; } .W5avvq_spectrum-Tabs-item { box-sizing: border-box; block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))); line-height: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))); z-index: 1; white-space: nowrap; transition: color var(--spectrum-global-animation-duration-100, .13s) ease-out; cursor: default; outline: none; text-decoration: none; position: relative; } .W5avvq_spectrum-Tabs-item[href] { cursor: pointer; } .W5avvq_spectrum-Tabs-item.W5avvq_is-disabled { cursor: default; } .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon { block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))); transition: fill var(--spectrum-global-animation-duration-100, .13s) ease-out; transform: translate3d(0, 0, 0); } .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon + .W5avvq_spectrum-Tabs-itemLabel { margin-inline-start: var(--spectrum-tabs-icon-gap, var(--spectrum-global-dimension-size-100)); } .W5avvq_spectrum-Tabs-item:before { content: ""; box-sizing: border-box; border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent; border-radius: var(--spectrum-tabs-focus-ring-border-radius); pointer-events: none; position: absolute; top: 0; bottom: 0; } .W5avvq_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before { left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); } .W5avvq_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before { left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); } .W5avvq_spectrum-Tabs-item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before { right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); } .W5avvq_spectrum-Tabs-item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before { right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); } .W5avvq_spectrum-Tabs-itemLabel { vertical-align: top; font-size: var(--spectrum-tabs-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-tabs-text-font-weight, var(--spectrum-alias-body-text-font-weight)); display: inline-block; } .W5avvq_spectrum-Tabs-itemLabel:empty { display: none; } .W5avvq_spectrum-Tabs-selectionIndicator { z-index: 0; transform-origin: 0 0; position: absolute; } .W5avvq_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 0; } .W5avvq_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 0; } .W5avvq_spectrum-Tabs-selectionIndicator:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 0; } .W5avvq_spectrum-Tabs-selectionIndicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 0; } [dir="ltr"] .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-selectionIndicator { transform: translateX(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100))); } [dir="rtl"] .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-selectionIndicator { transform: translateX(calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1)); } .W5avvq_spectrum-Tabs-selectionIndicator { border-radius: var(--spectrum-tabs-rule-border-radius, var(--spectrum-global-dimension-static-size-10)); } .W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item { block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))); line-height: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))); } .W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon { block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))); } .W5avvq_spectrum-Tabs--horizontal { border-block-end: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) solid; align-items: center; } .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-item { vertical-align: top; } .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-item + :not(.W5avvq_spectrum-Tabs-selectionIndicator) { margin-inline-start: var(--spectrum-tabs-item-gap, var(--spectrum-global-dimension-size-300)); } .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-item:before { top: 50%; bottom: unset; block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)); margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2) + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2)); } .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-selectionIndicator { block-size: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)); transition: transform var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out, width var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out; bottom: calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) * -1); position: absolute; } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed { block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))); } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 0; } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 0; } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 0; } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 0; } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:before { content: ""; box-sizing: border-box; block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)); border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent; border-radius: var(--spectrum-tabs-focus-ring-border-radius); pointer-events: none; margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2) + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2)); position: absolute; top: 50%; } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before { left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before { left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before { right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before { right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1); } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed.W5avvq_spectrum-Tabs--compact button { height: calc(calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)))); } .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--compact { box-sizing: content-box; block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))); align-items: end; } .W5avvq_spectrum-Tabs--quiet { display: inline-flex; } .W5avvq_spectrum-Tabs--vertical { border-inline-start: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) solid; flex-direction: column; padding: 0; display: inline-flex; } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item { block-size: var(--spectrum-tabs-vertical-item-height, var(--spectrum-global-dimension-size-550)); padding: 0 var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)); margin-block-end: var(--spectrum-tabs-vertical-item-gap, var(--spectrum-global-dimension-size-50)); margin-inline-start: calc(var(--spectrum-tabs-vertical-item-margin-left, var(--spectrum-global-dimension-size-150)) - var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100))); } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before { left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1); right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1); } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before { left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1); right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1); } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before { right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1); left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1); } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before { right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1); left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1); } .W5avvq_spectrum-Tabs--vertical:not(.W5avvq_spectrum-Tabs--compact) .W5avvq_spectrum-Tabs-item { white-space: normal; block-size: auto; min-height: var(--spectrum-tabs-vertical-item-height, var(--spectrum-global-dimension-size-550)); align-items: center; line-height: normal; display: flex; } .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item { block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400)); line-height: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400)); margin-block-end: var(--spectrum-tabs-compact-vertical-item-gap, var(--spectrum-global-dimension-size-50)); } .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon { block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400)); } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator { inline-size: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)); transition: transform var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out, height var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out; position: absolute; } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1); } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1); } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1); } .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1); } .W5avvq_spectrum-TabsPanel-collapseWrapper { display: flex; position: relative; } .W5avvq_spectrum-TabsPanel-tabs { flex-grow: 1; flex-shrink: 0; } .W5avvq_spectrum-TabsPanel-tabs.W5avvq_spectrum-Tabs--vertical { flex-grow: 0; min-width: min-content; } .W5avvq_spectrum-TabsPanel-tabpanel { border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent; flex-grow: 1; } .W5avvq_spectrum-TabsPanel--vertical .W5avvq_spectrum-Tabs { padding-right: var(--spectrum-global-dimension-size-160); } .W5avvq_spectrum-Tabs { border-block-end-color: var(--spectrum-global-color-gray-300); } .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_spectrum-Tabs-picker { width: auto; } .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_focus-ring:after { box-shadow: none; } .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_focus-ring:before { border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus)); } .W5avvq_spectrum-Tabs--vertical { border-inline-start-color: var(--spectrum-global-color-gray-300); } .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-selectionIndicator { background-color: var(--spectrum-accent-color-900); } .W5avvq_spectrum-Tabs-selectionIndicator { background-color: var(--spectrum-tabs-selection-indicator-color, var(--spectrum-global-color-gray-900)); } .W5avvq_spectrum-Tabs-item { color: var(--spectrum-tabs-text-color, var(--spectrum-alias-label-text-color)); } .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon { fill: var(--spectrum-tabs-icon-color, var(--spectrum-alias-icon-color)); } .W5avvq_spectrum-Tabs-item.W5avvq_is-hovered { color: var(--spectrum-tabs-text-color-hover, var(--spectrum-alias-text-color-hover)); } .W5avvq_spectrum-Tabs-item.W5avvq_is-hovered .W5avvq_spectrum-Icon { fill: var(--spectrum-tabs-icon-color-hover, var(--spectrum-alias-icon-color-hover)); } .W5avvq_spectrum-Tabs-item.W5avvq_is-selected { color: var(--spectrum-tabs-text-color-selected, var(--spectrum-global-color-gray-900)); } .W5avvq_spectrum-Tabs-item.W5avvq_is-selected .W5avvq_spectrum-Icon { fill: var(--spectrum-tabs-icon-color-selected, var(--spectrum-global-color-gray-900)); } .W5avvq_spectrum-Tabs-item.W5avvq_focus-ring { color: var(--spectrum-tabs-text-color-key-focus, var(--spectrum-alias-text-color-hover)); } .W5avvq_spectrum-Tabs-item.W5avvq_focus-ring:before { border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus)); } .W5avvq_spectrum-Tabs-item.W5avvq_focus-ring .W5avvq_spectrum-Icon { fill: var(--spectrum-tabs-icon-color-key-focus, var(--spectrum-alias-icon-color-focus)); } .W5avvq_spectrum-Tabs-item.W5avvq_is-disabled { color: var(--spectrum-tabs-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .W5avvq_spectrum-Tabs-item.W5avvq_is-disabled .W5avvq_spectrum-Icon { fill: var(--spectrum-tabs-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)); } .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected { color: var(--spectrum-accent-color-900); } .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected .W5avvq_spectrum-Icon { fill: var(--spectrum-accent-color-900); } .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_focus-ring { color: var(--spectrum-accent-color-900); } .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_focus-ring:before { border-color: var(--spectrum-blue-900); } .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_focus-ring .W5avvq_spectrum-Icon { fill: var(--spectrum-accent-color-900); } .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_is-hovered { color: var(--spectrum-accent-color-1000); } .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_is-hovered .W5avvq_spectrum-Icon { fill: var(--spectrum-accent-color-1000); } .W5avvq_spectrum-Tabs--quiet { border-block-end-color: var(--spectrum-tabs-quiet-rule-color, var(--spectrum-alias-border-color-transparent)); } .W5avvq_spectrum-Tabs--quiet .W5avvq_spectrum-Tabs-selectionIndicator { background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900)); } .W5avvq_spectrum-Tabs--quiet.W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-selectionIndicator { background-color: var(--spectrum-accent-color-900); } .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--quiet { border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent)); } .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--quiet .W5avvq_spectrum-Tabs-selectionIndicator { background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900)); } .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact { border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent)); } .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-selectionIndicator { background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900)); } .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-selectionIndicator { background-color: var(--spectrum-accent-color-900); } .W5avvq_spectrum-TabsPanel-tabpanel:focus { outline: none; } .W5avvq_spectrum-TabsPanel-tabpanel.W5avvq_focus-ring { border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus)); } @media (forced-colors: active) { .W5avvq_spectrum-Tabs { forced-color-adjust: none; --spectrum-tabs-focus-ring-color: ButtonText; --spectrum-tabs-icon-color: ButtonText; --spectrum-tabs-icon-color-disabled: GrayText; --spectrum-tabs-icon-color-hover: ButtonText; --spectrum-tabs-icon-color-key-focus: ButtonText; --spectrum-tabs-icon-color-selected: HighlightText; --spectrum-tabs-quiet-rule-color: transparent; --spectrum-tabs-quiet-selection-indicator-color: transparent; --spectrum-tabs-quiet-vertical-rule-color: transparent; --spectrum-tabs-rule-color: transparent; --spectrum-tabs-selection-indicator-color: transparent; --spectrum-tabs-text-color: ButtonText; --spectrum-tabs-text-color-disabled: GrayText; --spectrum-tabs-text-color-hover: ButtonText; --spectrum-tabs-text-color-key-focus: ButtonText; --spectrum-tabs-text-color-selected: HighlightText; --spectrum-tabs-vertical-rule-color: transparent; } .W5avvq_spectrum-Tabs .W5avvq_spectrum-Tabs-item:before { background-color: buttonface; } .W5avvq_spectrum-Tabs .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon, .W5avvq_spectrum-Tabs .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Tabs-itemLabel { z-index: 1; position: relative; } .W5avvq_spectrum-Tabs .W5avvq_is-selected { color: highlighttext; } .W5avvq_spectrum-Tabs .W5avvq_is-selected .W5avvq_spectrum-Icon { fill: highlighttext; } .W5avvq_spectrum-Tabs .W5avvq_is-selected:before { color: highlighttext; background-color: highlight; } .W5avvq_spectrum-Tabs .W5avvq_is-selected .W5avvq_spectrum-Tabs-itemLabel { color: highlighttext; } .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_focus-ring { outline: none; } } .cm4dRG_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .cm4dRG_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .cm4dRG_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .cm4dRG_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .cm4dRG_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .cm4dRG_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .cm4dRG_i18nFontFamily:lang(zh-SG), .cm4dRG_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .cm4dRG_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .cm4dRG_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .cm4dRG_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .cm4dRG_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .cm4dRG_spectrum-FocusRing.cm4dRG_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .cm4dRG_spectrum-FocusRing--quiet:after { border-radius: 0; } .cm4dRG_spectrum-FocusRing--quiet.cm4dRG_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .cm4dRG_spectrum-FocusRing, .cm4dRG_spectrum-FocusRing-ring, .cm4dRG_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.cm4dRG_spectrum-FocusRing, .cm4dRG_spectrum-FocusRing-ring, .cm4dRG_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .cm4dRG_spectrum-Dropdown { -webkit-user-select: none; user-select: none; max-inline-size: 100%; inline-size: var(--spectrum-global-dimension-size-2400); min-inline-size: var(--spectrum-dropdown-min-width, var(--spectrum-global-dimension-size-600)); display: inline-block; position: relative; } .cm4dRG_spectrum-Dropdown select { -webkit-appearance: none; appearance: none; } .cm4dRG_spectrum-Dropdown select::-ms-expand { display: none; } .cm4dRG_spectrum-Dropdown select::-ms-value { background-color: #0000; } .cm4dRG_spectrum-Dropdown select + .cm4dRG_spectrum-Dropdown-chevron { margin-block-start: calc(var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75)) / -2); position: absolute; top: 50%; } .cm4dRG_spectrum-Dropdown select + .cm4dRG_spectrum-Dropdown-chevron:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { right: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150)); } .cm4dRG_spectrum-Dropdown select + .cm4dRG_spectrum-Dropdown-chevron:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { right: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150)); } .cm4dRG_spectrum-Dropdown select + .cm4dRG_spectrum-Dropdown-chevron:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150)); } .cm4dRG_spectrum-Dropdown select + .cm4dRG_spectrum-Dropdown-chevron:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150)); } .cm4dRG_spectrum-Dropdown-trigger { contain: size; justify-content: space-between; align-items: center; inline-size: 100%; display: flex; position: relative; } .cm4dRG_spectrum-Dropdown-label { white-space: nowrap; block-size: calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2)); line-height: calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2)); font-size: var(--spectrum-dropdown-text-size, var(--spectrum-alias-font-size-default)); text-overflow: ellipsis; text-align: start; flex: auto; overflow: hidden; } .cm4dRG_spectrum-Dropdown-label.cm4dRG_is-placeholder { font-weight: var(--spectrum-dropdown-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular)); font-style: var(--spectrum-dropdown-placeholder-text-font-style, var(--spectrum-global-font-style-italic)); transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out; } .cm4dRG_spectrum-Dropdown-label + .cm4dRG_spectrum-Dropdown-chevron { margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150)); } .cm4dRG_spectrum-Icon + .cm4dRG_spectrum-Dropdown-label, .cm4dRG_spectrum-Dropdown-avatar + .cm4dRG_spectrum-Dropdown-label { margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100)); } .cm4dRG_spectrum-Dropdown-label ~ .cm4dRG_spectrum-Dropdown-chevron { margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150)); } .cm4dRG_spectrum-Dropdown-chevron { vertical-align: top; transition: color var(--spectrum-global-animation-duration-100, .13s) ease-out; margin-top: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) - var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75))) / 2); margin-bottom: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) - var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75))) / 2); opacity: 1; flex-shrink: 0; display: inline-block; position: relative; } .cm4dRG_spectrum-Dropdown-trigger .cm4dRG_spectrum-Dropdown-invalidIcon { margin-block-start: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) - var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) / 2); margin-block-end: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) - var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) / 2); } .cm4dRG_spectrum-Dropdown-trigger .cm4dRG_spectrum-Dropdown-label + .cm4dRG_spectrum-Dropdown-invalidIcon, .cm4dRG_spectrum-Dropdown-trigger .cm4dRG_spectrum-Dropdown-progressCircle { margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150)); } .cm4dRG_spectrum-Icon + .cm4dRG_spectrum-Dropdown-chevron { margin-inline-start: var(--spectrum-dropdown-icon-gap, var(--spectrum-global-dimension-size-100)); } .cm4dRG_spectrum-Dropdown--quiet { inline-size: auto; min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600)); } .cm4dRG_spectrum-Dropdown--quiet .cm4dRG_spectrum-Dropdown-trigger { contain: none; } .cm4dRG_spectrum-Dropdown-popover--quiet { inline-size: var(--spectrum-global-dimension-size-2400); --spectrum-dropdown-quiet-offset: calc(var(--spectrum-dropdown-quiet-popover-offset-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin))); margin-inline-start: calc(var(--spectrum-dropdown-quiet-offset) * -1); } .cm4dRG_spectrum-Field.cm4dRG_spectrum-Dropdown-fieldWrapper--quiet { inline-size: max-content; flex-direction: column; max-width: 100%; display: inline-flex; } .cm4dRG_spectrum-Field.cm4dRG_spectrum-Dropdown-fieldWrapper--quiet .cm4dRG_spectrum-Dropdown--quiet { inline-size: auto; min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600)); } .cm4dRG_spectrum-Field.cm4dRG_spectrum-Dropdown-fieldWrapper--quiet .cm4dRG_spectrum-Dropdown--quiet .cm4dRG_spectrum-Dropdown-trigger { inline-size: max-content; max-width: 100%; } .cm4dRG_spectrum-Field.cm4dRG_spectrum-Dropdown-fieldWrapper--quiet.cm4dRG_spectrum-Dropdown-fieldWrapper--positionSide { flex-direction: row; } .cm4dRG_spectrum-Dropdown { --spectrum-dropdown-placeholder-text-color: var(--spectrum-global-color-gray-800); } .cm4dRG_spectrum-Dropdown .cm4dRG_spectrum-Dropdown-trigger.cm4dRG_is-selected .cm4dRG_is-placeholder { color: var(--spectrum-dropdown-placeholder-text-color-down, var(--spectrum-global-color-gray-900)); } .cm4dRG_spectrum-Dropdown.cm4dRG_is-invalid .cm4dRG_spectrum-Dropdown-invalidIcon.cm4dRG_spectrum-Dropdown-invalidIcon { fill: var(--spectrum-dropdown-validation-icon-color-error, var(--spectrum-semantic-negative-color-icon)); } .cm4dRG_spectrum-Dropdown.cm4dRG_is-invalid.cm4dRG_is-disabled .cm4dRG_spectrum-Icon, .cm4dRG_spectrum-Dropdown.cm4dRG_is-invalid.cm4dRG_is-disabled .cm4dRG_spectrum-Dropdown-invalidIcon { fill: var(--spectrum-dropdown-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)); } .cm4dRG_spectrum-Dropdown.cm4dRG_is-disabled:active .cm4dRG_spectrum-Dropdown-label { color: var(--spectrum-dropdown-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .cm4dRG_spectrum-Dropdown.cm4dRG_is-disabled .cm4dRG_spectrum-Dropdown-label.cm4dRG_is-placeholder { color: var(--spectrum-dropdown-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .cm4dRG_spectrum-Dropdown-label.cm4dRG_is-placeholder { color: var(--spectrum-dropdown-placeholder-text-color, var(--spectrum-alias-placeholder-text-color)); } .cm4dRG_spectrum-Dropdown-trigger.cm4dRG_is-hovered .cm4dRG_spectrum-Dropdown-label { color: var(--spectrum-dropdown-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover)); } .cm4dRG_spectrum-Dropdown-trigger:active .cm4dRG_spectrum-Dropdown-label { color: var(--spectrum-dropdown-placeholder-text-color-mouse-focus, var(--spectrum-global-color-gray-900)); } .cm4dRG_spectrum-Dropdown-trigger.cm4dRG_focus-ring .cm4dRG_spectrum-Dropdown-label.cm4dRG_is-placeholder { color: var(--spectrum-dropdown-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover)); } @media (forced-colors: active) { .cm4dRG_spectrum-Dropdown { --spectrum-dropdown-icon-color: ButtonText; --spectrum-dropdown-icon-color-disabled: GrayText; --spectrum-dropdown-icon-color-hover: ButtonText; --spectrum-dropdown-icon-color-key-focus: ButtonText; --spectrum-dropdown-placeholder-text-color: GrayText; --spectrum-dropdown-placeholder-text-color-disabled: GrayText; --spectrum-dropdown-placeholder-text-color-down: GrayText; --spectrum-dropdown-placeholder-text-color-hover: GrayText; --spectrum-dropdown-placeholder-text-color-key-focus: GrayText; --spectrum-dropdown-placeholder-text-color-mouse-focus: GrayText; --spectrum-dropdown-text-color-disabled: GrayText; --spectrum-dropdown-validation-icon-color-error: ButtonText; } .cm4dRG_spectrum-Dropdown-trigger.cm4dRG_is-hovered .cm4dRG_spectrum-Dropdown-label { color: buttontext; } .cm4dRG_spectrum-Dropdown-trigger.cm4dRG_is-hovered .cm4dRG_spectrum-Dropdown-label.cm4dRG_is-placeholder { color: graytext; } } .m4YP7a_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .m4YP7a_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .m4YP7a_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .m4YP7a_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .m4YP7a_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .m4YP7a_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .m4YP7a_i18nFontFamily:lang(zh-SG), .m4YP7a_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .m4YP7a_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .m4YP7a_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .m4YP7a_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .m4YP7a_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .m4YP7a_spectrum-FocusRing.m4YP7a_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .m4YP7a_spectrum-FocusRing--quiet:after { border-radius: 0; } .m4YP7a_spectrum-FocusRing--quiet.m4YP7a_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .m4YP7a_spectrum-FocusRing, .m4YP7a_spectrum-FocusRing-ring, .m4YP7a_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.m4YP7a_spectrum-FocusRing, .m4YP7a_spectrum-FocusRing-ring, .m4YP7a_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .m4YP7a_spectrum-HelpText { text-align: start; font-size: var(--spectrum-global-dimension-font-size-75); display: flex; } .m4YP7a_spectrum-HelpText .m4YP7a_spectrum-HelpText-validationIcon { padding-block: var(--spectrum-global-dimension-size-40) var(--spectrum-global-dimension-size-40); flex-shrink: 0; margin-inline-end: var(--spectrum-global-dimension-size-100); } .m4YP7a_spectrum-HelpText .m4YP7a_spectrum-HelpText-text { padding-block: var(--spectrum-global-dimension-static-size-50, 4px) var(--spectrum-global-dimension-size-115); line-height: var(--spectrum-global-font-line-height-small, 1.3); text-transform: none; letter-spacing: var(--spectrum-global-font-letter-spacing-none, 0); flex: 1; margin-inline-end: var(--spectrum-global-dimension-size-100); } .m4YP7a_spectrum-HelpText.m4YP7a_is-disabled { cursor: default; } .m4YP7a_spectrum-HelpText--neutral .m4YP7a_spectrum-HelpText-text { color: var(--spectrum-alias-label-text-color, var(--spectrum-global-color-gray-700)); } .m4YP7a_spectrum-HelpText--neutral.m4YP7a_is-disabled .m4YP7a_spectrum-HelpText-text { color: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500)); } .m4YP7a_spectrum-HelpText--negative .m4YP7a_spectrum-HelpText-validationIcon, .m4YP7a_spectrum-HelpText--negative .m4YP7a_spectrum-HelpText-text { color: var(--spectrum-semantic-negative-color-text-small, var(--spectrum-global-color-red-600)); } .jIQVGq_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .jIQVGq_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .jIQVGq_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .jIQVGq_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .jIQVGq_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .jIQVGq_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .jIQVGq_i18nFontFamily:lang(zh-SG), .jIQVGq_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .jIQVGq_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .jIQVGq_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .jIQVGq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .jIQVGq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .jIQVGq_spectrum-FocusRing.jIQVGq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .jIQVGq_spectrum-FocusRing--quiet:after { border-radius: 0; } .jIQVGq_spectrum-FocusRing--quiet.jIQVGq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .jIQVGq_spectrum-FocusRing, .jIQVGq_spectrum-FocusRing-ring, .jIQVGq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.jIQVGq_spectrum-FocusRing, .jIQVGq_spectrum-FocusRing-ring, .jIQVGq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .jIQVGq_spectrum-FieldLabel { box-sizing: border-box; padding: var(--spectrum-fieldlabel-padding-top, var(--spectrum-global-dimension-size-50)) 0 var(--spectrum-fieldlabel-padding-bottom, var(--spectrum-global-dimension-size-65)); font-size: var(--spectrum-fieldlabel-text-size, var(--spectrum-global-dimension-font-size-75)); font-weight: var(--spectrum-fieldlabel-text-font-weight, var(--spectrum-global-font-weight-regular)); line-height: var(--spectrum-fieldlabel-text-line-height, var(--spectrum-global-font-line-height-small)); vertical-align: top; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; font-smoothing: subpixel-antialiased; text-align: start; cursor: default; flex: none; display: flex; } .jIQVGq_spectrum-FieldLabel--positionSide { padding-top: var(--spectrum-fieldlabel-side-padding-top, var(--spectrum-global-dimension-size-100)); padding-inline-end: var(--spectrum-fieldlabel-side-padding-x, var(--spectrum-global-dimension-size-100)); display: inline-flex; } .jIQVGq_spectrum-FieldLabel-requiredIcon { margin-top: var(--spectrum-fieldlabel-asterisk-margin-y, var(--spectrum-global-dimension-size-50)); margin-inline-end: 0; margin-bottom: 0; margin-inline-start: var(--spectrum-fieldlabel-asterisk-gap, var(--spectrum-global-dimension-size-25)); } .jIQVGq_spectrum-FieldLabel--alignEnd { text-align: end; justify-content: flex-end; } .jIQVGq_spectrum-Field { --spectrum-field-default-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400)); height: max-content; } .jIQVGq_spectrum-Field .jIQVGq_spectrum-Field-contextualHelp { margin-inline-start: var(--spectrum-global-dimension-size-50); margin-top: var(--spectrum-global-dimension-size-25); grid-area: jIQVGq_contextualHelp; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionTop) { width: var(--spectrum-field-default-width); grid-template: "jIQVGq_label jIQVGq_contextualHelp ." "jIQVGq_field jIQVGq_field jIQVGq_field" 1fr "jIQVGq_helpText jIQVGq_helpText jIQVGq_helpText" / auto auto minmax(0, 1fr); align-content: start; display: inline-grid; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionTop) .jIQVGq_spectrum-Field-field { grid-area: jIQVGq_field; width: 100%; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionTop).jIQVGq_spectrum-Field--alignEnd { grid-template-columns: 1fr auto 0; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionTop) .jIQVGq_spectrum-FieldLabel { grid-area: jIQVGq_label; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) { align-items: flex-start; display: inline-flex; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) .jIQVGq_spectrum-Field-wrapper { min-width: 0; width: var(--spectrum-field-default-width); flex: 1; height: 100%; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) .jIQVGq_spectrum-Field-wrapper .jIQVGq_spectrum-Field-field { width: 100%; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) .jIQVGq_spectrum-Field-field { flex: 1; min-width: 0; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) .jIQVGq_spectrum-Field-contextualHelp { margin-top: var(--spectrum-global-dimension-size-65); margin-inline-end: var(--spectrum-fieldlabel-side-padding-x, var(--spectrum-global-dimension-size-100)); } .jIQVGq_spectrum-Field.jIQVGq_spectrum-Field--hasContextualHelp .jIQVGq_spectrum-FieldLabel { padding-inline-end: 0; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide { border-collapse: separate; border-spacing: 0 var(--spectrum-global-dimension-size-300); margin: calc(var(--spectrum-global-dimension-size-250) * -1) 0; text-align: start; display: table; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field { width: 100%; display: table-row; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field:not(.jIQVGq_spectrum-Field--hasContextualHelp) .jIQVGq_spectrum-FieldLabel, .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field.jIQVGq_spectrum-Field--hasContextualHelp .jIQVGq_spectrum-Field-labelCell { display: table-cell; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field .jIQVGq_spectrum-Field-labelCell { vertical-align: top; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field.jIQVGq_spectrum-Field--alignEnd .jIQVGq_spectrum-Field-labelCell { text-align: end; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field .jIQVGq_spectrum-Field-labelWrapper { display: inline-flex; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field .jIQVGq_spectrum-Field-labelWrapper .jIQVGq_spectrum-FieldLabel { flex: 1; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field-wrapper { width: 100%; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field-field { width: auto; min-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400)); } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionTop { min-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400)); flex-direction: column; margin: 0; display: flex; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionTop > * { margin-top: var(--spectrum-global-dimension-size-100); width: 100%; } .jIQVGq_spectrum-LabeledValue.jIQVGq_spectrum-Field--positionSide { align-items: baseline; } .jIQVGq_spectrum-LabeledValue.jIQVGq_spectrum-Field--positionSide .jIQVGq_spectrum-Field-contextualHelp { top: var(--spectrum-global-dimension-size-40); margin-top: var(--spectrum-global-dimension-size-65); position: relative; } .jIQVGq_spectrum-LabeledValue.jIQVGq_spectrum-Field--positionTop { width: unset; } .jIQVGq_spectrum-LabeledValue .jIQVGq_spectrum-FieldLabel.jIQVGq_spectrum-FieldLabel { padding-top: 0; } .jIQVGq_spectrum-LabeledValue .jIQVGq_spectrum-Field-wrapper.jIQVGq_spectrum-Field-wrapper { width: unset; } .jIQVGq_spectrum-LabeledValue .jIQVGq_spectrum-Field-field { word-break: break-word; overflow: hidden; } .jIQVGq_spectrum-LabeledValue .jIQVGq_spectrum-Field-contextualHelp { margin-top: calc(-1 * var(--spectrum-global-dimension-size-25)); } .jIQVGq_spectrum-FieldLabel, .jIQVGq_spectrum-Form-itemLabel { color: var(--spectrum-fieldlabel-text-color, var(--spectrum-alias-label-text-color)); } :is(.jIQVGq_spectrum-FieldLabel, .jIQVGq_spectrum-Form-itemLabel).jIQVGq_is-disabled { color: var(--spectrum-fieldlabel-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .vi3c6W_flex-container, .vi3c6W_flex { display: flex; } .vi3c6W_flex-gap { --gap: 0px; --column-gap: var(--gap); --row-gap: var(--gap); margin: calc(var(--row-gap) / -2) calc(var(--column-gap) / -2); width: calc(100% + calc(var(--column-gap) + 1px)); height: calc(100% + var(--row-gap)); } .vi3c6W_flex-container .vi3c6W_flex-gap > * { margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2); } .jIQVGq_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .jIQVGq_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .jIQVGq_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .jIQVGq_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .jIQVGq_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .jIQVGq_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .jIQVGq_i18nFontFamily:lang(zh-SG), .jIQVGq_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .jIQVGq_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .jIQVGq_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .jIQVGq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .jIQVGq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .jIQVGq_spectrum-FocusRing.jIQVGq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .jIQVGq_spectrum-FocusRing--quiet:after { border-radius: 0; } .jIQVGq_spectrum-FocusRing--quiet.jIQVGq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .jIQVGq_spectrum-FocusRing, .jIQVGq_spectrum-FocusRing-ring, .jIQVGq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.jIQVGq_spectrum-FocusRing, .jIQVGq_spectrum-FocusRing-ring, .jIQVGq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .jIQVGq_spectrum-FieldLabel { box-sizing: border-box; padding: var(--spectrum-fieldlabel-padding-top, var(--spectrum-global-dimension-size-50)) 0 var(--spectrum-fieldlabel-padding-bottom, var(--spectrum-global-dimension-size-65)); font-size: var(--spectrum-fieldlabel-text-size, var(--spectrum-global-dimension-font-size-75)); font-weight: var(--spectrum-fieldlabel-text-font-weight, var(--spectrum-global-font-weight-regular)); line-height: var(--spectrum-fieldlabel-text-line-height, var(--spectrum-global-font-line-height-small)); vertical-align: top; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; font-smoothing: subpixel-antialiased; text-align: start; cursor: default; flex: none; display: flex; } .jIQVGq_spectrum-FieldLabel--positionSide { padding-top: var(--spectrum-fieldlabel-side-padding-top, var(--spectrum-global-dimension-size-100)); padding-inline-end: var(--spectrum-fieldlabel-side-padding-x, var(--spectrum-global-dimension-size-100)); display: inline-flex; } .jIQVGq_spectrum-FieldLabel-requiredIcon { margin-top: var(--spectrum-fieldlabel-asterisk-margin-y, var(--spectrum-global-dimension-size-50)); margin-inline-end: 0; margin-bottom: 0; margin-inline-start: var(--spectrum-fieldlabel-asterisk-gap, var(--spectrum-global-dimension-size-25)); } .jIQVGq_spectrum-FieldLabel--alignEnd { text-align: end; justify-content: flex-end; } .jIQVGq_spectrum-Field { --spectrum-field-default-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400)); height: max-content; } .jIQVGq_spectrum-Field .jIQVGq_spectrum-Field-contextualHelp { margin-inline-start: var(--spectrum-global-dimension-size-50); margin-top: var(--spectrum-global-dimension-size-25); grid-area: jIQVGq_contextualHelp; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionTop) { width: var(--spectrum-field-default-width); grid-template: "jIQVGq_label jIQVGq_contextualHelp ." "jIQVGq_field jIQVGq_field jIQVGq_field" 1fr "jIQVGq_helpText jIQVGq_helpText jIQVGq_helpText" / auto auto minmax(0, 1fr); align-content: start; display: inline-grid; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionTop) .jIQVGq_spectrum-Field-field { grid-area: jIQVGq_field; width: 100%; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionTop).jIQVGq_spectrum-Field--alignEnd { grid-template-columns: 1fr auto 0; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionTop) .jIQVGq_spectrum-FieldLabel { grid-area: jIQVGq_label; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) { align-items: flex-start; display: inline-flex; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) .jIQVGq_spectrum-Field-wrapper { min-width: 0; width: var(--spectrum-field-default-width); flex: 1; height: 100%; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) .jIQVGq_spectrum-Field-wrapper .jIQVGq_spectrum-Field-field { width: 100%; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) .jIQVGq_spectrum-Field-field { flex: 1; min-width: 0; } .jIQVGq_spectrum-Field:where(.jIQVGq_spectrum-Field--positionSide) .jIQVGq_spectrum-Field-contextualHelp { margin-top: var(--spectrum-global-dimension-size-65); margin-inline-end: var(--spectrum-fieldlabel-side-padding-x, var(--spectrum-global-dimension-size-100)); } .jIQVGq_spectrum-Field.jIQVGq_spectrum-Field--hasContextualHelp .jIQVGq_spectrum-FieldLabel { padding-inline-end: 0; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide { border-collapse: separate; border-spacing: 0 var(--spectrum-global-dimension-size-300); margin: calc(var(--spectrum-global-dimension-size-250) * -1) 0; text-align: start; display: table; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field { width: 100%; display: table-row; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field:not(.jIQVGq_spectrum-Field--hasContextualHelp) .jIQVGq_spectrum-FieldLabel, .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field.jIQVGq_spectrum-Field--hasContextualHelp .jIQVGq_spectrum-Field-labelCell { display: table-cell; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field .jIQVGq_spectrum-Field-labelCell { vertical-align: top; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field.jIQVGq_spectrum-Field--alignEnd .jIQVGq_spectrum-Field-labelCell { text-align: end; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field .jIQVGq_spectrum-Field-labelWrapper { display: inline-flex; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field .jIQVGq_spectrum-Field-labelWrapper .jIQVGq_spectrum-FieldLabel { flex: 1; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field-wrapper { width: 100%; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionSide .jIQVGq_spectrum-Field-field { width: auto; min-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400)); } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionTop { min-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400)); flex-direction: column; margin: 0; display: flex; } .jIQVGq_spectrum-Form.jIQVGq_spectrum-Form--positionTop > * { margin-top: var(--spectrum-global-dimension-size-100); width: 100%; } .jIQVGq_spectrum-LabeledValue.jIQVGq_spectrum-Field--positionSide { align-items: baseline; } .jIQVGq_spectrum-LabeledValue.jIQVGq_spectrum-Field--positionSide .jIQVGq_spectrum-Field-contextualHelp { top: var(--spectrum-global-dimension-size-40); margin-top: var(--spectrum-global-dimension-size-65); position: relative; } .jIQVGq_spectrum-LabeledValue.jIQVGq_spectrum-Field--positionTop { width: unset; } .jIQVGq_spectrum-LabeledValue .jIQVGq_spectrum-FieldLabel.jIQVGq_spectrum-FieldLabel { padding-top: 0; } .jIQVGq_spectrum-LabeledValue .jIQVGq_spectrum-Field-wrapper.jIQVGq_spectrum-Field-wrapper { width: unset; } .jIQVGq_spectrum-LabeledValue .jIQVGq_spectrum-Field-field { word-break: break-word; overflow: hidden; } .jIQVGq_spectrum-LabeledValue .jIQVGq_spectrum-Field-contextualHelp { margin-top: calc(-1 * var(--spectrum-global-dimension-size-25)); } .jIQVGq_spectrum-FieldLabel, .jIQVGq_spectrum-Form-itemLabel { color: var(--spectrum-fieldlabel-text-color, var(--spectrum-alias-label-text-color)); } :is(.jIQVGq_spectrum-FieldLabel, .jIQVGq_spectrum-Form-itemLabel).jIQVGq_is-disabled { color: var(--spectrum-fieldlabel-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .gO9Mdq_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .gO9Mdq_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .gO9Mdq_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .gO9Mdq_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .gO9Mdq_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .gO9Mdq_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .gO9Mdq_i18nFontFamily:lang(zh-SG), .gO9Mdq_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .gO9Mdq_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .gO9Mdq_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .gO9Mdq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .gO9Mdq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .gO9Mdq_spectrum-FocusRing.gO9Mdq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .gO9Mdq_spectrum-FocusRing--quiet:after { border-radius: 0; } .gO9Mdq_spectrum-FocusRing--quiet.gO9Mdq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .gO9Mdq_spectrum-FocusRing, .gO9Mdq_spectrum-FocusRing-ring, .gO9Mdq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.gO9Mdq_spectrum-FocusRing, .gO9Mdq_spectrum-FocusRing-ring, .gO9Mdq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .gO9Mdq_spectrum-Menu-wrapper, .gO9Mdq_spectrum-Menu-subdialog { border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50)); border-style: solid; border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)); flex-direction: column; max-height: 100%; display: inline-flex; overflow: hidden; } .gO9Mdq_spectrum-Menu-popover { max-width: 320px; } .gO9Mdq_spectrum-Submenu-popover { margin: calc(var(--spectrum-global-dimension-size-65) * -1); } .gO9Mdq_spectrum-Menu { --spectrum-submenu-offset-distance: var(--spectrum-global-dimension-size-65); text-align: start; box-sizing: border-box; padding: var(--spectrum-popover-padding-y, var(--spectrum-global-dimension-size-50)) 0; -webkit-user-select: none; user-select: none; margin: 0; list-style-type: none; display: block; overflow-y: auto; } .gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu-sectionHeading { margin-block-start: var(--spectrum-global-dimension-size-75); margin-block-end: var(--spectrum-global-dimension-size-40); } .gO9Mdq_spectrum-Menu:focus { outline: none; } .gO9Mdq_spectrum-Menu-checkmark { opacity: 1; box-sizing: content-box; padding-block-start: calc(var(--spectrum-selectlist-option-icon-padding-y) - var(--spectrum-selectlist-option-padding-height)); transform: scale(1); } .gO9Mdq_spectrum-Menu-item { cursor: default; box-sizing: border-box; border-inline-start: var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25)) solid transparent; font-size: var(--spectrum-selectlist-option-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-selectlist-option-text-font-weight, var(--spectrum-global-font-weight-regular)); margin: 0; font-style: normal; text-decoration: none; display: block; position: relative; } .gO9Mdq_spectrum-Menu-item[href] { cursor: pointer; } .gO9Mdq_spectrum-Menu-item:focus { outline: none; } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled { cursor: default; } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark { display: block; } .gO9Mdq_spectrum-Menu-item .gO9Mdq_spectrum-Icon + .gO9Mdq_spectrum-Menu-itemLabel, .gO9Mdq_spectrum-Menu-item .gO9Mdq_spectrum-Menu-itemIcon + .gO9Mdq_spectrum-Menu-itemLabel { margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100)); } .gO9Mdq_spectrum-Menu-itemLabel { line-height: var(--spectrum-global-font-line-height-small, 1.3); word-break: break-word; grid-area: gO9Mdq_text; } .gO9Mdq_spectrum-Menu-itemLabel--wrapping { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .gO9Mdq_spectrum-Menu-checkmark { grid-area: gO9Mdq_checkmark; place-self: flex-start end; display: none; } .gO9Mdq_spectrum-Menu-divider { box-sizing: content-box; block-size: var(--spectrum-selectlist-divider-size, var(--spectrum-alias-border-size-thick)); margin: calc(var(--spectrum-selectlist-divider-padding, 3px) / 2) var(--spectrum-global-dimension-size-150); border: none; padding: 0; overflow: visible; } .gO9Mdq_spectrum-Menu-sectionHeading { margin: var(--spectrum-global-dimension-size-75) 0 0 0; font-size: var(--spectrum-global-dimension-font-size-100); font-weight: var(--spectrum-global-font-weight-bold, 700); line-height: var(--spectrum-alias-line-height-medium, var(--spectrum-global-dimension-size-250)); padding-top: 0; padding-bottom: 0; padding-inline-start: var(--spectrum-global-dimension-size-150); padding-inline-end: var(--spectrum-global-dimension-size-450); display: block; } .gO9Mdq_spectrum-Menu-section--noHeading.gO9Mdq_spectrum-Menu-section--isFirst { padding-top: 0; } .gO9Mdq_spectrum-Menu-section--noHeading.gO9Mdq_spectrum-Menu-section--isLast { padding-bottom: 0; } .gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu { margin: 0; display: block; } .gO9Mdq_spectrum-Menu-itemGrid { grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25))) auto 1fr auto auto auto auto var(--spectrum-global-dimension-size-150); grid-template-rows: var(--spectrum-selectlist-option-padding-height) 1fr auto var(--spectrum-selectlist-option-padding-height); grid-template-areas: ". . . . . . . ." ". gO9Mdq_icon gO9Mdq_text gO9Mdq_checkmark gO9Mdq_end gO9Mdq_keyboard gO9Mdq_chevron ." ". gO9Mdq_icon gO9Mdq_description gO9Mdq_checkmark gO9Mdq_end gO9Mdq_keyboard gO9Mdq_chevron ." ". . . . . . . ."; display: grid; } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selectable .gO9Mdq_spectrum-Menu-itemGrid { grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25))) auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x, var(--spectrum-global-dimension-size-150))) auto auto var(--spectrum-global-dimension-size-150); } .gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu-end { box-sizing: content-box; grid-area: gO9Mdq_end; place-self: flex-start end; padding-inline-start: var(--spectrum-global-dimension-size-250); } .gO9Mdq_spectrum-Menu-icon { grid-area: gO9Mdq_icon; padding-block-start: var(--spectrum-global-dimension-size-10); padding-inline-end: var(--spectrum-global-dimension-size-100); } .gO9Mdq_spectrum-Menu-avatar { grid-area: gO9Mdq_icon; margin-inline-start: var(--spectrum-global-dimension-size-10); margin-inline-end: var(--spectrum-global-dimension-size-100); } .gO9Mdq_spectrum-Menu-description { line-height: var(--spectrum-global-font-line-height-small, 1.3); font-size: var(--spectrum-global-dimension-size-150); grid-area: gO9Mdq_description; } .gO9Mdq_spectrum-Menu-keyboard { text-align: end; unicode-bidi: plaintext; grid-area: gO9Mdq_keyboard; align-self: flex-start; padding-inline-start: var(--spectrum-global-dimension-size-125); font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .gO9Mdq_spectrum-Menu-chevron { box-sizing: content-box; grid-area: gO9Mdq_chevron; place-self: flex-start end; margin-inline-end: calc(var(--spectrum-global-dimension-size-50) * -1); padding-inline-start: var(--spectrum-global-dimension-size-300); } .gO9Mdq_spectrum-Menu-wrapper { overflow: auto; } .gO9Mdq_spectrum-Menu-wrapper .gO9Mdq_spectrum-Submenu-wrapper { flex-direction: column; display: flex; overflow: auto; } .gO9Mdq_spectrum-Menu-wrapper .gO9Mdq_spectrum-Submenu-wrapper.gO9Mdq_spectrum-Submenu-wrapper--isMobile { overflow-x: hidden; } .gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile { background-color: unset; opacity: 1; width: 100%; transition: opacity var(--spectrum-global-animation-duration-600, .3s) var(--spectrum-global-animation-ease-out, cubic-bezier(0, 0, .4, 1)); border: none; } .gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile.gO9Mdq_is-expanded { opacity: 0; border: 0; height: 0; position: absolute; left: 100%; } .gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile .gO9Mdq_spectrum-Submenu-headingWrapper { margin: 4px 4px 0; display: flex; } .gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile .gO9Mdq_spectrum-Submenu-headingWrapper .gO9Mdq_spectrum-Submenu-heading { font-weight: var(--spectrum-global-font-weight-bold, 700); font-size: var(--spectrum-dialog-title-text-size); line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height)); margin-top: 7px; margin-bottom: 0; margin-inline-start: 4px; display: flex; } .gO9Mdq_spectrum-Menu-wrapper, .gO9Mdq_spectrum-Menu-subdialog { border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark)); background-color: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50)); -webkit-filter: drop-shadow(0 var(--spectrum-popover-shadow-offset-y, var(--spectrum-alias-dropshadow-offset-y)) var(--spectrum-popover-shadow-blur, var(--spectrum-alias-dropshadow-blur)) var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color))); will-change: filter; } .gO9Mdq_spectrum-Menu { --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900); background-color: var(--spectrum-selectlist-background-color, var(--spectrum-alias-background-color-transparent)); } .gO9Mdq_spectrum-Submenu-headingWrapper { --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900); } .gO9Mdq_spectrum-Menu-item { background-color: var(--spectrum-selectlist-option-background-color, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused { background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); border-inline-start-color: var(--spectrum-selectlist-option-focus-indicator-color, var(--spectrum-alias-border-color-focus)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered, .gO9Mdq_spectrum-Menu-item:focus, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open { background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay)); color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark { color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected)); } .gO9Mdq_spectrum-Menu-item .gO9Mdq_is-active, .gO9Mdq_spectrum-Menu-item:active { background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled .gO9Mdq_spectrum-Menu-description { color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled { background-color: var(--spectrum-selectlist-option-background-color-disabled, var(--spectrum-alias-background-color-transparent)); color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled)); cursor: default; background-image: none; } .gO9Mdq_spectrum-Menu-sectionHeading { color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700)); } .gO9Mdq_spectrum-Menu-divider { background-color: var(--spectrum-global-color-gray-300); } .gO9Mdq_spectrum-Menu-description { color: var(--spectrum-global-color-gray-700); } .gO9Mdq_spectrum-Submenu-popover.gO9Mdq_spectrum-Submenu-popover { -webkit-filter: unset; transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s); transform: none; } .gO9Mdq_spectrum-Submenu-heading { color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700)); } @keyframes gO9Mdq_slideInFromRight { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes gO9Mdq_slideOutToRight { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes gO9Mdq_slideInFromLeft { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes gO9Mdq_slideOutToLeft { from { transform: translateX(0); } to { transform: translateX(-100%); } } .gO9Mdq_spectrum-TraySubmenu-enter { animation-name: gO9Mdq_slideInFromRight; animation-duration: var(--spectrum-global-animation-duration-400, .22s); animation-fill-mode: forwards; animation-timing-function: var(--spectrum-global-animation-ease-out, cubic-bezier(0, 0, .4, 1)); } .gO9Mdq_spectrum-TraySubmenu-enter:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { animation-name: gO9Mdq_slideInFromLeft; } .gO9Mdq_spectrum-TraySubmenu-enter:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { animation-name: gO9Mdq_slideInFromLeft; } .gO9Mdq_spectrum-TraySubmenu-exit { animation-name: gO9Mdq_slideOutToRight; animation-duration: var(--spectrum-global-animation-duration-400, .22s); animation-fill-mode: forwards; animation-timing-function: var(--spectrum-global-animation-ease-in, cubic-bezier(.5, 0, 1, 1)); } .gO9Mdq_spectrum-TraySubmenu-exit:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { animation-name: gO9Mdq_slideOutToLeft; } .gO9Mdq_spectrum-TraySubmenu-exit:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { animation-name: gO9Mdq_slideOutToLeft; } @media (forced-colors: active) { .gO9Mdq_spectrum-Menu-divider { forced-color-adjust: none; background-color: canvastext; } .gO9Mdq_spectrum-Menu-item { forced-color-adjust: none; --spectrum-heading-subtitle3-text-color: ButtonText; --spectrum-selectlist-background-color: ButtonFace; --spectrum-selectlist-divider-color: ButtonText; --spectrum-selectlist-option-background-color: ButtonFace; --spectrum-selectlist-option-background-color-disabled: ButtonFace; --spectrum-selectlist-option-background-color-down: ButtonFace; --spectrum-selectlist-option-background-color-hover: Highlight; --spectrum-selectlist-option-background-color-key-focus: Highlight; --spectrum-selectlist-option-focus-indicator-color: Highlight; --spectrum-selectlist-option-icon-color-selected: Highlight; --spectrum-selectlist-option-text-color: ButtonText; --spectrum-selectlist-option-text-color-disabled: GrayText; --spectrum-selectlist-option-text-color-hover: HighlightText; --spectrum-selectlist-option-text-color-key-focus: HighlightText; --spectrum-alias-border-color-focus: Highlight; } .gO9Mdq_spectrum-Menu-item .gO9Mdq_spectrum-Menu-description { color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark { color: highlighttext; } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered .gO9Mdq_spectrum-Menu-description { color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered { background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); } .gO9Mdq_spectrum-Menu-item:focus.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark { color: highlighttext; } .gO9Mdq_spectrum-Menu-item:focus .gO9Mdq_spectrum-Menu-description { color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); } .gO9Mdq_spectrum-Menu-item:focus { background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark { color: highlighttext; } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted .gO9Mdq_spectrum-Menu-description { color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted { background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark { color: highlighttext; } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open .gO9Mdq_spectrum-Menu-description { color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open { background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark { color: highlighttext; } .gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring .gO9Mdq_spectrum-Menu-description { color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring { background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark { color: highlighttext; } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused .gO9Mdq_spectrum-Menu-description { color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); } .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused { background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay)); color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color)); } } .PDo2aW_spectrum-Popover.PDo2aW_react-spectrum-Popover { visibility: visible; } .PDo2aW_spectrum-Popover .PDo2aW_spectrum-Dialog-content { max-height: initial; } .PDo2aW_spectrum-Modal-wrapper.PDo2aW_react-spectrum-Modal-wrapper, .PDo2aW_spectrum-Modal.PDo2aW_react-spectrum-Modal, .PDo2aW_spectrum-Tray.PDo2aW_react-spectrum-Tray { visibility: visible; } .XUQvlW_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .XUQvlW_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .XUQvlW_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .XUQvlW_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .XUQvlW_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .XUQvlW_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .XUQvlW_i18nFontFamily:lang(zh-SG), .XUQvlW_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .XUQvlW_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .XUQvlW_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .XUQvlW_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .XUQvlW_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .XUQvlW_spectrum-FocusRing.XUQvlW_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .XUQvlW_spectrum-FocusRing--quiet:after { border-radius: 0; } .XUQvlW_spectrum-FocusRing--quiet.XUQvlW_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .XUQvlW_spectrum-FocusRing, .XUQvlW_spectrum-FocusRing-ring, .XUQvlW_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.XUQvlW_spectrum-FocusRing, .XUQvlW_spectrum-FocusRing-ring, .XUQvlW_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .XUQvlW_spectrum-overlay { visibility: hidden; opacity: 0; transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s); pointer-events: none; } .XUQvlW_spectrum-overlay--open { visibility: visible; opacity: .9999; pointer-events: auto; transition-delay: 0s; } .XUQvlW_spectrum-overlay--bottom--open { transform: translateY(var(--spectrum-overlay-positive-transform-distance)); } .XUQvlW_spectrum-overlay--top--open { transform: translateY(var(--spectrum-overlay-negative-transform-distance)); } .XUQvlW_spectrum-overlay--right--open { transform: translateX(var(--spectrum-overlay-positive-transform-distance)); } .XUQvlW_spectrum-overlay--left--open { transform: translateX(var(--spectrum-overlay-negative-transform-distance)); } .XUQvlW_spectrum-Popover { box-sizing: border-box; min-width: var(--spectrum-global-dimension-size-400); min-height: var(--spectrum-global-dimension-size-400); border-style: solid; border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)); border-radius: var(--spectrum-popover-border-radius, var(--spectrum-alias-border-radius-regular)); outline: none; flex-direction: column; display: inline-flex; position: absolute; overflow: hidden; } .XUQvlW_spectrum-Popover--withTip { overflow: visible; } .XUQvlW_spectrum-Popover-tip { --spectrum-popover-tip-size: var(--spectrum-popover-tip-width, var(--spectrum-global-dimension-size-250)); --spectrum-popover-tip-borderWidth: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)); position: absolute; -webkit-transform: translate(0); } .XUQvlW_spectrum-Popover-tip .XUQvlW_spectrum-Popover-tip-triangle { stroke-linecap: square; stroke-linejoin: miter; stroke-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)); } .XUQvlW_spectrum-Popover--dialog { min-width: 270px; padding: 30px 29px; } .XUQvlW_spectrum-Popover--left.XUQvlW_spectrum-Popover--withTip { margin-right: 13px; } .XUQvlW_spectrum-Popover--left .XUQvlW_spectrum-Popover-tip { left: 100%; } .XUQvlW_spectrum-Popover--right.XUQvlW_spectrum-Popover--withTip { margin-left: 13px; } .XUQvlW_spectrum-Popover--right .XUQvlW_spectrum-Popover-tip { right: 100%; transform: scaleX(-1); } :is(.XUQvlW_spectrum-Popover--left, .XUQvlW_spectrum-Popover--right) .XUQvlW_spectrum-Popover-tip { margin-top: calc(var(--spectrum-global-dimension-size-150) * -1); top: 50%; } .XUQvlW_spectrum-Popover--bottom.XUQvlW_spectrum-Popover--withTip { margin-top: 13px; } .XUQvlW_spectrum-Popover--bottom .XUQvlW_spectrum-Popover-tip { bottom: 100%; transform: scaleY(-1); } .XUQvlW_spectrum-Popover--top.XUQvlW_spectrum-Popover--withTip { margin-bottom: 13px; } .XUQvlW_spectrum-Popover--top .XUQvlW_spectrum-Popover-tip { top: 100%; } :is(.XUQvlW_spectrum-Popover--bottom, .XUQvlW_spectrum-Popover--top) .XUQvlW_spectrum-Popover-tip { margin-left: calc(var(--spectrum-global-dimension-size-150) * -1); left: 50%; } .XUQvlW_spectrum-Popover { background-color: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50)); border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark)); -webkit-filter: drop-shadow(0 var(--spectrum-popover-shadow-offset-y, var(--spectrum-alias-dropshadow-offset-y)) var(--spectrum-popover-shadow-blur, var(--spectrum-alias-dropshadow-blur)) var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color))); will-change: filter; clip-path: inset(-30px); } .XUQvlW_spectrum-Popover .XUQvlW_spectrum-Popover-tip .XUQvlW_spectrum-Popover-tip-triangle { fill: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50)); stroke: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark)); } @media (forced-colors: active) { .XUQvlW_spectrum-Popover { --spectrum-popover-background-color: Canvas; --spectrum-popover-border-color: CanvasText; } } .fdFt3W_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .fdFt3W_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .fdFt3W_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .fdFt3W_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .fdFt3W_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .fdFt3W_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .fdFt3W_i18nFontFamily:lang(zh-SG), .fdFt3W_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .fdFt3W_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .fdFt3W_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .fdFt3W_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .fdFt3W_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .fdFt3W_spectrum-FocusRing.fdFt3W_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .fdFt3W_spectrum-FocusRing--quiet:after { border-radius: 0; } .fdFt3W_spectrum-FocusRing--quiet.fdFt3W_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .fdFt3W_spectrum-FocusRing, .fdFt3W_spectrum-FocusRing-ring, .fdFt3W_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.fdFt3W_spectrum-FocusRing, .fdFt3W_spectrum-FocusRing-ring, .fdFt3W_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .fdFt3W_spectrum-overlay { visibility: hidden; opacity: 0; transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s); pointer-events: none; } .fdFt3W_spectrum-overlay--open { visibility: visible; opacity: .9999; pointer-events: auto; transition-delay: 0s; } .fdFt3W_spectrum-overlay--bottom--open { transform: translateY(var(--spectrum-overlay-positive-transform-distance)); } .fdFt3W_spectrum-overlay--top--open { transform: translateY(var(--spectrum-overlay-negative-transform-distance)); } .fdFt3W_spectrum-overlay--right--open { transform: translateX(var(--spectrum-overlay-positive-transform-distance)); } .fdFt3W_spectrum-overlay--left--open { transform: translateX(var(--spectrum-overlay-negative-transform-distance)); } .fdFt3W_spectrum-Underlay { z-index: 1; transition: opacity var(--spectrum-dialog-background-exit-animation-duration, var(--spectrum-global-animation-duration-300)) cubic-bezier(.5, 0, 1, 1) var(--spectrum-dialog-background-exit-animation-delay, var(--spectrum-global-animation-duration-200)), visibility 0s linear calc(var(--spectrum-dialog-background-exit-animation-delay, var(--spectrum-global-animation-duration-200)) + var(--spectrum-dialog-background-exit-animation-duration, var(--spectrum-global-animation-duration-300))); position: absolute; inset: 0; overflow: hidden; } .fdFt3W_spectrum-Underlay.fdFt3W_spectrum-Underlay--transparent { background: none; transition: none; } .fdFt3W_is-open { transition: opacity var(--spectrum-dialog-background-entry-animation-duration, var(--spectrum-global-animation-duration-600)) cubic-bezier(0, 0, .4, 1) 0s; } .fdFt3W_spectrum-Underlay { background: var(--spectrum-dialog-underlay-background-color, var(--spectrum-alias-background-color-modal-overlay)); } .tsH6yq_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .tsH6yq_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .tsH6yq_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .tsH6yq_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .tsH6yq_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .tsH6yq_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .tsH6yq_i18nFontFamily:lang(zh-SG), .tsH6yq_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .tsH6yq_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .tsH6yq_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .tsH6yq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .tsH6yq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .tsH6yq_spectrum-FocusRing.tsH6yq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .tsH6yq_spectrum-FocusRing--quiet:after { border-radius: 0; } .tsH6yq_spectrum-FocusRing--quiet.tsH6yq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .tsH6yq_spectrum-FocusRing, .tsH6yq_spectrum-FocusRing-ring, .tsH6yq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.tsH6yq_spectrum-FocusRing, .tsH6yq_spectrum-FocusRing-ring, .tsH6yq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .tsH6yq_spectrum-overlay { visibility: hidden; opacity: 0; transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s); pointer-events: none; } .tsH6yq_spectrum-overlay--open { visibility: visible; opacity: .9999; pointer-events: auto; transition-delay: 0s; } .tsH6yq_spectrum-overlay--bottom--open { transform: translateY(var(--spectrum-overlay-positive-transform-distance)); } .tsH6yq_spectrum-overlay--top--open { transform: translateY(var(--spectrum-overlay-negative-transform-distance)); } .tsH6yq_spectrum-overlay--right--open { transform: translateX(var(--spectrum-overlay-positive-transform-distance)); } .tsH6yq_spectrum-overlay--left--open { transform: translateX(var(--spectrum-overlay-negative-transform-distance)); } .tsH6yq_spectrum-Tray-wrapper { pointer-events: none; z-index: 2; justify-content: center; width: 100%; height: 100dvh; display: flex; position: absolute; top: 0; } .tsH6yq_spectrum-Tray-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 0; } .tsH6yq_spectrum-Tray-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 0; } .tsH6yq_spectrum-Tray-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 0; } .tsH6yq_spectrum-Tray-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 0; } .tsH6yq_spectrum-Tray { --spectrum-tray-margin-top: 64px; --spectrum-tray-max-width: 450px; width: var(--spectrum-tray-width, 100%); max-width: var(--spectrum-tray-max-width, 375px); min-height: var(--spectrum-tray-min-height, var(--spectrum-global-dimension-static-size-800)); max-height: calc(var(--spectrum-visual-viewport-height) - var(--spectrum-tray-margin-top)); padding-bottom: calc(max(calc(100dvh - var(--spectrum-visual-viewport-height)), env(safe-area-inset-bottom)) + 100vh); border-radius: var(--spectrum-tray-full-width-border-radius, var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-full-width-border-radius, var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-border-radius, 0px) var(--spectrum-tray-border-radius, 0px); transition: opacity var(--spectrum-dialog-exit-animation-duration, var(--spectrum-global-animation-duration-100)) cubic-bezier(.5, 0, 1, 1) 0s, transform var(--spectrum-dialog-exit-animation-duration, var(--spectrum-global-animation-duration-100)) cubic-bezier(.5, 0, 1, 1) 0s; box-sizing: content-box; outline: none; flex-direction: column; display: flex; position: absolute; bottom: -100vh; overflow: hidden auto; transform: translateY(calc(100% - 100vh)); } .tsH6yq_is-open { transition: transform var(--spectrum-dialog-entry-animation-duration, var(--spectrum-global-animation-duration-500)) cubic-bezier(0, 0, .4, 1) var(--spectrum-dialog-entry-animation-delay, var(--spectrum-global-animation-duration-200)), opacity var(--spectrum-dialog-entry-animation-duration, var(--spectrum-global-animation-duration-500)) cubic-bezier(0, 0, .4, 1) var(--spectrum-dialog-entry-animation-delay, var(--spectrum-global-animation-duration-200)); transform: translateY(0); } .tsH6yq_spectrum-Tray--fixedHeight { height: calc(var(--spectrum-visual-viewport-height) - var(--spectrum-tray-margin-top)); top: var(--spectrum-tray-margin-top); } @media (width <= 450px) { .tsH6yq_spectrum-Tray { border-radius: var(--spectrum-tray-border-radius, 0px); } } @media (forced-colors: active) { .tsH6yq_spectrum-Tray { border-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10)); border-style: solid solid none; } } .tsH6yq_spectrum-Tray { background-color: var(--spectrum-tray-background-color); } .VXVB8W_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .VXVB8W_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .VXVB8W_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .VXVB8W_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .VXVB8W_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .VXVB8W_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .VXVB8W_i18nFontFamily:lang(zh-SG), .VXVB8W_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .VXVB8W_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .VXVB8W_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .VXVB8W_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .VXVB8W_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .VXVB8W_spectrum-FocusRing.VXVB8W_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .VXVB8W_spectrum-FocusRing--quiet:after { border-radius: 0; } .VXVB8W_spectrum-FocusRing--quiet.VXVB8W_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .VXVB8W_spectrum-FocusRing, .VXVB8W_spectrum-FocusRing-ring, .VXVB8W_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.VXVB8W_spectrum-FocusRing, .VXVB8W_spectrum-FocusRing-ring, .VXVB8W_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .VXVB8W_spectrum-Rule { border: none; border-width: var(--spectrum-rule-medium-height, var(--spectrum-global-dimension-static-size-25)); border-radius: var(--spectrum-rule-medium-height, var(--spectrum-global-dimension-static-size-25)); margin: 0; align-self: stretch; margin-inline: 0; overflow: visible; } .VXVB8W_spectrum-Rule--large { border-radius: var(--spectrum-rule-large-border-radius, var(--spectrum-global-dimension-static-size-25)); } .VXVB8W_spectrum-Rule--medium { border-radius: var(--spectrum-rule-medium-border-radius, var(--spectrum-global-dimension-static-size-10)); } .VXVB8W_spectrum-Rule--small { border-radius: var(--spectrum-rule-small-border-radius, var(--spectrum-global-dimension-static-size-10)); } .VXVB8W_spectrum-Rule--horizontal.VXVB8W_spectrum-Rule--large { block-size: var(--spectrum-rule-large-height, var(--spectrum-global-dimension-static-size-50)); } .VXVB8W_spectrum-Rule--horizontal.VXVB8W_spectrum-Rule--medium { block-size: var(--spectrum-rule-medium-height, var(--spectrum-global-dimension-static-size-25)); } .VXVB8W_spectrum-Rule--horizontal.VXVB8W_spectrum-Rule--small { block-size: var(--spectrum-rule-small-height, var(--spectrum-global-dimension-static-size-10)); } .VXVB8W_spectrum-Rule--vertical { height: auto; } .VXVB8W_spectrum-Rule--vertical.VXVB8W_spectrum-Rule--large { inline-size: var(--spectrum-rule-large-height, var(--spectrum-global-dimension-static-size-50)); } .VXVB8W_spectrum-Rule--vertical.VXVB8W_spectrum-Rule--medium { inline-size: var(--spectrum-rule-medium-height, var(--spectrum-global-dimension-static-size-25)); } .VXVB8W_spectrum-Rule--vertical.VXVB8W_spectrum-Rule--small { inline-size: var(--spectrum-rule-small-height, var(--spectrum-global-dimension-static-size-10)); } .VXVB8W_spectrum-Rule--large { background-color: var(--spectrum-rule-large-background-color, var(--spectrum-global-color-gray-800)); } .VXVB8W_spectrum-Rule--medium { background-color: var(--spectrum-rule-medium-background-color, var(--spectrum-global-color-gray-300)); } .VXVB8W_spectrum-Rule--small { background-color: var(--spectrum-rule-small-background-color, var(--spectrum-global-color-gray-300)); } @media (forced-colors: active) { .VXVB8W_spectrum-Rule { forced-color-adjust: none; --spectrum-rule-large-background-color: CanvasText; --spectrum-rule-medium-background-color: CanvasText; --spectrum-rule-small-background-color: CanvasText; } } ._9-Xiq_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } ._9-Xiq_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } ._9-Xiq_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } ._9-Xiq_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } ._9-Xiq_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } ._9-Xiq_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } ._9-Xiq_i18nFontFamily:lang(zh-SG), ._9-Xiq_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } ._9-Xiq_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } ._9-Xiq_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } ._9-Xiq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } ._9-Xiq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } ._9-Xiq_spectrum-FocusRing._9-Xiq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } ._9-Xiq_spectrum-FocusRing--quiet:after { border-radius: 0; } ._9-Xiq_spectrum-FocusRing--quiet._9-Xiq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { ._9-Xiq_spectrum-FocusRing, ._9-Xiq_spectrum-FocusRing-ring, ._9-Xiq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(._9-Xiq_spectrum-FocusRing, ._9-Xiq_spectrum-FocusRing-ring, ._9-Xiq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } ._9-Xiq_spectrum-Link { -webkit-text-decoration-skip: objects; transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out; cursor: pointer; background-color: #0000; outline: none; text-decoration: underline; } ._9-Xiq_spectrum-Link._9-Xiq_is-hovered, ._9-Xiq_spectrum-Link._9-Xiq_focus-ring { text-decoration: underline; } ._9-Xiq_spectrum-Link._9-Xiq_focus-ring { text-decoration: underline double; } ._9-Xiq_spectrum-Link._9-Xiq_is-disabled { cursor: default; pointer-events: none; } ._9-Xiq_spectrum-Link._9-Xiq_is-disabled._9-Xiq_is-hovered, ._9-Xiq_spectrum-Link._9-Xiq_is-disabled:focus { text-decoration: none; } ._9-Xiq_spectrum-Link--secondary, ._9-Xiq_spectrum-Link--overBackground { text-decoration: underline; } ._9-Xiq_spectrum-Link--quiet { text-decoration: none; } ._9-Xiq_spectrum-Link { --spectrum-link-text-color: var(--spectrum-accent-color-1000); --spectrum-link-text-color-hover: var(--spectrum-accent-color-1000); --spectrum-link-text-color-down: var(--spectrum-accent-color-1100); --spectrum-link-text-color-key-focus: var(--spectrum-accent-color-1000); color: var(--spectrum-link-text-color, var(--spectrum-global-color-blue-600)); } ._9-Xiq_spectrum-Link._9-Xiq_is-hovered { color: var(--spectrum-link-text-color-hover, var(--spectrum-global-color-blue-600)); } ._9-Xiq_spectrum-Link:active { color: var(--spectrum-link-text-color-down, var(--spectrum-global-color-blue-700)); } ._9-Xiq_spectrum-Link._9-Xiq_focus-ring { color: var(--spectrum-link-text-color-key-focus, var(--spectrum-alias-text-color-key-focus)); } ._9-Xiq_spectrum-Link._9-Xiq_is-disabled { color: var(--spectrum-link-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } ._9-Xiq_spectrum-Link--secondary, ._9-Xiq_spectrum-Link--secondary._9-Xiq_is-hovered, ._9-Xiq_spectrum-Link--secondary:active, ._9-Xiq_spectrum-Link--secondary:focus { color: inherit; } ._9-Xiq_spectrum-Link--overBackground { color: var(--spectrum-link-over-background-text-color, var(--spectrum-global-color-static-white)); } ._9-Xiq_spectrum-Link--overBackground._9-Xiq_is-hovered { color: var(--spectrum-link-over-background-text-color-hover, var(--spectrum-global-color-static-white)); } ._9-Xiq_spectrum-Link--overBackground:active { color: var(--spectrum-link-over-background-text-color-down, var(--spectrum-global-color-static-white)); } ._9-Xiq_spectrum-Link--overBackground:focus { color: var(--spectrum-link-over-background-text-color-key-focus, var(--spectrum-global-color-static-white)); } ._9-Xiq_spectrum-Link--overBackground._9-Xiq_is-disabled { color: var(--spectrum-link-over-background-text-color-disabled, #ffffff80); } @media (forced-colors: active) { ._9-Xiq_spectrum-Link, ._9-Xiq_spectrum-Link._9-Xiq_is-hovered, ._9-Xiq_spectrum-Link:active, ._9-Xiq_spectrum-Link:focus { color: linktext; } } ._59xJYq_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } ._59xJYq_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } ._59xJYq_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } ._59xJYq_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } ._59xJYq_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } ._59xJYq_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } ._59xJYq_i18nFontFamily:lang(zh-SG), ._59xJYq_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } ._59xJYq_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } ._59xJYq_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } ._59xJYq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } ._59xJYq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } ._59xJYq_spectrum-FocusRing._59xJYq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } ._59xJYq_spectrum-FocusRing--quiet:after { border-radius: 0; } ._59xJYq_spectrum-FocusRing--quiet._59xJYq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { ._59xJYq_spectrum-FocusRing, ._59xJYq_spectrum-FocusRing-ring, ._59xJYq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(._59xJYq_spectrum-FocusRing, ._59xJYq_spectrum-FocusRing-ring, ._59xJYq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } ._59xJYq_spectrum-Checkbox { box-sizing: border-box; min-block-size: var(--spectrum-checkbox-height, var(--spectrum-global-dimension-size-400)); vertical-align: top; isolation: isolate; max-inline-size: 100%; align-items: flex-start; padding-inline-end: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * 2); display: inline-flex; position: relative; } ._59xJYq_spectrum-Checkbox-input { box-sizing: border-box; inline-size: calc(100% + var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100))); opacity: .0001; z-index: 1; touch-action: manipulation; cursor: default; block-size: 100%; margin: 0; padding: 0; font-family: inherit; font-size: 100%; line-height: 1.15; position: absolute; top: 0; overflow: visible; } ._59xJYq_spectrum-Checkbox-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1); } ._59xJYq_spectrum-Checkbox-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1); } ._59xJYq_spectrum-Checkbox-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1); } ._59xJYq_spectrum-Checkbox-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: calc(var(--spectrum-checkbox-cursor-hit-x, var(--spectrum-global-dimension-size-100)) * -1); } ._59xJYq_spectrum-Checkbox-input:disabled { cursor: default; } ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:after { margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1); } ._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before { border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2); } ._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box ._59xJYq_spectrum-Checkbox-checkmark { display: none; } ._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box ._59xJYq_spectrum-Checkbox-partialCheckmark { opacity: 1; display: block; transform: scale(1); } ._59xJYq_spectrum-Checkbox._59xJYq_is-checked ._59xJYq_spectrum-Checkbox-box:before { border-width: calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2); } ._59xJYq_spectrum-Checkbox._59xJYq_is-checked ._59xJYq_spectrum-Checkbox-box ._59xJYq_spectrum-Checkbox-checkmark { opacity: 1; transform: scale(1); } ._59xJYq_spectrum-Checkbox-label { text-align: start; font-size: var(--spectrum-checkbox-text-size, var(--spectrum-alias-font-size-default)); font-weight: var(--spectrum-checkbox-text-font-weight, var(--spectrum-global-font-weight-regular)); margin-block-start: var(--spectrum-global-dimension-size-65); margin-inline-start: var(--spectrum-checkbox-text-gap, var(--spectrum-global-dimension-size-125)); line-height: 1.49; } ._59xJYq_spectrum-Checkbox-box { box-sizing: border-box; inline-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)); block-size: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)); margin: calc((var(--spectrum-checkbox-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175))) / 2) 0; flex-grow: 0; flex-shrink: 0; position: relative; } ._59xJYq_spectrum-Checkbox-box:before { z-index: 0; content: ""; box-sizing: border-box; width: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)); height: var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)); border-radius: var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small)); border-width: var(--spectrum-checkbox-box-border-size, var(--spectrum-alias-border-size-thick)); transition: border var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out; border-style: solid; display: block; position: absolute; } ._59xJYq_spectrum-Checkbox-box:after { border-radius: calc(var(--spectrum-checkbox-box-border-radius, var(--spectrum-alias-border-radius-small)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25))); content: ""; margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)); transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; transform: translateX(0); } ._59xJYq_spectrum-Checkbox-checkmark, ._59xJYq_spectrum-Checkbox-partialCheckmark { opacity: 0; transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out; margin-block-start: calc(var(--spectrum-icon-checkmark-small-height) / -2); margin-inline-start: calc(var(--spectrum-icon-checkmark-small-width) / -2); position: absolute; top: 50%; transform: scale(0); } ._59xJYq_spectrum-Checkbox-checkmark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 50%; } ._59xJYq_spectrum-Checkbox-checkmark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 50%; } ._59xJYq_spectrum-Checkbox-partialCheckmark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 50%; } ._59xJYq_spectrum-Checkbox-partialCheckmark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: 50%; } ._59xJYq_spectrum-Checkbox-checkmark:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 50%; } ._59xJYq_spectrum-Checkbox-checkmark:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 50%; } ._59xJYq_spectrum-Checkbox-partialCheckmark:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 50%; } ._59xJYq_spectrum-Checkbox-partialCheckmark:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 50%; } ._59xJYq_spectrum-Checkbox-partialCheckmark { display: none; } ._59xJYq_spectrum-Checkbox { --spectrum-checkbox-emphasized-text-color-key-focus: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover)); --spectrum-checkbox-box-border-color: var(--spectrum-alias-toggle-color-default); --spectrum-checkbox-box-border-color-hover: var(--spectrum-alias-toggle-color-hover); --spectrum-checkbox-box-border-color-key-focus: var(--spectrum-alias-toggle-color-key-focus); --spectrum-checkbox-quiet-box-border-color-selected: var(--spectrum-alias-toggle-color-selected); --spectrum-checkbox-quiet-box-border-color-selected-hover: var(--spectrum-alias-toggle-color-selected-hover); --spectrum-checkbox-quiet-box-border-color-selected-key-focus: var(--spectrum-alias-toggle-color-selected-key-focus); --spectrum-checkbox-emphasized-box-background-color-selected: var(--spectrum-accent-color-900); --spectrum-checkbox-emphasized-box-background-color-selected-hover: var(--spectrum-accent-color-1000); --spectrum-checkbox-emphasized-box-background-color-selected-key-focus: var(--spectrum-accent-color-1000); --spectrum-checkbox-emphasized-box-background-color-selected-down: var(--spectrum-accent-color-1100); --spectrum-checkbox-emphasized-box-border-color-selected: var(--spectrum-accent-color-900); --spectrum-checkbox-emphasized-box-border-color-selected-hover: var(--spectrum-accent-color-1000); --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: var(--spectrum-accent-color-1000); --spectrum-checkbox-emphasized-box-border-color-selected-down: var(--spectrum-accent-color-1100); color: var(--spectrum-checkbox-text-color, var(--spectrum-alias-text-color)); border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-checkmark, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-partialCheckmark { color: var(--spectrum-checkbox-checkmark-color, var(--spectrum-global-color-gray-75)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color, var(--spectrum-global-color-gray-600)); background-color: var(--spectrum-checkbox-emphasized-box-background-color, var(--spectrum-global-color-gray-75)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-emphasized-text-color, var(--spectrum-alias-text-color)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-checked ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected, var(--spectrum-global-color-blue-500)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-hover, var(--spectrum-global-color-gray-700)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-emphasized-text-color-hover, var(--spectrum-alias-text-color-hover)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-hovered._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-hover, var(--spectrum-global-color-blue-600)); } ._59xJYq_spectrum-Checkbox:active ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-down, var(--spectrum-global-color-gray-800)); } ._59xJYq_spectrum-Checkbox:active ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-emphasized-text-color-down, var(--spectrum-alias-text-color-down)); } ._59xJYq_spectrum-Checkbox:active._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox:active ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-down, var(--spectrum-global-color-blue-700)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:disabled + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:disabled:active + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400)); background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:disabled ~ ._59xJYq_spectrum-Checkbox-label, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:disabled:active ~ ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked:disabled + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked:disabled:active + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400)); background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked:disabled ~ ._59xJYq_spectrum-Checkbox-label, ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked:disabled:active ~ ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:disabled + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:disabled:active + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400)); background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:disabled ~ ._59xJYq_spectrum-Checkbox-label, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:disabled:active ~ ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked:disabled + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked:disabled:active + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400)); background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked:disabled ~ ._59xJYq_spectrum-Checkbox-label, ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled ._59xJYq_spectrum-Checkbox-input:checked:disabled:active ~ ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400)); background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled:active ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-disabled, var(--spectrum-global-color-gray-400)); background-color: var(--spectrum-checkbox-emphasized-box-background-color-disabled, var(--spectrum-global-color-gray-75)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-disabled:active ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-disabled, var(--spectrum-alias-text-color-disabled)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input + ._59xJYq_spectrum-Checkbox-box:after { box-shadow: 0 0 0 var(--spectrum-checkbox-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size)) var(--spectrum-checkbox-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color)); opacity: 0; } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-box-border-color-key-focus, var(--spectrum-global-color-gray-700)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:after { opacity: 1; } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input:checked._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600)); } ._59xJYq_spectrum-Checkbox ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring ~ ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-emphasized-text-color-key-focus, var(--spectrum-alias-text-color-hover)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-emphasized-box-border-color-selected-key-focus, var(--spectrum-global-color-blue-600)); } ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-quiet-box-border-color-selected, var(--spectrum-global-color-gray-700)); } ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-hovered._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-hover, var(--spectrum-global-color-gray-800)); } ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet:active._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet:active ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-quiet-box-border-color-selected-down, var(--spectrum-global-color-gray-900)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-box-border-color-error, var(--spectrum-global-color-red-500)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-error, var(--spectrum-global-color-red-600)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring ~ ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring + ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid ._59xJYq_spectrum-Checkbox-input._59xJYq_focus-ring ~ ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered._59xJYq_is-indeterminate ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-box-border-color-error-hover, var(--spectrum-global-color-red-600)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid._59xJYq_is-hovered ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-error-hover, var(--spectrum-global-color-red-700)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid:active ._59xJYq_spectrum-Checkbox-input:checked + ._59xJYq_spectrum-Checkbox-box:before, ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid:active ._59xJYq_spectrum-Checkbox-box:before { border-color: var(--spectrum-checkbox-box-border-color-error-down, var(--spectrum-global-color-red-700)); } ._59xJYq_spectrum-Checkbox._59xJYq_is-invalid:active ._59xJYq_spectrum-Checkbox-label { color: var(--spectrum-checkbox-text-color-error-down, var(--spectrum-global-color-red-700)); } @media (forced-colors: active) { ._59xJYq_spectrum-Checkbox { forced-color-adjust: none; --spectrum-alias-toggle-color-default: ButtonText; --spectrum-alias-toggle-color-hover: Highlight; --spectrum-alias-toggle-color-key-focus: Highlight; --spectrum-alias-toggle-color-selected: Highlight; --spectrum-alias-toggle-color-selected-hover: Highlight; --spectrum-alias-toggle-color-selected-key-focus: Highlight; --spectrum-alias-toggle-color-selected-down: Highlight; --spectrum-checkbox-box-border-color-error: Highlight; --spectrum-checkbox-box-border-color-error-down: Highlight; --spectrum-checkbox-box-border-color-error-hover: Highlight; --spectrum-checkbox-checkmark-color: HighlightText; --spectrum-checkbox-emphasized-box-background-color: ButtonFace; --spectrum-checkbox-emphasized-box-background-color-disabled: ButtonFace; --spectrum-checkbox-emphasized-box-border-color: ButtonText; --spectrum-checkbox-emphasized-box-border-color-disabled: GrayText; --spectrum-checkbox-emphasized-box-border-color-down: Highlight; --spectrum-checkbox-emphasized-box-border-color-hover: Highlight; --spectrum-checkbox-emphasized-text-color: FieldText; --spectrum-checkbox-emphasized-text-color-down: FieldText; --spectrum-checkbox-emphasized-text-color-hover: FieldText; --spectrum-checkbox-emphasized-text-color-key-focus: FieldText; --spectrum-checkbox-focus-ring-color-key-focus: ButtonText; --spectrum-checkbox-quiet-box-border-color-selected: Highlight; --spectrum-checkbox-quiet-box-border-color-selected-down: Highlight; --spectrum-checkbox-quiet-box-border-color-selected-hover: Highlight; --spectrum-checkbox-text-color: FieldText; --spectrum-checkbox-text-color-disabled: GrayText; --spectrum-checkbox-text-color-error: FieldText; --spectrum-checkbox-text-color-error-down: FieldText; --spectrum-checkbox-text-color-error-hover: FieldText; --spectrum-checkbox-emphasized-box-background-color-selected: Highlight; --spectrum-checkbox-emphasized-box-background-color-selected-hover: Highlight; --spectrum-checkbox-emphasized-box-background-color-selected-key-focus: Highlight; --spectrum-checkbox-emphasized-box-background-color-selected-down: Highlight; --spectrum-checkbox-emphasized-box-border-color-selected: Highlight; --spectrum-checkbox-emphasized-box-border-color-selected-hover: Highlight; --spectrum-checkbox-emphasized-box-border-color-selected-key-focus: Highlight; --spectrum-checkbox-emphasized-box-border-color-selected-down: Highlight; } ._59xJYq_spectrum-Checkbox._59xJYq_spectrum-Checkbox--quiet, ._59xJYq_spectrum-Checkbox._59xJYq_is-indeterminate { --spectrum-alias-toggle-color-default: ButtonText; --spectrum-alias-toggle-color-selected: ButtonText; } } .HpsDkq_i18nFontFamily { font-synthesis: weight; font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .HpsDkq_i18nFontFamily:lang(ar) { font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .HpsDkq_i18nFontFamily:lang(he) { font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif; } .HpsDkq_i18nFontFamily:lang(zh) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif; } .HpsDkq_i18nFontFamily:lang(zh-Hans) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .HpsDkq_i18nFontFamily:lang(zh-Hant) { font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif; } .HpsDkq_i18nFontFamily:lang(zh-SG), .HpsDkq_i18nFontFamily:lang(zh-CN) { font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif; } .HpsDkq_i18nFontFamily:lang(ko) { font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif; } .HpsDkq_i18nFontFamily:lang(ja) { font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif; } .HpsDkq_spectrum-FocusRing-ring { --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap); --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size); --spectrum-focus-ring-border-size: 0px; --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))); } .HpsDkq_spectrum-FocusRing-ring:after { border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap)); content: ""; margin: calc(-1 * var(--spectrum-focus-ring-border-size)); pointer-events: none; transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out; display: block; position: absolute; inset: 0; } .HpsDkq_spectrum-FocusRing.HpsDkq_focus-ring:after { margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)); box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color); } .HpsDkq_spectrum-FocusRing--quiet:after { border-radius: 0; } .HpsDkq_spectrum-FocusRing--quiet.HpsDkq_focus-ring:after { margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0; box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color); } @media (forced-colors: active) { .HpsDkq_spectrum-FocusRing, .HpsDkq_spectrum-FocusRing-ring, .HpsDkq_spectrum-FocusRing--quiet { --spectrum-high-contrast-focus-ring-color: Highlight; } :is(.HpsDkq_spectrum-FocusRing, .HpsDkq_spectrum-FocusRing-ring, .HpsDkq_spectrum-FocusRing--quiet):after { forced-color-adjust: none; } } .HpsDkq_spectrum-Tags { display: inline; } .HpsDkq_spectrum-Tags.HpsDkq_focus-ring { box-shadow: 0 0 0 2px var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus)); outline: none; display: block; } .HpsDkq_spectrum-Tags-container:not(.HpsDkq_spectrum-Tags-container--empty) { margin-inline-start: calc(calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2) * -1); margin-inline-end: calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2); } .HpsDkq_spectrum-Tag { --spectrum-focus-ring-border-radius: var(--spectrum-tag-border-radius, var(--spectrum-alias-border-radius-regular)); --spectrum-focus-ring-border-size: var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)); vertical-align: middle; box-sizing: border-box; cursor: default; margin: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2) calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2); block-size: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)); border-width: var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)); border-radius: var(--spectrum-tag-border-radius, var(--spectrum-alias-border-radius-regular)); -webkit-user-select: none; user-select: none; max-inline-size: 100%; transition: border-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out, color var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out, background-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out; border-style: solid; outline: none; align-items: center; padding-inline-start: calc(var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin))); display: inline-grid; position: relative; } .HpsDkq_spectrum-Tag[data-href] { cursor: pointer; } .HpsDkq_spectrum-Tag.HpsDkq_is-disabled { cursor: default; pointer-events: none; } .HpsDkq_spectrum-Tag .HpsDkq_spectrum-Tag-removeButton { height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - (2 * var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)))); width: var(--spectrum-global-dimension-size-300); grid-area: HpsDkq_action; } .HpsDkq_spectrum-Tag .HpsDkq_spectrum-Tag-cell { text-overflow: ellipsis; grid-template-columns: auto 1fr auto; grid-template-areas: "HpsDkq_decoration HpsDkq_content HpsDkq_action"; align-items: center; display: grid; overflow: hidden; } .HpsDkq_spectrum-Tag .HpsDkq_spectrum-Tag-icon, .HpsDkq_spectrum-Tag .HpsDkq_spectrum-Tag-avatar { grid-area: HpsDkq_decoration; margin-inline-end: var(--spectrum-global-dimension-size-100); } .HpsDkq_spectrum-Tag .HpsDkq_spectrum-Tag-content { line-height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - calc(var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)) * 2)); font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75)); white-space: nowrap; text-overflow: ellipsis; outline: none; flex: auto; grid-area: HpsDkq_content; margin-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125)); overflow: hidden; } .HpsDkq_spectrum-Tag.HpsDkq_spectrum-Tag--removable .HpsDkq_spectrum-Tag-content { margin-inline-end: 0; } .HpsDkq_spectrum-Tags-actions { display: inline; } .HpsDkq_spectrum-Tags-actions .HpsDkq_spectrum-Tags-actionButton { height: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)); font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75)); margin: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2) calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2); display: inline; } .HpsDkq_spectrum-Tags-actions .HpsDkq_spectrum-Tags-actionButton.HpsDkq_spectrum-Tags-actionButton > span { padding-inline-start: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125)); padding-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125)); } .HpsDkq_spectrum-Tags-fieldWrapper.HpsDkq_spectrum-Tags-fieldWrapper { width: unset; } .HpsDkq_spectrum-Tags-fieldWrapper.HpsDkq_spectrum-Tags-fieldWrapper:not(.HpsDkq_spectrum-Tags-fieldWrapper--positionSide) { display: grid; } .HpsDkq_spectrum-Tags-empty-state { min-height: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)); } .HpsDkq_spectrum-Tag { color: var(--spectrum-tag-text-color, var(--spectrum-global-color-gray-700)); background-color: var(--spectrum-tag-background-color, var(--spectrum-global-color-gray-75)); border-color: var(--spectrum-tag-border-color, var(--spectrum-global-color-gray-600)); } .HpsDkq_spectrum-Tag.HpsDkq_is-hovered { background-color: var(--spectrum-tag-background-color-hover, var(--spectrum-global-color-gray-75)); color: var(--spectrum-tag-text-color-hover, var(--spectrum-global-color-gray-900)); border-color: var(--spectrum-tag-border-color-hover, var(--spectrum-global-color-gray-900)); } .HpsDkq_spectrum-Tag.HpsDkq_focus-ring { background-color: var(--spectrum-tag-background-color-key-focus, var(--spectrum-global-color-gray-75)); color: var(--spectrum-tag-text-color-key-focus, var(--spectrum-global-color-gray-900)); border-color: var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus)); } .HpsDkq_spectrum-Tag.HpsDkq_focus-ring:after { box-shadow: 0 0 0 var(--spectrum-focus-ring-border-size) var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus)); } .HpsDkq_spectrum-Tag.HpsDkq_is-disabled { color: var(--spectrum-tag-text-color-disabled, var(--spectrum-global-color-gray-500)); background-color: var(--spectrum-tag-background-color-disabled, var(--spectrum-global-color-gray-200)); border-color: var(--spectrum-tag-border-color-disabled, var(--spectrum-global-color-gray-200)); } .HpsDkq_spectrum-Tag.HpsDkq_is-disabled .HpsDkq_spectrum-Tag-avatar { opacity: var(--spectrum-avatar-small-opacity-disabled, .3); } .HpsDkq_spectrum-Tag.HpsDkq_spectrum-Tag--removable.HpsDkq_is-hovered { color: var(--spectrum-tag-removable-text-color-hover, var(--spectrum-global-color-gray-900)); } .HpsDkq_spectrum-Tag.HpsDkq_spectrum-Tag--removable:active { color: var(--spectrum-tag-removable-text-color-down, var(--spectrum-global-color-gray-700)); } .HpsDkq_spectrum-Tag.HpsDkq_spectrum-Tag--removable.HpsDkq_is-focused { color: var(--spectrum-tag-removable-text-color-key-focus, var(--spectrum-global-color-gray-700)); } .HpsDkq_spectrum-Tag.HpsDkq_spectrum-Tag--removable .HpsDkq_spectrum-Tag-removeButton.HpsDkq_is-focused { border: 2px solid var(--spectrum-tag-removable-border-color-key-focus, var(--spectrum-alias-border-color-focus)); border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50)); background-color: var(--spectrum-tag-removable-button-background-color-key-focus, var(--spectrum-global-color-gray-600)); color: var(--spectrum-tag-removable-button-icon-color-key-focus, var(--spectrum-global-color-gray-900)); } .HpsDkq_spectrum-Tag.HpsDkq_spectrum-Tag--removable .HpsDkq_spectrum-Tag-removeButton.HpsDkq_is-hovered { color: var(--spectrum-tag-removable-button-icon-color-hover, var(--spectrum-global-color-gray-900)); } @media (forced-colors: active) { .HpsDkq_spectrum-Tag { forced-color-adjust: none; --spectrum-tag-background-color: ButtonFace; --spectrum-tag-background-color-disabled: ButtonFace; --spectrum-tag-background-color-hover: ButtonFace; --spectrum-tag-background-color-key-focus: ButtonFace; --spectrum-tag-border-color: ButtonText; --spectrum-tag-border-color-disabled: GrayText; --spectrum-tag-border-color-hover: Highlight; --spectrum-tag-border-color-key-focus: Highlight; --spectrum-tag-removable-border-color-key-focus: Highlight; --spectrum-tag-removable-button-background-color-key-focus: ButtonFace; --spectrum-tag-removable-button-icon-color-hover: Highlight; --spectrum-tag-removable-button-icon-color-key-focus: Highlight; --spectrum-tag-removable-text-color-down: ButtonText; --spectrum-tag-removable-text-color-hover: ButtonText; --spectrum-tag-removable-text-color-key-focus: ButtonText; --spectrum-tag-text-color: ButtonText; --spectrum-tag-text-color-disabled: GrayText; --spectrum-tag-text-color-hover: ButtonText; --spectrum-tag-text-color-key-focus: ButtonText; } }